@charset "UTF-8";
/* common css */

/*
html { font-size: 62.5%; } 
font-size: 14px; font-size: 1.4rem;  /14px/
font-size: 24px; font-size: 2.4rem;  /24px/
*/

/*
key color #020131
*/


html { font-size: 62.5%;background-image: url(/images/bg.jpg);background-repeat: repeat;background-position: center center}
body{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 12px; font-size: 1.2rem;}

a{color:#000094;text-decoration: underline; }

#outer_ctn{padding-top: 95px;}
#main-ctn-outer{width:1050px;background-image:url(/images/main-ctn-bg.jpg); margin:0 auto 5px auto;border:1px solid #ffffff; padding:1px;position:relative;
-webkit-box-shadow: 0px 0px 20px #666666;
-moz-box-shadow: 0px 0px 20px #666666;
box-shadow: 0px 0px 20px #666666;
 behavior: url(ie-css3.htc);

}
#main-ctn-inner{border:1px solid #676968;}

#main-ctn-inner h1{position:absolute;top:-30px;left:102px;}

#gnav{position:absolute;top:10px;left:275px;}
nav#gnav > ul > li{height:16px;float: left;margin-left: 22px;}
nav#gnav > ul > li.artist{background-image: url(../images/gnav_artist.png);width:50px;}
nav#gnav > ul > li.writer{background-image: url(../images/gnav_writer.png);width:44px;}
nav#gnav > ul > li.producer{background-image: url(../images/gnav_producer.png);width:70px;}
nav#gnav > ul > li.composer{background-image: url(../images/gnav_composer.png);width:129px;}
nav#gnav > ul > li.musician{background-image: url(../images/gnav_musician.png);width:116px;}
nav#gnav > ul > li.creator{background-image: url(../images/gnav_creator.png);width:64px;}
nav#gnav > ul > li.private{background-image: url(../images/gnav_private.png);width:106px;}
nav#gnav > ul > li:hover{background-position: center bottom}
nav#gnav > ul > li > span{display: none}

ul.gnav_sub_list{display: block;padding-top: 10px;width:150px;background-image: url(/images/gnav_pulldown_head.png);background-repeat:no-repeat;margin-top: 15px;border-bottom: 1px solid #b5b5b5;z-index:10000;position:relative; display:none}

ul.gnav_sub_list > li{background-image: url(/images/gnav_pulldown_bg.png);padding:0px 5px;border-left: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;display: block;}
ul.gnav_sub_list > li:hover{background-image:none;background-color: #ffffff;}
ul.gnav_sub_list > li > a{border-top:1px dotted #b5b5b5;padding:5px;position:relative;margin:0px;padding:5px 0 5px 0;display: block;color: #000000;}
ul.gnav_sub_list > li.category_change > a{border-top:3px  double #b5b5b5;padding:5px;position:relative;margin:0px;padding:5px 0 5px 0;display: block;color: #000000;}
ul.gnav_sub_list > li > a:hover{color:#020131;}
ul.gnav_sub_list > li > a > img{float: left;}
ul.gnav_sub_list > li > a:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
ul.gnav_sub_list > li:first-child > a{border-top: none;}


ul.gnav_sub_list > li > a > p{position:absolute;bottom:0px;left:35px;font-weight: bold;}


#contents-ctn-outner{width:980px;border: 1px solid #ededed;margin:28px auto;}

#contents-ctn-inner{width:978px;border: 1px solid #b2b2b2;padding:2px 4px;}

#contents-ctn{width:960px;border: 1px solid #b9b9b9;padding:6px 6px;background-color: #fff;}
#contents-ctn:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;  }
#contents{min-height:400px;}

footer{width: 1050px;margin: 10px auto;}

footer ul{float: left;}
footer li{float: left;margin-right:15px;}
footer li a{border-left:4px solid #666581;padding-left: 4px;height:10px;display: block;font-size:10px;}
footer:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;  }
footer small{float: right;font-size: 10px;font-size: 1.0rem;}


#pagetop{text-align:right;margin: 20px -6px -6px 0; }

#pagetop a{background-color:#020131;color: #ffffff;padding:3px 5px;font-size: 10px;font-size:1.0rem;}