@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,dd:after{
    content:'.';
    font-size:1px;
    float:none;
    clear:both;
    visibility:hidden;
    display: block;
    }

img{border:0;}

/*
------------------------------------------------ base */
body{
text-align:center;
color:#0B4D6D;
background:url(images/repeat_bg.gif) repeat 50% 15px #F2F6F9;
}
#head,.hrs,.ground{
overflow:hidden;
margin:0 auto;
text-align:center;
}

#head {background:url(images/head_bg.gif) repeat-x top center;}
.ground {width:900px;background:url(images/ground_bg.gif) center top repeat-y;}
.hrs {width:900px;height:15px;}
.hrs img{display:block;margin:0 auto;}
.hrs.bttm{margin-bottom:40px;}
.alt{display:none;}
dt,dd,li,p,#footer{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "ＭＳ ゴシック", 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{font-size:10px;line-height:13px;}
br{letter-spacing:0;}
.cap{text-align:left;}
.rights p{color:#888888;text-align:center;}
#head .spec,#head #pv,
#unit01,#unit02,#unit03,#unit04,#unit05,#unit06,.goofficial{
width:840px;
margin:0 auto;
position:relative;
overflow:hidden;
float:none;
clear:both;
text-align:left;
}
#head .spec{width:900px;height:160px;background:url(images/spec.jpg) no-repeat top center;}
#head #pv{width:900px;height:440px;background:url(images/pv.jpg) no-repeat top center;}
#unit01 {background:url(images/unit01.jpg) no-repeat top center;height:1000px;}
#unit02 {background:#fff;padding-bottom:30px;}
#unit03 {background:url(images/unit03.jpg) no-repeat top center;height:1270px;}
#unit04 {background:url(images/unit04.jpg) no-repeat top center;height:1270px;}
#unit05 {background:url(images/unit05.jpg) no-repeat top center;height:1070px;}
#unit06 {background:url(images/unit06.jpg) no-repeat top center;height:1270px;}

.doc1,.doc2,.doc3,.doc4,.doc5,.doc6,.doc7,.doc8{overflow:hidden;}

.unit_doc{float:none;clear:both;}
.doc_half{width:420px;overflow:hidden;float:left;}
#bkmark {border-bottom:solid 1px #fff;padding:0px 0 0px;background:url(images/bookmark_bg.gif) repeat-x center bottom #F9F9F9;overflow:hidden;}
#bkmark li{float:right;padding-right:10px;}
#bkmark ul{margin-top:8px;}
#bkmark .unit_doc{margin:0 auto;padding:0;height:45px;width:900px;background:url(images/bookmark.gif) no-repeat left top;}

/*
------------------------------------------------ head */
#head .spec .lead{width:220px;color:#fff;margin:8px 20px 0 130px;letter-spacing:0.05em;_letter-spacing:0.05em;float:left;}
#head .spec .data{float:left;}
#head .spec .data img{margin-top:8px;}
#head #pv .movie{width:640px;height:380px;background:#fff;margin:30px 0 0 130px;}

/*
------------------------------------------------ unit01 */
#unit01 .p01{margin:120px 0 0 270px;width:220px;height:198px;}
#unit01 .p02{margin:0px 0 0 80px;width:320px;height:54px;}
#unit01 .p03{margin:90px 0 0 40px;width:140px;height:126px;}
#unit01 .p04{margin:273px 0 0 40px;width:140px;height:126px;}
#unit01 .p05{margin:410px 0 0 220px;width:175px;height:108px;}

/*
------------------------------------------------ unit02 */
#charaarea{
    background:url(images/unit02_ti.gif) no-repeat 20px 10px;
    width:840px;height:420px;
    overflow:hidden;
    border-top:solid 1px #eee;
    }
#unit02 .chara{width:840px;height:420px;display:none;overflow:hidden;}
#unit02 #chara01{background:url(images/chara01.jpg) no-repeat bottom center;}
#unit02 #chara02{background:url(images/chara02.jpg) no-repeat bottom center;}
#unit02 #chara03{background:url(images/chara03.jpg) no-repeat bottom center;}
#unit02 #chara04{background:url(images/chara04.jpg) no-repeat bottom center;}
#unit02 #chara05{background:url(images/chara05.jpg) no-repeat bottom center;}
#unit02 #chara06{background:url(images/chara06.jpg) no-repeat bottom center;}
#unit02 #chara07{background:url(images/chara07.jpg) no-repeat bottom center;}
#unit02 #chara08{background:url(images/chara08.jpg) no-repeat bottom center;}
#unit02 #chara09{background:url(images/chara09.jpg) no-repeat bottom center;}
#unit02 #chara10{background:url(images/chara10.jpg) no-repeat bottom center;}
#unit02 #chara11{background:url(images/chara11.jpg) no-repeat bottom center;}
#unit02 #chara12{background:url(images/chara12.jpg) no-repeat bottom center;}
#unit02 .chara p{margin:330px 0 0 20px;width:260px;height:72px;}
#unit02 #chara01{display:block;}

#unit02 #list{
background:url(images/chara_list.jpg) no-repeat left top;
overflow:hidden; width:840px; height:220px;
}
#unit02 #list li {float:left;overflow:hidden;width:70px;height:220px;text-indent:-9999px;}
#unit02 #list ul li a{display:block;overflow:hidden;width:69px;height:218px;margin:1px 0 0 1px;
background:url(images/chara_list.jpg) no-repeat left top ;}

