/*
======== table of content. =================================

-CONTENT
  - CONTENT LEFT
  - CONTENT RIGHT
  - MAIN
  	- MAIN LEFT
	- MAIN RIGHT

- MAIN
  - MAIN LEFT
  - MAIN RIGHT
  	- ANNOUNCE AREA
  	- HOTELS BY THEME AREA
  	- TOPICS
  	- ARTICLES
  	- BANNER AREA
  	
-CONTENT
  - CONTENT LEFT
  	- HOTEL SEARCH AREA
  	- FEATURED THEME
  	- SELECTIVE HOTELS
	
============================================================
*/


/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div#content {
}


/*-----------------------------------------------------
CONTENT LEFT , CONTENT RIGHT
-------------------------------------------------------*/
div#contentLeft {
	float:left;
	width:260px;
}

div#contentRight {
	float:right;
	width:665px;
}


/*-----------------------------------------------------
MAIN
-------------------------------------------------------*/

div#main {
	width: 660px;
	overflow:hidden;
}

/* PROMOTIONAREA
---------------------*/
div#promotionArea {
	width:660px;
}
/*--changed 09/10/26. (#promotionAreaのwidthの値を665pxから660pxに修正、#promotionAreaと#mainの記述順番入替)============================== */

/*-----------------------------------------------------
MAIN LEFT , MAIN RIGHT
-------------------------------------------------------*/
div#mainLeft {
	float:left;
	width:662px;
	margin:12px 0 0 0;
}

div#mainRight {
	float:right;
	width:200px;
	margin:12px 0 0 0;
}


/* ANNOUNCE AREA
---------------------*/
ul.list-announce {
/* 	width:361px; changed 09/11/09
	margin:0 0 12px 0;
	padding:10px 30px;
	border:4px solid #CC0000; 	*/
	width:590px;
}
ul.list-announce li {
	padding:0 0 0 18px;
	background:
		url(../images/common/icon_caution.gif) 
		no-repeat left top;
	font-size:107%;
	font-weight:bold;
}
ul.list-announce li a:link,
ul.list-announce li a:visited {
	color:#CC0000;
	text-decoration:none;
}
ul.list-announce li a:hover {
	color:#A47406;
}


/* ----------------------------------------------------------------------------
　detailsasfollows
---------------------------------------------------------------------------- */
#detailsasfollows{
	width:604px;
	border:1px solid #de0012;
	position:relative;
	padding:20px 20px 20px;
	margin-bottom:50px;
}
#detailsasfollows p{
	color:#333;
	line-height:160%;
	word-break:break-all;
	background:url("") 0 0 no-repeat;
}



/* HOTELS BY THEME AREA
---------------------*/
h2.hotelsby-theme {
	position:relative;
	width:660px;
	height:32px;
}
h2.hotelsby-theme a img {
	position:absolute;
	top:6px;
	right:8px;
}

ul.list-hotelsByTheme {
	width:660px;
	padding:12px 0 0 5px;
}
ul.list-hotelsByTheme li {
	margin:0 0 15px 0;
	overflow:hidden;
	zoom:1;
}
ul.list-hotelsByTheme li p.hotel-pic {
	float:left;
	width:110px;
}

ul.list-hotelsByTheme li dl {
	float:right;
	width:325px;
	background:
		url(../images/index/bg_hotels_theme_ttl.gif) 
		repeat-x left top;
}
ul.list-hotelsByTheme li dl dt {
	width:294px;
	height:21px;
	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;
}

ul.list-hotelsByTheme li dl dt a:link,
ul.list-hotelsByTheme li dl dt a:visited {
	color:#C44300;
}
ul.list-hotelsByTheme li dl dt a:hover {
}

ul.list-hotelsByTheme li dl dd {
	padding:5px 0 0 0;
}


/* TOPICS
---------------------*/
ul.list-topics {
	padding:3px 0 0 0;
}

