/* CSS Document */

/***********************
	  構成要素
************************/
body {
	margin:0;
	background:url(../img/bg_main.gif) repeat-y center #f5f3eb;
	font: 13px  "Arial","MS UI Gothic","MS PGothic","Osaka";
	color:#333;
}

#container {
	width:860px;
	margin:0 auto;
	padding:0;
	border:none;
}
/***********************
　共通デザイン要素
************************/
a {color:#0000ff;}
a:hover {color:#0066ff;}

img {border:none;}
a img {  border: none;}
img.float-right { margin: 0 0 0 15px; }
img.float-left { margin: 0 15px 0 0;}

.list_img { max-width:125px;}
.listb_img { max-width:187px;}

.float-left  { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.font_ll  {  font-size:24px; line-height:50px; font-weight: bold;}
.font_l  {  font-size:14px; line-height:24px;}
.font_m {  font-size:13px; line-height:22px;}
.font_s  {  font-size:11px; line-height:20px;}
.font_ss  {  font-size:10px; line-height:18px;}

.f_blue {color: #0066FF;}
.f_green {color: #009966;}
.f_red {	color: #FF0000;	}
.f_orange {	color: #ff8737;	}
.f_wgray {	color: #dddddd;	}
.f_topic {	color: #FF6600;	font-weight: bold;}
.f_white {	color: #ffffff;	}
.f_swhite {	color: #ffffff;	 font-size:9px;}

hr{border:none; border-top:dashed 1px #339900; height:1px; color:#339900;}

/***********************
	  ヘッダー要素
************************/
#head {padding:0; margin:0; background: url(../img/bg_head.gif) repeat-x top;}
#header {position: relative; width:860px; height: 180px; padding:0 20px; clear: both; margin: 0 auto; background:url(../img/bg_header.gif) no-repeat top;}

#header h1 {font-size:11px; color:#ffffff; font-weight:100; padding:0; margin:0; height:48px;}
#logo {padding:0;margin:0; height:80px; width:860px;}

/******** 上ナビ ********/
#menu { margin:10px 0 0 0; padding:0 0 0 10px; height:35px; background:url(../img/bg_head_menu.gif) no-repeat top;}
#menu ul {padding:0; margin:0; float:left;}
#menu li {float:left; list-style:none;}
#menu a {display:block; width:120px; height:24px; font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; text-align:center; background:url(../img/menu_deact.gif) no-repeat; padding-top:10px;}
#menu a:hover, #menu a.active {background:url(../img/menu_act.gif) no-repeat; color:#ffffcc;}

.datedata a{color:#fff; }

/***********************
	  メイン要素
************************/

#main {margin:0; padding:0; float: left;	 width: 680px;}
#buken {margin:0 0 0 10px; padding:0; float: left;	 width: 840px;}

/***********************
	 サイド要素
************************/
#sidebar {	float: left;	width: 180px;	margin:0 ; 	padding: 0;}

#sidebar ul.sidemenu {	list-style:none;	margin:0;	padding:0;	}
#sidebar ul.sidemenu li {	margin:0;	padding: 0;}
#sidebar ul.sidemenu h2 {padding:18px 0 5px 56px; margin: 0; font-size:14px;	color: #fff; border: none; background: url(../img/bg_sb_h2.gif) no-repeat top;}
#sidebar ul.sidemenu h3 {padding:18px 0 5px 56px; margin: 0; font-size:14px;	color: #fff; border: none; background: url(../img/bg_sb_h3.gif) no-repeat top;}
#sidebar ul.sidemenu h4 {padding:10px 0 5px 20px;	margin: 0; 	font-size:13px;	color: #ff8737; border: none; background: url(../img/bg_sb_h4.gif) no-repeat top;}
#sidebar ul.sidemenu h5 {padding:18px 0 5px 56px; margin: 0; font-size:14px;	color: #fff; border: none; background: url(../img/bg_sb_h5.gif) no-repeat top;}
#sidebar ul.sidemenu h6 {padding:6px 0 0 20px;	margin: 0; height:30px;	font-size:10px;	color: #ccc; border: none; background: url(../img/bg_sb_h6.gif) no-repeat top;}
#sidebar ul.sidemenu a {	display:block;	color: #00f; text-decoration:none;	height:23px;	padding:9px 0 0 12px;	margin: 0;	background: url(../img/bg_smenu01.gif) no-repeat top;	}
#sidebar ul.sidemenu a:hover, #sidebar ul.sidemenu a.active {	background: url(../img/bg_smenu02.gif) repeat-x;		color:#ff8737;}

/***********************
	  フッター要素
************************/
#footer {position: relative; width:900px; height: 78px; padding:0; clear: both; margin: 0 auto;  background:url(../img/bg_foot.gif) no-repeat top;}
#footer_main {margin: 0 auto; padding: 15px 0; width: 860px; font: 11px  "Arial","MS UI Gothic","MS PGothic","Osaka";}

/***********************
	  室内写真
************************/
div.roomsv {width: 207px; float:left; text-align: center;}
div.roompv {width: 207px; height:150px; float:left; text-align: center;  background:url(../img/n200.jpg) no-repeat center top;}
img.rooms {max-width: 200px; max-height: 150px;}