/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div#content {
}
div#main {
	overflow:visiblke;
}

/*-----------------------------------------------------
CONTENT LEFT , CONTENT RIGHT
-------------------------------------------------------*/
div#contentLeft {
	float:left;
	width:260px;
}

div#contentRight {
	float:right;
	width:645px;
}

/* theme-area-list
---------------------*/
div.theme-area-list h1{
	height:32px;
	line-height:32px;
	text-indent:30px;
	font-weight:bold;
	margin-bottom:20px;
	font-size:134%;
	color:#FFF;
	background:url("../images/ThemeAreaList/ttl_onsen_ryokan.jpg");
}

/* Discription about */
div.theme-area-list div.about {
	position:relative;
	margin-bottom:15px;
	padding:0 0 0 10px;
	background:url(../images/ThemeAreaList/bg_dot.gif) no-repeat left bottom;
}

div.theme-area-list div.about h2 {
	margin:0 0 10px 210px;
	border-left:3px #4A6EB6 solid;
	padding-left:5px;
	color:#203674;
	font-size:134%;
	font-weight:bold;
}

div.theme-area-list div.about p {
	margin:0 0 1em 210px;
}

div.theme-area-list div.about p.pic {
	float:left;
	width:200px;
	height:130px;
	margin:-30px 0 15px 0;
}

* html div.theme-area-list div.about p.pic {
	padding-bottom:5px;
}

*:first-child+html div.theme-area-list div.about p.pic {
	padding-bottom:5px;
}

/* RANK S AREA
---------------------*/
div.theme-area-list ul.list-rank-s {
	width:645px;
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(../images/ThemeAreaList/bg_dot.gif) no-repeat left bottom;
}

div.theme-area-list ul.list-rank-s li {
	padding:10px;
	margin:0 0 10px 0;
	overflow:hidden;
	zoom:1;
	background:#E5DFD2;
}

div.theme-area-list ul.list-rank-s li p.pic {
	float:left;
	width:180px;
}

div.theme-area-list ul.list-rank-s li dl {
	float:right;
	width:435px;
	background:
		url(../images/ThemeAreaList/bg_ttl_rankS.jpg)
		no-repeat left top;
}
div.theme-area-list ul.list-rank-s li dl dt {
	height:24px;
	padding:3px 3px 0 28px;
	background:
		url(../images/common/icon_cursor_red_sq1.gif) 
		no-repeat 6px 5px;
	color:#C44300;
	font-size:117%;
	font-weight:bold;
}

div.theme-area-list ul.list-rank-s li dl dt a:link,
div.theme-area-list ul.list-rank-s li dl dt a:visited {
	color:#C44300;
}
div.theme-area-list ul.list-rank-s li dl dt a:hover {
}

div.theme-area-list ul.list-rank-s li dl dd {
	padding:5px 0 0 0;
}

/* RANK A AREA
---------------------*/
div.theme-area-list ul.list-rank-a {
	width:645px;
	margin-bottom:20px;
	padding-bottom:0;
	background:url(../images/ThemeAreaList/bg_dot.gif) no-repeat left bottom;
}

* html div.theme-area-list ul.list-rank-a-ie6 {
	padding-bottom:20px;
}

*:first-child+html div.theme-area-list ul.list-rank-a {
	padding-bottom:20px;
}

div.theme-area-list ul.list-rank-a li {
	float:left;
	width:295px;
	padding:10px 10px 0 10px;
	margin:0 15px 25px 0;
	background:url(../images/ThemeAreaList/bg_ttl_rankA.jpg) no-repeat left top;
}

div.theme-area-list ul.list-rank-a li p.pic {
	float:left;
	width:110px;
}

div.theme-area-list ul.list-rank-a li dl {
	float:right;
	width:175px;
}

div.theme-area-list ul.list-rank-a li dt a {
	padding:0 0 0 16px;
	background:
		url(../images/common/icon_cursor_red_sq2.gif) 
		no-repeat 0 2px;
	font-size:117%;
	font-weight:bold;
	
}
div.theme-area-list ul.list-rank-a li dt a:link,
div.theme-area-list ul.list-rank-a li dt a:visited {
	color:#C44300;
}
div.theme-area-list ul.list-rank-a li dt a:hover {
}

div.theme-area-list ul.list-rank-a li dd {
	padding:3px 0px 0 0px;
}

/* RANK B AREA
---------------------*/
div.theme-area-list ul.list-rank-b {
	width:645px;
	margin-bottom:10px;
}

div.theme-area-list ul.list-rank-b li {
	padding:0 10px 0 10px;
	margin-bottom:20px;
	clear:both;
}

div.theme-area-list ul.list-rank-b li dl {

}

div.theme-area-list ul.list-rank-b li dt {
	float:left;
	width:122px;
}

div.theme-area-list ul.list-rank-b li dt a {
	padding:0 0 0 12px;
	background:
		url(../images/common/icon_cursor_red1.gif) 
		no-repeat 0 2px;
	font-size:100%;
	font-weight:bold;
	
}
div.theme-area-list ul.list-rank-b li dt a:link,
div.theme-area-list ul.list-rank-b li dt a:visited {
	color:#C44300;
}
div.theme-area-list ul.list-rank-b li dt a:hover {
}

