@charset "utf-8";

/*--------------------------------------------------
-format
-containers (containers in page)
-header (contents in #header)
-main (contents in #main)
-content (contents in #content)
-side-left (contents in #side-left)
-footer
-api
-free
-assist
--------------------------------------------------*/

/*==================================================
format
--------------------------------------------------*/
*{margin:0; padding:0;}
html{height:100%;}
body{	width:1018px;height:100%;margin:0 auto;padding:0;text-align:center;background:#fff url(../images/advanced/bg_body.gif) top left repeat;color:#333;font-size:62.5%;line-height:1.0;}

img{margin:0; padding:0; border:none; vertical-align:bottom;}
li{margin:0; padding:0; list-style-position:outside; list-style-type:none;}
strong, em, address{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;}

table{width:100%; font-size:100%; text-align:left; border-collapse:collapse;}
th, td{margin:0; padding:5px;}
input, select{margin:0;padding:0;font-size:100%;line-height:1.0;vertical-align:middle;}
label{display: inline-block;margin-right:10px;}
option{padding-right:10px;}

a:link, a:visited{color:#00b4ff; text-decoration:underline;}
a:hover, a:active{color:#00c4ee; text-decoration:none;}

/*==================================================
containers
--------------------------------------------------*/
/** page **/
#page{
	width:1018px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	/*background:url(../images/advanced/bg_page.png) top left repeat-y;*/
	position:relative;
	background:#fff;
}


body > #page{height:auto;}
#page-inner{width:1008px;margin:0 9px;}

/** header **/
#header{width:100%;margin:0;padding:0;font-size:1.2em;line-height:1.6;background-color:#fff;position:relative;}
#header-inner{}

/** main **/
#main{
	width:1008px;
	margin:0;
	padding:0;
}
#main-inner{padding:0 5px; zoom:1/*for IE*/;}
#main-inner:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/** content **/
#content{
float:left;
max-width:680px;
margin:0;
p adding:0;
font-size:1.2em;
line-height:1.6;

}
#content-inner{}

/** side-left **/
#side-left{
	float:right;
	width:300px;
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:1.6;
}
#side-left-inner{}

/** footer **/
#footer{
	clear:both;
	width:950px;
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:1.6;
	text-align:center;
}
#footer-inner{margin:0 5px; padding:5px 0; background:url(../images/advanced/dot.png) top left repeat-x;}

.box{}
.box-inner{zoom:1/*for IE*/;}
.box-inner:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*==================================================
header
--------------------------------------------------*/
#header .author{
margin:3px 0 0;
padding:0;
position:absolute;
top:0;
right:5px;
}
#header .breadcrumbs{
margin:0;
padding:0 10px;
line-height:32px;
background:#fff;
}

/*pagetitle*/
#header #pagetitle{
margin:0;
padding:0 10px;
line-height:28px;
}

/*sitetitle*/
#header #sitetitle{
	width:1000px;
	height:90px;
	margin:0 0 4px;
	padding:0;
	background:#ff5800;/*url(../images/advanced/title.jpg) top left no-repeat;*/
	position:relative;
}
#header #sitetitletext{
font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
font-size:2em;
font-weight:bold;
color:#fff;
position:absolute;
top:10px;
left:30px;
}

#sitetitletext a{
color:#fff;
}


#header #sitecomment{
font-weight:bold;
color:#fff;
position:absolute;
top:60px;
left:30px;
}

/*==================================================
main
--------------------------------------------------*/
#main h1{height:40px; line-height:40px; margin:0; padding:0 0 0 45px; font-size:1.2em;}
#main h1.type1{background:url(../images/advanced/h2_type1.gif) top left no-repeat;}
#main h1.type2{background:url(../images/advanced/h2_type2.gif) top left no-repeat;}

#main h2{height:40px; line-height:40px; margin:0; padding:0 0 0 45px; font-size:1.2em;}
#main h2.type0{background:url(../images/advanced/h2_type0.gif) top left no-repeat; width:670px; padding:0 0 0 10px;}
#main h2.type1{background:url(../images/advanced/h2_type1.gif) top left no-repeat;}
#main h2.type2{background:url(../images/advanced/h2_type2.gif) top left no-repeat;}
#main h2.type3{background:url(../images/advanced/h2_type3.gif) top left no-repeat;}
#main h2.type4{background:url(../images/advanced/h2_type4.gif) top left no-repeat;}
#main h2.type5{background:url(../images/advanced/h3_bar.gif) top left no-repeat; height:35px; line-height:35px; padding:0 0 0 20px; border:1px solid #ccc;}

#main h3{font-size:1.0em;}
#main h3.type1{height:40px; line-height:40px; margin:0; padding:0 0 0 45px; background:url(../images/advanced/h3_type1.gif) top left no-repeat;}

