/* 
目次
01 ブラウザの初期化
02 フォント
03 ヘッダー


フォントサイズ
12px→0.8em
13px→ブラウザによってバラバラ
14px→0.98em
15px→1em=100%
 */
 
/* 
ブラウザの初期化 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 
table {border-spacing:0;} 
* html table {border-collapse:collapse;} 
*:first-child+html table {border-collapse:collapse;} 
caption,th {text-align:left; font-weight:normal;} 
table,th,td,img {border:0;} 
img,input {} 
q:before,q:after {content:'';}


/* 
フォント */
body {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	font-style:normal;
	color:#333333;
	font-weight:normal;
}



#wrap {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 780px;
	height: 345px;
	margin-top: 10px;
}

#main {
	background-image: url(../img/top_header_bg.jpg);/*　矢印の画像を背景画像に設定 */
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	clear: left;
	height: 145px;
	width: 780px;
}

#left {
	width: 650px;
	height: 105px;
	float: left;
	margin-top: 30px;
}


#left ul{
 margin:0;
 padding:0;
 list-style-position:inside;
 list-style-type: none;
 text-align:center;
}

#left ul li{
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin-right: 5px;
}





#left #navi{
	width: 480px;
	height: 105px;
	margin-left: 160px;
}

#left #navi img {
	visibility: hidden;
}
#left #navi li a {
  display: block;
}


#left #navi a,
#left #navi a:link,
#left #navi a:visited {
	background-position: 0px 0px;
}


#left #navi a:hover {
	background-position: 0px 105px;
}

#left #navi .n-room a {
	background-image: url(../img/top_b_room.gif);
}
#left #navi .n-rest a {
	background-image: url(../img/top_b_rest.gif);
}
#left #navi .n-activity a {
	background-image: url(../img/top_b_activity.gif);
}
#left #navi .n-charge a {
	background-image: url(../img/top_b_charge.gif);
}
#left #navi .n-info a {
	background-image: url(../img/top_b_info.gif);
}
#left #navi .n-links a {
	background-image: url(../img/top_b_links.gif);
}


#right {
	width: 130px;
	height: 105px;
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

#right ul {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-type: none;
	list-style-position:outside;
}

#right ul li{
	float: none;
	list-style-image: none;
	list-style-type: none;
	padding-bottom: 5px;
}

#right #navi2 {	
 width: 130px;
height: 105px;
}

#right #navi2 li a img {
	visibility: hidden;
}

#right #navi2 .n-blog a,
#right #navi2 .n-mail a,
#right #navi2 .n-english a {
  display: block;
}

#right #navi2 .n-blog a,
#right #navi2 .n-blog a:link,
#right #navi2 .n-blog a:visited,
#right #navi2 .n-mail a,
#right #navi2 .n-mail a:link,
#right #navi2 .n-mail a:visited,
#right #navi2 .n-english a,
#right #navi2 .n-english a:link,
#right #navi2 .n-english a:visited  {
	background-position: 0px 0px;
}


#right #navi2 .n-blog a:hover,
#right #navi2 .n-mail a:hover,
#right #navi2 .n-english a:hover {
	background-position: 0px -30px;
}

#right #navi2 .n-blog a {
	background-image: url(../img/top_b_blog.gif);
	background-repeat:no-repeat;
}

#right #navi2 .n-mail a {
	background-image: url(../img/top_b_mail.gif);
	background-repeat:no-repeat;
}

#right #navi2 .n-english a {
	background-image: url(../img/top_b_english.gif);
	background-repeat:no-repeat;
}






#footer{
	height: 18px;
	width: 780px;
	left: auto;
	top: auto;
	text-align:center;
	background-image: url(../img/footer.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}


.clear {
    clear:both;
}


td img {display: block;}

.text-white {
	color: #FFFFFF;
}