@charset "UTF-8";

body{font-size:12px;-webkit-text-size-adjust: 100%;word-break: normal;word-wrap: break-word;font-family:'Belgrano','Didact Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
p{color:;word-break: normal;word-wrap: break-word;/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/}
div,li{box-sizing:border-box;}

/*コンテンツ部分*/
#foot_menu{margin:0!important;}
a:hover img{	opacity:0.8;}
/*BOX内--------------------------------------------*/
#narou_headder{background: url(../img/narou_top_bg.png) center -50px;height: 70px;}
#narou_headder > div{width:980px;margin:0 auto;}
#narou_headder > div >h2{width: 281px;height:35px;background: url(../img/narou_top_logo.png);float:left;margin-top: 20px;}
#narou_headder > div >h2>a{display:block;}
#narou_headder > div > ul{float: right;margin-top: 25px;}
#narou_headder > div > ul > li{float:left;height: 22px;}
#narou_headder > div > ul > li.m1{background: url(../img/ic1.png) no-repeat;padding-left: 30px;margin-right: 20px;}
#narou_headder > div > ul > li.m2{background: url(../img/ic2.png) no-repeat;padding-left: 30px}

#main_contents{background: url(../img/bg.jpg);padding-bottom: 10px;}
#main_contents > #narou_pnkz{background: rgba(253,216,35,0.3) ;padding: 10px 0;margin-bottom: 20px;}
#main_contents > #narou_pnkz > ul{width:980px;margin:0 auto;}
#main_contents > #narou_pnkz > ul > li{line-height:24px;margin: 0;padding: 0;background: url(../img/pk_arrow.png) no-repeat 0 4px ;float:left;padding-left: 16px;margin-right: 10px;}
#main_contents > #narou_pnkz > ul > li:first-child{background: url(../img/pk_home.png) no-repeat ;padding-left: 30px;;}

#main_contents > #product_contents{width:980px;margin:0 auto;}
#main_contents > #product_contents >#product{width:770px;float:left;margin-bottom: 20px;background: #992f31;}

#product >h2{background: #992f31;padding:0.4em 0;}
#product >#cont{background:url(../img/main_visual.png) top no-repeat;}
#product >#cont>.main_visual{position:relative;height:800px;}
#product >#cont>.main_visual .logo{position:absolute;top:30px;right:20px;}
#product >#cont>.main_visual .catch{position:absolute;top:30px;left:20px;}
#product >#cont>.main_visual .auther{position:absolute;bottom:30px;right:20px;}

#product >#cont>.story{background:url(../img/bg_story.png) no-repeat center top;width: 747px;height: 405px;margin: 0 auto;position:relative;padding-top: 7em;}
#product >#cont>.story h3{position:absolute;top:-30px;left:0;right:0;text-align:center;}
#product >#cont>.story p{text-align:center;}

#product >#cont>.character {position:relative;margin-bottom: 2.5em;}
#product >#cont>.character h3{position:absolute;left:0;right:0;text-align:center;}
#product >#cont>.character ul{text-align:center;}
#product >#cont>.character .chA {padding-top: 30px;}
#product >#cont>.character .chA li{background:url(../img/bg_character_A.png) no-repeat center center;width: 240px;height: 464px;padding: 4em 2.3em 0 2.3em ;display:inline-block;vertical-align:top;;}
#product >#cont>.character .chA li >div{height: 209px;vertical-align:bottom;display: table-cell;}
#product >#cont>.character .chA li >h4{margin-bottom: 1em;margin-top: 1em;}
#product >#cont>.character .chA li >p{line-height:1.7em;padding: 0 0.5em;font-weight:bold;font-size:13px;color:#000;margin-bottom: 1.5em;line-height:1.5em;
text-shadow:
-1px -1px 0px #e9d6b1,
1px 1px 0 #e9d6b1,
3px 3px 5px #e9d6b1,
-3px -3px 5px #e9d6b1}
#product >#cont>.character .chB li{background:url(../img/bg_character_B.png) no-repeat center center;width: 357px;height:296px;padding: 3.5em 2.3em 0 1.5em ;display:inline-block;vertical-align:top;;}
#product >#cont>.character .chB li >div{margin-right: 1em;float: left;height: 224px;vertical-align:bottom;display: table-cell;}
#product >#cont>.character .chB li >h4{margin-bottom: 1em;text-align: left;}
#product >#cont>.character .chB li >p{font-weight:bold;font-size:13px;color:#000;margin-bottom: 1.5em;line-height:1.5em;
text-shadow:
-1px -1px 0px #e9d6b1,
1px 1px 0 #e9d6b1,
3px 3px 5px #e9d6b1,
-3px -3px 5px #e9d6b1}

#product >#cont>.teaching {background:url(../img/bg_teaching.png) no-repeat center top;width: 747px;height: 501px;margin: 0 auto;position:relative;padding-top: 5em;margin-bottom: 2em;}
#product >#cont>.teaching h3{position:absolute;left:0;right:0;top:-30px;text-align:center;}
#product >#cont>.teaching >img{position:absolute;left:-15px;top:53px;}
#product >#cont>.teaching ul{width: 432px;float: right;padding-right: 4em;}
#product >#cont>.teaching ul li{}
#product >#cont>.teaching ul li h4{margin-bottom: 1em;}
#product >#cont>.teaching ul li p{font-weight:bold;font-size:13px;color:#000;margin-bottom: 1.5em;line-height:1.5em;
text-shadow:
-1px -1px 0px #e9d6b1,
1px 1px 0 #e9d6b1,
3px 3px 5px #e9d6b1,
-3px -3px 5px #e9d6b1
}

