@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{
background:#fff;
text-align:center;
color:#151312;
}
.ground{
background:url(images/header_bg.gif) repeat-x center top;
border-bottom:solid 1px #ccc;
text-align:center;margin:0;
}
div#header {background:url(images/header.gif) center top no-repeat;}
div#header .unit_doc{
width:800px;
background:url(images/header.gif) center top no-repeat;
overflow:hidden;
margin:0 auto;
text-align:left;
position:relative;
}
.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,.spec dd,.spec dt,.spec p,.spec li{font-size:10px;line-height:13px;}
br{letter-spacing:0;}
.cap{text-align:left;}
.rights p{color:#888888;text-align:center;}
#unit01,#unit02,#unit03,.goofficial{
width:900px;
margin:0 auto;
position:relative;
overflow:hidden;
float:none;
clear:both;
text-align:left;
}

#section01,#section02,.pr{overflow:hidden;text-align:center;margin:0;}
.doc1,.doc2,.doc3,.doc4,.doc5,.doc6,.doc7,.doc8{overflow:hidden;}
.docs{overflow:hidden;clear:both;}
.sec_head {overflow:hidden;text-align:center;margin:0;}
.unit_doc{width:800px;overflow:hidden;margin:0 auto 20px;float:none;clear:both;text-align:left;}
.doc_half{width:400px;overflow:hidden;float:left;}
#bkmark{border-bottom:solid 1px #ccc;padding:0px 0 0px;background:#333;}
#bkmark li{float:right;padding-right:10px;}
#bkmark ul{margin-top:12px;}
#bkmark .unit_doc{margin:0 auto;padding:0;height:45px;width:1000px;background:url(images/bookmark.gif) no-repeat left center;}
a {color:#4A82BF;text-decoration:underline;}
a:hover {text-decoration:none;}

/*
------------------------------------------------ head */
#header h1{width:800px;height:613px;overflow:hidden;margin-top:20px;}
#header img.world{display:block;margin-left:400px;}
#header img.street{display:block;margin:0;}
#header .spec img{margin:0 5px;}
#header .spec {margin-bottom:10px;}
#nav{background:#fff;padding:20px 0;}
#nav .unit_doc{background:none;margin-bottom:0;}
#nav li {float:left;}
#nav li a{display:block;width:395px;height:90px;overflow:hidden;text-indent:-9999px;}
#nav li.gosec1 {width:405px;}
#nav li.gosec2 {width:395px;}
#nav li.gosec1 a{background:url(images/nav01.gif) no-repeat left top;}
#nav li.gosec2 a{background:url(images/nav02.gif) no-repeat left top;}
#nav li a:hover{background-position:left bottom;}

/*
------------------------------------------------ section01 */
#section01 {background:url(images/section01_headbg.jpg) repeat-x top center #28A1FF;padding-bottom:40px;}
#section01 .sec_head{background:url(images/section01_head.jpg) no-repeat top center;}
#section01 .unit_doc{background:url(images/section01_bg.gif) no-repeat bottom center #fff;}

#section01 .sec_head .unit_doc{background:none;text-align:center;}
#section01 .sec_head h2{width:800px;height:440px;margin-top:40px;}
#section01 .sec_head .pv{width:620px;height:380px;border:solid 1px #fff;margin:0 auto;}

#section01 .unit_doc .doc1{width:480px;height:285px;float:left;}
#section01 .unit_doc .doc2{width:300px;height:285px;float:left;}
#section01 .unit_doc .doc1 img{margin:20px 0 0 20px;}

#section01 .unit_doc .lead{height:142px;background:url(images/section01_lead.gif) no-repeat left top;overflow:hidden;}
#section01 .unit_doc .doc2 p,#section01 .unit_doc .doc2 h3{width:280px;margin:20px 0 0 20px;}
#section01 .p01{width:460px;height:108px;margin:20px 0 0 320px;color:#fff;}
#section01 .unit_doc .doc2 h3{height:188px;overflow:hidden;}
#section01 .unit_doc .doc2 p{height:108px;}
#section01 .unit_doc .doc2 .p03,#section01 .unit_doc .doc2 .p05{margin-top:5px;}

#section01 .unit_doc .docs02{margin-top:30px;overflow:hidden;}
#section01 .p06{width:760px;line-height:1.6;margin:20px 0 0 20px;padding-bottom:20px;}
/*
------------------------------------------------ pr */
#pr{background:#fff;padding:30px 0;}
#pr .unit_doc{background:url(images/pr.gif) no-repeat left top;height:270px;margin-bottom:0;}
#pr .doc1{width:450px;float:left;}
#pr .p07{width:430px;margin:106px 0 0 20px;}
#pr .doc2{width:350px;float:left;}
#pr .doc2 a{display:block;overflow:hidden;}
#pr .doc2 a:hover{background-position:left bottom;}
#pr .goumu{width:140px;height:19px;margin:188px 0 0 118px;text-indent:-9999px;}
#pr .goumu a{width:140px;height:19px;background:url(images/pr_goumu.gif) no-repeat left top;}
#pr .gooff{width:270px;height:30px;text-indent:-9999px;margin:5px 0 0 35px;}
#pr .gooff a{width:270px;height:30px;background:url(images/pr_gooff.gif) no-repeat left top;}

/*
------------------------------------------------ section02 */
#section02 {background:url(images/section02_bg.gif) repeat-x top center #1B1B19;padding-bottom:40px;}
#section02 .sec_head{background:url(images/section02_head.jpg) no-repeat top center;}
#section02 .doc1,#section02 .doc2{float:left;}

#section02 .sec_head .unit_doc{background:none;}
#section02 .sec_head h2{width:800px;height:440px;margin-top:25px;}
#section02 .sec_head .pv{width:620px;height:380px;border:solid 1px #666;margin:485px 0 0 126px;}

#sec02lead .lead{margin-bottom:20px;height:120px;}
#sec02lead .p08{width:340px;height:108px;margin:10px 0 0 5px;color:#fff;}
#sec02lead .doc1{width:360px;height:120px;}
#sec02lead .doc2{width:440px;height:120px;}
#sec02lead .doc2 img{margin:10px 0 0 0px;}
#sec02lead .leadimg .doc_half img{margin-left:10px;}

#sec02mainbody .unit_doc{background:url(images/section02_base.jpg) no-repeat left top #fff;margin-bottom:20px;}
#section02 .p09{width:450px;height:52px;margin:20px 0 0 330px;}
#section02 .movies {position:relative;width:640px;height:349px;overflow:hidden;margin:29px 0 0 79px;}
#section02 .movies .movienav {width:87px;height:349px;overflow:hidden;top:0;left:0;position:absolute;}
#section02 .movies .movienav li{width:87px;height:50px;text-indent:-9999px;overflow:hidden;display:block;margin:0;float:left;}
#section02 .movies .movienav li#tab7{height:49px;}
#section02 .movies .movienav li a{background:url(images/section02_movie_nav.gif) no-repeat left top;width:87px;height:49px;overflow:hidden;display:block;}

#section02 .movies .movienav li#tab1 a{background-position:0 0;}
#section02 .movies .movienav li#tab2 a{background-position:0 -50px;}
#section02 .movies .movienav li#tab3 a{background-position:0 -100px;}
#section02 .movies .movienav li#tab4 a{background-position:0 -150px;}
#section02 .movies .movienav li#tab5 a{background-position:0 -200px;}
#section02 .movies .movienav li#tab6 a{background-position:0 -250px;}
#section02 .movies .movienav li#tab7 a{background-position:0 -300px;}

#section02 .movies .movienav li#tab1.present a,#section02 .movies .movienav li#tab1 a:hover{background-position:-87px 0;}
#section02 .movies .movienav li#tab2.present a,#section02 .movies .movienav li#tab2 a:hover{background-position:-87px -50px;}
#section02 .movies .movienav li#tab3.present a,#section02 .movies .movienav li#tab3 a:hover{background-position:-87px -100px;}
#section02 .movies .movienav li#tab4.present a,#section02 .movies .movienav li#tab4 a:hover{background-position:-87px -150px;}
#section02 .movies .movienav li#tab5.present a,#section02 .movies .movienav li#tab5 a:hover{background-position:-87px -200px;}
#section02 .movies .movienav li#tab6.present a,#section02 .movies .movienav li#tab6 a:hover{background-position:-87px -250px;}
#section02 .movies .movienav li#tab7.present a,#section02 .movies .movienav li#tab7 a:hover{background-position:-87px -300px;}


#section02 .movies #page1,
#section02 .movies #page2,
#section02 .movies #page3,
#section02 .movies #page4,
#section02 .movies #page5,
#section02 .movies #page6,
#section02 .movies #page7
{width:512px;height:308px;border:solid 1px #fff; top:20px;left:105px;position:absolute;}

#sec02mainbody .online {margin-top:40px;margin-bottom:20px;}
#sec02mainbody .online h2{margin-left:20px;}
#sec02mainbody .online .p10{width:360px;height:108px;margin:10px 0 0 20px;}
#sec02mainbody .online .onlineimg{margin-top:10px;}
#sec02mainbody .online .p11{width:380px;height:36x;margin:5px 0 0 0px;}

#sec02mainbody .gradeup{margin-bottom:30px;}
#sec02mainbody .gradeup .doc1{width:300px;}
#sec02mainbody .gradeup .doc2{width:500px;}
#sec02mainbody .gradeup .doc1 h3{margin-left:20px;}
#sec02mainbody .gradeup .p12{width:270px;height:52x;margin:10px 0 0 30px;}
#sec02mainbody .gradeup .doc2 img{margin-left:10px;}

#sec02mainbody .special{background:url(images/section02_specialbg.gif) no-repeat left bottom #F5B40A;width:800px;height:240px;overflow:hidden;}
#sec02mainbody .special .doc1{width:420px;height:240px;}
#sec02mainbody .special .doc2{width:380px;height:240px;}
#sec02mainbody .special h3{margin:20px 0 0 20px;}
#sec02mainbody .special .p13{width:380px;height:52x;margin:10px 0 0 20px;}
#sec02mainbody .special .doc2 img{margin:20px 0 0 5px;}

/*
------------------------------------------------ goofficial */
div.goofficial{padding:40px 0;}

#banner {text-align:center;}
#banner a{display:inline;}
#banner a img{margin:0 10px;}
.rights{padding:20px;background:#eee;}
.rights p{margin-bottom:10px;}

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

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