ul.list-topics li {
	width:590px;
	padding:8px 0 11px 5px;
	background:
		url(../images/common/img_dotline01.gif) 
		repeat-x left bottom;
}

ul.list-topics li a {
	display:block;
	padding:0 0 0 12px;
	background:
		url(../images/common/icon_cursor_red1.gif) 
		no-repeat 0 2px;
}
ul.list-topics li a:link,
ul.list-topics li a:visited {
	color:#666666;
}
#topics{
	width:604px;
	background-color:#fbf9fc;
	border:1px solid #c290c3;
	position:relative;
	padding:40px 20px 20px;
	margin-bottom:50px;
}
#topics h2{
	position:absolute;
	top:-1px;
	left:-1px;
}
#topics dl{
	margin-bottom:20px;
}
#topics .lastItem{
	margin-bottom:0px;
}
#topics dl dt{
	color:#bb8cbc;
	background:url("") 0 0 no-repeat;
}
#topics dl dd{
	color:#333;
	line-height:180%;
	background:url("") 0 0 no-repeat;
}
/* ARTICLES
---------------------*/
div#contentLeft h3 {
	position:relative;
	width:250px;
}

div#contentLeft h3 a {
	position:absolute;
	top:15px;
	right:8px;
}

dl.list-article {
	width:260px;
	background:
		#E5DFD2 
		url(../images/index/bg_articles_area.gif) 
		no-repeat right top;
}

dl.list-article dt {
	width:240px;
	padding:10px 10px 0 10px;
	background:
		url(../images/common/img_dotline01.gif) 
		repeat-x left top;
}

dl.list-article dt a {
	width:164px;
	padding:0 0 0 16px;
	background:
		url(../images/common/icon_cursor_red_sq2.gif) 
		no-repeat 0 2px;
	font-weight:bold;
	
}
dl.list-article dt a:link,
dl.list-article dt a:visited {
	color:#C44300;
}
dl.list-article dt a:hover {
}


dl.list-article dd {
	width:220px;
	padding:3px 10px 10px 10px;
}


/* BANNER AREA
---------------------*/
ul.list-banner {
	width:182px;
	padding:9px;
	background:#D7CEBC;
}

ul.list-banner li {
	margin:0 0 5px 0;
}

/* MEDIUM BANNER AREA
---------------------*/
ul.list-mediumbanner {
	margin:5px 0 0 0;
}
ul.list-mediumbanner li {
	margin:0 0 5px 0;
}

/* 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#hotelMapSearch{
	width:250px;
	height:286px;
	margin:6px 0 0 0;
	padding:5px 5px 5px 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;
}

/* SELECTIVE HOTELS
---------------------*/
h4.selective-hotels {
	position:relative;
	width:260px;
}
h4.selective-hotels a {
	position:absolute;
	top:5px;
	right:8px;
}

dl.list-selective-hotels {
	background:#E5DFD2;
}

dl.list-selective-hotels dt {	
	width:238px;
	padding:8px 8px 0 14px;
	background:
		url(../images/common/icon_cursor_red1.gif) 
		no-repeat 5px 11px;
	font-weight:bold;
}

dl.list-selective-hotels dt a:link,
dl.list-selective-hotels dt a:visited {
	color:#A47406;
}
dl.list-selective-hotels dt a:hover {
}

dl.list-selective-hotels dd {
	width:241px;
	padding:3px 8px 8px 11px;
	border-bottom:1px solid #FFFFFF;
}

/* SIDE BANNER
---------------------*/
#contentLeft h3.mt05,
#contentLeft #form + h3.mt05{
width: auto;
text-align: center;
clear: both;
}
div#container_jto{position:relative;}

#contentLeft .commonBnrArea{
float: left;
width: 260px;
padding: 15px 0 0;
margin: 5px 0 0 -5px;
background: #ffffff;
}
#contentLeft .commonBnrArea li{
padding:0;
margin:0 0 15px 0;
text-align:center;
}
#contentLeft .commonBnrArea li a:hover{
opacity:0.7;
}