/*-------------------------------------------------*/
#main_contents > #product_contents > div#read2 a{display:block; background:url(../img/tc_btn2.png) no-repeat center center #2c2e4a;height: 95px;width:200px;margin: 0 auto 10px;float:right;}
#main_contents > #product_contents > #product > div#read{margin-top: 20px;}
#main_contents > #product_contents > #product > div#read a{display:block; background:url(../img/tc_btn.png) no-repeat center center #2c2e4a;border-radius:5px;height: 60px;width:700px;margin: 0 auto 20px;}
#main_contents > #product_contents > div#read2 a:hover{opacity:0.8;}
#main_contents > #product_contents > #product > div#read a:hover{opacity:0.8;}

#main_contents > #product_contents > #recommend{width:200px;float:right;margin-bottom: 20px;background: #fcffec;}
#main_contents > #product_contents > #recommend >div{margin-bottom: 10px;;}
#main_contents > #product_contents > #recommend >div#series h3{height: 30px;background: url(../img/series_titile.png) no-repeat center center;;}
#main_contents > #product_contents > #recommend >div#series ul{padding: 20px;}
#main_contents > #product_contents > #recommend >div#series ul>li{margin-bottom: 20px;}
#main_contents > #product_contents > #recommend >div#series ul>li:last-child{margin-bottom: 0;}
#main_contents > #product_contents > #recommend >div#series ul>li>a>img{width:160px;}
#main_contents > #product_contents > #recommend >div#series ul>li>img{width:160px;}
#main_contents > #product_contents > #recommend >div#series ul>li>a>img.amz{width:150px;display: block;margin:10px auto 0;}
/*-------------------------------------------------*/
/*バナースペース*/
#bns{width: 100%;display: table}
#bns ul{width:980px;margin:0 auto;}
#bns ul li{float:left;margin-right:10px;}
#bns ul li:last-child{margin:0;}

/*social*/
#twitter1{float:right;width:110px;}
#facebook1{float:right;}

/*foot 差し替え*/
#foot_menu{color:#000;min-width:980px;}
#foot_menu a{color:#000;}
#foot{background:#000!important;min-width:980px;}

/*
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    display: none;
}
#cboxContent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#cboxClose {
    color: #fff !important;
}
.cboxIframe {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}*/