@charset "utf-8";

@import"default.css";

body{
    background:#000000;
    font-size:75%;
    line-height:1.5;
    color:#333333;
}

a{
    color:#333333;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

#wrapper{
    width:900px;
    margin:0 auto;
}


#mainvisual{
    width:900px;
    height:400px;
}

#mainvisual #content{
    background:url(../../images/alt.png) no-repeat 0 0;
    position:relative;
    width:900px;
    height:400px;
}

#mainvisual .flashdownload a{
    display:block;
    position:absolute;
    top:269px;
    left:401px;
    width:158px;
    height:39px;
}

.alt{
    display:none;
}

#article{
    background:url(../../images/bg.png) no-repeat 0 0;
    padding:21px 0 13px 0;
    zoom:1;
}

#gm{
    list-style:none;
    background:url(../../images/gm.png) no-repeat 0 0;
    overflow:visible;
    width:854px;
    height:84px;
    margin:0 0 0 24px;
}

#gm li{
    width:140px;
    height:40px;
    float:left;
    margin:0 2px 2px 0;
}
#gm li a{
    width:140px;
    height:40px;
    display:block;
    background:url(../../images/gm_on.png) no-repeat -9999px -9999px;
}
#gm li.gm2,
#gm li.gm4,
#gm li.gm8,
#gm li.gm10{
    margin:0 3px 2px 0;
}
#gm li.gm2 a:hover{background-position: -142px 0;}
#gm li.gm3 a:hover{background-position: -285px 0;}
#gm li.gm4 a:hover{background-position: -428px 0;}
#gm li.gm5 a:hover{background-position: -570px 0;}
#gm li.gm6 a:hover{background-position: -712px 0;}
#gm li.gm7 a:hover{background-position: 0 -43px;}
#gm li.gm8 a:hover{background-position: -142px -43px;}
#gm li.gm9 a:hover{background-position: -285px -43px;}
#gm li.gm10 a:hover{background-position: -428px -43px;}
#gm li.gm11 a:hover{background-position: -570px -43px;}
#gm li.gm12 a:hover{background-position: -712px -43px;}


#detail{
    position:relative;
    background:url(../../images/detail.png) no-repeat 0 0;
    width:852px;
    height:146px;
    margin:18px 0 9px 24px;
}

#detail .btn_guide {
    background:url(../../images/btn_guide_on.png) no-repeat 0 0;
}
#detail .btn_guide a{
    display:block;
    background:url(../../images/btn_guide.png) no-repeat 0 0;
    width:216px;
    height:23px;
}
#detail .btn_guide a:hover{
    background:none;
}
#detail .dsToGuideBtn{
    position:absolute;
    top:130px;
    left:200px;
}
#detail .wiiToGuideBtn{
    position:absolute;
    top:130px;
    left:627px;
}

#sp_interview{
	text-align:center;
	margin:0 0 10px;
}


#sm{
    text-align:center;
    font-size:84%;
    color:#81755a;
}
#sm .smtop{
    color:#333333;
}
#footer{
    background:url(../../images/footer.png) no-repeat 0 0;
    height:107px;
    position:relative;
}

#footer .linkHudsonTop{
    position:absolute;
    top:68px;
    right:23px;
    width:120px;
    height:25px;
}
#footer .linkHudsonTop a{
    display:block;
    width:120px;
    height:25px;
}




/* page */
#page #mainvisual{
    width:900px;
    height:755px;
}
#page #mainvisual #content{
    background:url(../../page/images/alt.png) no-repeat 0 0;
    position:relative;
    width:900px;
    height:755px;
}

#page #mainvisual .flashdownload a{
    display:block;
    position:absolute;
    top:435px;
    left:401px;
    width:158px;
    height:39px;
}


#page #article{
    background:url(../../page/images/bg.png) no-repeat 0 0;
}

#page #sm{
    text-align:center;
    font-size:84%;
    color:#a6bdd0;
}




/* popup */

.popup #wrapper{
    background:url(../images/popup_bgbd.png) repeat-y 0 0;
    width:650px;
}
.popup #wrapperBg{
    background:url(../images/popup_bg.png) no-repeat 0 0;
}
.popup #header{
    position:relative;
    height:94px;
}
.popup #header h1{
    position:absolute;
    top:14px;
    left:21px;
}
.popup #header .closeBtn{
    position:absolute;
    top:19px;
    right:23px;
}
.popup #article{
    background:none;
    padding:0;
}


.popup .pwin{
    background:url(../images/popup_win_bd.png) repeat-y 0 0;
    width:618px;
    margin:0 0 16px 18px;
}
.popup .pwin .pwinHd{
    background:url(../images/popup_win_hd.png) no-repeat 0 0;
}
.popup .pwin .pwinFt{
    background:url(../images/popup_win_ft.png) no-repeat 0 100%;
    padding:28px;
}
.popup #footer{
    background:url(../images/popup_footer.png) no-repeat 0 0;
    height:107px;
}


/* guide */

#guide .tx{
    margin:18px 0 20px;
}
#guide table{
    border-collapse:collapse;
}
#guide table tr td{
    text-align:center;
    border:1px solid #e7e7e7;
    padding:11px 0;
}
#guide table tr td.col1{
    border-right:2px dotted #ededed;
}
#guide table tr td.col2{
    border-right:2px dotted #ededed;
}
#guide table tr td.col3{
}

#guide .btn{
    background:url(../../guide/images/btn_yoyaku_on.png) no-repeat 0 0;
    width:172px;
    height:32px;
    margin:0 auto;
}
#guide .btn a{
    background:url(../../guide/images/btn_yoyaku.png) no-repeat 0 0;
    display:block;
    width:172px;
    height:32px;
}
#guide .btn a:hover{
    background:none;
}
#guide .sortby{
    margin:6px 0 0;
    text-align:right;
}



/* movie */

#movie h3{
    margin:20px 0;
}
#movie #moviecontent{
    width:480px;
    height:314px;
    margin:0 auto;
}



#movie #flashcontent{
}
#movie #htmlcontent{
    width:480px;
    text-align:center;
    padding:75px 0 0;
}
#movie #htmlcontent a{
    text-decoration:underline;
}