/* -------------------------------------
基本設定
------------------------------------- */
body{
font-size: 80%;
font-family: "ＭＳ Ｐゴシック", Osaka;
line-height: 1.2;
}
img{
border: 0;
}
.none{
clear: both;
}

/* -------------------------------------
レイアウト設定
------------------------------------- */
#top{
width: 655px;
}
.news_txt{
width: 493px;
height: 40px;
}
#header{
width: 620px;
}
#header_left{
width: 245px;
}
#breadcrumb{
width: 630px;
}
#contents{
width: 610px;
}
#news_area_left{
width: 90px;
}
#news_area_right{
}
#amazon,
#flash{
width: 310px;
}
#amazon_photo{
width: 65px;
}
#amazon_txt{
width: 220px;
}
#footer{
width: 620px;
}
#onesong{
width: 580px;
}
.songguide_title,
.songguide_list{
width: 590px;
}
.disp_line,
.disp_bottom
.disp_pagetop{
width: 590px;
}
.mov_text{
width: 560px;
}
.onesong_add{
width: 450px;
}

/* -------------------------------------
マージン
------------------------------------- */
body,
#header h1,
#news_area ul,
#info_area1 p,
#info_area2 p,
#songguide_area2 p,
#songguide_area1 p,
#breadcrumb p,
#news_area li,
#displayguide_area ul,
#displayguide_area li{
margin: 0;
}
#info_area2 h3{
margin: 0 0 5px 0;
}
#displayguide_area h3{
margin: 0 0 10px 0;
}
#news_area li,
#info_area1 h3{
margin: 0 0 10px 0;
}
#header{
margin: 20px 0 0 0;
}
#breadcrumb,
#contents h2{
margin: 0 0 15px 0;
}
#contents h2{
margin: 0 0 15px 0;
}
#info_area1,
#songguide_area1{
margin: 0 0 20px 0;
}
#info_area2,
#displayguide_area{
margin: 0 0 25px 0;
}
#songguide_area2{
margin: 0 0 40px 0;
}
#amazon{
margin: 40px 0 25px 0;
}
#news_area_right,
#amazon_txt{
margin: 0 0 0 10px;
}
#footer{
margin: 20px 0 50px 0;
}
#top{
margin: 50px 0;
}
#flash_area p{
margin: 15px 0;
}
#flash{
margin: 40px auto;
}
#top,
#header,
#breadcrumb,
#contents,
#amazon,
#footer,
.onesong_add{
margin-left: auto;
margin-right: auto;
}
#onesong,
.disp_line,
.disp_bottom,
.disp_pagetop{
margin: 0 auto;
}
.songguide_title{
margin: 10px 0 0 0;
}
.mt20{
margin-top: 20px;
}
.disp_right{
margin-left: 25px;
}
.disp_pagetop{
margin: 20px 0 25px 0;
}
.mov_text{
margin: 10px auto 0 auto;
}
.flashtxt{
margin-left: 10px;
}
.onesong_add{
text-align: left;
}

/* -------------------------------------
余白
------------------------------------- */
body,
#header h1,
#contents h2,
#breadcrumb p,
#news_area ul,
#displayguide_area ul,
#displayguide_area li{
padding: 0;
}
.news_txt{
padding: 9px 5px 0 10px;
}
#news_area li{
padding: 0 0 8px 0;
}
#info_area1 h3,
#info_area1 p,
#info_area2 p,
#songguide_area2 p,
#contents{
padding: 0 5px;
}
#info_area1{
padding: 5px;
}
#songguide_area1{
padding: 7px;
}
#info_area2 h3,
#displayguide_area h3{
padding: 10px 5px 8px 25px;
}
#b_middle{
padding: 2px 10px;
}
#amazon_photo{
padding: 3px;
}
#amazon_txt{
padding: 27px 3px
}
#footer{
padding: 10px 0 0 0;
}
#flash_area p{
margin: 15px 0;
}
#onesong .anyname,
#onesong .song{
padding: 20px;
}
#onesonglist .tabletitle,
#onesonglist .bg1{
padding: 3px;
}
.songguide_title,
.songguide_list{
padding: 0 5px 5px 5px;
}
.songguide_list{
padding: 5px;
}
#displayguide_area img{
padding-bottom: 5px;
}
.disp_bottom{
padding-top: 20px;
}
.songguide_txt{
padding: 10px 5px;
}

