@charset "UTF-8";

*{
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	font-size:small;
	line-height:1em;
	font-weight:normal;
	}


a:link,
a:visited {
	color:#cc9933;
	}
a:hover,
a:visited:hover {
	color:#ffcc66;
	}

body{
	background:#e2e2e2;
	text-align:center;
	}

div#wrapper{
	width:806px;
	margin:0 auto;
	padding:0 15px;
	background:transparent url(../images/bg1.jpg) 0 0 repeat-y;
	}


div#header{
	}

div#header h1#logo{
	width:137px;
	height:32px;
	text-indent:-9999px;
	background:transparent url(../images/logo.jpg) 0 0 no-repeat;
	margin:12px 0 0 19px;
	float:left;
	display:inline;
	}

div#header div#hotel_info{
	margin-top:8px;
	margin-right:3px;
	margin-bottom:4px;
	float:right;
	display:inline;
	}
div#header div#hotel_info ul li{
	text-align:right;
	color:#330000;
	line-height:1.1em;
	}




div#header div#navi{
	clear:both;
	}
div#header div#navi ul{
	height:33px;
	background:transparent url(../images/navi.jpg) 0 0 no-repeat;
	}
div#header div#navi ul li{
	float:left;
	}
div#header div#navi ul li a{
	display:block;
	height:33px;
	text-indent:-9999px;
	}

div#header div#navi ul li#n1 a{
	width:104px;
	}
div#header div#navi ul li#n2 a{
	width:124px;
	}
div#header div#navi ul li#n3 a{
	width:163px;
	}
div#header div#navi ul li#n4 a{
	width:110px;
	}
div#header div#navi ul li#n5 a{
	width:145px;
	}

div#header div#navi ul li#n1 a:hover,
div#header div#navi ul li#n1 a:visited:hover{
	background:transparent url(../images/navi.jpg) 0 -33px no-repeat;
	}
div#header div#navi ul li#n2 a:hover,
div#header div#navi ul li#n2 a:visited:hover{
	background:transparent url(../images/navi.jpg) -104px -33px no-repeat;
	}
div#header div#navi ul li#n3 a:hover,
div#header div#navi ul li#n3 a:visited:hover{
	background:transparent url(../images/navi.jpg) -228px -33px no-repeat;
	}
div#header div#navi ul li#n4 a:hover,
div#header div#navi ul li#n4 a:visited:hover{
	background:transparent url(../images/navi.jpg) -391px -33px no-repeat;
	}
div#header div#navi ul li#n5 a:hover,
div#header div#navi ul li#n5 a:visited:hover{
	background:transparent url(../images/navi.jpg) -501px -33px no-repeat;
	}





div#main{
	margin-bottom:16px;
	}
div#main div#main_left{
	width:309px;
	height:332px;
	float:left;
	background:transparent url(../images/bg_black.jpg) 0 0 no-repeat;
	}
div#main div#main_left p#concept{
	text-indent:-9999px;
	/*width:259px;*/
	height:53px;
	margin:24px 0  25px 19px;
	background:transparent url(../images/concept_text.jpg) 0 0 no-repeat;
	}
div#main div#main_left p#price{
	text-indent:-9999px;
	/*width:165px;*/
	height:16px;
	margin:0 0  5px 19px;
	background:transparent url(../images/price_text.jpg) 0 0 no-repeat;
	}
div#main div#main_left p#equipment{
	text-indent:-9999px;
	/*width:144px;*/
	height:76px;
	margin:0 0 25px 19px;
	background:transparent url(../images/equipment_text.jpg) 0 0 no-repeat;
	}
div#main div#main_left div#tel{
	text-indent:-9999px;
	width:135px;
	height:90px;
	margin:0 0 0 19px;
	background:transparent url(../images/reservation_text.jpg) 0 0 no-repeat;
	float:left;
	display:inline;
	}
div#main div#main_left div#vacancy{
/*
	text-indent:-9999px;
	width:135px;
	height:90px;
	margin:0 16px 0 0;
	background:transparent url(../images/reservation_text.jpg) 0 0 no-repeat;
	float:right;
*/
	}
div#main div#main_right{
	width:497px;
	height:332px;
	float:right;
	}

div#new,
div#room,
div#info,
div#access,
div#reservation{
	text-align:left;
	background:transparent url(../images/bg_brown2.jpg) 0 0 repeat-y;
	margin-bottom:16px;
	}
div#reservation{
	margin-bottom:6px;
	}

