@charset "utf-8";
/* CSS2.1 */
/* page_news */
.news_entry{}
.news_entry .date{color: #800000;}

/* page_story */
.page_story #content .colMain{background: #FFF url(../images/story/main_bg.jpg) no-repeat right top;}
#story_main{ font-size: 16px; line-height: 1.6; font-family: serif;}

/* page_character */
.character_box{width: 810px; background:url(../images/character/character_box_top.png) no-repeat left top; margin-bottom: 30px; }
.character_box .bottom_line{width: 810px; height: 5px; overflow: hidden; background:url(../images/character/character_box_bottom.png) no-repeat left top; clear: both; }
.character_box .fig{width: 150px; height: 150px; padding: 24px 30px 30px 28px; float: left;}
.character_box .name{width: 170px; margin-top: 20px; font-size: 30px; font-weight: bold; font-family: serif;  float: left;}
.character_box .cv{width: 140px; margin-top: 26px; padding: 2px; font-size: 17px; font-family: serif; float: left; background-color: #F95C55;}
.character_box .group{width: 580px; margin-top: 10px; margin-bottom: 4px; padding-bottom: 4px; font-size: 18px;float: left; border-bottom: #C40000 solid 3px; }
.character_box .prof{width: 580px;float: left; }
/* page_cast */
.casttable tr th{ width: 200px; color: #800000; font-weight: bold;}

/* page_product */
#comicsList{ letter-spacing:-1em;}
#comicsList li{ width:150px; margin: 0 10px 10px 0; display:inline-block; display:-moz-inline-box; /display:inline; /zoom:1; letter-spacing:normal;}
#comicsList li > div{ width:150px; display:block;}

.page_product .table_black_1{}
.page_product .table_black_1 th{padding: 5px; font-size: 12px; }
.page_product .table_black_1 td{padding: 5px; font-size: 12px; vertical-align: middle; }
.page_product .table_black_1 .heading td{}

.goodsList{ display: block; float:left; width: 220px; margin-right: 15px; }
.goodsList dt{display: block; color:#AC2208; font-size: 12px;}
.goodsList dd{display: block; color: #000; font-size: 14px; border-bottom: #000 dotted 1px; margin-bottom: 4px;}

.cd_songlist{ padding-top: 5px; border-top: #333 dotted 1px;}
.cd_songlist li{ font-size: 12px;border-bottom: #333 dotted 1px; margin-bottom: 5px;}

.page_product .oritokuList{ display: block;}
.page_product .oritokuList li{ width: 250px; height: 440px; margin-right: 20px; float:left; display: block;}
.page_product .oritokuList li img{}
.page_product .oritokuList li dl{ width: 250px; display: block;}
.page_product .oritokuList li dl dt{ color:#AC2208; font-size: 10px; display: block;}
.page_product .oritokuList li dl dd{color: #000; font-size: 12px; border-bottom: #000 dotted 1px; margin-bottom: 4px; display: block;}

/* page_link */
#link_list{}
#link_list h4{margin-bottom: 0px;}
#link_list ul{ margin-bottom: 20px;}
#link_list ul li{display: block; border-bottom: #000 dotted 1px; }
#link_list ul li a{ /zoom : 1; }
#link_list ul li a:after{ content : ''; display : block; clear : both; height:0; }
#link_list ul li a{color: #000 ; text-decoration: none; display: block;}
#link_list ul li a:hover{color: #FFF ; background-color: #000;}
#link_list .title{width:250px; height: 40px; line-height: 40px; padding: 5px; float: left;}
#link_list .banner{width:200px; height: 40px; padding: 5px; float: left;}
#link_list .url{width:300px; height: 40px; line-height: 40px; padding: 5px; float: left;}

/*-------------------------------------------
rayout - 汎用レイアウト定義
-------------------------------------------*/
/* screensize 960px [scroolbarsize 20px contentarea 640px] */
html,body{background: #9F0C0C url(../images/body_bg.gif);}
body{color: #000;}
#wrapper{ width: 920px; margin:0 auto; padding: 0 20px; background:url(../images/wrapper_bg.png) repeat-y; }

#header{ width: 920px; height: 130px; margin:0 auto; background:url(../images/header_bg.jpg) no-repeat; }
#logo,#logo img{width: 205px; height: 130px;}
#logo{float: left;}
#navi{ width: 715px; height: 40px; padding-top: 90px; float:right;}
#navi ul li{display: block;}
#navi ul{ letter-spacing:-1em;}
#navi ul li{ width:78px; display:inline-block; display:-moz-inline-box; /display:inline; /zoom:1; letter-spacing:normal;}
#navi ul li > div{ width:78px; display:block;}
#navi a{ width:78px; height:0; padding-top:40px; overflow:hidden; display:block; line-height: 120%;}
#navi a{background: url(../images/navi_sub.jpg);}
#navi .navi1 a {background-position: 0px 0px ;}
#navi .navi1 a:hover{background-position: 0px -40px ;}
#navi .navi2 a {background-position: -78px 0px ;}
#navi .navi2 a:hover{background-position: -78px -40px ;}
#navi .navi3 a {background-position: -156px 0px ;}
#navi .navi3 a:hover{background-position: -156px -40px ;}
#navi .navi4 a {background-position: -234px 0px ;}
#navi .navi4 a:hover{background-position: -234px -40px ;}
#navi .navi5 a {background-position: -312px 0px ;}
#navi .navi5 a:hover{background-position: -312px -40px ;}
#navi .navi6 a {background-position: -390px 0px ;}
#navi .navi6 a:hover{background-position: -390px -40px ;}
#navi .navi7 a {background-position: -468px 0px ;}
#navi .navi7 a:hover{background-position: -468px -40px ;}
#navi .navi8 a {background-position: -546px 0px ;}
#navi .navi8 a:hover{background-position: -546px -40px ;}
#navi .navi9 a {background-position: -624px 0px ;}
#navi .navi9 a:hover{background-position: -624px -40px ;}

#content{ width: 920px; padding-top: 14px ; background:url(../images/content_frame_top.jpg) no-repeat; }
#content { overflow:hidden; } /* Dreamweaver design-view fix */
#content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* clearFix */
* html #content { zoom: 1; } /* IE6 */
*:first-child+html #content{ zoom: 1; } /* IE7 */

#content .colMain{ background: #FFF url(../images/dragon_bg.gif) no-repeat right -30px; padding: 50px; border-left:#EAB748 solid 5px; border-right:#946A0F solid 5px; line-height: 1.4; }
#content .colBottom{ width: 920px; height: 5px; overflow: hidden; background:url(../images/content_frame_bottom.jpg) no-repeat;}
#subnavi { background-color: #000; padding: 20px; border-left:#EAB748 solid 5px; border-right:#946A0F solid 5px; }
#subnavi li{display: inline; line-height: 1.4;color: #FFF;}
#subnavi li a{color: #FFF; text-decoration: none;}
#subnavi li a:hover{color: #EAB748; text-decoration: underline;}

h2{font-size: 28px; font-family:serif;  padding-left: 10px; border-left: #000 solid 3px; margin-bottom: 30px;}
h3{ font-size: 20px; font-family: serif; padding: 5px 0px; margin-bottom: 20px; border-top: #000 solid 9px; border-bottom: #000 solid 9px; background: url(../images/h3_bg.gif) no-repeat right top; }
h4{font-size: 20px; font-family: serif; border-bottom: #000 solid 2px; margin-bottom: 15px;}
.pagetop{ /zoom : 1; }
.pagetop:after{ content : ''; display : block; clear : both; height:0; }
.pagetop{padding-top:20px; padding-bottom:40px;}
.pagetop a{ display:block; width: 70px; padding: 5px 0px 5px 24px; background:url(../images/pagetop_icon.gif) no-repeat left 5px; float:right; color: #000;}
.pagetop a:hover{color: #666;}

#footer{ width: 920px; margin:0 auto; padding: 20px 0; font-size: 12px; text-align: center; color: #FFF; background-color: #000; }