@charset "Shift_JIS";
/* :::::::::: BASE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* CSS INDEX
基本タグ設定
回り込み、解除
*/

/* :::::::::: 基本タグ設定 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

* {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 100%;
}

html {
overflow-y:scroll;
}

body{
margin:0;
padding:0;
background:#fff;
color:#000;
text-align:left;
}

img,a img{
border-width:0;
}

div,p,h1,h2,h3,h4,h5,form,li,ul,ol,dl,dd,dt{
margin:0;
padding:0;
}

table{
border-width:0;
}

/* :::::::::: 回り込み、解除 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
display:block;
margin:0;
padding:0;
height:0;
line-height:1px;
font-size:1px;
}

/*画像の回り込み************************************/
/*左へ回り込み */
img.left{
float:left;
margin-top:0px;
margin-right:0px;
}

/*右へ回り込み */
img.right{
float:right;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}

/* :::::::::: フォント ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

p{
font-size:12px;
line-height:140%;
color:#ffffff;
}

/* :::::::::: リンクカラー :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
a:link,
a:visited{
color:#0000FF;
text-decoration:underline;
}

a:active{
color:#990000;
text-decoration:underline;
}

a:hover{
color:#ff0000;
text-decoration:underline;
}


/*▼【SWF Object】************************************************************/

#indexContainer_top{
margin:0;
padding:0;
border:none;
width:490px;
height:705px;
position:absolute;
top:0px;
left:496px;
}

#indexContainer_info{
margin:0;
padding:0;
border:none;
width:205px;
height:166px;
}


#indexContainer{
margin:0;
padding:0;
border:none;
width:980px;
height:800px;
}

.swf_object{
color:#999999;
}

a.swf_object:link,
a.swf_object:visited,
a.swf_object:active,
a.swf_object:hover{
color:#999999;
font-size:12px;
}

.swf_object ul li{
color:#999999;
font-size:12px;
}

/* :::::::::: レイアウト ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/*▼【全体】************************************************************/

#contents{
text-align:left;
}

#header{
margin:0;
padding:0;
position:relative;
}

#footer{
padding:30px 0;
width:980px;
text-align:center;
}

/*▼【トップページ】************************************************************/

#wrapper{
margin:0;
padding:0;
background:url(../images/top/bg.jpg) no-repeat;
width:980px;
/*height:837px;*/
height:980px;
text-align:left;
position:relative;
top:0px;
left:0px;
}

#wrapper h2{
padding:84px 0 0 117px;
margin:0;
}

#wrapper #start{
padding:7px 0 0 117px;
margin:0;
}

#wrapper #oa{
padding:13px 0 0px 95px;/*デフォルト時padding:13px 0 45px 95px;*/
margin:0;
height:20px;
font-size:14px;
line-height:120%;
font-weight:bold;
color:#cfd942;
letter-spacing:0.08em;
}

#wrapper #oa_info{/*08/05/20追加*/
padding:0px 0 10px 95px;
font-size:12px;
line-height:120%;
height:35px;
font-weight:bold;
color:#b4f501;
}

#wrapper #navi{
padding:34px 0 25px 0px;
margin:0;
width:496px;
height:92px;
}

#wrapper #info{
margin:0 0 0 60px;
width:437px;
clear:both;
}

#wrapper #info #koushin{
width:214px;
float:left;
}

#wrapper #info #koushin #qr{
width:204px;
display:block;
}

#wrapper #info #bnr{
margin:0;
padding:0;
float:right;
width:222px;
}

#wrapper #info #bnr ul{
list-style:none;
margin:0;
padding:0;
}

#wrapper #info #bnr ul li{
margin-bottom:10px;
padding:0;
}




/*▼【イントロ】************************************************************/

#wrapper_intro{
margin:0;
padding:0;
background:url(../images/bg.jpg) top left no-repeat;
width:980px;
text-align:left;
}

#wrapper_intro h2{
position:absolute;
top:0px;
left:0px;
width:170px;
}

#wrapper_intro #navi{
padding-left:177px;
width:806px;
height:40px;
}

#wrapper_intro #navi ul{
list-style:none;
}

#wrapper_intro #navi ul li{
float:left;
margin:0;
padding:0;
}

#wrapper_intro #contents{
clear:both;
}