/* -------------------------------------
テキスト
------------------------------------- */
#info_area1 h3{
font-size: 110%;
}
#info_area1 p,
#info_area2 h3,
#displayguide_area h3{
font-size: 100%;
}
#flash_area p,
#onesonglist .tabletitle,
.disp_bottom,
.disp_pagetop,
.songguide_txt{
font-size: 85%;
}
.cp,
.news_txt,
#breadcrumb,
#amazon,
#footer{
font-size: 10px;
}
#flash_area,
#footer,
#onesong,
.cd,
.disp_bottom,
.songguide_right{
text-align: center;
}
.news_txt a:hover,
#breadcrumb a:hover{
text-decoration: none;
}
.songguide_title{
font-weight: bold;
}
.disp_pagetop{
text-align: right;
}
.onesong_add{
font-size: 90%;
}

/* -------------------------------------
色
------------------------------------- */
.news_txt,
.news_txt a:link,
.news_txt a:visited,
.news_txt a:hover,
#breadcrumb,
#breadcrumb a:link,
#breadcrumb a:visited{
color:#fff;
}
#info_area1{
background-color: #E4F9D7;
}
#songguide_area1{
background-color: #FEF1DE;
}
#info_area1 h3{
color: #333;
}
.mov_text a:hover,
#info_area1 p,
#onesonglist,
#onesonglist a:link,
#onesonglist a:visited,
.onesong_add{
color: #555;
}
.mov_text,
.mov_text a:link,
.mov_text a:visited,
#news_area,
#news_area a:link,
#news_area a:visited,
#info_area2 p,
.songguide_title,
#songguide_area2,
#songguide_area2 a:link,
#songguide_area2 a:visited,
#displayguide_area a:link,
#displayguide_area a:visited,
#amazon,
#amazon a:link,
#amazon a:visited,
#flash_area p,
#onesonglist a:hover,
.disp_line,
.disp_bottom{
color: #777;
}
.cp,
#displayguide_area a:hover,
#news_area a:hover,
#amazon a:hover,
#footer{
color: #999;
}
#info_area2 h3,
#displayguide_area h3{
color: #62DB1B;
}

/* -------------------------------------
線
------------------------------------- */
#info_area2 h3,
#displayguide_area h3{
border-bottom: 1px solid #62DB1B;
}
#news_area li{
border-bottom: 1px dotted #ccc;
}
#amazon{
border: 1px solid #ccc;
}
#footer{
border-top: 2px solid #62DB1B;
}
#onesong .anyname{
border-bottom: 1px dotted #cccccc;
}
#onesonglist .tabletitle,
#onesonglist .blanktable{
border-bottom: 2px solid #62DB1B;
}
#songguide_area2 .songguide_list{
border-bottom: 1px solid #666;
}

/* -------------------------------------
リンク
------------------------------------- */


/* -------------------------------------
その他
------------------------------------- */
#top td{
vertical-align: top;
}
.cp{
text-align: center;
}
.news_txt{
background-image: url(../img_s/m06_9-2.gif);
background-repeat: no-repeat;
}
#b_middle{
background-image: url(../img/breadcrumb_middle.gif);
background-repeat: repeat-y;
}
#info_area2 h3{
background-image: url(../img/info_icon1.gif);
background-repeat: no-repeat;
background-position: left center;
}
#displayguide_area h3{
background-image: url(../img/displayguide_icon.gif);
background-repeat: no-repeat;
background-position: left center;
}
#news_area li{
list-style-type: none;
}
#header_left,
#news_area_left,
#news_area_right,
#amazon_photo,
.fl{
float: left;
}
#header_right,
#amazon_txt{
float: right;
}
#breadcrumb,
.clear{
clear: both;
}
#f_link a:link,
#f_link a:visited,
.flashtxt a:hover{
color: #999;
}
.flashtxt a:link,
.flashtxt a:visited,
#f_link a:hover{
color: #666;
}
#onesonglist .bg1{
background-color: #effbe8;
}
#onesonglist .bg2{
background-color: #f6f6f6;
}
#onesonglist td{
vertical-align: top;
}

/* add */
#onesong{
width: 650px;
text-align: center;
margin: 0 auto;
}
.songguide_left{
width: 350px;
float: left;
}
.songname{
width: 250px;
float: left;
}
.cd{
width: 100px;
float: left;
}
.songguide_right{
width: 100px;
float: left;
}
.songguide_title{
border-bottom: 2px solid #666;
}
#songguide_area2 a:hover{
color: #333;
text-decoration: none;
}
.disp_left{
float: left;
}
.disp_right{
float: left;
line-height: 130%;
}
.disp_pagetop{
list-style-image: url(../img/disp_icon.gif);
}
.jasrac{
text-align: left;
font-size: 0.8em;
color: #999;
}
.spbb{
border-bottom: 1px dotted #b8f295;
}
.w580{
width: 580px;
}
.mov_text{
font-size: 85%;
text-align: left;
}
.flashbt{
float: left;
width: 88px;
}
.flashtxt{
float: left;
width: 157px;
font-size: 85%;
color: #666;
}