/*レイアウト------------------------------------------------------*/

body {
font-size:14px;
line-height:20px;
color:#555555;
letter-spacing:0.1em;
margin:0;
padding:0;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background-image: url(http://www.forever-records.net/images/head_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}

div,ul,ol,li,p,h1,h2,h3 {
padding:0;
margin:0;
}

table{
text-align:left;
}

#content {
width: 950px;
margin: 0 auto;
}
.clearall {
clear: both;
font-size: 0;
height: 0px;
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
width: 100%; /* for IE6,7 */
visibility:hidden;
border:0;
line-height: 0px;
}

.size12 {font-size:12px; line-height:18px;}

/*ヘッダー------------------------------------------------------*/
#head_txt {
background-color:#E72A86;
height:20px;
}

H1.head_txt {
width:950px;
margin:0 auto;
text-align:right;
padding-right:10px;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
}

#header {
width:950px;
height:130px;
margin:0 auto;
}
#logo {
height:85px;
}

#logo ul {
list-style-type: none;
}
#logo ul li {
float:left;
}

#navigation {
margin:0px;
padding:0px;
margin:0 auto;
text-align: center;
}
#navigation ul#mainNav {
margin:0px;
padding:0px;
height:45px;
}
#navigation ul#mainNav li{
float:left;
margin:0px;
padding:0px;
list-style:none;
}

ul#mainNav {
background: url(http://www.forever-records.net/images/head_10b.gif) left top no-repeat;
width: 950px;
height: 45px;
position: relative;
}
ul#mainNav li {
height: 45px;
position: absolute;
top: 0;
}
ul#mainNav li a {
width: auto;
height: 45px;
display: block;
}
ul#mainNav li a:hover {
background-color: transparent;
}
ul#mainNav li a:hover img {
visibility: hidden;
} 

ul#mainNav li#mainNav01 {
width: 180px;
left: 0px;
}
ul#mainNav li#mainNav02 {
width: 180px;
left: 180px;
}
ul#mainNav li#mainNav03 {
width: 180px;
left: 360px;
}
ul#mainNav li#mainNav04 {
width: 180px;
left: 540px;
}
ul#mainNav li#mainNav05 {
width: 180px;
left: 720px;
}
ul#mainNav li#mainNav06 {
width: 50px;
left: 900px;
}

