@charset "utf-8";

/*
===========================================================
	common css
	Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
	version: 2.0.1 [2010/01/06]
===========================================================
*/

/*
-------------------------------
	body	[=tab]
-------------------------------
*/
body {
	color:#7c5a1e;
	text-align:center;
	background:url(../img/bg_body.jpg) repeat-x;
}

a,
a:visited {
	color:#006699;
	text-decoration:none;
}
a:hover {
	color:#006699;
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

tt {
	font-size: 110%;
	line-height:100%;
}
/*
-------------------------------
	container	[=tab]
-------------------------------
*/
div#container {
	width:800px;
	margin:0px auto;
	text-align:left;
}
	div#container h1 {
		height:15px;
		color:#333333;
		font-size:80%;
		text-align:right;
	}

/*
-------------------------------
	header	[=tab]
-------------------------------
*/
div#header {
	width:800px;
}
	div#header h2  {
	width:313px;
	float:left;
	}
	div#header h2 a {
	width:200px;
	height:0px;
	padding-top:60px;
	display:block;
	overflow:hidden;
	background:url(../img/logo.png) no-repeat;
	}
	
/*	headerNav  */
div#header ul#headerNav {
	width:237px;
	float:left;
	margin-top:35px;
}
	div#header ul#headerNav li {
		display:inline;
	}
	div#header ul#headerNav li a {
		float:left;
		height:0px;
		padding-top:26px;
		background-image:url(../img/headerNav.png);
		background-repeat:no-repeat;
		overflow:hidden;
	}

div#header ul#headerNav li#hn_top a { width:63px; background-position: 0 0; }
div#header ul#headerNav li#hn_inquiry a { width:81px; background-position: -63px 0; }
div#header ul#headerNav li#hn_sitemap a { width:93px; background-position: -144px 0; }

div#header ul#headerNav li#hn_top a:hover { background-position: 0 -26px; }
div#header ul#headerNav li#hn_inquiry a:hover { background-position: -63px -26px; }
div#header ul#headerNav li#hn_sitemap a:hover { background-position: -144px -26px; }

	div#header p {
	width:250px;
	float:right;
	height:0px;
	padding-top:65px;
	display:block;
	overflow:hidden;
	background:url(../img/header_inquiry.png) no-repeat;
	}

/*	globalNav  */
div#header ul#globalNav {
	clear:both;
	width:800px;
	height:48px;
}
	div#header ul#globalNav li {
		display:inline;
	}
	div#header ul#globalNav li a {
		width:100px;
		float:left;
		height:0px;
		padding-top:48px;
		background-image:url(../img/globalNav.jpg);
		background-repeat:no-repeat;
		overflow:hidden;
	}

div#header ul#globalNav li#gn_spa a { background-position: 0 0; }
div#header ul#globalNav li#gn_cuisine a { background-position: -100px 0; }
div#header ul#globalNav li#gn_room a { background-position: -200px 0; }
div#header ul#globalNav li#gn_facility a { background-position: -300px 0; }
div#header ul#globalNav li#gn_access a { background-position: -400px 0; }
div#header ul#globalNav li#gn_sightseeing a { background-position: -500px 0; }
div#header ul#globalNav li#gn_stay a { background-position: -600px 0; }
div#header ul#globalNav li#gn_reservation a { background-position: -700px 0; }

div#header ul#globalNav li#gn_spa a:hover { background-position: 0 -48px; }
div#header ul#globalNav li#gn_cuisine a:hover { background-position: -100px -48px; }
div#header ul#globalNav li#gn_room a:hover { background-position: -200px -48px; }
div#header ul#globalNav li#gn_facility a:hover { background-position: -300px -48px; }
div#header ul#globalNav li#gn_access a:hover { background-position: -400px -48px; }
div#header ul#globalNav li#gn_sightseeing a:hover { background-position: -500px -48px; }
div#header ul#globalNav li#gn_stay a:hover { background-position: -600px -48px; }
div#header ul#globalNav li#gn_reservation a:hover { background-position: -700px -48px; }

/*
-------------------------------
	contents	[=tab]
-------------------------------
*/
div#contents {
	background-color:#ffffff;
}

	div#contents div#main {
		width:600px;
		float:left;
	}

	div#contents div#sideArea {
		width:170px;
		float:right;
	}

/*
-------------------------------
	main	[=tab]
-------------------------------
*/
div#main h2 {
	margin-top:20px;
}
div#main h3 {
	margin-top:20px;
	padding:8px 5px 5px 15px;
	color:#5c6d1b;
	font-weight:bold;
	border-top:1px #dcdcdc dotted;
	border-bottom:1px #dcdcdc dotted;
	background:url(../img/bg_h3.jpg) 0px 14px no-repeat;
	clear:both;
}
div#main h4 {
	margin:10px 15px -10px 15px;
	color:#8B4513;
	font-weight:bold;
}

