@charset "utf-8";

/* -----------------------------------------------------------
 File name:      xxxx_common.css
 Style Info:     各特集独自のスタイル
----------------------------------------------------------- */
.catch02 {
	padding:10px;
	background-image:url(../images/bg001.png);
}

.dataInfo {
	background-color:#f9f2d5;
	border:1px solid #f5e8b3;
	padding:6px 10px;
	font-size:10px;
	color:#993300;
	line-height:1.5;
}
.searcharea {
	margin:10px 0 0;
}
.maparea {
	float:left;
	border:1px solid #02422c;
}
/* .todofukenarea {
	width:370px;
	float:right;
	border:1px solid #02422c;
	padding-bottom:1px;
} */



.searchtitle {
	margin:1px 1px 0;
	background-color: #02422c;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	line-height:1.3;
}
.searchtitle span {
	font-size:14px;
}
.widarea {
 	margin:3px 3px 0;
 	height:18px;
}
.wid {
	font-weight:bold;
	width:74px;
	background-color: #f1f1f1;
	float:left;
	padding:4px 3px 2px;
	line-height:1;
}

.widarea span {
	float:left;
	padding:3px 3px 3px 5px;
	line-height:1;
}
.fb {
	font-weight:bold;
}

.featurearea {
	margin-bottom:30px;
}

.ken_ti {
	font-size: 18px;
	background-image: url(../images/tit001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-left: 65px;
	color: #333;
	text-align: left;
	position: relative;
	height: 50px;
	padding-top: 17px;
	margin-top:15px;

}







.wakeari_plan{
	border:1px solid #c9d9a2;
	background-color:#f9fceb;
	margin-top:10px;
	padding-bottom:15px;
	
	width:740px;

	text-align:left;
}

/*.hotel_name{
	font-size:12px;
	color:333333;
	font-weight:bold;
	text-indent:12px;
}
*/

@charset "utf-8";

/* -----------------------------------------------------------
 File name:      xxxx_common.css
 Style Info:     各特集独自のスタイル
----------------------------------------------------------- */
.catch02 {
	padding:10px;
	background-image:url(../images/bg001.png);
}

.dataInfo {
	background-color:#f9f2d5;
	border:1px solid #f5e8b3;
	padding:6px 10px;
	font-size:10px;
	color:#993300;
	line-height:1.5;
}
.searcharea {
	margin:10px 0 30px;
}
.maparea {
	float:right;
	border:1px solid #02422c;
}
 .todofukenarea {
	width:370px;
	*width:365px;/*for ie7 or later*/
	float:left;
	border:1px solid #02422c;
	padding-bottom:1px;
}



.searchtitle {
	margin:1px 1px 0;
	background-color: #02422c;
	color:#ffffff;
	font-weight:bold;
	padding:3px;
	line-height:1.3;
}
.searchtitle span {
	font-size:14px;
}
.widarea {
 	margin:3px 3px 0;
 	height:18px;
}
.wid {
	font-weight:bold;
	width:74px;
	background-color: #f1f1f1;
	float:left;
	padding:4px 3px 2px;
	line-height:1;
}

.widarea span {
	float:left;
	padding:3px 3px 3px 5px;
	line-height:1;
}
.fb {
	font-weight:bold;
}

.featurearea {
	margin-bottom:30px;
}

.ken_ti {
	font-size: 16px;
	background-image: url(../images/tit001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 10px;
	padding-left: 65px;
	color: #333;
	text-align: left;
	position: relative;
	height: 50px;
	padding-top: 19px;
	margin-top:15px;

}


.wakeari_plan{
	border:1px solid #c9d9a2;
	background-color:#f9fceb;
	margin-top:10px;
	padding-bottom:15px;
	
	width:740px;

	text-align:left;
}

.wakeari_plan02{
	border:1px solid #c9d9a2;
	background-color:#f9fceb;
	margin-top:10px;
	padding-bottom:15px;
	
	width:740px;

	text-align:center;
}




/*.hotel_name{
	font-size:12px;
	color:333333;
	font-weight:bold;
	text-indent:12px;
}
*/

.hotel_name a{
	font-size:12px;
	color:#333333;
	text-decoration:none!important;
}

.hotel_name a:link{
	color:#333;
    text-decoration:none!important;
}


.hotel_name a:visited{
	color:#333;
	text-decoration:none!important;
	}


.hotel_name a:hover {
	color: #333;
	text-decoration:underline!important;
}

.hotel_name a:active{
	color:333;
	}


.plan_left{
	float:left;
	margin-top:15px;
	width:345px;
	margin-left:15px;
}


.plan_right{
	float:left;
	margin-top:15px;
	margin-left:15px;
	width:345px;
}

.plan_tx{
	font-size:12px;
}

/*.plan_area{
	font-size:10px;
	color:#666;
	text-indent:12px;
}
*/

.contentsLink02 a {
	text-decoration:underline!important;
	font-weight:bold;
    }

.contentsLink02{
     text-align:left;
	 padding-left: 11px;
/*	 background-image:url(../images/icon_arrow_org.gif);*/
	background-repeat: no-repeat;
	background-position: left 4px;
	 }

.keyword {
    font-size: 100%;
	text-align: left;
}


.text_large{
    font-size: 170%;
	font-weight: bold;
}

.text_middle{
    font-size: 140%;
	font-weight: bold;
}

.text_small{
    font-size: 100%;
	font-weight: bold;
}	 
	 

/*独自追加コード*/

.clear{clear:both;}

#topic_searchhotel{
background-color: #F8F8F8;
Width:180px;
}
#searchhotel{background-color:#e3f1fa;
border:solid 1px #9eb4d5;
border-width:0 1px 1px 1px;
Width:180px;}