/*==================================================
content
--------------------------------------------------*/
#content .box{
margin:0 0 10px;
padding:0;
}
#content .box-inner{
width:100%/*670px*//*for IE*/;
padding:5px;
position:relative;
}

/*==================================================
side-left
--------------------------------------------------*/
/*sidenavi*/
#sidenavi{
margin:0 0 10px;
padding:0;
/*border-color:#ccc;
border-style:solid;
border-width:0 1px 1px;*/
}
#sidenavi img{border:none; vertical-align:bottom;}
#sidenavi ul{margin:0; padding:0;}
#sidenavi li{margin:0;	padding:0; list-style:none; line-height:0/*for IE6*/;}
#sidenavi span{
display:block; line-height:normal/*for IE6*/; zoom:1/*for IE6*/; 
margin:0; 
padding:0; 
color:#000;
cursor:pointer/*for IE6*/;
}
#sidenavi a{display:block; line-height:normal/*for IE6*/; zoom:1/*for IE6*/;}
#sidenavi a:link, #sidenavi a:visited{text-decoration:none;}
#sidenavi a:hover, #sidenavi a:active{text-decoration:none;}
#sidenavi a:link span, #sidenavi a:visited span{}
#sidenavi a:hover span, #sidenavi a:active span{color:#ff6c00;}

/* list1 */
#sidenavi li.list1{border-top:1px solid #ccc;}
#sidenavi li.list1_on{border-top:1px solid #ccc;}
#sidenavi li.list1 span{padding:0 0 0 20px; line-height:28px; background:#dde5ef url(../images/advanced/list1_off.gif) left top no-repeat; font-weight:bold;}
#sidenavi li.list1_on span{padding:0 0 0 20px; line-height:28px; background:#587bab url(../images/advanced/list1_on.gif) left top no-repeat; font-weight:bold;}
#sidenavi li.list1 a:hover span{background:#587bab url(../images/advanced/list1_on.gif) left top no-repeat;}
#sidenavi li.list1 a:link span, #sidenavi li.list1 a:visited span{color:#000;}
#sidenavi li.list1 a:hover span, #sidenavi li.list1 a:activ span{color:#fff;}
#sidenavi li.list1_on a:link span, #sidenavi li.list1_on a:visited span{color:#fff;}
#sidenavi li.list1_on a:hover span, #sidenavi li.list1_on a:active span{color:#fff;}

/* list2 */
#sidenavi li.list2{}
#sidenavi li.list2_on{}
#sidenavi li.list2 span{margin:2px 10px 3px;padding:0 0 0 10px; line-height:24px; font-weight:normal;
background:url(../images/advanced/dot.png) left bottom repeat-x;}
#sidenavi li.list2_on span{margin:2px 10px 3px;padding:0 0 0 10px; line-height:24px; font-weight:normal;
 background:url(../images/advanced/dot.png) left bottom repeat-x;}
#sidenavi li.list2 a:hover span,
#sidenavi li.list2_on a:hover span{background:url(../images/advanced/dot.png) left bottom repeat-x;}
#sidenavi li.list2 a:link span, #sidenavi li.list2 a:visited span{color:#000;}
#sidenavi li.list2 a:hover span, #sidenavi li.list2 a:active span{color:#ff6c00;}
#sidenavi li.list2_on a:link span, #sidenavi li.list2_on a:visited span{color:#ff6c00;}
#sidenavi li.list2_on a:hover span, #sidenavi li.list2_on a:active span{color:#ff6c00;}

/*==================================================
footer
--------------------------------------------------*/
#footer .links{margin:0 0 10px;}
#footer .copyright{}

