@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;
}
img{border:0;}

/*
------------------------------------------------ base */
body{
    width:100%;
    background:#000;
    color:#151312;
    position:relative;
    }
#ground{
    width:8400px;
    height:675px;
    margin:0;
    clear:both;
    float:none;
    background:#000;
    }

#bkmark{
    width:1200px;
    height:36px;
    margin:0;
    position:fixed;
    top:675px;
    right:0px;
    }

.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;color:#888;text-align:center;}
.section{
    width:1200px;
    height:675px;
    position:relative;
    overflow:hidden;
    display:block;
    float:left;
    background-repeat:none;
    background-position:top left;
    }
#head{background-image:url(images/spec_head.jpg) ;}
#unit01{background-image:url(images/spec_unit01.jpg) ;}
#unit02{background-image:url(images/spec_unit02.jpg) ;}
#unit03{background-image:url(images/spec_unit03.jpg) ;}
#unit04{background-image:url(images/spec_unit04.jpg) ;}
#unit05{background-image:url(images/spec_unit05.jpg) ;}
#unit06{background-image:url(images/spec_unit06.jpg) ;}

h2{display:none;}
.doc_half{float:none;clear:both;overflow:hidden;}
.doc_half div{width:600px;overflow:hidden;float:left;}

.lead{position:absolute;}
.phs{position:absolute;overflow:hidden;}
.phs p {float:left;width:260px;height:155px;}
.phs p.lhead{clear:both;}
.phs p a img{display:block;border:5px solid #eee;}
.phs p a:hover img{border-color:#f7edc9;}
.pagenav {width:171px;height:50px;position:absolute; bottom:15px;right:15px;overflow:hidden;}
.pagenavprev {width:175px;height:20px;position:absolute; top:10px;left:10px;overflow:hidden;}
#unit06 .pagenav{left:20px;top:520px;}
.pagenav a,.pagenavprev a{
    width:171px;height:50px;
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background-image:url(images/next_sl.png);
    background-repeat:none;
    padding:0;
    margin:0;
    }
.pagenavprev a {width:175px;height:20px;background-position:0 -355px;}
.pagenavprev a:hover {width:175px;height:30px;background-position:-190px -355px;}
#unit01 .pagenav a{background-position:0 0;}
#unit02 .pagenav a{background-position:0 -60px;}
#unit03 .pagenav a{background-position:0 -120px;}
#unit04 .pagenav a{background-position:0 -180px;}
#unit05 .pagenav a{background-position:0 -240px;}
#unit06 .pagenav a{background-position:0 -300px;}
#unit01 .pagenav a:hover{background-position:-181px 0;}
#unit02 .pagenav a:hover{background-position:-181px -60px;}
#unit03 .pagenav a:hover{background-position:-181px -120px;}
#unit04 .pagenav a:hover{background-position:-181px -180px;}
#unit05 .pagenav a:hover{background-position:-181px -240px;}
#unit06 .pagenav a:hover{background-position:-181px -300px;}
#arrows{display:none;}
.name{
    width:1px;height:1px;
    float:left;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
/*
------------------------------------------------ ground */
#head .data{display:none;}
#head .p01{width:295px;height:230px;margin:21px 0 0 590px;}
#nav {width:1160px;height:402px;position:relative;margin:5px 0 0 20px;}
#nav p{position:absolute;}
#nav a{
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    }
#nav .nav1,#nav .nav1 a{width:285px;height:401px;top:0;left:0;}
#nav .nav2,#nav .nav2 a{width:572px;height:199px;top:0;left:286px;}
#nav .nav3,#nav .nav3 a{width:285px;height:199px;top:200px;left:286px;}
#nav .nav4,#nav .nav4 a{width:285px;height:199px;top:200px;left:573px;}
#nav .nav5,#nav .nav5 a{width:300px;height:249px;top:151px;left:862px;}


#nav a:hover {
    background-color:#ffaf25;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    z-index:0;
    }


#unit01 .lead{width:700px;top:100px;left:30px;}
#unit01 .lead p{width:500px;}
#unit01 .phs{width:540px;top:100px;right:30px;}

#unit02 .lead{width:700px;top:50px;left:30px;}
#unit02 .lead p{width:320px;color:#fff;line-height:1.8;}
#unit02 .phs{width:260px;height:310px;}
#uni2_img1{bottom:20px;left:30px;}
#uni2_img2{top:40px;right:30px;}

#unit03 .lead{width:460px;top:30px;right:30px;}
#unit03 .lead p{color:#fff;line-height:1.8;}
#unit03 .phs{width:540px;height:310px;bottom:40px;left:30px;}

#unit04 .lead{width:430px;top:50px;left:30px;}
#unit04 .lead p{color:#fff;line-height:1.8;}
#unit04 .phs{width:530px;top:40px;right:30px;}

#unit05 .doc_half div h3{width:510px;}
#unit05 .doc_half div h3{margin-top:140px;margin-bottom:43px;overflow:hidden;}
#unit05 .doc_half .doc1 h3{margin-left:103px;}
#unit05 .doc_half .doc2 h3{margin-left:20px;}
#unit05 .doc_half .doc1 p{width:450px;color:#fff;margin:0 12px 0 113px;}
#unit05 .doc_half .doc2 p{width:450px;color:#fff;margin:0 12px 0 30px;}

#unit06 .movie{margin-top:120px;margin-left:300px;width:640px;height:370px;overflow:hidden;}
#unit06 .goofficial{position:absolute;top:130px;right:37px;}
#banner a{
    width:190px;height:340px;
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    }
#banner a:hover{
    background-color:#ffaf25;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    }
