@charset "utf-8";

*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
font-size:75%;
font-family:MS UI Gothic,Verdana,Arial,sans-serif;
line-height:150%;
color:#000;
text-align:left;
letter-spacing:1px;
background:#101010;
}
html>/**/body {
font-size: 12px;
font-family:MS UI Gothic,Osaka,'ＭＳ Ｐゴシック',sans-serif;
overflow:-moz-scrollbars-vertical;
}
html:first-child body {
min-height:100%;
font-family:MS UI Gothic,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

img{
border:none;
}

a:link{
color:#ffffff;
text-decoration:underline;
}
a:visited{
color:#ffffff;
text-decoration:underline;
}
a:hover{
color:#666666;
text-decoration:none;
}

/*Global************************************************************/
#main_container{
background:#101010 url("../img/bg.gif") repeat-x top left;
}
#footer_container{
height:100px;
background:#101010 url("../img/footerbg.gif") repeat-x top left;
}

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

#header{
height:28px;
}

#header h1{
margin:6px 0 0 12px;
height:22px;
font-size:85%;
font-weight:normal;
color:#fff;
}

#html_header{
height:40px;
background:#7f7f7f url("../img/html_headerbg.gif") repeat-x top left;
}
#html_footer{
clear:both;
height:60px;
background:#111010 url("../img/html_footerbg.gif") repeat-x top left;
}

#html_footer img{
float:left;
}
#html_footer span{
float:right;
margin:40px 12px 0 0;
text-align:right;
}

.fleft{
float:left;
}

.fright{
float:right;
}

.clear{
clear:both;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.relative{
position:relative;
}

.absolute{
position:absolute;
}
/*top*********************************************************/
#topflash{
width:1024px;
height:482px;
background:#000;
}

/*design*******************************************************/
#designflash{
width:1024px;
height:612px;
background:#000;
}

/*roomplan*******************************************************/
#planflash{
width:1024px;
height:482px;
background:#000;
}


/*footer******************************************************/
#info{
height:40px;
background:#C9C8C7;

}
#info img{
vertical-align:middle;
}
#info p{
padding:13px 0 0 12px;
color:#404040;
font-size:11px;
line-height:150%;
}


#footer p{
margin:12px 12px 0 0;
color:#fff;
}
.flink{
margin:18px 6px 0 0;
}


/*access******************************************************/
#access {
width:600px;
margin:0px auto;
text-align:center;
}
#access #closebtn {
margin: 12px 12px 24px;
text-align:center;
}
#access #closebtn img {
margin:0 5px;
}

/*outline*****************************************************/
#outline{
margin:0 auto;
padding:20px 0;
background:#fff;
text-align:center;
width:650px;
}

#outline td{
text-align:left;
padding:3px 0;
border-bottom:solid 1px #E1D6BB;
}

/*type********************************************************/
#type_wrapper{
width:840px;
margin:0 auto;
}
#types_wrapper{
width:650px;
margin:0 auto;
}

#type_topm{
height:11px;
background:#7f7f7f url("../img/type_topmbg.gif") repeat-x top left;
}

#type_header{
margin:0 0 1px 0;
height:88px;
background:#7f7f7f url("../img/type_headerbg.gif") repeat-y top left;
}
#th_left{
float:left;
height:88px;
}
#th_right{
float:right;
height:88px;
margin:2px 2px 0 0;
text-align:right;
}
#th_left img{
margin:9px 0 9px 6px;
}
#th_right img{
margin:24px 6px 0 0;
}

#type_container{
clear:both;
background:#fff;
text-align:center;
}

#type_img{
background:#fff;
}

#type_footer img{
float:left;
}
#type_footer span{
float:right;
margin:40px 12px 0 0;
text-align:right;
color:#fff;
}

/*login*******************************************************/
#login_wrapper{
width:800px;
margin:0 auto;
background:#141212;
color:#f4f4f4;
}

#login_container{
margin:80px 110px;
background:#141212;
}
#login_container p{
margin:40px 0;
font:bold 17px "ＭＳ Ｐ明朝";
letter-spacing:2px;
}
#login_container table{
font:normal 12px "ＭＳ Ｐ明朝";
letter-spacing:2px;
line-height:24px;
}
.submit{
width:100px;
text-align:right;
vertical-align:bottom;
}
#login_chu{
margin:40px 0;
}

/*rule********************************************************/
#rule_wrapper{
width:900px;
margin:0 auto;
background:#141212;
}

#rule_container{
margin:24px;
background:#141212;
color:#f4f4f4;
}
#rule_container h1{
margin:10px 0;
font:bold 14px "ＭＳ Ｐ明朝";
letter-spacing:2px;
line-height:20px;
}
#rule_container hr{
margin:10px 0;
height:1px;
color:#f4f4f4;
border:none;
}
#rule_container img{
margin:0 0 12px 0;
}
#rule_container table{
margin:8px 0;
border:solid 8px #141212;
border-collapse:separate;
}
#rule_container td{
vertical-align:top;
color:#c4c8d8;
}
#rule_container ul{
margin:0 0 0 24px;
list-style:square url(../img/li01.gif) outside;
vertical-align:top;
}