@charset "Shift_JIS";
/* ======= index ======== */
/*-  reflesh           --*/
/*-  base              --*/
/*-  header            --*/
/*-  unit0 1-7         --*/
/*-  footer            --*/
/* ===================== */
/*
------------------------------------------------ reflesh */
body,h1,h2,h3,h4,h5,div,dl,dd,dt,table,td,th,tr,ul,ol,li,p,img{
margin:0;
padding:0;
font-size:100%;
line-height:1;
text-decoration:none;
list-style:none;
}
div:after,dl:after,p:after,dd:after{
content:'.';
font-size:1px;
float:none;
clear:both;
visibility:hidden;
display: block;
}
img{border:0;}
table{border-collapse:collapse;}

/*
------------------------------------------------ base */
body{
background:url(images/bg.jpg) center top no-repeat #000;
text-align:center;
color:#fff;
}
.ground{
margin:0 auto;
background:url(images/head.jpg) no-repeat center top;
}
div#head{
width:900px;
height:830px;
background:url(images/head.jpg) no-repeat center top;
overflow:hidden;
margin:0 auto;
}
.alt{display:none;}
dt,dd,li,p,#footer{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  "ＭＳ Ｐゴシック", sans-serif;}
dd,dt,li,p,#footer{font-size:12px;line-height:18px;text-align:left;overflow:hidden;text-align:justify;text-justify:inter-ideograph;}
.rights p,.spec dd,.spec dt,.spec li{font-size:10px;line-height:13px;}
.cap{text-align:left;}
.rights p{color:#888888;text-align:center;}
#unit01,#unit02,#unit03,#unit04,#unit05,#unit06,#unit07,.goofficial{
width:900px;
margin:0 auto;
position:relative;
overflow:hidden;
float:none;
clear:both;
text-align:left;
}
div#unit01{background:url(images/unit01.jpg) no-repeat top center;height:1120px;}
div#unit02{background:url(images/unit02.jpg) no-repeat top center;height:1000px;}
div#unit03{background:url(images/unit03.jpg) no-repeat top center;height:2290px;color:#000;}
.doc1,.doc2,.doc3,.doc4,.doc5,.doc6,.doc7,.doc8,.dochalf,.docfil{overflow:hidden;}
.dochalf{width:450px;float:left;}
.docfil{width:860px;float:none;clear:both;}

/*
------------------------------------------------ head */
#head h1{width:900px;height:600px;text-align:center;overflow:hidden;}
#head h1 img{margin-left:-50px;}
#head .spec{overflow:hidden;margin:44px 0 0 30px;width:840px;height:200px;}
#head .spec ul,#head .spec p{float:left;}
#head .spec li{color:#000;}
#head .spec ul{width:320px;}
#head .spec p{margin-top:22px;width:500px;}
/*
------------------------------------------------ unit01 */
#unit01 .story{margin-top:40px;height:300px;}
#unit01 .story p{line-height:20px;}
#unit01 .p01{width:385px;height:100px;margin-left:40px;margin-bottom:10px;}
#unit01 .p02{width:385px;height:100px;margin-left:40px;margin-bottom:20px;}
#unit01 .p03{width:385px;height:40px;margin-left:40px;}

#unit01 .p04{width:420px;height:72px;margin:270px 0 0 55px;}
#unit01 .p05{width:290px;margin:135px 0 0 60px;}

/*
------------------------------------------------ unit02 */
#unit02 .p01{width:360px;height:216px;margin:65px 0 0 480px;line-height:20px;}

#unit02 .action_base{height:384px;}
#unit02 .p02{width:375px;height:216px;margin:325px 0 0 60px;}
#unit02 .p03{width:375px;height:216px;margin:325px 0 0 15px;}

#unit02 .action_other dl{width:800px;margin:110px 0 0 60px;}
#unit02 .action_other dt{display:none;}
#unit02 .action_other dd{width:260px;height:218px;float:left;}
#unit02 .action_other dd p{margin-top:138px;width:246px;}
#unit02 .action_other .p05,#unit02 .action_other .p08{margin-left:5px;}
#unit02 .action_other .p06,#unit02 .action_other .p09{margin-left:13px;}

/*
------------------------------------------------ unit03 */
#unit03 .p01{width:760px;height:72px;margin:100px 0 0 70px;}

#unit03 .gamen.dochalf{height:460px;color:#fff;}
#unit03 .p02{width:350px;height:36px;margin:63px 0 0 79px;}
#unit03 .p03{width:345px;height:36px;margin:63px 0 0 20px;}

#unit03 .gamen.docfil{height:102px;color:#fff;}
#unit03 .p04{width:280px;height:52px;margin:23px 0 0 410px;float:none;clear:both;}

#unit03 .p05{width:380px;height:90px;margin:190px 0 0 450px;}
#unit03 .p06{width:380px;height:106px;margin:140px 0 0 75px;}

/*
------------------------------------------------ unit04 */
#unit04 {text-align:center;}
#unit04 p{margin:35px;line-height:2;line-height:left;}
#unit04 .headline{margin:0 0 20px 0;}
#unit04 p img.insert{float:right;margin:0px 0 12px 20px;}
#unit04 .movie{margin:60px auto 0;width:800px;padding:58px 0;background:url(images/movie.jpg) no-repeat top center;}

/*
------------------------------------------------ goofficial */
div.goofficial a span{display:none;}

#banner {text-align:center;margin:40px auto;}
.rights{padding:40px;}
/*
------------------------------------------------ rights */

/*
------------------------------------------------ footer */
#footer{
padding:30px 0 20px 0;
float:none;
clear:both;
background:#fff;
color:#333;
text-align:center;
}