@charset "utf-8";
/* CSS Document */

.h4_text{ width:910px; color:#BF1D30; font-weight:bold; font-size:1.2em; margin-bottom:20px; border-bottom: #EE86AD dotted 1px;
 line-height:110%; background:url(../common/icon_h4.jpg) no-repeat left 0px; padding:5px 0 5px 30px;}

.header_downer{ height:280px;}
.header_downer h2{ text-indent:-9999px; font-size:1px;}

body#story{ background:url(../common/maincover/s01.jpg) no-repeat center 125px;}
body#series{ background:url(../common/maincover/s02.jpg) no-repeat center 125px;}
body#character{ background:url(../common/maincover/s03.jpg) no-repeat center 125px;}
body#graphic{ background:url(../common/maincover/s04.jpg) no-repeat center 125px;}
body#download{ background:url(../common/maincover/s05.jpg) no-repeat center 125px;}
body#privilege{ background:url(../common/maincover/s06.jpg) no-repeat center 125px;}
body#outline{ background:url(../common/maincover/s07.jpg) no-repeat center 125px;}
body#sitemap{ background:url(../common/maincover/s08.jpg) no-repeat center 125px;}
body#siteinfo{ background:url(../common/maincover/s09.jpg) no-repeat center 125px;}
body#contact{ background:url(../common/maincover/s10.jpg) no-repeat center 125px;}
body#error{ background:url(../common/maincover/s11.jpg) no-repeat center 125px;}
body#special{ background:url(../common/maincover/s12.jpg) no-repeat center 125px;}
body#news{ background:url(../common/maincover/s13.jpg) no-repeat center 125px;}
body#support{ background:url(../common/maincover/s14.jpg) no-repeat center 125px;}

.subnavi{ background:url(../common/subnavi/subnavi_bg.jpg) no-repeat left top; width:890px; height:60px; margin-bottom:30px; padding-left:50px;}
.subnavi ul{}
.subnavi ul li{ float:left;}

.maincontent{}

.wrapstoryimage_bg{  background:url(../story/images/story_image_bg.jpg) repeat-x left top; height:1018px; margin-bottom:40px;}
.wrapstoryimage_bg2{  background:url(../story/images/story_image_bg.jpg) repeat-x left top; height:1890px; margin-bottom:40px;}
.wrapstoryimage{ background:url(../story/images/story_image.jpg) no-repeat center top; min-width:940px; height:1018px;}
.wrapstoryimage2{ background:url(../story/images/story_image2.jpg) no-repeat center top; min-width:940px; height:1890px;}
.wrapstoryimage p{ display:none;}
.wrapstoryimage2 p{ display:none;}