/*リンク------------------------------------------------------*/
a img{border:0}
a:link{ color:#586BBC;text-decoration:underline}
a:visited{ color:#586BBC;text-decoration:underline}
a:active{ color:#E72A86;text-decoration:underline}
a:hover { color:#E72A86;text-decoration:none}
a:hover img{filter:alpha(opacity=80);-moz-opacity:0.80;opacity:0.80}
#side a:hover img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
a:hover img.over{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}


/*トップページ------------------------------------------------------*/
#index_twitter {
margin:10px auto 0;
background-color:#FFE5E4;
height:30px;
}
#twit-ticker {
float:right;
margin-top:5px;
}

#index_twitter a:link{ color:#586BBC;text-decoration:none}
#index_twitter a:visited { color:#586BBC;text-decoration:none}
#index_twitter a:active { color:#E72A86;text-decoration:underline}
#index_twitter a:hover { color:#E72A86;text-decoration:underline}

#index_main {
float:left;
width:630px;
}

/*トップページ 更新情報*/
#index_new {
list-style-type: none;font-size:12px; line-height:16px; float:right; width:415px; height:140px;overflow-y: scroll;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#index_new li {padding:4px 0 8px 90px;}
.index_new_01 {background:url(http://www.forever-records.net/images/index_new_01.gif) no-repeat;} /*商品情報*/
.index_new_02 {background:url(http://www.forever-records.net/images/index_new_02.gif) no-repeat;} /*更新情報*/
.index_new_03 {background:url(http://www.forever-records.net/images/index_new_03.gif) no-repeat;} /*SNS*/
.index_new_04 {background:url(http://www.forever-records.net/images/index_new_04.gif) no-repeat;} /*ブログ*/
.index_new_05 {background:url(http://www.forever-records.net/images/index_new_05.gif) no-repeat;} /*その他*/
.index_new_06 {background:url(http://www.forever-records.net/images/index_new_06.gif) no-repeat;} /*メディア*/

#index_new a:link{ color:#586BBC;text-decoration:none}
#index_new a:visited { color:#586BBC;text-decoration:none}
#index_new a:active { color:#E72A86;text-decoration:underline}
#index_new a:hover { color:#E72A86;text-decoration:underline}

/*トップページ シーンとプラン*/
.index_item { font-size:12px; line-height:14px; letter-spacing:normal;}
table.index_item { border-bottom:1px #CCCCCC dashed; padding-bottom:5px;}
.index_item H3 { font-weight:bold; color:#333333; border-bottom:1px #CCCCCC dashed; padding-bottom:3px; margin-bottom:6px; font-size:14px; line-height:16px;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.index_item H3 small {font-size:12px}
.index_item a:link{ color:#666666;text-decoration:none; display:block; padding:5px 10px 5px 5px}
.index_item a:visited { color:#666666;text-decoration:none}
.index_item a:active { color:#333333;text-decoration:none}
.index_item a:hover { color:#333333;text-decoration:none; background-color:#FFE5E4}
.index_item a:hover H3 { color:#E72A86;}

/*メイン------------------------------------------------------*/
#main {
float:left;
width:610px;
margin-left:20px;
}

/*タイトル*/
H1#page-title {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size:24px;
font-weight:normal;
background: url(http://www.forever-records.net/images/page-title_bg.gif) no-repeat bottom;
padding-bottom: 10px;
margin:15px 0 25px;
}

#main H2.title {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:16px;
font-weight:normal;
margin:15px 0;
padding:5px 10px;
/*border-top:1px #BDAB63 dashed;*/
border-bottom:1px #BDAB63 dashed;
background:#EEEAD8;
}

#main H3.title {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
font-weight:normal;
margin:15px 0 10px;
padding:2px 6px 5px;
border-left:4px #BDAB63 solid;
border-bottom:1px #BDAB63 solid;
}

/*初めての方へ*/
.intro { background:url(http://www.forever-records.net/images/intro_01.jpg) no-repeat left top; font-size:14px; line-height:24px; padding:80px 0 0 10px;}

/*ご利用シーンから選ぶ*/
div.scene {font-size:12px; line-height:18px; border-bottom:1px #CCCCCC dashed; padding-bottom:10px; margin-bottom:10px;}
.scene H2 {color:#E72A86; font-size:14px; margin-bottom:10px; letter-spacing:normal;}
img.scene_bn {float:left; margin-right:20px;}
.scene a:link{ text-decoration:none; display:block;}
.scene a:hover { text-decoration:underline;}

/*シーン別ページ*/
.scene_sample {padding:15px; margin-top:15px; background:#FFE5E4;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.scene_sample H2 {color:#E72A86; font-size:16px; margin-bottom:10px;}
.scene_sample div.set {font-size:12px; line-height:18px; padding:5px; background:#EEEEEE; margin-bottom:10px}
.scene_sample div.message {background:#FFFFFF; padding:10px; margin-top:20px; font-size:12px; line-height:20px; color:#333333;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.scene_sample div.message H3 {font-size:14px; border-bottom:1px #BDAB63 dashed; padding-bottom:5px; margin-bottom:10px;}

div.scene_intro {font-size:16px; line-height:24px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
div.scene_recommend {border-bottom:1px #CCCCCC dashed; margin-bottom:10px; padding-bottom:5px;}
.scene_recommend p {width:500px; float:right;}
.scene_recommend h3 {color:#E72A86; font-size:14px;}
.scene_recommend form {float:left; margin-right:10px;}

/*アーティスト紹介*/
span.artist_name{text-align:right; font-size:12px; color:#BDAB63; font-weight:bold; display: block; margin-top:-36px; margin-bottom:15px;}

/*サンプル試聴*/
.sample_lyrics {height:140px;overflow-y: scroll; background:#FFFFFF; padding:10px;}

/*よくある質問*/
.faq_list ul { list-style:none;}
.faq_list ul li { background:url(http://www.forever-records.net/images/faq_icq02.gif) no-repeat left top; padding:0 0 5px 20px;}
.faq_box { border:5px #EEEAD8 solid; padding:10px;}
.faq_box p { padding-left:30px;}
.faq_box p.faq_q { background:url(http://www.forever-records.net/images/faq_icq01.gif) no-repeat left top; border-bottom:1px #BDAB63 dotted; padding-bottom:6px;}
.faq_box p.faq_a { background:url(http://www.forever-records.net/images/faq_ica01.gif) no-repeat left 10px; padding-top:10px;}
p.faq_back { text-align:right; margin-top:5px;}

/*会社概要*/
table.company { width:100%;}
table.company th { padding:8px; border-bottom:1px #BDAB63 dotted; text-align:center;}
table.company td { padding:8px; border-bottom:1px #BDAB63 dotted;}


/*サイドナビ------------------------------------------------------*/
#side { float:right; width:300px; }
ul.list_big { background:url(http://www.forever-records.net/images/side_big_bg.gif) repeat-x #FFFFFF; border:1px #DFDFDF solid; list-style:none;}
ul.list_big li.list_big_01 {padding:15px 9px 5px;}/*一番上*/
ul.list_big li.list_big_02 {padding:5px 9px;}/*サブ入ってないやつ*/
ul.list_big li.list_big_03 {padding:5px 9px 5px;}/*サブ入ってるやつ*/
ul.list_big li.list_big_04 {padding-bottom:5px;}/*最後に*/

ul.list_big li.list_big_01 a,
ul.list_big li.list_big_02 a { background:url(http://www.forever-records.net/images/side_big_list_off.gif) no-repeat; width:260px; height:30px;display:block; padding:14px 10px 6px; font-size:16px; color:#555555; text-decoration:none; font-weight:bold;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
ul.list_big li.list_big_01 a:hover,
ul.list_big li.list_big_02 a:hover { background:url(http://www.forever-records.net/images/side_big_list_on.gif) no-repeat; color:#FFFFFF;}

/*リストのタイトル*/
.list_sub_title {
width:260px; height:25px; background:url(http://www.forever-records.net/images/side_sub_ttl.gif) no-repeat; font-size:12px; font-weight:bold; color:#555555;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:8px 10px 2px;
}
.list_sub_title a {display:block; text-decoration:none; color:#555555;}
.list_sub_title a:hover { color:#BDAB63;}

/*リストの中身*/
ul.list_sub { background:url(http://www.forever-records.net/images/side_sub_bg.gif) repeat-x #FFFFFF; border:1px #DFDFDF solid; list-style:none; padding-top:1px;}
ul.list_sub li a { font-size:12px; display:block; height:28px; padding:10px 0 0 25px; text-decoration:none;background:url(http://www.forever-records.net/images/side_sub_off.gif) no-repeat; }
ul.list_sub li a:hover{ padding:10px 0 0 30px; background:url(http://www.forever-records.net/images/side_sub_on.gif) no-repeat;}

/*-------------------------------------------------------------*/

/*パンくず------------------------------------------------------*/
.pankuzu { width: 610px; height:25px;}
.pankuzu li{ display: inline;margin-right: 5px;font-size:12px; line-height:20px;}
#main ul.pankuzu { margin-top:10px;}

/*フッター------------------------------------------------------*/
/*フッターナビ*/
#foot_nav {width:950px;margin:15px auto 0;}
#foot_nav ul.pankuzu { float:left;}
#foot_nav #pagetop { float:right;text-align:right;}

/*フッター*/
#footer {
background-color:#E5E5E5;
clear:both;
}

#foot {
width:950px;
margin:10px auto 0;
padding:15px 10px 5px;
font-size:12px;
line-height:24px;
}

#foot_link {
float:right;
text-align:left;
width:500px;
letter-spacing:normal;
}
#foot_link ul{ list-style-type: none; clear:both}
#foot_link ul li{ float:left;}

#footer a:link{ color:#555555;text-decoration:none}
#footer a:visited { color:#555555;text-decoration:none}
#footer a:active { color:#E72A86;text-decoration:underline}
#footer a:hover { color:#E72A86;text-decoration:underline}

#copy {
font-size:11px;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:10px;
}

/* CSS3(角丸) を使う時のメモ*/
/*
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px green solid;
padding:10px;
behavior: url(http://www.forever-records.net/PIE.htc);
position:relative;
*/
