@charset "utf-8";
/*================================================================

	【比較】国内の宿・ホテル検索CSS

================================================================*/
/*----------------------------------------------------------------
	共通パーツ
----------------------------------------------------------------*/
#container .localHeadArea {
	border-bottom: 5px solid #3499EB;
	margin-bottom: 8px;
}
#container .localHeadArea .inner {
	margin: 0px auto;
	width: 960px;
	padding: 15px 0px 12px;
}
#container .localHeadArea .siteTitle {
	float: left;
	position: relative;
	width: 244px;
	height:41px;
}
#container .localHeadArea .siteTitle .logo a{
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
	width: 244px;
	height:41px;
	background:#FFF url(../images/logo_yado.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
#container .localHeadArea .siteTitle .copy {
	color:#000;
	font-size: 10px;
	font-weight: normal;
	left: 50px;
	position: absolute;
	top: 0;
	z-index:1000;
}
#container .localHeadArea .remarks { float: right; }
#header .localNavArea {
	background: url(../images/bg_local_nav.gif) repeat-x 0px 0px;
	border-bottom: 5px solid #3499EB;
	clear: both;
}

ul.arrange {
	text-align: center;
	padding: 8px 0px;
	border-top: 1px solid #CCCCCC;
	line-height: 1.2;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
ul.arrange li {
	display: inline;
	padding: 0px 10px;
	border-right: 1px solid #999999;
}
ul.arrange li.title { font-weight: bold; }
ul.arrange li .ac {
	font-weight: bold;
	color: #f60200;
	text-decoration: none;
}
.resultInfo {
	margin-bottom: 12px;
	clear: both;
}
.resultInfo .result {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.resultInfo .result .count {
	font: bold 26px/28px Arial, Helvetica, sans-serif;
	color: #F60200;
	margin-right: 3px;
}
.resultInfo .result em {
	font-style: normal;
	color: #F60200;
	margin-left: 3px;
}
.resultInfo .pager {
	float: right;
	margin-top: 5px;
}
.resultInfo .pager li {
	float: left;
	margin-right: 2px;
	color: #999999;
}
.resultInfo .pager li a {
	display: block;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding: 0px 7px;
	text-decoration: none;
}
.resultInfo .pager li a.ac {
	font-weight: bold;
	color: #FFFFFF;
	background: #ff9000;
	border: 1px solid #ff9000;
}
.resultInfo .pager li.prev {
	line-height: 22px;
	margin-right: 7px;
}
.resultInfo .pager li.prev a {
	border-style: none;
	font-weight: normal;
	text-decoration: underline;
}
.resultInfo .pager li.next {
	line-height: 22px;
	margin-left: 2px;
}
.resultInfo .pager li.next a {
	border-style: none;
	font-weight: bold;
	text-decoration: underline;
}
.popupCalendar {
	border: 1px solid #999;
	position: absolute;
	width: 335px;
	background: #FFFFFF;
	z-index:100;
}
.popupCalendar .c_title {
	font-weight: bold;
	text-align: center;
	padding: 7px 5px 0px;
	position: relative;
}
.popupCalendar .close {
	text-align: center;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 3px;
	right: 3px;
}
.popupCalendar .close a {
	padding: 3px 8px;
	display: block;
}
.popupCalendar .move { padding: 0px 10px; }
.popupCalendar .move .next { float:right; }
.popupCalendar .move .next a {
	background: url(../images/arrow3_r.gif) no-repeat right center;
	padding: 2px 15px 2px 0;
	text-decoration: none;
}
.popupCalendar .move .prev { float:left; }
.popupCalendar .move .prev a {
	background: url(../images/arrow3_l.gif) no-repeat left center;
	padding: 2px 0 2px 15px;
	text-decoration: none;
}
.popupCalendar .content {
	padding: 5px 0px 10px 10px !important;
	border:none !important;
}
.popupCalendar table.calendar {
	width: 147px;
	float: left;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
}
.popupCalendar table.calendar th {
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}
.popupCalendar table.calendar td {
	background: #efefef;
	text-align: center;
	border: 1px solid #CCCCCC;
	width: 21px;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	color: #999999;
}
.popupCalendar table.calendar .month {
	text-align: center;
	font-weight: bold;
	padding: 3px 0px;
	color: #000000;
}
.popupCalendar table.calendar .saturday { background: #ecf5fc; }
.popupCalendar table.calendar .sunday { background: #ffedef; }
.popupCalendar table.calendar .sat { background: #ecf5fc; }
.popupCalendar table.calendar .sun { background: #ffedef; }
.popupCalendar table.calendar td a {
	display: block;
	width: 21px;
	height: 20px;
	font-weight: bold;
	background: #FFFFFF;
}
.popupCalendar table.calendar td a .sat {
	background: #ecf5fc;
}
.popupCalendar table.calendar td a .sun {
	background: #ffedef;
}
.popupCalendar table.calendar td a:hover { background: #FFFF99; }
/*----------------------------------------------------------------
	検索結果
----------------------------------------------------------------*/
.pankuzu {
	margin: 5px auto 10px;
	width: 960px;
}
.pagetop {
	text-align: right;
	margin: 0px auto;
	clear: both;
	width: 960px;
}
.contentBody {
	margin: 0px auto 30px;
	width: 960px;
}
.contentLeft {
	float: left;
	width: 322px;
}
.contentLeft .guide {
	position: relative;
	height: 51px;
	width: 322px;
}
.contentLeft .guide .title {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
.contentLeft .guide .btn {
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 5px;
}
.contentLeft .searchModule1 {
	margin-bottom: 10px;
	border: 1px solid #8bbbe6;
	position: relative;
}
.contentLeft .searchModule1 .clear {
	position: absolute;
	top: 0px;
	right: 0px;
	_top: 1px;
	_right: 1px;
	border-bottom: 1px solid #8bbbe6;
	border-left: 1px solid #8bbbe6;
}
.contentLeft .searchModule1 .clear img {
	line-height: 0px;
	vertical-align: bottom;
}
.contentLeft .searchModule1 .inner {
	border: 3px solid #e9f3fa;
	padding: 10px 0px 10px 12px;
}
.contentLeft .searchModule1 dl.keyword { margin-bottom: 5px; }
.contentLeft .searchModule1 dl.keyword dt img {
	line-height: 0px;
	vertical-align: bottom;
}
.contentLeft .searchModule1 dl.keyword dd input.kywd {
	height: 25px;
	width: 225px;
	border: 1px solid #7f9db9;
	line-height: 25px;
	float: left;
	margin-right: 3px;
}
.ondes{
	color: #999999;
}

.contentLeft .searchModule1 .select input { margin-right: 3px; }
.contentLeft .searchModule1 .select label { margin-right: 5px; }
.contentLeft .searchModule2 { margin-bottom: 10px; }
.contentLeft .searchModule2 .head, .contentLeft .searchModule3 .head {
	position: relative;
	height: 30px;
}
.contentLeft .searchModule2 .head .title {
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}
.contentLeft .searchModule2 .head .clear, .contentLeft .searchModule3 .head .clear {
	position: absolute;
	top: 4px;
	right: 4px;
	border: 1px solid #03439a;
	z-index: 1;
}
.contentLeft .searchModule2 .head .clear img, .contentLeft .searchModule3 .head .clear img {
	line-height: 0px;
	vertical-align: bottom;
}
.contentLeft .searchModule2 .inner2 {
	border-right: 1px solid #8bbbe6;
	border-bottom: 1px solid #8bbbe6;
	border-left: 1px solid #8bbbe6;
}
.contentLeft .searchModule2 .inner {
	padding: 12px 0px 7px 5px;
	border-right: 3px solid #e9f3fa;
	border-bottom: 3px solid #e9f3fa;
	border-left: 3px solid #e9f3fa;
}
.contentLeft .searchModule2 dl.item { margin: 0px 0px 7px 7px; }
.contentLeft .searchModule2 dl.item dt {
	font-weight: bold;
	float: left;
	padding-right: 5px;
}
.contentLeft .searchModule2 dl.item dd #sd .sat { background: #ecf5fc; }
.contentLeft .searchModule2 dl.item dd #sd .sun { background: #ffedef; }
.contentLeft .searchModule2 dl.item dd #sd .holiday { background: #ffedef; }
.contentLeft .searchModule2 dl.item dd .calendar { font-size: 10px; }
.contentLeft .searchModule2 dl.item dd .calendar img {
	line-height: 0px;
	vertical-align: middle;
	margin-right: 3px;
}
.contentLeft .searchModule2 .keybtn {
	background: url(../images/btn_option.gif) no-repeat 0px 0px;
	margin: 0px 2px 2px 0px;
	height: 50px;
	width: 100px;
	float: left;
	position: relative;
	color: #333;
	cursor:pointer;
}
.contentLeft .searchModule2 .over { background: url(../images/btn_option.gif) no-repeat 0px -50px; }
.contentLeft .searchModule2 .ac {
	background: url(../images/btn_option.gif) no-repeat 0px -100px;
	color: #000000;
	font-weight: bold;
}
.contentLeft .searchModule2 .na {
	background: url(../images/btn_option.gif) no-repeat 0px -150px;
	color: #999 !important;
	cursor:default !important;
}
.contentLeft .searchModule2 .keybtn .txt {
	font-size: 12px;
	line-height: 1.1;
	position: absolute;
	top: 5px;
	text-align: left;
	width: 80px;
	left: 15px;
}
.contentLeft .searchModule2 .keybtn .logo {
	position: absolute;
	top: 5px;
	left: 15px;
}
.contentLeft .searchModule2 .keybtn .count {
	width: 80px;
	text-align: right;
	position: absolute;
	bottom: 5px;
	font: bold 12px/1.1 Arial, Helvetica, sans-serif;
	color: #ff8200;
	right: 5px;
}
.contentLeft .searchModule2 .na .count { color: #999 !important; }
.contentLeft .searchModule2 .hotel .keybtn { background: url(../images/btn_option.gif) no-repeat -100px 0px; }
.contentLeft .searchModule2 .hotel .over { background: url(../images/btn_option.gif) no-repeat -100px -50px; }
.contentLeft .searchModule2 .hotel .ac { background: url(../images/btn_option.gif) no-repeat -100px -100px; }
.contentLeft .searchModule2 .hotel .na { background: url(../images/btn_option.gif) no-repeat -100px -150px; }
.contentLeft .searchModule2 .ryokan .keybtn { background: url(../images/btn_option.gif) no-repeat -200px 0px; }
.contentLeft .searchModule2 .ryokan .over { background: url(../images/btn_option.gif) no-repeat -200px -50px; }
.contentLeft .searchModule2 .ryokan .ac { background: url(../images/btn_option.gif) no-repeat -200px -100px; }
.contentLeft .searchModule2 .ryokan .na { background: url(../images/btn_option.gif) no-repeat -200px -150px; }
.contentLeft .searchModule2 .onsen .keybtn { background: url(../images/btn_option.gif) no-repeat -300px 0px; }
.contentLeft .searchModule2 .onsen .over { background: url(../images/btn_option.gif) no-repeat -300px -50px; }
.contentLeft .searchModule2 .onsen .ac { background: url(../images/btn_option.gif) no-repeat -300px -100px; }
.contentLeft .searchModule2 .onsen .na { background: url(../images/btn_option.gif) no-repeat -300px -150px; }
.contentLeft .searchModule2 .morebody {
	clear: both;
	text-align: center;
	width: 295px;
	margin-left: 5px;
	padding: 10px 0px 5px;
}
.contentLeft .searchModule2 .morebody ul.list {
	background: #fff6d5;
	text-align: left;
	padding: 10px 0px 7px 10px;
}
.contentLeft .searchModule2 .morebody ul.list li { margin-bottom: 3px; }
.contentLeft .searchModule2 .morebody ul.list li input { margin-right: 4px; }
.contentLeft .searchModule3 { margin-bottom: 10px; }
.contentLeft .searchModule3 .inner {
	border-right: 1px solid #8bbbe6;
	border-bottom: 1px solid #8bbbe6;
	border-left: 1px solid #8bbbe6;
}
.contentLeft .searchModule3 .path {
	background: #CCE9FB;
	padding: 2px 5px;
	border-left: 1px solid #8BBBE6;
	border-right: 1px solid #8BBBE6;
}
.contentRight {
	float: right;
	width: 615px;
}
.contentRight .resultCassette {
	clear: both;
	background: url(../images/frm1.gif) repeat-y -615px 0px;
	margin-bottom: 20px;
}
.contentRight .resultCassette .hotel {
	background: url(../images/frm1.gif) no-repeat 0px 0px;
	padding: 15px 20px 8px;
	font-size: 135%;
	line-height: 1.2;
	font-weight: bold;
}
.contentRight .resultCassette .inner {
	background: url(../images/frm1.gif) no-repeat right bottom;
	padding: 0px 20px 20px;
}
.contentRight .resultCassette dl.detail { margin-bottom: 8px; }
.contentRight .resultCassette dl.detail .detailPhotos {
	padding: 1px;
	border: 1px #c9c9c9;
}
.contentRight .resultCassette dl.detail a {
	background: url(../images/right_triangle_small.gif) no-repeat left center;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.contentRight .resultCassette dl.detail div {
	float: right;
	padding-top: 20px;
	padding-left: 10px;
}
.contentRight .resultCassette dl.detail dt { float: left; }
.contentRight .resultCassette dl.detail dd { margin-left: 88px; }
.contentRight .resultCassette .area { margin-top: 6px; }
.contentRight .resultCassette .area em {
	font-size:10px;
	background: #efefef;
	font-style: normal;
	line-height: 11px;
	padding: 2px 4px;
	margin-right: 3px;
}
.contentRight .resultCassette .address { margin-bottom: 6px; }
.contentRight .resultCassette .address em {
	font-size:10px;
	background: #efefef;
	font-style: normal;
	line-height: 11px;
	padding: 2px 4px;
	margin-right: 3px;
}
.contentRight .resultCassette .lead {
	font-weight: bold;
}
.contentRight .resultCassette .planTitle {
	background: #8bbbe6;
	padding: 4px 8px;
	clear: both;
	margin-bottom: 5px;
}
.contentRight .resultCassette .planTable {
	width: 100%;
}
.contentRight .resultCassette .planTable td {
//	padding: 5px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
.contentRight .resultCassette .planTable td.logo {
	text-align: left;
	vertical-align: top;
	width: 60px;
}
.contentRight .resultCassette .planTable td.plan {
	background: url(../images/triangle_icon.gif) no-repeat left center;
	padding-left: 10px;
	font-size: 110%;
	text-align: left;
}
.contentRight .resultCassette .planTable td.price {
	text-align: right;
	white-space: nowrap;
}
.contentRight .resultCassette .planTable td.price .person {
	color: #F60200;
	font-weight: bold;
}
.contentRight .resultCassette .planTable td.price .person em {
	font-size: 16px;
	font-style: normal;
}
.contentRight .resultCassette .planTable td.btn {
	padding-left: 7px;
	height: 52px;
}
.contentRight .resultCassette .allplan {
	font-size: 125%;
	font-weight: bold;
	text-align: right;
	margin: 8px 0px 10px;
}
.contentRight .resultCassette .allplan a {
	background: url(../images/arrow1.gif) no-repeat left center;
	padding-left: 18px;
}
.contentRight .resultCassette .calendarBody .slider {
	width: 474px;
	background:#f2f2f2;
	float:right;
	margin-bottom: 1px;
}
.contentRight .resultCassette .calendarBody .slider .handle {
	background: url(../images/slider_handle.gif) no-repeat center top;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	height: 17px;
	display: block;
}
.contentRight .resultCassette .calendarBody .calendar {
	width: 575px;
	clear: right;
}
.contentRight .resultCassette .calendarBody .calendar th {
	height: 16px;
	font-weight: normal;
	background: url(../images/bg1.jpg) repeat-x top;
	width: 95px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px;
	border: 1px solid #bbb;
}
.contentRight .resultCassette .calendarBody .calendar th.title {
	background: #05449b;
	vertical-align: top;
	padding: 0px;
	border: 1px solid #05449b;
}
.contentRight .resultCassette .calendarBody .calendar th.day { background: #f6f6f6 url(../images/bg1.gif) repeat-x left top; }
.contentRight .resultCassette .calendarBody .calendar th.sunday {
	background: #fcd5d6 url(../images/bg2.gif) repeat-x left top;
	border-bottom: 1px solid #f0b2b3;
}
.contentRight .resultCassette .calendarBody .calendar th.saturday {
	background: #c0ddf7 url(../images/bg3.gif) repeat-x left top;
	border-bottom: 1px solid #98bbda;
}
.contentRight .resultCassette .calendarBody .calendar td {
	height: 38px;
	text-align: center;
	color: #787878;
	line-height: 1.3;
	border: 1px solid #bbb;
	vertical-align: middle;
	padding: 5px 0px;
}
.contentRight .resultCassette .calendarBody .calendar td.ac { border: 2px solid #FF0000; }
.contentRight .resultCassette .calendarBody .calendar td.sunday { background: #ffedef; }
.contentRight .resultCassette .calendarBody .calendar td.saturday { background: #ecf5fc; }
.contentRight .resultCassette .calendarBody .calendar .price {
	line-height: 14px;
	font-weight: normal;
}
.contentRight .resultCassette .calendarBody .calendar .widelink { 
	height: 30px; 
}
.contentRight .update {
	background: #f1f1f1;
	border: 1px solid #CCCCCC;
	padding: 10px 12px;
	clear: both;
	color: #666666;
	line-height: 1.5;
	margin-top: 25px;
}
/*----------------------------------------------------------------
	プラン一覧
----------------------------------------------------------------*/

.detailTitle {
	font-size: 125%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 15px;
}
.detailTitle strong {
	font-size: 165%;
	line-height: 1.2;
	margin-right: 10px;
}
.detailBody { margin-bottom: 1px; }
.detailBody .image {
	float: left;
	width: 220px;
	height: 165px;
	border: 1px solid #CCCCCC;
	text-align: center;
	overflow:hidden;
	margin-bottom: 1px;
}
.detailBody .image img {
	max-height:180px;
	max-width:240px;
}
.detailBody .detail {
	margin-left: 10px;
}
.detailBody .detail .lead {
	font-weight: bold;
	margin-bottom: 15px;
}
.detailBody .detail dl {
	padding: 8px 0px;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	clear:none !important;
}
.detailBody .detail dl dt {
	float: left;
	background: #efefef;
	text-align: center;
	width: 48px;
	margin-right: 4px;
}
.detailBody .detail dl dt em {
	background: #efefef;
	font-style: normal;
	padding: 2px 4px;
	margin-right: 3px;
}
.detailBody .detail dl dd { margin: 0px 0px 3px 52px; }
.detailBody .detail dl dd .map { margin-left: 10px; }
.detailBody .detail dl dd .map img {
	line-height: 0px;
	vertical-align: top;
}
.hotelNav {
	background: #f2f2f2 url(../images/bg4.gif) repeat-x left bottom;
	clear: both;
	margin-bottom: 10px;
	padding: 10px 10px 5px;
}
.hotelNav ul { height: 32px; }
.hotelNav ul li {
	float: left;
	height: 32px;
	width: 139px;
	margin-right: 6px;
}
.hotelNav ul li a {
	text-indent: -10000px;
	display: block;
	height: 32px;
	width: 139px;
}
.hotelNav ul li.nav1 a { background: url(../images/nav_hotel.gif) no-repeat 0px 0px; }
.hotelNav ul li.nav1 a:hover { background: url(../images/nav_hotel.gif) no-repeat 0px -32px; }
.hotelNav ul li.nav1 a.ac { background: url(../images/nav_hotel.gif) no-repeat 0px -64px; }
.hotelNav ul li.nav2 a { background: url(../images/nav_hotel.gif) no-repeat -139px 0px; }
.hotelNav ul li.nav2 a:hover { background: url(../images/nav_hotel.gif) no-repeat -139px -32px; }
.hotelNav ul li.nav2 a.ac { background: url(../images/nav_hotel.gif) no-repeat -139px -64px; }
.hotelNav ul li.nav3 a { background: url(../images/nav_hotel.gif) no-repeat -278px 0px; }
.hotelNav ul li.nav3 a:hover { background: url(../images/nav_hotel.gif) no-repeat -278px -32px; }
.hotelNav ul li.nav3 a.ac { background: url(../images/nav_hotel.gif) no-repeat -278px -64px; }
.hotelNav ul li.nav4 a { background: url(../images/nav_hotel.gif) no-repeat -417px 0px; }
.hotelNav ul li.nav4 a:hover { background: url(../images/nav_hotel.gif) no-repeat -417px -32px; }
.hotelNav ul li.nav4 a.ac { background: url(../images/nav_hotel.gif) no-repeat -417px -64px; }
.searchModule4 {
	margin-bottom: 15px;
	border: 1px solid #8bbbe6;
	position: relative;
}
.searchModule4 .clear {
	position: absolute;
	top: 0px;
	right: 0px;
	_top: 1px;
	_right: 1px;
	border-bottom: 1px solid #8bbbe6;
	border-left: 1px solid #8bbbe6;
}
.searchModule4 .clear img {
	line-height: 0px;
	vertical-align: bottom;
}
.searchModule4 .inner {
	border: 3px solid #e9f3fa;
	padding: 10px 10px 10px;
}
.searchModule4 .title { margin-bottom: 7px; }
.searchModule4 .box1 {
	float:left;
	width:350px;
}
.searchModule4 .box1 dl.item { margin-bottom: 10px; }
.searchModule4 .box1 dl.item dt {
	font-weight: bold;
	float: left;
	text-align: right;
	width: 60px;
}
.searchModule4 .box1 dl.item dd { margin-left: 70px; }
.searchModule4 .box1 dl.item dd .calendar { font-size: 10px; }
.searchModule4 .box1 dl.item dd .calendar img {
	line-height: 0px;
	vertical-align: middle;
	margin-right: 3px;
}
.searchModule4 .box1 dl.item dd #sd .sat { background: #ecf5fc; }
.searchModule4 .box1 dl.item dd #sd .sun { background: #ffedef; }
.searchModule4 .box1 dl.item dd #sd .holiday { background: #ffedef; }
.searchModule4 .box2 {
	float:right;
	width:570px;
}
.searchModule4 .box2 dl.item {
	clear: both;
	margin-bottom: 5px;
}
.searchModule4 .box2 dl.item dt {
	font-weight: bold;
	float: left;
	padding-right: 7px;
}
.searchModule4 .box2 dl.item .keybtn {
	background: url(../images/btn_option2.gif) no-repeat 0px 0px;
	height: 33px;
	width: 59px;
	float: left;
	position: relative;
	color: #333;
	cursor:pointer;
	margin-right: 3px;
}
.searchModule4 .box2 dl.item .over { background: url(../images/btn_option2.gif) no-repeat 0px -33px; }
.searchModule4 .box2 dl.item .ac {
	background: url(../images/btn_option2.gif) no-repeat 0px -66px;
	color: #000000;
	font-weight: bold;
}
.searchModule4 .box2 dl.item .na {
	background: url(../images/btn_option2.gif) no-repeat 0px -99px;
	color: #999 !important;
	cursor:default !important;
}
.searchModule4 .box2 dl.item .keybtn .txt {
	font-size: 12px;
	line-height: 1.1;
	position: absolute;
	top: 3px;
	text-align: left;
	width: 53px;
	left: 3px;
}
.searchModule4 .box2 dl.item .keybtn .count {
	width: 53px;
	text-align: right;
	position: absolute;
	bottom: 3px;
	font: bold 12px/1.1 Arial, Helvetica, sans-serif;
	color: #ff8200;
	right: 3px;
}
.searchModule4 .box2 dl.item .na .count { color: #999 !important; }
.searchModule4 .box2 dl.company {
	clear: both;
	margin-bottom: 8px;
}
.searchModule4 .box2 dl.company dt { font-weight: bold; }
.searchModule4 .box2 dl.company dt a.open {
	background: url(../images/arrow2.gif) no-repeat right center;
	padding: 2px 17px 2px 0px;
}
.searchModule4 .box2 dl.company dt a.close {
	background: url(../images/arrow2_t.gif) no-repeat right center;
	padding: 2px 17px 2px 0px;
}
.searchModule4 .box2 dl.company dd { padding-top: 5px; }
.searchModule4 .box2 dl.company .keybtn {
	background: url(../images/btn_option2.gif) no-repeat -59px 0px;
	height: 33px;
	width: 92px;
	float: left;
	position: relative;
	color: #333;
	cursor:pointer;
	margin-right: 3px;
}
.searchModule4 .box2 dl.company .over { background: url(../images/btn_option2.gif) no-repeat -59px -33px; }
.searchModule4 .box2 dl.company .ac {
	background: url(../images/btn_option2.gif) no-repeat -59px -66px;
	color: #000000;
	font-weight: bold;
}
.searchModule4 .box2 dl.company .na {
	background: url(../images/btn_option2.gif) no-repeat -59px -99px;
	color: #999 !important;
	cursor:default !important;
}
.searchModule4 .box2 dl.company .keybtn .logo {
	position: absolute;
	top: 4px;
	left: 4px;
}
.searchModule4 .box2 dl.company .keybtn .count {
	width: 86px;
	text-align: right;
	position: absolute;
	bottom: 3px;
	font: bold 12px/1.1 Arial, Helvetica, sans-serif;
	color: #ff8200;
	right: 3px;
}
.searchModule4 .box2 dl.company .na .count { color: #999 !important; }
.searchModule4 dl.keyword {
	background: #deefff;
	clear: both;
	padding: 6px 10px;
}
.searchModule4 dl.keyword dt {
	font-weight: bold;
	float: left;
	line-height: 27px;
	padding-right: 7px;
}
.searchModule4 dl.keyword dd input.kywd {
	height: 25px;
	width: 300px;
	border: 1px solid #7f9db9;
	line-height: 25px;
	float: left;
	margin-right: 3px;
}
.calPager { display: none; }
.planTitleBody {
	padding: 0px 10px;
	height: 30px;
	margin-bottom: 15px;
}
.planTitleBody .title {
	float: left;
	padding-top: 8px;
}
.planTitleBody .note {
	color: #696969;
	float: left;
}
.planCalendarBody { clear: both; }
.planCalendarBody .slider {
	width: 426px;
	background:#f2f2f2;
	float:right;
	margin-bottom: 1px;
}
.planCalendarBody .slider .handle {
	background: url(../images/slider_handle.gif) no-repeat center top;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	height: 17px;
	display: block;
}
.planCalendarBody .bottom { margin-bottom: 25px; }
.planCalendarBody .calendar {
	width: 960px;
	clear: right;
}
.planCalendarBody .calendar th {
	font-weight: normal;
	background: #fafafa;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0px;
	border: 1px solid #bbb;
}
.planCalendarBody .calendar th.meal {
	width: 68px;
	border-right: 2px solid #999;
}
.planCalendarBody .calendar th.roomtype { width: 68px; }
.planCalendarBody .calendar th.day {
	background: #f6f6f6 url(../images/bg1.gif) repeat-x left top;
	width: 84px;
}
.planCalendarBody .calendar th.sunday {
	background: #fcd5d6 url(../images/bg2.gif) repeat-x left top;
	border-bottom: 1px solid #f0b2b3;
	width: 84px;
}
.planCalendarBody .calendar th.saturday {
	background: #c0ddf7 url(../images/bg3.gif) repeat-x left top;
	border-bottom: 1px solid #98bbda;
	width: 84px;
}
.planCalendarBody .calendar td {
	text-align: center;
	color: #787878;
	border: 1px solid #bbb;
	vertical-align: middle;
	padding: 5px 0px;
}
.planCalendarBody .calendar td.plan {
	text-align: left;
	font-weight: normal;
}
.planCalendarBody .calendar td.plan dl { padding: 0px 7px; }
.planCalendarBody .calendar td.plan dl dt { float: left; }
.planCalendarBody .calendar td.plan dl dd { margin-left: 60px; }
.planCalendarBody .calendar td.plan dl dd .link {
	font-size: 14px;
	min-height: 30px;
	height: auto !important;
	height: 40px;
}
.planCalendarBody .calendar td.plan dl dd .type {
	font-weight: bold;
	color: #333333;
}
.planCalendarBody .calendar td.plan dl dd .price { color: #F60200; }
.planCalendarBody .calendar td.plan dl dd .price em {
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
}
.planCalendarBody .calendar td.meal {
	text-align: center;
	font-weight: normal;
	color: #333333;
	border-right: 2px solid #999999;
}
.planCalendarBody .calendar td.roomtype {
	text-align: center;
	font-weight: normal;
	color: #333333;
}
.planCalendarBody .calendar td.ac { border: 2px solid #FF0000; }
.planCalendarBody .calendar td.sunday { background: #ffedef; }
.planCalendarBody .calendar td.saturday { background: #ecf5fc; }
.planCalendarBody .calendar .price { font-weight: normal; }

/* widelink detail hotel*/
.planCalendarBody .calendar td.day2 { }
.planCalendarBody .calendar td.sunday2 { background: #ffedef; }
.planCalendarBody .calendar td.saturday2 { background: #ecf5fc; }
.planCalendarBody .calendar td.day2:hover {background-color:#f4f4f4;}
.planCalendarBody .calendar td.sunday2:hover {background-color:#f4f4f4;}
.planCalendarBody .calendar td.saturday2:hover {background-color:#f4f4f4;}

.planCalendarBody .calendar td.day2 .widelink {
	display: block;
	height: 55px;
	padding-top: 25px;
	text-align: center;
	min-height: 55px;
}

.planCalendarBody .calendar td.sunday2 .widelink {
	display: block;
	height: 55px;
	padding-top: 25px;
	text-align: center;
	min-height: 55px;
}

.planCalendarBody .calendar td.saturday2 .widelink {
	display: block;
	height: 55px;
	padding-top: 25px;
	text-align: center;
	min-height: 55px;
}

.planCalendarBody .calendar td.plan:hover {background-color:#f4f4f4;}
.planCalendarBody .calendar td.plan div.widelink {
	position:relative;
	width: 100%;
	height:100%;
	cursor: pointer;
}
.planCalendarBody .calendar td.plan div.widelink p.link{
	text-decoration: underline;
	color: #006699;
}

.planCalendarBody .calendar td.plan div.widelink:hover p.link{
	text-decoration: underline;
	color: #66CCFF;;
}

.planCalendarBody .calendar tr {
	height: 91px;
}
.planCalendarBody .calendar tr.cal_header {
	height: 16.8px;
	padding: 0px 7px;
	border: 1px 0.5px;
}
/* widelink list hotel*/
.calendarBody .calendar td.day2 { }
.calendarBody .calendar td.sunday2 { background: #ffedef; }
.calendarBody .calendar td.saturday2 { background: #ecf5fc; }
.calendarBody .calendar td.day2:hover {background-color:#f4f4f4;}
.calendarBody .calendar td.sunday2:hover {background-color:#f4f4f4;}
.calendarBody .calendar td.saturday2:hover {background-color:#f4f4f4;}

.calendarBody .calendar td.day2 .widelink {
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	padding: 4px 0px;
}

.calendarBody .calendar td.sunday2 .widelink {
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	padding: 4px 0px;
}

.calendarBody .calendar td.saturday2 .widelink {
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	padding: 4px 0px;
}



.siteInfo {
	padding: 10px 3px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	margin: 30px 0px 15px;
}
.siteInfo .title {
	font-weight: bold;
	margin-bottom: 8px;
}
.siteInfo ul.list li {
	display: inline;
	padding-right: 10px;
}
.siteRemarks {
	background: #f1f1f1;
	border: 1px solid #CCCCCC;
	padding: 10px 12px;
	clear: both;
	color: #666666;
	line-height: 1.5;
	margin-bottom: 25px;
}
.otherBox {
	background: url(../images/frm2.gif) repeat-y -960px;
	clear: both;
	margin-bottom: 10px;
}
.otherBox .title {
	background: url(../images/frm2.gif) no-repeat 0px 0px;
	padding: 15px 15px 10px;
}
.otherBox .inner {
	background: url(../images/frm2.gif) no-repeat right bottom;
	padding: 0px 15px 15px;
}
.otherBox ul.list li {
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
	margin: 0px 10px 5px 0px;
	line-height: 1.2;
}
/*----------------------------------------------------------------
	施設情報、写真、地図
----------------------------------------------------------------*/
.photoBox {
	background: url(../images/frm2.gif) repeat-y -960px;
	clear: both;
	margin-bottom: 25px;
	overflow:hidden;
	width: 960px;
}
.photoBox .title {
	background: url(../images/frm2.gif) no-repeat 0px 0px;
	padding: 15px 15px 10px;
	color: #3499eb;
	font-size: 115%;
}
.photoBox .title .guestroom {
	font-weight: bold;
}
.photoBox .inner {
	background: url(../images/frm2.gif) no-repeat -1920px bottom;
	padding: 0px 0px 15px 20px;
	clear:both;
}
.photoBox .box {
	float: left;
	width: 212px;
	height: 250px;
	margin-right: 22px;
	overflow:hidden;
}
.photoBox .box .category { font-weight: bold; }
.photoBox .box .image {
	width: 210px;
	height: 158px;
	border: 1px solid #CCCCCC;
	text-align: center;
	overflow:hidden;
	margin-bottom: 5px;
}
.photoBox .box .image img {
	max-height:158px;
	max-width:210px;
}
.photoBox .box .site {
	font-size: 90%;
	color: #666666;
	text-align: right;
}
.photoBox .box .caption { margin-bottom: 3px; }
.photoBox .link_more {
	text-align: right;
	clear: both;
	margin-right: 20px;
	font-weight: bold;
}
.photoBox .link_more a {
	background: url(../images/arrow1.gif) no-repeat left top;
	padding-left: 18px;
}
.photoBox .show_more {
	text-align: right;
	clear: both;
	margin-right: 20px;
	font-weight: bold;
}
.photoBox .show_more a.open {
	background: url(../images/arrow2.gif) no-repeat right top;
	padding: 2px 17px 0px 2px;
}
.photoBox .show_more a.close {
	background: url(../images/arrow2_t.gif) no-repeat right top;
	padding: 2px 17px 2px 0px;
}
.facilityBox { margin-bottom: 25px; }
.facilityBox .title {
	background: #8BBBE6 url(../images/tit_bg_detail.gif) no-repeat 0px 0px;
	font-size: 125%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 12px;
}
.facilityBox table.detail {
	width: 100%;
	border-left: 1px solid #D0D5D9;
}
.facilityBox table.detail th {
	font-weight: bold;
	color: #3499EB;
	text-align: left;
	padding: 8px 0px 8px 8px;
	width: 150px;
	border-right: 1px solid #D0D5D9;
	border-bottom: 1px solid #D0D5D9;
}
.facilityBox table.detail td {
	text-align: left;
	padding: 8px;
	border-right: 1px solid #D0D5D9;
	border-bottom: 1px solid #D0D5D9;
}
.facilityBox table.detail .note {
	float: left;
}
.facilityBox table.detail ul.itemlist li {
	border: 1px solid #CCCCCC;
	padding: 5px;
	width: 177px;
	margin: 0px 2px 2px 0px;
	float: left;
	background: #F6F6F6;
}
.facilityBox table.detail table.inside {
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 10px;
}
.facilityBox table.detail table.inside th {
	font-weight: bold;
	color: #333333;
	background: #efefef;
	text-align: center;
	padding: 2px 5px;
}
.facilityBox table.detail table.inside td {
	text-align: center;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
}
.mapBox {
	border: 1px solid #D0D5D9;
	padding: 14px;
	margin-bottom: 25px;
}
.mapBox .title {
	font-weight: bold;
	color: #3499eb;
	text-align: left;
	font-size: 115%;
	margin-bottom: 10px;
}
.mapBox .mapBody {
	height: 550px;
	width: 930px;
	position: relative;
	margin: 0px auto;
}
.mapBox .mapBody .btn_near {
	position: absolute;
	top: 5px;
	right: 125px;
	z-index: 999999;
}
ul.photoNav { margin: 0px 0px 15px 5px; }
ul.photoNav li {
	display: inline;
	margin-right: 20px;
	background: url(../images/arrow4.gif) no-repeat left center;
	padding-left: 10px;
}
.btn_reserve {
	text-align: center;
	margin-bottom: 40px;
}
span.highlight {
	background-color: yellow ;
	font-weight: bold ;
}

div .map{
	position: relative;
}
.mapLayer {
	position: absolute;
	top: 0;
	left: 0;
}
.mapTitle {
	position: absolute;
	background-color: white;
	border: 1px solid #D93;
	padding: 2px;
	font-size: 12px;
	cursor: pointer;
	color: #006699;
	text-decoration: none;
}
.map .selected,
.map .over {
	background-color: #FFCC00;
	color: white;
}

div .mapTitle  .mapTitleLink {
	text-decoration: none;
}
div .mapTitle  .mapTitleLink .over {
	text-decoration: none;
	color: white !important;
}

.photoItem {
	padding: 2px;
	float: left;
}


/*20140213：追加*/
html,body{width: 100%;}
.resultCassette dl.detail ul,
.resultCassette dl.detail li{float:left;}
.mapBottom .btn_reserve{display:none;}

/*フッタのスタイル追加 20150820*/
#footer .tourNav dt {
	margin: 8px 30px 0 0;
	float: left;
}

#footer .footer01 .body .tourNav h3 {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
#footer .footer01 .body .tourNav h3 a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
#footer .footer01 .body .tourNav h3 a:hover {
	color: #333333;
	text-decoration: underline;
}