@charset "UTF-8";


* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	}



/* body
----------------------------------------------------*/

body {
	font-size: 12px;
	background: url(../img/back.gif) repeat-x #C4B2A7;
	color: #7E5E5D;
	}
	
	
	
/* a 
----------------------------------------------------*/	

a:link,
a:visited
	{
	color: #7E5E5D;
	text-decoration: underline;
	}
a:hover,
a:active
	{
	color: #E05485;
	text-decoration: underline;
	}
	

/* h1 etc
----------------------------------------------------*/
h1 {
	padding: 0 10px 0 0;
	}	



/* layout etc
----------------------------------------------------*/

.end {
	clear: both;
	}
	
.float-l {
	float: left;
	}	
	
.float-r {
	float: right;
	}	
	
	
	
	
/* container
----------------------------------------------------*/	

#container {
	width: 740px;
	margin: 20px;
	margin-bottom: 0;	
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background-color: #FFFFFF;
	}
	
	
	
/* header
----------------------------------------------------*/	

#container #header {
	width:740px;
	background: url(../img/header_back.jpg) #FFFFFF repeat-x;
	}
	
#container #header #logo {
	float: left;
	}	
	
#container #header #yoyaku {
	width: 440px;
	text-align: right;
	float: right;
	}
	
#container #header #yoyaku img {
	padding: 10px 10px 10px 0;
	}
	
	
	
#container #header #glo_navi {
	padding-top: 10px;
	width:740px;
	clear: both;
	}
	
#container #header #glo_navi ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	}
	
	
	
/* main
----------------------------------------------------*/

#container #main {
	width:740px;
	margin: 0;
	}	
	
#container #textlink {
	padding: 10px 0 0 0;
	text-align: center;
	clear: both;
	}	
	
#container #textlink2 {
	padding: 10px 0 0 0;
	clear: both;
	}
		
	
	
/* sidemenu
----------------------------------------------------*/	
#container #main #sidemenu {
	width:215px;
	margin: 5px 15px 0 0;
	background: url(../room/img/sideback.jpg) no-repeat #EFE3D2;
	float: left;
	}

#container #main #sidemenu .name {
	padding:0;
	margin:0;
	}

	
#container #main #sidemenu .menu {
	padding: 0 0 10px 20px;
	font-weight: bold;
	}
	
#container #main #sidemenu .menu img {
	padding: 0;
	}	
	
#container #main #sidemenu ul {
	list-style: url(../img/side-leaf2.gif) inside;
	}

#container #main #sidemenu ul li {
	width:180px;
	margin: 0 0 0 20px;
	padding: 5px 5px 0 5px;
	border-bottom: #957675 dashed 1px;
	line-height: 2em;
	}
	
/* IE- hack-------------*/		
* html #container #main #sidemenu ul li {
	width:160px;
	}
/* IE- hack-------------*/		


#container #main #sidemenu .banner {
	width: 190px;
	height: 85px;
	margin: 20px 0 0 18px;
	background: url(../img/sub_banner.jpg) no-repeat #EFE3D2;
	}
	
#container #main #sidemenu .banner p{
	padding: 0 10px 0 10px;
	line-height: 1.4;
	text-decoration: underline;
	font-size: 10px;
	}
			
	
	



/* contents
----------------------------------------------------*/		
#container #main #contents {
	width: 510px;
	margin: 5px 0 0 0;
	float: left;
	}
	
	
	
/* tit
----------------------------------------------------*/			

#container #main #contents .tit {
	width: 510px;
	clear: both;
	}
#container #main #contents .tit #oseti {
	height: 60px;
	width: 480px;
	background-image: url(../img/osechi2009.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#container #main #contents .tit #oseti p {
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	color: #AD774B;
}


	
#container #main #contents .tit h4 {
	width: 505px;
	height: 30px;
	margin: 0 0 10px 0;
	padding-left: 5px;
	padding-top: 6px;
	background: url(../img/obi.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	}
	
#container #main #contents .tit h3 {
	width: 505px;
	height: 40px;
	margin: 0;
	padding-left: 5px;
	padding-top: 6px;
	background: url(../img/obi2.jpg) repeat-x;
	font-size: 16px;
	font-weight: bold;
	}	
	
	
	
/* for top
----------------------------------------------------*/			
#container #main #contents .fortop {
	width: 510px;
	padding: 20px 0 20px 0;
	text-align: right;
	clear: both;
	}	
	
	
	
	
/* footer
----------------------------------------------------*/

#footer {
	width: 740px;
	margin: 0 auto 20px auto;
	padding: 10px;
	margin-left: auto;
	background: #ECE8E6;
	}
	
#footer .hotel {
	width: 400px;
	float: left;
	}
	
#footer .hotel-name {
	font-weight: bold;
	}		
	
#footer .hotwire {
	padding: 18px 0 0 0;
	text-align: right;
	vertical-align: bottom;
	}
	
#footer .hotwire p {
	font-size: 10px;
	}