/*==================================================
api
--------------------------------------------------*/
div.vc_sorting{line-height:20px; font-size:1.2em; text-align:right; background:#ececec;}
div.vc_pagination{line-height:20px; font-size:1.2em; text-align:right; background:#ececec;}

/* advancedSearchForm */
.advancedSearchForm #vc_container{}
.advancedSearchForm .vc_search{}
.advancedSearchForm table.filters{width:auto; margin:0 0 10px;}
.advancedSearchForm table.filters td{padding:5px 5px 5px 10px;}
.advancedSearchForm table.filters td.vc_labels{width:90px; padding:5px 15px 5px 10px; font-weight:bold; background:#c8ecfc url(../images/advanced/bg_th.gif) top right repeat-y;}
.advancedSearchForm select#lAreaCode{}
.advancedSearchForm select#sAreaCode{}
.advancedSearchForm select#cityCode{}

/* advancedFormattedHotelRecommend */
.advancedFormattedHotelRecommend table.results{width:auto; border-collapse:separate; border-spacing:5px; table-layout:fixed;}
.advancedFormattedHotelRecommend table.results tr{}
.advancedFormattedHotelRecommend table.results td{width:128px; padding:0; vertical-align:top; border:1px solid #ccc;}
.advancedFormattedHotelRecommend table.results div.summary img{margin-bottom:5px;}
.advancedFormattedHotelRecommend table.results div.summary{padding:10px 10px 41px; text-align:center;}
.advancedFormattedHotelRecommend table.results div.detail{padding-bottom:10px; position:absolute; bottom:5px; text-align:center; width:128px;}
.advancedFormattedHotelRecommend h3.vc_title{padding:0 0 5px;}
.advancedFormattedHotelRecommend p.grade{padding:0 0 5px;}
.advancedFormattedHotelRecommend p.desc{padding:0 0 5px;}
.advancedFormattedHotelRecommend p.accessinfo{padding:0 0 5px;}
.advancedFormattedHotelRecommend p.price{padding:0; font-size:1.4em; font-weight:bold; color:red;}

/* advancedFormattedNearHotels */
.advancedFormattedNearHotels table.results{width:auto; border-collapse:separate; border-spacing:5px; table-layout:fixed;}
.advancedFormattedNearHotels table.results tr{}
.advancedFormattedNearHotels table.results td{width:128px; padding:0; vertical-align:top; border:1px solid #ccc;}
.advancedFormattedNearHotels table.results div.summary img{margin-bottom:5px;}
.advancedFormattedNearHotels table.results div.summary{padding:10px 10px 41px; text-align:center;}
.advancedFormattedNearHotels table.results div.detail{padding-bottom:10px; position:absolute; bottom:5px; text-align:center; width:128px;}
.advancedFormattedNearHotels h3.vc_title{padding:0 0 5px;}
.advancedFormattedNearHotels p.grade{padding:0 0 5px;}
.advancedFormattedNearHotels p.desc{padding:0 0 5px;}
.advancedFormattedNearHotels p.accessinfo{padding:0 0 5px;}
.advancedFormattedNearHotels p.price{padding:0; font-size:1.4em; font-weight:bold; color:red;}

/* advancedFormattedHotelList */
.advancedFormattedHotelList table.results{width:100%;}
.advancedFormattedHotelList table.results tr{background:url(../images/advanced/dot.png) left bottom repeat-x;}
.advancedFormattedHotelList table.results td{padding:10px 5px; vertical-align:top;}
.advancedFormattedHotelList table.results td.thumbnail{padding-right:10px; width:100px;}
.advancedFormattedHotelList table.results td.summary{}
.advancedFormattedHotelList table.results td.detail{width:100px; text-align:right; vertical-align:middle;}
.advancedFormattedHotelList h3.vc_title{float:left; padding:0 0 5px;}
.advancedFormattedHotelList p.grade{float:left; padding:0 0 5px;}
.advancedFormattedHotelList p.desc{clear:both; padding:0 0 5px;}
.advancedFormattedHotelList p.accessinfo{padding:0 0 5px;}
.advancedFormattedHotelList p.price{padding:0; font-size:1.4em; font-weight:bold; color:red;}

/* advancedFormattedHotelDetails */
.advancedFormattedHotelDetails table.results{width:100%;}
.advancedFormattedHotelDetails table.results tr{}
.advancedFormattedHotelDetails table.results td{padding:10px 5px; vertical-align:top;}
.advancedFormattedHotelDetails table.results td.thumbnail{padding-right:10px; width:210px;}
.advancedFormattedHotelDetails table.results td.summary{}
.advancedFormattedHotelDetails table.results td.detail{width:130px; text-align:right;}
.advancedFormattedHotelDetails p.grade{padding:0 0 5px;}
.advancedFormattedHotelDetails p.desc{clear:both; padding:0 0 5px;}
.advancedFormattedHotelDetails p.price{padding:0; font-size:1.4em; font-weight:bold; color:red;}

/* advancedGoogleMap */
.advancedGoogleMap{width:/*658px;*/100%; margin:0 auto; padding:0; border:1px solid #ccc;}

/*==================================================
free
--------------------------------------------------*/
/* free01 */
.free01{padding:5px;}
.free01 img{float:left; margin:0 20px 20px 0;}

/* free02 */
.free02{padding:5px;}
.free02 ul li{
width:100px;
margin:0 20px 20px 0;
display:-moz-inline-box; /*for Firefox 2*/
display:inline-block; /*for modern*/
/display:inline; /*for IE5～7*/
/zoom:1; /*for IE5～7*/
vertical-align:top;
}
.free01 img{display:block;}

/*==================================================
assist
--------------------------------------------------*/
.f-red{color:#f00;}
.clear-b{clear:both;}

/*clearfix*/
.clearfix{zoom:1/*for IE*/;}
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}