@charset "utf-8";
/* CSS Document */
body#opening{
text-align:center;
}

#opening h1{
font-size:12px;
font-weight:normal;
}
#wrapper{
position:relative;
width:100%;
margin:auto;
text-align:center;
min-height:100%;
height:auto !important;
}
#opening #cover{
position:relative;
margin-top:80px;
}

#opening #imageContainer{
position:relative;
margin:auto;
overflow:hidden;
margin-bottom:10px;
}

#opening #imageContainer img{
display:none;
position:absolute;
top:0px;
left:0px;
}

/*ここでカバーの縦横を定義*/
#opening #imageContainer, #opening #imageContainer img{
width:640px;
height:480px;
}

#opening ul{
list-style-type:none;
width:480px;
margin:auto;
/margin:0px;
}
#opening  ul li{
width:180px;
height:40px;
float:left;
/display:inline;
margin:0px;
margin-right:30px;
margin-left:30px;
text-align:left;
text-indent:-10000px;
}
#opening ul li a{
display:block;
width:180px;
height:40px;
}

#opening #free1, #opening #free2, #opening #free3{
}

#opening p{
font-size:12px;
line-height:1.3;
padding:10px;
}

#opening #passform{
text-align:center;
margin:10px;
margin:auto;
padding:10px;
width:300px;
}
#opening #passform table{
width:280px;
margin:auto;
}
#opening #passform table th{
text-align:center;
font-size:12px;
width:80px;

}
#opening #passform table td{
font-size:12px;
text-align:center;
width:200px;
height:30px;
}
#opening #passform table td.btcell{
text-align:center;
}

#opening #passform input{
width:200px;
}
#opening #passform input.btn{
width:60px;
margin:auto;
/margin-left:80px;
}
#opening h3.ext_link {
margin-top:20px;
margin-bottom:10px;
font-size:12px;
}
#opening ul.ext_link {
list-style-type:none;
width:808px;
margin:auto;
/margin:0px;
}
#opening ul.ext_link li{
display:block;
float:left;
/display:inline;
min-width:200px;
width: auto !important;
width: 200px;
min-height:55px;
height: auto !important;
height: 55px;
font-size:10px;
margin:1px;
text-align:center;
text-indent:0px;

}
/*Footer*/
#footer_opd{
    position: relative;
    height: 100px;
width:100%;
    background-color: transparent;
}
#footer_op{
    background-color: transparent;
    bottom: 0;
	/left:0;
    height: 100px;
    padding-top: 10px;
    position: absolute;
	width:100%;
}
#footer_op p{
padding:20px;
}
#footer_op address{
font-size:12px;
font-weight:normal;
font-style:normal;
}


#footer_opening a:link{
text-decoration:none;
}
#footer_opening a:visited{
text-decoration:none;
}
#footer_opening a:hover{
text-decoration:underline;
}

#spswitch{
font-size:12px;
font-family: HiraKakuProN-W3;
background-color:#999999;
}
#spswitch ul{
list-style-type:none;
margin:0px;
padding-top:0px;
}
#spswitch li{
text-align:center;
border: none;
-webkit-border-radius: 0px;
font-size:12px;

float:right;
margin-right:4px;
margin-top:0px;
margin-bottom:5px;
padding:5px;
color:#999999;
background-color:#ffffff;
-webkit-border-bottom-right-radius: 8px;  
-webkit-border-bottom-left-radius: 8px;  
-moz-border-radius-bottomright: 8px;  
-moz-border-radius-bottomleft: 8px;  
-webkit-box-shadow: 2px 2px 2px grey;
}

#spswitch li a{
color:#000000;
display:block;
}