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

/*
------------------------------------------------ base */
body{
background:url(images/bg_repeat.jpg) repeat-y center top #0b5e97;
text-align:center;
color:#282D32;
}
.alt{display:none;}
td,th,dt,dd,li,p,#footer{font-family:"ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro" , "‚l‚r ƒSƒVƒbƒN", sans-serif;}
dd,dt,p,#footer{font-size:12px;line-height:18px;text-align:left;}
dd,dt,p,#footer{text-align:justify;text-justify:inter-ideograph;}
li{font-size:12px;line-height:18px;text-align:left;overflow:hidden;}

#rights p,.spec dd,.spec dt,.spec p,.spec li{font-size:10px;line-height:13px;}
br{letter-spacing:0;}
.cap{text-align:left;}
.ground{
width:900px;
margin:0 auto;
background:url(images/bg_repeat.jpg) repeat-y center top #0b5e97;
text-align:left;
}
.unit{
width:860px;
margin:0 0 0 20px;
position:relative;
overflow:hidden;
float:none;
clear:both;
text-align:left;
border-left: 1px solid #6aa6e4;
border-right: 1px solid #6aa6e4;
border-bottom: 1px solid #6aa6e4;
}

.btn a{text-indent:100%;white-space:nowrap;overflow:hidden;display:block;margin:0;}
.box{position:relative;overflow:hidden;float:none;clear:both;}

.ground h2,.ground h3,.ground h4{display:none;}
#rights p{color:#888888;text-align:center;margin: 2em 2em 1em;}

/* ===================== */
/* box“ΰ‚Μfloat */
/* ===================== */
.floats > div {overflow:hidden;float:left;}
.floats_2 > div {overflow:hidden;float:left;width:429px;}

/*  ƒL[ƒ[ƒh */
.keywords {
background:url(images/keyword_bg.jpg) repeat center top;
}
.keywords h2,.keywords dt .icon{
    background-image:url(images/keyword.png);
    background-repeat: no-repeat;
    }
.keywords h2{
    display: block;
    width:840px;
    height:20px;
    background-position: 0 0;
    overflow:hidden;text-indent:150%;white-space:nowrap;
    margin: 10px 0 0 10px;
    }
.keywords dl {margin: 20px 40px 40px;}
.keywords dt{color: #0039BF;margin:1em 0 0.5em 0;}
.keywords dt .icon{
    width:13px;
    height:12px;
    display: inline-block;
    float:left;
    margin-right: 3px;
    margin-top: 2px;
    overflow:hidden;text-indent:150%;white-space:nowrap;
    background-position: 0 -30px;
    }
.keywords dd {border-bottom: 1px dashed #808080;padding-bottom: 1em;}

/*
------------------------------------------------ head */
#head{background:url(images/bg.jpg) no-repeat center top ;}
#head .area{
    background:url(images/header.jpg) no-repeat center top ;
    width:900px;
    height:1738px;
    overflow:hidden;
    margin:0 auto;
    text-align:left;
    position:relative;
    }
#head .floats_2 .float-l {width:330px;}
#head .floats_2 .float-r {width:560px;}


#head .box1{height:675px;}
#famicom{margin:5px 10px;}
#head .lead{width:270px;height:127px;margin: 497px 0 0 40px;}
#bkmark {
    width:365px;height:40px;
    margin: 524px 0 0 200px;
    overflow:hidden;
    }
#bkmark li{float:right;padding-right:8px;}
#bkmark li.gplus{width:80px;overflow:hidden;}
#bkmark li.twitter{padding-right:0;}
iframe.twitter-share-button {width: 105px!important;}
.tweetcp a{
    width:380px;height:40px;
    overflow:hidden;text-indent:150%;white-space:nowrap;
    display: block;
    margin:40px 0 0 100px;
}
#wallpeper_link{
	width:360px;height:18px;
	margin: 55px 0 0 105px;
}
#wallpeper_link li{
	width:120px;height:18px;float:left;
}
#wallpeper_link a{
	width:115px;height:18px;
	background-image: url(images/btn_wallpaper.png);
	background-repeat: no-repeat;
	overflow:hidden;text-indent:150%;white-space:nowrap;
	display: block;
}
#wallpeper_link .wallpeper1 a{background-position: 0 0;}
#wallpeper_link .wallpeper2 a{background-position: -115px 0;}
#wallpeper_link .wallpeper3 a{background-position: -230px 0;}
#wallpeper_link .wallpeper1 a:hover{background-position: 0 -18px;}
#wallpeper_link .wallpeper2 a:hover{background-position: -115px -18px;}
#wallpeper_link .wallpeper3 a:hover{background-position: -230px -18px;}
#head .box2{height:172px;}
.spec{display:none;}
#head .history {
    width:340px;
    height:96px;
    border: 1px solid #8c814d;
    overflow:auto;
    margin:35px 0 0 35px;
    color: #a09a41;
    }
#head .history ul{
    margin:10px;
    }
#head .history li{
    padding-left: 7em;
    text-indent: -7em;
    overflow:visible;
    }
#head .history li .date{margin-right: 1em;color: #8c814d;}

#head #menu{height:868px;}
#menu ul.first{margin-top:34px;}
#menu ul{margin-left:35px;}
#menu li{
    width:210px;height:97px;
    float:left;
    display: block;
    }
#menu li.cm{
    background: url(images/menu_comingsoon.png) no-repeat 0 0;
    }

#menu li a{
    width:198px;height:97px;
    background-image: url(images/menu.png);
    background-repeat: no-repeat;
    overflow:hidden;text-indent:150%;white-space:nowrap;
    display: block;
    }