#searchhotel ul{list-style-type: none;
Width:170px;
margin: 0 auto;
padding:5px 0 10px;
}
#searchhotel {
	margin-bottom:10px;
}

.chainstyle{
	Width:170px;
	margin:7px 0;
	padding:0;
}


.chainstyle img{
vertical-align: bottom;
}

#searcthotel div{
	background-color:#aaaacc;
}

h3 {
	/*background-color:#b03702;*/
	font-size:16px;
	font-weight:bold;
	/*color:#ffffff;*/
}

.socialIcon {
    margin-bottom:0px;
}

.socialIcon ul {
text-align:left;
list-style: none outside none;
}

div.socialIcon li {
	/*float:right;*/
	display: inline-block;
	*display: inline;
    padding-right: 0px;
}
div.socialIcon li.nonmrg {
    margin:0;
}


/* noticeArea - Cutomize　 */
#noticeArea {
	width:740px;
	padding:15px 0 15px;
	background:url(../images/notice_bg.jpg) no-repeat bottom center;
	margin-bottom:20px;
	}

	#noticeArea dl {
		margin: 0 auto 20px;
		width: 680px;
		}
		#noticeArea dl dt {
			margin: 0 0 8px;
			}
			#noticeArea dl dd{
				font-size:12px;
				color:#000;
				}
				#noticeArea dl dd p,
				#noticeArea dl dd ul{
					padding:0 10px;
					line-height:1.5;
					margin:8px 0;
					}
	#noticeArea .imp{
	font-weight:bold;
	color:#cc3b02;
	}

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

contentsInfo

----------------------------------------------------------- */
#contentsInfo{
	background-image: url(../images/headBg.gif);
	background-repeat: repeat-x;
	margin:-15px 0 5px;
	padding: 13px 0 0 5px;
	text-align: left;
	}
	#contentsInfo .txt{
		padding:0;
		margin:0;
		color:#cc0000;
		font-weight:bold;
		font-size:12px;
		}
	#contentsInfo .dtailApp{
		color:#666;
		font-weight:normal;
		font-size:10px;
		}

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

日付選択用

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


.yadoCalender {
    position: relative;
    top: -214px;
	_top: -170px;
    z-index: 420;
　　_left:-360px;
}


/* -----------------------------------------------------------
 特集広告(写真あり)
----------------------------------------------------------- */

#ad_wrapper{
	width:740px;
	clear:both;
	}