div.theme-area-list ul.list-rank-b li dd {
	float:right;
	width:500px;
}

/* RANK C AREA
---------------------*/
div.theme-area-list p.ttl-rank-c {
	margin-bottom:10px;
}

div.theme-area-list ul.list-rank-c li {
	display:inline;
	padding:0 15px;
	border-left:1px solid #999;
}

div.theme-area-list ul.list-rank-c li.no-border {
	border:none;
}

div.theme-area-list ul.list-rank-c li a:link,
div.theme-area-list ul.list-rank-c li a:visited {
	color:#C44300;
}
div.theme-area-list ul.list-rank-c li a:hover {
}

/* HOTEL SEARCH AREA
---------------------*/
div#hotelSearchArea_A {
	width:250px;
	padding:5px;
	background:
		url(../images/common/bg_slash_brown01.gif) 
		repeat left top;
}

div#hotelSearchAreaBody_A {
	width:230px;
	margin:0;
	padding:0 10px 10px 10px;
	background:#FFF;
}
div#hotelSearchArea_B {
	width:250px;
	margin:6px 0 0 0;
	padding:5px;
	background:
		url(../images/common/bg_slash_brown01.gif) 
		repeat left top;
}

div#hotelSearchAreaBody_B {
	width:230px;
	margin:0;
	padding:0 10px 10px 10px;
	background:#FFF;
}

div.search-hotel-input{
	padding:8px 0 8px 0;
	background:
		url(../images/common/img_dotline01.gif) 
		repeat-x left top;
}

div.search-hotel-input label {
	display:block;
	margin:3px 0 5px 0;
	padding:0 0 0 3px;
	border-left:3px solid #4A6EB6;
	color:#203674;
	font-weight:bold;
}
div.search-hotel-input label span {
	font-weight:normal;
}
div.search-hotel-input.guests{
	padding:8px 0 30px 0;
}
div.search-hotel-input.hotelname{
	padding:15px 0 10px 0;
}

input.input-form01 {
	width:224px;
}
input.input-form02 {
	width:80px;
}

div.input-pos02-fl {
	float:left;
	width:110px;
	position:relative;
}

div.input-pos02-fr {
	float:right;
	width:110px;
	position:relative;
}
div.input-pos03-fl {
	float:left;
	text-align:right;	
	width:110px;
	position:relative;
}


/*Room:<br />(1-99)の見出しテキスト部分の文字大きさ指定*/
/*
div.input-pos03-fl table th {
	font-size:90%;
	color:#666666;
}
*/

div.input-pos03-fr {
	float:right;
	text-align:right;	
	width:110px;
	position:relative;
}


/*AdultsやChildren(0-12)の見出しテキスト部分の文字大きさ指定*/
/*
div.input-pos03-fr table thead {
}
div.input-pos03-fr table thead th {
	font-size:77%;
	color:#666;
	font-weight:normal;
}
*/

div.btn-search-Destination{
	margin:0;
	padding:5px 0 2px 0;
	text-align:center;
}

div.btn-search-HotelName{
	margin:0;
	padding:5px 0 2px 0;
	text-align:center;
}


div.children-age{
	width:239px;
	padding:0 0 20px 0;
	clear:both;
	background:url("../images/index/bg_children_age.jpg") no-repeat 0 0;
}
div.children-age p{
	margin:8px 0 5px 8px;
}
div.children-age label{
	display:block;
	margin:0 0 3px 0;
	padding:0 0 0 3px;
	border-left:3px solid #4A6EB6;
	color:#203674;
	font-weight:bold;
}
div.children-age table{
	width:230px;
	margin:0 auto 5px auto;
	/*margin:0 0 0 11px;*/
}
div.children-age table thead th{
	font-weight:normal;
	color:#203674;
	padding:0 0 3px 0;
}
div.children-age table tbody td{
	
}
div.children-age table tbody td p{
	float:left;
	display:inline;
	margin:0;
	padding:0 0 5px 1px;
}


p.input-option {
	width:229px;
	padding:5px;
	background:#DDE3EF;
	font-size:92%;
}

p.input-option a {
	padding:0 0 0 13px;
	background:
		url(../images/common/icon_cursor_blue_sq2b.gif) 
		no-repeat 0 3px;
}
p.input-option a:link,
p.input-option a:visited {
	color:#203674;
}
div.HotelName{
	border:3px solid #4A6EB6;
	background:#FFF;
	display:none;
}
div.HotelName p.input{
	padding:5px;
	border-bottom:1px solid #CCC;
}
div.HotelName p.input input.text{
	width:222px;
}
div.HotelName p.right{
	text-align:right;
	padding:5px;
	margin:0;
}



/* FEATURED THEME
---------------------*/
ul.list-featured {
	margin:5px 0 0 0;
}
ul.list-featured li {
	margin:0 0 5px 0;
}