div#main p {
	margin:20px 15px 0px 15px;
}

/*
-------------------------------
	sideArea	[=tab]
-------------------------------
*/
div.sideArea_layout {
	margin-top:10px;
	color:#34270f;
	border-bottom:1px #775519 solid;
	background:url(../img/bg_sideArea_layout.jpg) no-repeat;
}

div#sideArea p {
	margin:10px 10px 10px 10px;
}
	div#sideArea p#sideArea_reservation a {
		width:150px;
		height:0px;
		padding-top:46px;
		display:block;
		overflow:hidden;
		background:url(../img/sideArea_reservation.png) no-repeat;
	}
	div#sideArea p#sideArea_reservation a:hover {
		background-position:0px -46px;
	}

	div#sideArea p#sideArea_calendar a {
		width:150px;
		height:0px;
		padding-top:46px;
		display:block;
		overflow:hidden;
		background:url(../img/sideArea_calendar.png) no-repeat;
	}
	div#sideArea p#sideArea_calendar a:hover {
		background-position:0px -46px;
	}

	div#sideArea p#sideArea_links {
		font-size:80%;
	}
	div#sideArea p#sideArea_links img {
		margin-bottom:5px;
	}
div#sideArea table {
	margin-left: 10px;
}

div#sideArea table td {
	padding-right: 2px; 
}
/*
-------------------------------
	footer	[=tab]
-------------------------------
*/
div#footer {
	clear:both;
	margin-top:20px;
	padding-top:15px;
	color:#827b71;
	font-size:80%;
	text-align:center;
	background:url(../img/bg_footer.jpg) repeat-x;
}
	div#footer ul {
		width:800px;
		margin:0px auto;
	}
	div#footer ul li {
		display:inline;
		padding-right:5px;
		padding-left:5px;
	}
		div#footer ul li a {
			color:#666666;
			text-decoration:none;
		}
		div#footer ul li a:hover {
			text-decoration:underline;
		}
	div#footer address {
		padding:10px 0px 20px 0px;
	}
		div#footer address a {
			color:#827b71;
			text-decoration:none;
		}

/*
-------------------------------
	layout	[=tab]
-------------------------------
*/
/* -- iframe -- */
div#privacy {
	height:100px;
	margin:10px 15px 0px 15px;
	padding:10px;
	overflow:auto;
	border:1px #dcdcdc solid;
}

/* -- table -- */
table.layout_border {
	margin:15px 15px 0px 15px;
	border:1px #dcdcdc solid;
	width:95%;
}
	table.layout_border td {
		padding:8px;
		border:1px #dcdcdc solid;
		vertical-align:top;
	}
	table.layout_border td.item {
		text-align:center;
		vertical-align:middle;
		background-color:#f7f4ee;
	}
	table.layout_border td.item_sub {
		text-align:center;
		background-color:#fef1f1;
	}
	table.layout_border td.item_price {
		padding:8px 10px 8px 8px;
		text-align:right;
	}
	
	table.layout_border tbody.all_center {
		text-align:center;
	}

table.layout_sight {
	margin:15px 0px 0px 0px;
	border:1px #dcdcdc solid;
}
	table.layout_sight td {
		padding:5px;
		border:1px #dcdcdc solid;
		vertical-align:top;
	}
	table.layout_sight td.photo {
		padding:5px;
		border:1px #dcdcdc solid;
		text-align:center;
	}

/* -- list -- */
ul.list_arrow {
		margin:20px 15px 0px 15px;
	}
	ul.list_arrow li {
	padding:0px 0px 0px 13px;
	background:url(../img/icon_arrow_right.png) 0px 6px no-repeat;
	}
	
	ul.list_arrow li li{
		background-image: url(../img/sub_li.jpg);		
	}
	ul.list_arrow li li.end{
		background-image: url(../img/sub_li_end.jpg);		
	}
	

ol.list_decimal {
	margin:0px 15px 0px 15px;
	padding:0px 0px 0px 13px;
	list-style-type:decimal;
	}

/* -- image -- */
.image_right {
	float:right;
	margin:0px 0px 10px 10px;
}

/* -- font -- */
.emphasis {
	color:#FF6600;
}

/* -- form -- */
input.inputArea {
	width:200px;
}
input.inputspan {
	width:30px;
}
textarea.inputField {
	width:350px;
}

.gc{
	color: #AA0000;
}

/*
-------------------------------
	clearfix	[=tab]
-------------------------------
*/
/*  --- fix related --- */
/* to fix clear flot */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
	}
/* Mac IE \*//*/
.clearfix {
	overflow:hidden;
}
/* */

/*
-------------------------------
	iepngfix	[=tab]
-------------------------------
*/
/* fix to make png transparent in IE6 */
*html body,img,div,a,p,h2 {
	behavior:url("js/iepngfix.htc");
}