#wrapper_intro #contents h3{
padding-left:223px;
}

#wrapper_intro #contents #contents_in{
margin:27px 0 0 90px;
width:799px;
background:url(../images/intro/bg.jpg) bottom left;
background-color:#131313;
}

#wrapper_intro #contents #contents_in .catch{
margin-bottom:30px;
}

#wrapper_intro #contents #contents_in .catch2{
padding-bottom:30px;
}

#wrapper_intro #contents #contents_in .section1{

}

#wrapper_intro #contents #contents_in .section1 h4{
width:175px;
height:140px;
float:left;
}

#wrapper_intro #contents #contents_in .section1 .sentence{
width:624px;
float:left;
padding-bottom:130px;
}

#wrapper_intro #contents #contents_in .section1 .sentence p{
font-size:12px;
line-height:180%;
font-weight:normal;
color:#CCCCCC;
}

#wrapper_intro #contents #contents_in .section1 .sentence .newvisual{
float:right;
margin:0px 40px 0px 30px;
}

#wrapper_intro #contents #contents_in .catch3{
margin:0;
padding:0;
}


/*▼【エピソード】************************************************************/

#wrapper_epi{
margin:0;
padding:0;
background:url(../images/bg.jpg) top left no-repeat;
width:980px;
height:800px;
text-align:left;
}

#wrapper_epi h2{
position:absolute;
top:0px;
left:0px;
width:170px;
}

#wrapper_epi #navi{
padding-left:177px;
width:806px;
height:40px;
}

#wrapper_epi #navi ul{
list-style:none;
}

#wrapper_epi #navi ul li{
float:left;
margin:0;
padding:0;
}

#wrapper_epi #contents{
clear:both;
position:relative;
top:0px;
left:0px;
}

#wrapper_epi #contents h3{
padding-left:223px;
}

#wrapper_epi #contents #contents_in{
width:800px;
position:relative;
top:26px;
left:90px;
}

#wrapper_epi #contents #contents_in #menu{
margin:0 0 11px 145px;
padding:0;
width:517px;
height:26px;
}

#wrapper_epi #contents #contents_in #menu ul{
list-style:none;
}

#wrapper_epi #contents #contents_in #menu ul li{
float:left;
margin-right:6px;
padding:0;
}

#wrapper_epi #contents #contents_in #story{
margin:0;
padding:0;
width:800px;
height:280px;
background:url(../images/epi/story_bg.jpg) top no-repeat;
}

#wrapper_epi #contents #contents_in #story #story_in{
padding:29px 33px;
margin:0;
}

#wrapper_epi #contents #contents_in #story #story_in .name{
margin:0 0 26px 0;
}

#wrapper_epi #contents #contents_in #story #story_in .photo{
margin:0 12px 0 0;
padding:0;
width:271px;
height:175px;
float:left;
}

#wrapper_epi #contents #contents_in #story #story_in .sentence{
margin:0;
padding:0;
width:447px;
float:left;
}

#wrapper_epi #contents #contents_in #story #story_in .sentence .oa{
margin-bottom:5px;
}

#wrapper_epi #contents #contents_in #story #story_in .sentence .oa2{
margin-bottom:10px;
}

#wrapper_epi #contents #contents_in #story #story_in .sentence .oa p,
#wrapper_epi #contents #contents_in #story #story_in .sentence .oa2 p{
color:#cfd942;
font-size:12px;
line-height:150%;
font-weight:normal;
}

#wrapper_epi #contents #contents_in #story #story_in .sentence .txt{

}

#wrapper_epi #contents #contents_in #story #story_in .sentence .txt p{
font-size:12px;
line-height:150%;
font-weight:normal;
color:#FFFFFF;
}


/*▼【モバイル】************************************************************/

#wrapper_mobile{
margin:0;
padding:0;
background:url(../images/bg.jpg) top left no-repeat;
width:980px;
height:700px;
text-align:left;
}

#wrapper_mobile h2{
position:absolute;
top:0px;
left:0px;
width:170px;
}

#wrapper_mobile #navi{
padding-left:177px;
width:806px;
height:40px;
}

#wrapper_mobile #navi ul{
list-style:none;
}

#wrapper_mobile #navi ul li{
float:left;
margin:0;
padding:0;
}

#wrapper_mobile #contents{
clear:both;
}