div#new div.header,
div#room div.header,
div#info div.header,
div#access div.header,
div#reservation div.header{
	font-size:1px;
	line-height:1em;
	height:12px;
	background:transparent url(../images/bg_brown1.jpg) 0 0 no-repeat;
	}
div#new div.footer,
div#room div.footer,
div#info div.footer,
div#access div.footer,
div#reservation div.footer{
	font-size:1px;
	line-height:1em;
	height:10px;
	background:transparent url(../images/bg_brown3.jpg) 0 0 no-repeat;
	}

div#new h2{
	width:48px;
	height:11px;
	margin-left:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:transparent url(../images/title_new.jpg) 0 0 no-repeat;
	}
div#room h2{
	width:58px;
	height:11px;
	margin-left:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:transparent url(../images/title_room.jpg) 0 0 no-repeat;
	}
div#info h2{
	height:11px;
	margin-left:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:transparent url(../images/title_information.jpg) 0 0 no-repeat;
	}
div#access h2{
	height:11px;
	margin-left:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:transparent url(../images/title_access.jpg) 0 0 no-repeat;
	}
div#reservation h2{
	height:11px;
	margin-left:19px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:transparent url(../images/title_online.jpg) 0 0 no-repeat;
	}




div#new ul {
	margin-left:19px;
	padding-bottom:4px;
	margin-right:19px;
	}
div#new ul li {
	padding-left:10px;
	margin-bottom:10px;
	background:transparent url(../images/arrow01.jpg) left center no-repeat;
	color:#FFF;
	}
div#new ul li,
div#new ul li a {
	font-size:x-small;
	line-height:1.4em;
	}





div#room .img1{
	margin-left:19px;
	margin-bottom:5px;
	}
div#room .img2{
	margin-left:16px;
	margin-bottom:5px;
	}
div#room p{
	color:#FFF;
	font-size:x-small;
	margin-left:19px;
	}
div#room p strong{
	font-size:x-small;
	}
div#room p#txt1{
	text-align:right;
	margin-right:19px;
	}
div#room p#txt2{
	line-height:1.5;
	margin-bottom:14px;
	}




div#info dl{
	margin-left:19px;
	margin-bottom:14px;
	}

div#info dl dt,
div#info dl dd{
	color:#FFF;
	margin-bottom:4px;
	}

div#info dl dt{
	float:left;
	width:75px;
	}

div#access div#access_left{
	margin-left:19px;
	margin-bottom:14px;
	width:508px;
	float:left;
	display:inline;
	}
div#access div#access_right{
	width:263px;
	margin-left:16px;
	float:right;
	display:inline;
	}
div#access div#access_right ul li{
	color:#FFF;
	line-height:1.4em;
	}
div#access div#access_right p a{
	margin-top:10px;
	width:92px;
	height:22px;
	display:block;
	background:transparent url(../images/btn_bg_largemap.jpg) 0 0 no-repeat;
	color:#FFF;
	font-size:x-small;
	text-align:center;
	line-height:22px;
	text-decoration:none;
	}

div#access div#map{
	width:508px;
	height:282px;
	}

div#access div.footer{
	clear:both;
	}



div#reservation h3#yahoo a,
div#reservation h3#rakuten a{
	width:376px;
	height:89px;
	display:block;
	text-indent:-9999px;
	}
div#reservation h3#yahoo{
	margin-left:19px;
	float:left;
	margin-bottom:14px;
	display:inline;
	}
div#reservation h3#rakuten{
	margin-right:19px;
	float:right;
	margin-bottom:14px;
	display:inline;
	}
div#reservation h3#yahoo a{
	background:transparent url(../images/btn_yahoo.jpg) 0 0 no-repeat;
	}
div#reservation h3#rakuten a{
	background:transparent url(../images/btn_rakuten.jpg) 0 0 no-repeat;
	}
div#reservation div.footer{
	clear:both;
	}





div#footer{
	padding-right:3px;
	padding-bottom:16px;
	}
div#footer p#nito{
	width:86px;
	height:11px;
	float:left;
	}
div#footer p#nito a{
	display:block;
	width:86px;
	height:11px;
	text-indent:-9999px;
	background:transparent url(../images/nito.jpg) 0 0 no-repeat;
	}
div#footer p#copy{
	width:223px;
	height:11px;
	text-indent:-9999px;
	background:transparent url(../images/copy.jpg) 0 0 no-repeat;
	float:right;
	}


/* ============================== CSS Hack */
/* floating box clear */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }