@charset "UTF-8";

/*-----------------------------------------
common.css修正
-----------------------------------------*/

#contents{
	width:950px;
	height:auto;
	margin:0 auto;
	}

#main{
	width:950px;
	height:auto;
	background:none;
	}

#searchbox{
	float:left;
	width:740px;
	height:auto;
	padding-top:30px;
	}

#searchbox_index{
	float:left;
	width:740px;
	height:auto;
	padding-top:10px;
	}


h2#title{
	margin:20px 0 0 0;
	}
h2#title_crab {
	margin:20px 0 20px 0;
	}

h2 img{
	vertical-align:top;
	}

.bar_l{
	position:relative;
	width:730px;
	height:38px;
	font-size:100%;
	margin:40px 0 5px 0;
	padding:8px 0 0 10px;
	background-image: url(../../images/search/bar_h3_large.jpg);
	background-repeat:no-repeat;
	font-size:14px;
	}

.bar_l h3{
	font-size:100%;
	}

#footer_street{
	position:absolute;
	top: 20px;
	left: -498px;
	}

*:first-child+html #pan{
	padding-top:4px;
	}

#pan{
	float:left;
	}


/*-----------------------------------------
上部検索エリア
-----------------------------------------*/

.titlearea{
	width:740px;
	height:29px;
	background:url(../../images/search/bar_search.gif) no-repeat;
	margin-top:30px;
	padding:5px 0 0 0;
	}

.titlearea span{
	font-size:14px;
	font-weight:bold;
	margin:0 10px 0 10px;
	}

select{
	margin-right:3px;
	}


.select2{
	margin-left:15px;
	}

.plan_form,.plan_form2,.plan_form3{
	width:720px;
	height:auto;
	padding:10px;
	background-color:#dcf1fd;
	font-size:85%;
	border-bottom:1px solid #96c7e7;
	}

.plan_form2{
	margin-top:1px;
	}

.plan_form3{
	border:none;
	text-align:center;
	}

.plan_form3 table{
	text-align:left;
	}

.mar_top{
	vertical-align:middle;
	}

.form_w{
	width:120px;
	}

.search_bottom img{
	vertical-align:top;
	}

.barposition{
	position:absolute;
	left: 326px;
	top: 231px;
	}

.child a{
	text-decoration:underline;
	}

.childfont{
	font-size:12px;
	margin-left:2px;
	}

span.f12{
	font-size:12px;
	font-weight:bold;
	}

/*-----------------------------------------
並び替え、表示切替エリア
-----------------------------------------*/

#sort{
	position:relative;
	width:728px;
	height:15px;
	margin:20px 0px 10px 0px;
	padding:0 5px 15px 5px;
	_padding-bottom:0;
	border:1px solid #CCCCCC;
	background-color:#f0f0f0;
	}


#sort ul{
	float:right;
	position:absolute;
	list-style:none;
	left: 506px;
	_left:503px;
	top: 3px;
	_top:7px;
	width: 241px;
	height:auto;
	}

#sort li{
	display:inline;
	}

/*-----------------------------------------
ページセレクトエリア、料金について
-----------------------------------------*/

#minus{
	margin-bottom:-20px;
	}

.left img{
	vertical-align:top;
	}

.left div{
	float:left;
	list-style:none;
	margin-right:5px;
	}

.large{
	font-weight:bold;
	font-size:14px;
	border:1px solid #CCCCCC;
	padding:0 7px 2px 7px;
	width:10px;
	height:17px;
	display:block;
	}

.large2{
	font-size:14px;
	}

.manual{
	text-align:right;
	margin-right:15px;
	font-size:85%;
	margin-top:5px;
	}

/*-----------------------------------------
見出し内のエリア表示
-----------------------------------------*/

.area{
	float:right;
	font-size:10px;
	color:#333333;
	font-weight:normal;
	margin:-15px 10px 0 0;
	}

/*-----------------------------------------
ホテル写真、ホテル詳細すべて含むエリア
-----------------------------------------*/

.plan{
	width:740px;
	height:auto;
	}

/*-----------------------------------------
ホテル写真、キャプションの指定
-----------------------------------------*/

.plan_img{
	float:left;
	display:inline;
	width:228px;
	height:auto;
	}

.caption{
	position:relative;
	}

.caption p{
	position:absolute;
	left: 58px;
	top: 8px;
	margin:0;
	}

/*-----------------------------------------
ホテル名、説明テキスト、アクセスの指定
-----------------------------------------*/

h4{
	height:auto;
	margin-bottom:15px;
	font-size:16px;
	}

h4 a:link {
	color:#0050ff;
	text-decoration:underline;
	}

h4 a:hover {
	color:#ffa000;
	text-decoration:underline;
	}


.plan_text{
	float:right;
	width:500px;
	height:auto;
	}

.width1{
	width:398px;
	}

.access{
	float:right;
	}

.access p{
	margin:8px 0;
	font-size:11px;
	}

/*-----------------------------------------
宿泊プラン内容の指定
-----------------------------------------*/

.plan_info{
	position:relative;
	float:right;
	width:500px;
	height:auto;
	margin-top:15px;
	padding-top:24px;
	font-size:11px;
	background-image:url(../images/bar_syousai.jpg);
	background-repeat:no-repeat;
	}

.textposition{
	position:absolute;
	left: 357px;
	top: 3px;
	width: 113px;
	font-size:12px;
	}

.all{
	color:#FF0000;
	margin-left:35px;
	font-weight:bold;
	}

/*-----------------------------------------
宿泊プランのテーブル
-----------------------------------------*/

table.plan_tb{
	width:500px;
	height:auto;
	padding-bottom:5px;
	}

table.plan_tb td{
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	}

/*-----------------------------------------
テーブルセルの幅
-----------------------------------------*/

.width2{
	width:265px;
	padding-right:10px;
	padding-left:5px;
	}

.width3{
	width:75px;
	}

.width4{
	width:70px;
	}

.width5{
	width:80px;
	}


/*-----------------------------------------
バナーエリアの設定
-----------------------------------------*/

#bannararea{
	float:right;
	width:180px;
	height:auto;
	margin-top:30px;
	margin-left:15px;
	padding-left:15px;
	display:inline;
	}

#bannar{
	width:180px;
	background-color:#ffffff;
	height:300px;
	text-align:center;
	}


/*-----------------------------------------
フッター部分
-----------------------------------------*/

.plan_hr{
	width:740px;
	margin-top:40px;
	}

.left2{
	width:740px;
	height:auto;
	text-align:left;
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid #999999;
	}

/*-----------------------------------------
文字装飾、このページのみのマージンなど
-----------------------------------------*/
.red2{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	vertical-align: text-bottom;
	}

.red{
	font-size:12px;
	font-weight:bold;
	}

.blue{
	color:#0050ff;
	font-size:110%;
	}

.blue2{
	color:#0099FF;
	font-size:110%;
	margin-left:20px;
	}

.orange1{
	font-size:18px;
	font-weight:bold;
	color:#FF6600;
	}

img.border2{
	border:none;
	}

.border2{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	}

.border2 p{
	text-align:center;
	color:#666666;
	font-size:10px;
	}

.font12{
	font-size:12px;
	}

.return{
	position:absolute;
	text-align:right;
	margin-right:25px;
	margin-top:-20px;
	left: 830px;
	top: 0px;
	width: 145px;
	}

.return2{
	text-align:right;
	margin-top:20px;
	}

/*-----------------------------------------
road.htmlの設定
-----------------------------------------*/

#roadmap{
	width:738px;
	height:538px;
	border:1px solid #CCCCCC;
	overflow:hidden;
	}

/*-----------------------------------------
index.htmlの設定
-----------------------------------------*/

.topmar{
	margin-top:30px;
	}


/*-----------------------------------------
地図エリア
-----------------------------------------*/

#yadotitle{
	margin:0;
	}

#mapflash{
	position:absolute;
	width:428px;
	height:412px;
	left: 1px;
	top: 22px;
	z-index:1;
	}

#flashbar{
	position:absolute;
	z-index:2;
	top: 415px;
	left: 0px;
	}

#maparea{
	position:relative;
	width:740px;
	height:416px;
	background:url(../../images/search/bg_flash740.jpg) no-repeat;
	margin-left:0;
	margin-bottom:30px;
	}

#maparea img{
	vertical-align:top;
	}

#maparea .search{
	position:absolute;
	left: 215px;
	top: -1px;
	}

#maparea .search2{
	position:absolute;
	left: 215px;
	top: 114px;
	}

#maparea .search3{
	position:absolute;
	left: 215px;
	top: 57px;
	}

#maparea .search4{
	position:absolute;
	left: 171px;
	top: 26px;
	}

#maparea .search5{
	position:absolute;
	left: 247px;
	top: -1px;
	}

#maparea .search6{
	position:absolute;
	left: 368px;
	top: 26px;
	}

/*-----------------------------------------
地図の下フォームエリア
-----------------------------------------*/

.t_size{
	width:40px;
	height:18px;
	}

.t_size2{
	width:20px;
	height:16px;
	}

.t_size3{
	width:40px;
	height:19px;
	}

.t_size4{
	width:170px;
	height:20px;
	font-size:12px;
	}

.t_size5{
	width:25em;
	height:18px;
	}

.t_size7{
	width:160px;
	height:18px;
	}

.t_size8{
	width:70px;
	height:15px;
	}

.t_size9{
	width:230px;
	height:17px;
	}

.t_size10{
	width:220px;
	height:20px;
	font-size:12px;
	}

.t_size11{
	width:234px;
	height:20px;
	font-size:12px;
	}

.t_size12{
	width:278px;
	height:20px;
	font-size:12px;
	}

.t_size13{
	width:174px;
	height:20px;
	font-size:12px;
	}


#condition{
	position:absolute;
	width:270px;
	height:110px;
	left: 447px;
	top: 37px;
	}

#condition p{
	margin-top:2px;
	_margin-top:-3px;
	font-size:12px;
	line-height:normal;
	}

*:first-child+html #condition p{
	margin-top:-3px;
	}

#resort{
	position:absolute;
	left: 447px;
	top: 244px;
	}

#icsearcharea{
	position:absolute;
	left: 447px;
	top: 375px;
	}

a.underline{
	text-decoration:underline;
	}

.bold{
	font-weight:bold;
	}


/*-----------------------------------------
目的別
-----------------------------------------*/

#mokuteki_betu {
	position:relative;
	clear: both;
	width:738px;
	margin: 15px 0 15px 0px;
	padding-bottom: 15px;
	background: #FFFFFF url(../../images/search/mokuteki_betu_bg_search.gif) repeat left top;
	border-bottom: 1px solid #1473DD;
	border-right: 1px solid #1473DD;
	}
.mokuteki_betu_wrap dl {
	float: left;
	width: 160px;
	margin-right: 20px;
	font-size: 90%;
}
.mokuteki_betu_wrap dl.last {
	margin-right: 0;	
}

.mokuteki_betu_wrap dl dt img {
	margin-bottom: 3px;	
}
.mokuteki_betu_wrap dl dd {
	margin-top: 3px;
	margin-bottom: 10px;	
}

.mokuteki_betu_wrap dl dt span a {
	text-decoration: underline;	
}
.mokuteki_betu_wrap dl dt span a:hover {
	color:#FF6600;
	text-decoration: none;
}


.mokuteki_betu_wrap dl dd {
	color: #333333;
}

.mokuteki_betu_wrap {
	clear: both;
	width: 700px;
	margin: 0 auto;
}

.mokuteki_betu_wrap_end dl dd {
	margin-bottom: 0;
}

p.list_over_err {
	margin-top: 10px;
	color: #FF0000;
	font-size: 1.2em;
	font-weight: bold;
}

/* clearfix */

/* *********************-********************* */

#mokuteki_betu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for IE7 IE-mac */
#mokuteki_betu {
	display: inline-table;
}

/*-----------------------------------------
印刷設定
-----------------------------------------*/

@media print{


#roadmap{
	border:none;
	}

#roadmap iframe{
	width:800px;
	height:640px;
	}

.return2{
	display:none;
	}

}