/*
------------------------------------------------ footer */
#unit06 #rights{
    position:relative;
    overflow:hidden;
    }
#unit06 #rights .game{
    margin:20px 0 0 200px;
    }
#unit06 .footer-area{border-top:1px solid #fff;}
#unit06 #rights .game,#unit06 .footer-area{
    position:relative;
    overflow:hidden;
    }
#unit06 #rights .game p,#unit06 #footer{
    padding:5px 15px;
    overflow:hidden;
    }
/*
------------------------------------------------ rights */
#bkmark .bookmark_button li{float:right;padding-left:10px;padding-top:5px;}
#bkmark .bnav li{float:left;}
#bkmark p{text-align:right;color:#fff;}
#bkmark .bnav a{color:#fff;text-decoration:none;font-weight:bold;font-family:arial,san-serif;padding:5px;margin-left:8px;margin-top:5px;display:block;}
#bkmark .bnav a:hover{color:#000;background:#990002;}
/*
------------------------------------------------ 認証ページ */

#footer{
    padding:30px 0 20px 0;
    color:#333;
    text-align:center;
    }

/* age18
------------------------------------------------  */
.ninsyo{
    background:#fff;
    text-align:center;
    padding:0;
}
.ninsyo .que{
    width:896px;height:596px;
    background:url(images/age.jpg) no-repeat center top;
    margin:0 auto;
    overflow:hidden;
    text-align:left;
}
.ninsyo .que li{
    float:left;
    width:168px;height:50px;
    }
.ninsyo .que li a{
    width:161px;height:50px;
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
.ninsyo .que .btn{
    margin:328px 0 0 27px;
}
.ninsyo .rights{
    text-align:center;
    padding:20px 0;
    border-bottom:solid 1px #DBCDA7;
    border-top:solid 1px #DBCDA7;
}
.ninsyo .rights img{display:block;margin:0 auto;float:none;clear:both;}
.ninsyo .rights p{
    width:600px;
    margin:0 auto;
}
.ninsyo #bkmark{
    width:600px;
    margin:0 auto;
    float:none;clear:both;
    position:relative;
    top:0;right:0;
}