.ken_ti_ad {
	font-size: 12px;
	color: #FFF;
	background-color: #02422C;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}
.plan_box{
	text-align:left;
	_padding-bottom:1px;
	margin-bottom: 5px;
	border: 1px solid #02422C;
	padding-bottom: 20px;
}

.plan_cst{
	width:340px;
	margin-left:20px;
	margin-top: 20px;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
}
.plan_cst .ad_ph{
	float:left;
}
.plan_cst .tx{
	width:300px;
}

.plan_cst .hotel_name{
	font-size:12px;
	color:333333;
	font-weight:bold;
	text-decoration:none!important;

}
.plan_cst .tx .hotel_name a em {
	font-style: normal;
	font-size: 85%;
}
.plan_cst .hotel_name a:link{
	color:#333;
    text-decoration:none!important;
}
.plan_cst .hotel_name a:visited{
	color:#333;
	text-decoration:none!important;
	}
.plan_cst .hotel_name a:hover {
	color: #333;
	text-decoration:underline!important;
}
.plan_cst .hotel_name a:active{
	color:333;
}

.plan_cst .plan_area{
	font-size:10px;
	color:#666;
}

.plan_cst .plan_tx{
    float: right;
    font-size: 12px;
    width: 240px;
	padding-bottom: 5px;
    word-wrap: break-word;
	word-break: break-all;
}

.plan_cst .contentsLink02 a {
	text-decoration:underline!important;
	font-weight:bold;
    word-wrap: break-word;
	word-break: break-all;
    width: 240px;
    }

.plan_cst .contentsLink02{
    text-align:left;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left 4px;
	}

#adplugCassetTitleAnno {
	font-size: 12px;
	text-align: left;
	margin-bottom:20px;
}

.price{
	color:#F00;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}
#spbana_btm{
	padding:0px !important;
}

.maparea {
	float: right;
	border: 1px solid #a78028;
	width: 360px;
}
.todofukenarea {
	padding-bottom: 0px;
}
.todofukenarea #searchBox_date {
	height:318px;
	*height:298px;/*for ie7 or later*/
	margin:0;
	border: 0px solid #a78028;
	background: none repeat scroll 0 0 #ffffff;
	padding: 10px;
}

.todofukenarea #searchBox_date #room-num {
	float:left;
	margin:0 6px 0 0;
}

.searchPanelarea #searchBox_date #dateLine2 .select_todofuken, .searchPanelarea #searchBox_date #dateLine2 .select_area, .searchPanelarea #searchBox_date #dateLine2 .select_yosan, .searchPanelarea #searchBox_date #dateLine2 .check_kodawari, .searchPanelarea #searchBox_date #dateLine2 .select_theme{
	display: block;
}
#searchBox_date #dateLine2 .select_yosan .img_yosan {
	float: left;
	padding: 0;
}
#searchBox_date  .kodawari  input{

	line-height: 1.1em;
	text-align: right;
}
#searchBox_date #dateLine2 .select_yosan{
	margin-bottom: 5px;
	display:block;
}
#searchBox_date #dateLine2 #dyn_badget_min{
	float:left;
	
}

#searchBox_date #dateLine2 .select_yosan .img_yosan {
	float: left;
	padding: 0;
}
#searchBox_date #dateLine2 .select_yosan .img_yosan img{
	margin: 4px 6px 0 0;

}
.select_todofuken  img{
	float:left;
}
.ssc_area{
	display:inline-table !important;
}
#searchBox_date #dateLine2 select {
	line-height: 1.1em;
	margin: 0 0 8px 6px;
	text-align: left;
}

.kodawari {
	font-size: 10px;
	margin-top: 5px;
}
#searchBox_date #dateLine2 p {
	text-align: center;
}
#searchBox_date #dateLine2 #research {
	margin-top: 15px;
}
.searchtitle {
	margin: 0px;
}
#mapArea_a {
	width: 359px;
}

.10percent{
	padding-top: 168;
}
/* -----------------------------------------------------------
 ソーシャルアイコン用
----------------------------------------------------------- */

.socialIcon {
	position: relative;
	top: -20px;
	float: right;
	width: 400px;
}
ol, ul {
	list-style: none outside none;
}
.socialIcon ul {
	display: block;
	width: 100%;
	text-align: right;
	height: 24px;
}
.socialIcon li {
	display: inline-block;
	display: -moz-inline-box; /*for Firefox 2*/
 /display: inline; /*for ie5～7*/
 /zoom: 1; /*for ie5～7*/
	overflow:hidden;
}

#jalan-zone-area iframe {
	height: 228px;
}

#main {
	margin-bottom: 20px;
}

#mypage_btn {
	background-color: #f8f8f8;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px 22px;
	text-align: center;
}	
#mypage_btn img {
	display: block;
}

#searchBox_date  .search-panel .column {
	margin-top: 0px;
	margin-left: 0px;
}