.charawrap{ background:url(../character/images/wrapchara_bg.jpg) repeat-y center top #F4C8D7; margin-bottom:30px;}
.charawrap_head{ background:url(../character/images/wrapchara_head.jpg) repeat-x left top; padding:16px 0 0 0;}
.charawrap_foot{ background:url(../character/images/wrapchara_foot.jpg) repeat-x left bottom; padding:0 0 16px 0;}

.charawrap .left{ float:left; width:480px; z-index:10; position:relative; height:630px;}
.charawrap .right{ float:right; width:600px; margin-left:-140px; margin-top:-40px; height:670px;}

.charawrap .left h3{ padding:30px 0 30px 0;}
.magic_name h4{ margin-bottom:20px;}
.magic_name .detail p{ font-size:1.2em; font-weight:bold; margin-bottom:10px;}
.magic_name table{ font-size:1.2em; margin-bottom:30px;}
.magic_name table th{ color:#BF1D30; font-weight:bold; padding-right:10px; vertical-align:top;}
.magic_name table td{ font-size:0.8em; vertical-align:top;}

.changebox{ margin-bottom:20px;}
.changebox li{ float:left;}
.changebox li.li01{ float:left; margin-right:20px;}

.wrapcomment{ background:url(../character/images/wrapchara_comment_bg.jpg) repeat left top; padding:20px 0;
 border-top:#CCC dotted 1px; border-bottom:#CCC dotted 1px; font-size:1.3em; line-height:200%; margin-bottom:40px;}

.wrapcomment h5{ margin-bottom:10px;}

.charawrap .charabox2 .left{ float:right; width:480px; margin-left:-140px; z-index:10; position:relative; height:630px;}
.charawrap .charabox2 .right{ float:left; width:600px; margin-top:-40px; height:670px;}

/*ドロップダウン*/
.dropdown {float:left; font-size:11px;}

.dropdown dd {position:absolute; overflow:hidden; width:290px; display:none; z-index:90; opacity:0;}
.dropdown ul {width:290px; list-style:none; text-align:left;}
.dropdown li { width:265px; margin-left:12px; margin-bottom:10px;}
.dropdown li.last {margin-bottom:0px;}
.dropdown li a{}

.dropdown dd .ddbody{  background:url(../character/images/pulldown_bg.png) repeat-y; float:left;}
.dropdown dd .ddheader{ background:url(../character/images/pulldown_head.png) no-repeat left top; padding-top:30px;}
.dropdown dd .ddfooter{ background:url(../character/images/pulldown_foot.png) no-repeat left bottom; padding-bottom:15px;}

.subbox{ margin-bottom:30px;}

.subbox .sub01{ background:url(../character/images/subimage01.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub02{ background:url(../character/images/subimage02.jpg) no-repeat left top; width:940px; height:250px;}
.subbox .sub03{ background:url(../character/images/subimage03.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub04{ background:url(../character/images/subimage04.jpg) no-repeat left top; width:940px; height:260px;}
.subbox .sub05{ background:url(../character/images/subimage05.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub06{ background:url(../character/images/subimage06.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub07{ background:url(../character/images/subimage07.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub08{ background:url(../character/images/subimage08.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub09{ background:url(../character/images/subimage09.jpg) no-repeat left top; width:940px; height:190px;}
.subbox .sub10{ background:url(../character/images/subimage10.jpg) no-repeat left top; width:940px; height:190px;}

.subbox .sub14{ background:url(../character/images/subimage11.jpg) no-repeat left top; width:940px; height:250px;}
.subbox .sub15{ background:url(../character/images/subimage12.jpg) no-repeat left top; width:940px; height:190px;}


.subbox .sub11{ background:url(../character/images/enemyimage01.jpg) no-repeat left top; width:940px; height:320px;}
.subbox .sub12{ background:url(../character/images/enemyimage02.jpg) no-repeat left top; width:940px; height:270px;}
.subbox .sub13{ background:url(../character/images/enemyimage03.jpg) no-repeat left top; width:940px; height:210px;}



.subbox h5{ display:none;}
.subbox p{ font-size:1.1em; padding:95px 0 0 30px;}

.h3_title{ margin-bottom:20px;}

.telca{ padding-left:30px; margin-bottom:40px;}
.telca table{ border-top:#CCC solid 1px; border-left:#CCC solid 1px;}
.telca table td,.telca table th{border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px; vertical-align:top; text-align:center;}
.telca table th{background-color:#F6C0D5; text-align:center;}
.telca table th a{ color:#333;}
.telca table td{}

.wrapcontact{ margin-bottom:40px;}
.wrapcontact table{ font-size:1.2em; margin-bottom:20px; width:740px; margin-left:100px;}
.wrapcontact table th{border-bottom: #EE86AD dotted 2px; vertical-align:top; font-weight:bold; padding:10px 10px 10px 0; white-space:nowrap; width:25%;}
.wrapcontact table td{border-bottom: #999 dotted 2px;  vertical-align:top; padding:10px 0;}

.coution{ color:#F05A86; border:#F05A86 solid 2px; text-align:center; padding:10px; margin-bottom:20px;}

.fborderR{border:#F05A86 solid 2px;}
.must{ color:#F05A86; font-style:0.8em;}

.assist{ margin-bottom:40px;}
.assist table{ border-top:#CCC solid 1px; border-left:#CCC solid 1px;}
.assist table td,.assist table th{border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; padding:10px;}
.assist table th{background-color:#F6C0D5; text-align:center;}
.assist table td{ text-align:center;}
.assist table img{ margin-bottom:10px;}


.movie iframe{ border:#CCC solid 1px; margin-bottom:20px;}
.miller ul{padding-left:20px;}
.miller{ margin-bottom:30px;}

.step01{ background:url(../campaign/images/icon01.jpg) no-repeat left top; padding-left:100px; border-bottom:#CCC dotted 1px;
 margin-bottom:14px;}
 
.step02{ background:url(../campaign/images/icon02.jpg) no-repeat left top; padding-left:100px; border-bottom:#CCC dotted 1px;
 margin-bottom:14px;}
 
.step03{ background:url(../campaign/images/icon03.jpg) no-repeat left top; padding-left:100px; border-bottom:#CCC dotted 1px;
 margin-bottom:14px;}
 
.step04{ background:url(../campaign/images/icon04.jpg) no-repeat left top; padding-left:100px; border-bottom:#CCC dotted 1px;
 margin-bottom:14px;}
 
.graphic ul{ padding:0 0 40px 15px;}
.graphic ul li{ float:left; margin-right:12px; margin-bottom:12px;}
.graphic ul li img{ border:#FFF solid 2px;}
.graphic ul li a{ border:#CCC solid 2px; display:block; width:214px; height:144px;}
.graphic ul li a:hover{ border:#F397BA solid 2px; display:block; width:214px; height:144px;}

.twittericon td{ padding-right:10px; padding-bottom:10px;}
.twittericon img{ width:120px; height:auto;}

.twittercover td{ padding-right:10px; padding-bottom:10px; padding-left:40px;}
.twittercover img{ width:860px; height:auto;}

.wallpaper td{ padding-right:10px; padding-bottom:10px; padding-left:40px;}
.wallpaper img{ width:860px; height:auto;}