#wrapper_mobile #contents h3{
padding-left:223px;
}

#wrapper_mobile #contents #contents_in{
margin:27px 0 0 90px;
padding:28px 25px;
width:748px;
background-color:#131313;
}

#wrapper_mobile #contents #contents_in h4{
margin-bottom:30px;
}

#wrapper_mobile #contents #contents_in .section1{
margin-bottom:30px;
}


/*▼【キャラクター】************************************************************/

#wrapper_chara{
margin:0;
padding:0;
background:url(../images/chara/bg.gif) top left no-repeat;
width:980px;
height:1000px;
text-align:left;
}

#wrapper_chara h2{
position:absolute;
top:0px;
left:0px;
width:170px;
z-index:100;
}

#wrapper_chara #navi{
padding-left:177px;
width:806px;
height:40px;
}

#wrapper_chara #navi ul{
list-style:none;
}

#wrapper_chara #navi ul li{
float:left;
margin:0;
padding:0;
}

#wrapper_chara #contents{
clear:both;
}

/*▼【世界】************************************************************/

#wrapper_world{
margin:0;
padding:0;
background:url(../images/chara/bg.gif) top left no-repeat;
width:980px;
text-align:left;
}

#wrapper_world h2{
position:absolute;
top:0px;
left:0px;
width:170px;
}

#wrapper_world #navi{
padding-left:177px;
width:806px;
height:40px;
}

#wrapper_world #navi ul{
list-style:none;
}

#wrapper_world #navi ul li{
float:left;
margin:0;
padding:0;
}

#wrapper_world #contents{
clear:both;
}

#wrapper_world #contents h3{
padding:0 0 20px 266px;
}

#wrapper_world #contents #contents_in{
margin:0;
width:980px;
height:497px;
background-color:#000000;
}

#wrapper_world #contents #contents_in #sub{
margin:0;
padding:0 0 0 25px;
width:267px;
float:left;
}

#wrapper_world #contents #contents_in #sub ul{
margin:0;
padding:0;
list-style:none;
}

#wrapper_world #contents #contents_in #sub ul li{
margin:0 10px 10px 0;
padding:0;
float:left;
}

#wrapper_world #contents #contents_in #main{
margin:0 0 0 13px ;
padding:0;
width:664px;
float:right;
}

#wrapper_world #contents #contents_in #main #item{
margin:0;
padding:0;
}

#wrapper_world #contents #contents_in #main #item .item_name{
margin:0;
padding:0 0 1px 0;
}

#wrapper_world #contents #contents_in #main #item .item_name h4{
padding:0 60px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}

#wrapper_world #contents #contents_in #main #item #item_body{
margin:0;
padding:0;
}

#item_bodyin{
margin:0;
padding:0 30px;
width:603px;
}

#item_bodyin .txt{
margin:0;
padding:0;
width:340px;
float:left;
}

#item_bodyin .txt p{
font-size:12px;
line-height:180%;
font-weight:normal;
color:#FFFFFF;
}

#item_bodyin .photo{
margin:0;
padding:0;
width:248px;
float:right;
}


#item_story{
margin:0;
padding:0 30px;
width:603px;
}

#chap1{
margin:0;
padding:0;
position:relative!important;
}

#chap2{
margin:0;
padding:0;
position:relative!important;
}


#chap3{
margin:0;
padding:0;
position:relative!important;
}


#chap4{
margin:0;
padding:0;
position:relative!important;
}







#item_story ul{
margin:0;
padding:0;
height:37px;
list-style:none;
}

#item_story ul li{
margin:0 2px 2px 0;
padding:0;
height:37px;
display:block;
float:left;
}

#item_story #item_storyin{
clear:both;
margin:0;
padding:15px;
background-color:#308219;
}

#item_story #item_storyin .txt{
margin:0;
padding:0;
width:310px;
float:left;
}

#item_story #item_storyin.txt p{
font-size:12px;
line-height:150%;
font-weight:normal;
color:#FFFFFF;
}

#item_story #item_storyin .photo{
margin:0;
padding:0;
width:248px;
float:right;
}


#wrapper_world #footer{
padding:30px 0;
width:980px;
text-align:center;
clear:both;
}








.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*▼【文章入ります】************************************************************/

/*【文章入ります】*/