#menu li.menu1 a{background-position: 0 0px;}
#menu li.menu1 a:hover{background-position: 0 -100px;}
#menu li.menu2 a{background-position: -200px 0px;}
#menu li.menu2 a:hover{background-position: -200px -100px;}
#menu li.menu3 a{background-position: -400px 0px;}
#menu li.menu3 a:hover{background-position: -400px -100px;}
#menu li.menu4 a{background-position: -600px 0px;}
#menu li.menu4 a:hover{background-position: -600px -100px;}
#menu li.menu5 a{background-position: -800px 0px;}
#menu li.menu5 a:hover{background-position: -800px -100px;}
#menu li.menu6 a{background-position: -1000px 0px;}
#menu li.menu6 a:hover{background-position: -1000px -100px;}
#menu li.menu7 a{background-position: -1200px 0px;}
#menu li.menu7 a:hover{background-position: -1200px -100px;}
#menu li.menu8 a{background-position: -1400px 0px;}
#menu li.menu8 a:hover{background-position: -1400px -100px;}

#menu li.menu9 a{background-position: 0 -200px;}
#menu li.menu9 a:hover{background-position: 0 -300px;}
#menu li.menu10 a{background-position: -200px -200px;}
#menu li.menu10 a:hover{background-position: -200px -300px;}
#menu li.menu11 a{background-position: -400px -200px;}
#menu li.menu11 a:hover{background-position: -400px -300px;}
#menu li.menu12 a{background-position: -600px -200px;}
#menu li.menu12 a:hover{background-position: -600px -300px;}
#menu li.menu13 a{background-position: -800px -200px;}
#menu li.menu13 a:hover{background-position: -800px -300px;}
#menu li.menu14 a{background-position: -1000px -200px;}
#menu li.menu14 a:hover{background-position: -1000px -300px;}
#menu li.menu15 a{background-position: -1200px -200px;}
#menu li.menu15 a:hover{background-position: -1200px -300px;}
#menu li.menu16 a{background-position: -1400px -200px;}
#menu li.menu16 a:hover{background-position: -1400px -300px;}

#menu li.menu17 a{background-position: 0 -400px;}
#menu li.menu17 a:hover{background-position: 0 -500px;}
#menu li.menu18 a{background-position: -200px -400px;}
#menu li.menu18 a:hover{background-position: -200px -500px;}
#menu li.menu19 a{background-position: -400px -400px;}
#menu li.menu19 a:hover{background-position: -400px -500px;}
#menu li.menu20 a{background-position: -600px -400px;}
#menu li.menu20 a:hover{background-position: -600px -500px;}

#menu li.menu21 a{background-position: -800px -400px;}
#menu li.menu21 a:hover{background-position: -800px -500px;}
#menu li.menu22 a{background-position: -1000px -400px;}
#menu li.menu22 a:hover{background-position: -1000px -500px;}
#menu li.menu23 a{background-position: -1200px -400px;}
#menu li.menu23 a:hover{background-position: -1200px -500px;}
#menu li.menu24 a{background-position: -1400px -400px;}
#menu li.menu24 a:hover{background-position: -1400px -500px;}

#menu li.menu25 a{background-position: -0px -600px;}
#menu li.menu25 a:hover{background-position: -0px -700px;}
#menu li.menu26 a{background-position: -200px -600px;}
#menu li.menu26 a:hover{background-position: -200px -700px;}
#menu li.menu27 a{background-position: -400px -600px;}
#menu li.menu27 a:hover{background-position: -400px -700px;}
#menu li.menu28 a{background-position: -600px -600px;}
#menu li.menu28 a:hover{background-position: -600px -700px;}

#menu li.menu29 a{background-position: -800px -600px;}
#menu li.menu29 a:hover{background-position: -800px -700px;}
#menu li.menu30 a{background-position: -1000px -600px;}
#menu li.menu30 a:hover{background-position: -1000px -700px;}
#menu li.menu31 a{background-position: -1200px -600px;}
#menu li.menu31 a:hover{background-position: -1200px -700px;}
#menu li.menu32 a{background-position: -1400px -600px;}
#menu li.menu32 a:hover{background-position: -1400px -700px;}


/*
------------------------------------------------ unit01 */
#unit01 {height:870px;background:url(images/unit01.jpg) no-repeat center top;}
#unit01 .box1{height:300px;}
#unit01 .lead{width:370px;margin:165px 0 0 455px;}

#unit01 .box2{height:570px;}
#unit01 .box2 .p01 {width:390px;height:180px;margin: 92px 0 0 20px;}
#unit01 .box2 .p02 {width:380px;height:180px;margin: 92px 0 0 30px;}
#unit01 .box2 .p03 {width:120px;height:180px;margin: 94px 0 0 37px;}

/*
------------------------------------------------ unit02 */
#unit02 {height:1300px;background:url(images/unit02.jpg) no-repeat center top;}
#unit02 .box1{height:150px;}
#unit02 .lead{width:330px;height:126px;margin: 15px 0 0 510px;color: #fff;}

#unit02 .box2{height:757px;}
#unit02 .box2 > div:first-child{width:360px;}
#unit02 .box2 > div:first-child p{width:310px;margin-left:20px;}
#unit02 .p01{height:80px;margin-top: 67px;}
#unit02 .p02{height:154px;}
#unit02 .p03{height:118px;}
#unit02 .p04{height:96px;}
#unit02 .p05{height:119px;}
#unit02 .p06{height:80px;}
#unit02 .box2 > div:last-child{width:498px;}
#unit02 .p07{width:180px;height:391px;margin:105px 0 0 20px;line-height:1.8;}
#unit02 .p08{width:180px;height:250px;margin-left:20px;line-height:1.8;}

#unit02 .box3{height:390px;}
#unit02 .box3 p{width:480px;margin-left: 24px;margin-bottom: 1.5em;}
#unit02 .box3 p.first{margin-top: 102px;}


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

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

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

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