#unit02 #list ul li.list01 a{background-position: 0 0;}
#unit02 #list ul li.list02 a{background-position: -70px 0;}
#unit02 #list ul li.list03 a{background-position: -140px 0;}
#unit02 #list ul li.list04 a{background-position: -210px 0;}
#unit02 #list ul li.list05 a{background-position: -280px 0;}
#unit02 #list ul li.list06 a{background-position: -350px 0;}
#unit02 #list ul li.list07 a{background-position: -420px 0;}
#unit02 #list ul li.list08 a{background-position: -490px 0;}
#unit02 #list ul li.list09 a{background-position: -560px 0;}
#unit02 #list ul li.list10 a{background-position: -630px 0;}
#unit02 #list ul li.list11 a{background-position: -700px 0;}
#unit02 #list ul li.list12 a{background-position: -770px 0;}

#unit02 #list ul li.list01 a.select,#unit02 #list ul li.list01 a:hover{background-position: 0 -220px;}
#unit02 #list ul li.list02 a.select,#unit02 #list ul li.list02 a:hover{background-position: -70px -220px;}
#unit02 #list ul li.list03 a.select,#unit02 #list ul li.list03 a:hover{background-position: -140px -220px;}
#unit02 #list ul li.list04 a.select,#unit02 #list ul li.list04 a:hover{background-position: -210px -220px;}
#unit02 #list ul li.list05 a.select,#unit02 #list ul li.list05 a:hover{background-position: -280px -220px;}
#unit02 #list ul li.list06 a.select,#unit02 #list ul li.list06 a:hover{background-position: -350px -220px;}
#unit02 #list ul li.list07 a.select,#unit02 #list ul li.list07 a:hover{background-position: -420px -220px;}
#unit02 #list ul li.list08 a.select,#unit02 #list ul li.list08 a:hover{background-position: -490px -220px;}
#unit02 #list ul li.list09 a.select,#unit02 #list ul li.list09 a:hover{background-position: -560px -220px;}
#unit02 #list ul li.list10 a.select,#unit02 #list ul li.list10 a:hover{background-position: -630px -220px;}
#unit02 #list ul li.list11 a.select,#unit02 #list ul li.list11 a:hover{background-position: -700px -220px;}
#unit02 #list ul li.list12 a.select,#unit02 #list ul li.list12 a:hover{background-position: -770px -220px;}

/*
------------------------------------------------ unit03 */
#unit03 .p01{margin:25px 0 0 340px;width:420px;height:108px;}
#unit03 .p02{margin:120px 0 0 430px;width:370px;height:108px;}
#unit03 .p03{margin:140px 0 0 30px;width:370px;height:108px;}
#unit03 .p04{margin:30px 0 0 440px;width:360px;height:108px;color:#fff;}
#unit03 .p05{margin:90px 0 0 30px;width:370px;height:108px;}
#unit03 .p06{margin:100px 0 0 50px;width:170px;height:180px;}
#unit03 .p07{margin:200px 0 0 105px;width:270px;height:108px;}


/*
------------------------------------------------ unit04 */
#unit04 .p01{margin:150px 0 0 30px;width:400px;height:100px;}

#unit04 .doc1{float:left;width:500px;height:460px;}
#unit04 .doc2{float:left;width:340px;height:460px;}
#unit04 .p02{margin:40px 0 0 25px;width:150px;height:180px;}
#unit04 .p03{margin:20px 0 0 380px;width:90px;height:180px;}
#unit04 .p04{margin:160px 0 0 30px;width:280px;height:180px;color:#fff;}

#unit04 .p05{margin:43px 0 0 25px;width:370px;height:435px;}
#unit04 dl{margin-left:15px;}
#unit04 dd{margin:0px 0 0 0px;width:135px;height:90px;float:left;}
#unit04 dd span{display:block;width:120px;}

#unit04 .p09{margin:45px 0 0 280px;width:120px;height:180px;}

/*
------------------------------------------------ unit05 */
#unit05 .p01{margin:105px 0 0 450px;width:360px;height:108px;}

#unit05 .doc_half{height:483px;}
#unit05 .p02{margin:380px 0 0 30px;width:240px;height:108px;}
#unit05 .p03{margin:380px 0 0 150px;width:240px;height:108px;}
#unit05 .p04{margin:78px 0 0 20px;width:360px;height:108px;}
#unit05 .p05{margin:148px 0 0 390px;width:420px;height:18px;}

/*
------------------------------------------------ unit06 */
#unit06 .p01{margin:90px 0 0 210px;width:200px;height:180px;}
#unit06 .p02{margin:140px 0 0 430px;width:390px;height:108px;}

#unit06 .p03{margin:25px 0 0 25px;width:345px;height:108px;}
#unit06 .p04{margin:150px 0 0 410px;width:410px;height:36px;}

#unit06 .doc1{width:250px;float:left;}
#unit06 .doc2{width:590px;float:left;}
#unit06 .p05{margin:125px 0 0 60px;width:160px;height:180px;}
#unit06 .p06{margin:125px 0 0 310px;width:100px;height:108px;}
#unit06 .p07{margin:80px 0 0 0px;width:240px;height:144px;}

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

#banner {text-align:center;margin-bottom:40px;}
.rights{padding-bottom:20px;}

/*
------------------------------------------------ rights */

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