@charset "utf-8";
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
/*エリアページNEW*/
.area_ttl{
	clear:both;
	margin:15px 0 8px;
	font-family: "Noto Sans Japanese";
	padding: 0.5em;
	background: #fff4e6;
	border-left: solid 5px #ffaf58;
}
.bn_list li{
	border-radius: 3px;
    background: #FFF;
    box-shadow: 0 1px 1px #999999;
    display: inline-block;
	vertical-align: top;
	margin-bottom:10px;
}
.bn_list li:hover{
	opacity: 0.8;
}
.bn_list a{
	text-decoration: none;
	color:#000!important;
}
.bn_list img{
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
  	height: auto;
  	min-height: 136px;
  	border-radius: 3px 3px 0 0;
}

.bn_list p{
	margin-top:3px;
	line-height: 1.4em;
	padding:5px;
}

.bn_list .spImg{
	width:100%;
	height:130px;
	position: relative;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
}
.bn_list .spImg span{
	position:absolute;
	left:0;
	top:0;
	background:#666;
	color:#fff;
	padding:0px 8px;
	border-radius:3px 0 0 0;
	z-index: 3;
	font-size:0.9em;
}
.bn_list h3{
	position:absolute;
	background:rgba(253,253,253,0.8);
	text-align: center;
	width:100%;
	bottom:0;
	padding:3px 0;
	font-family: "Noto Sans Japanese";
	color:#333;
	text-shadow:
	white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.area_col2 li{	
	width:49.5%;
}
.area_col3 li{
	width:100%;
}
.cont_recommend li{
	border-bottom:1px dotted #666;
	padding:12px 0;
}
.cont_recommend li:last-child{
	border-bottom:none;
}
.recTit{
	display: table;
	margin-bottom:5px;
	width:100%;
}
.recTit .recArea,.recTit h3,.recTit p{
	display:table-cell;
	vertical-align: middle;
	padding:5px 0;
}
.recTit .recArea{
	width:10%;
	background:#666;
	color:#fff;
	text-align: center;
}
.recTit h3{
	width:65%;
	font-size:1.3em;
	padding-left:12px;
}
.recTit p{
	width:25%;
	text-align: right;
}
.recTit p span{
	color:#c00;
	font-weight:bold;
	font-size:1.3em;
}
.recImg{
	width:32%;
	height:130px;
	float:left;
	margin-right: 8px;
	position: relative;
	overflow: hidden;
}
.recImg img{
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
  	height: auto;
  	border-radius: 3px 3px 0 0;
}
.recText{
	width:66.5%;
	float:left;
	line-height: 1.5em;
}
.reserveBtn {
	margin-top:8px;
	text-align:right;
}
.reserveBtn a{
	background:#f90;
	text-align:center;
	padding:8px 20px;
	color:#fff!important;
	text-decoration: none;
	font-weight:bold;
}
#sightseeing li{
	width:49.2%;
	float:left;
	padding:5px;
	box-sizing: border-box;
	background:#eee;
	margin-right:8px;
	margin-bottom:8px;
}
#sightseeing li:nth-child(2n){
	margin-right:0px;
}
#sightseeing a{
	display:table;
	padding: 8px;
}
#sightseeing a .sightImg,#sightseeing a p{
	display:table-cell;
	vertical-align: middle;
}
#sightseeing .sightImg{
	width:45%;
}
#sightseeing .sightImg img{
	width:100%;
	height:74px;
}
#sightseeing p{
	padding-left: 12px;
    font-size: 1em;
    text-decoration: underline;
}
#sightseeing p span{
	font-weight:bold;
	font-size:1.1em;
}
#sightseeing p i{
	margin-left:3px;
}
/*詳しく検索する*/
#search_detail{
	width:95%;
	margin:10px auto;
}
#search_detail h2{
	padding-top:0px!important;
	font-size: 1.4em;
	font-weight: normal;
	padding: 10px 0px 12px 5px;
    padding-top: 10px;
	background: url(../img/top/ttl_bg03.png) repeat-x bottom;
	height: 25px;
	margin-bottom: 10px;
}
#search_detail h2 img {
    vertical-align: middle;
    margin-right: 5px;
	float:left;
}
#search_detail .searchPanel{background-image: -moz-linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 50%,#ddd 50%,#ddd 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 50%,#ddd 50%,#ddd 75%,transparent 75%,transparent);background-size: 4px 4px;padding:6px 10px;}

#search_detail form {
    width: 100%!important;
}

#search_detail dt{float:left;clear:both;padding:5px 0; margin-right:10px;margin-bottom: 12px;}
#search_detail dd{float:left;padding: 3px 0px 0px 10px;}
#search_detail dt.keyword {
    margin-right: 4px!important;
}
#search_detail dd.inputKeyword{    padding: 3px 0px 0px 0px!important;}
#search_detail p.select {
    width: 100%!important;
    margin: 1px 0px 3px 2px;
    line-height: 14px;
}
#search_detail p.searchBtn{clear:both; width:200px;margin:5px auto;}
#search_detail p.searchBtn button{width:200px;background-color:#f90;border:none;padding:5px 0; color:#FFFFFF;cursor:pointer;font-weight:bold;border-radius:5px;margin:5px auto;font-size:1.5em;font-weight:bold;}
#search_detail p.searchBtn button i{margin-right:5px;}
#search_detail p.searchBtn button:hover{background-color:#CCC;}
#search_detail .search_keyword{border-top:#FFF 1px solid;padding-top:5px;}
#search_detail .search_keyword ul li{float:left;margin-right:8px;line-height:1.5em;margin-bottom: 3px;}
#search_detail .search_keyword ul li a{text-decoration:underline;}
#search_detail select,#search_detail input{padding:3px;max-width: 200px;}
#search_detail dd.selectCategory select{width:190px;}
#search_detail dd.selectCategory{padding: 3px 0px 0px 35px;}
#search_detail dd.selectDate input{width:25px;}
#search_detail dd.selectDate input.year1{width:48px;}
#search_detail dd.selectDate span{float:left;margin-right:5px;font-size: 0.9em;}
#search_detail dd.selectDate img{vertical-align:middle;cursor:pointer;width:29px;height:29px;}
#search_detail dd.selectDate img:hover{opacity:0.8;}
#search_detail img.ui-datepicker-trigger {
    width: 25px;
    height: auto;
    vertical-align: bottom;
}
/*エリアから検索する*/
#search .search_map{
	width:95%;
	margin:10px auto;
	border:#84c5db 3px solid;
	border-radius:3px;
}
#search .search_detail{
	float:right;
	border:#F5F0E8 3px solid;
	border-radius:3px;
	background:#fdf9e4;
	width: 205px;
    height: 320px;
}
#search .search_map .areaSelect{
	position:relative;	
	height:266px;
}
#search .search_map .mapTop{background:url(../../img/mari/searchMapTop.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapHkd{background: url(../../img/mari/mapHokkaido.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapTohoku{background:url(../../img/mari/mapTohoku.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapKanto{background:url(../../img/mari/mapKanto.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapShinetsu{background:url(../../img/mari/mapShinetsu.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapTokai{background:url(../../img/mari/mapTokai.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapHokuriku{background:url(../../img/mari/mapHokuriku.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapKansai{background:url(../../img/mari/mapKansai.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapChugoku{background:url(../../img/mari/mapChugoku.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapShikoku{background:url(../../img/mari/mapShikoku.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapKyusyu{background:url(../../img/mari/mapKyusyu.jpg) no-repeat;
background-size: contain;}
#search .search_map .mapOkinawa{background:url(../../img/mari/mapOkinawa.jpg) no-repeat;
background-size: contain;}

#search .search_map .areaSelect ul li{
	display:block;	
}
#search .search_map .areaSelect ul li a{
	position:absolute;
	display:block;
	opacity:0.9;
	border-radius:5px;
	border:#eee 1px solid;
	padding:3px 10px 3px 15px;
	text-decoration:none;
	color:#666666!important;
	font-weight:bold;
	background:#FFF url(../img/mari/mapBtnArrow.jpg) left no-repeat;
	background-position:5%;
	font-size:110%;
	box-shadow:1px 1px 1px #666;
}
#search .search_map .mapHkd ul li a{
	font-size:100%;
	line-height:110%;
	padding:5px 10px 5px 15px;
}
#search .search_map .areaSelect ul li a:hover{
	background:#FFFFCC url(../img/mari/mapBtnArrow.jpg) left no-repeat;
	background-position:5%;
	color:#CCCCCC;
}
#search .search_map .areaSelect ul li.btnHokkaido a{top:16px;left:186px;}
#search .search_map .areaSelect ul li.btnTohoku a{top:90px;left:236px;}
#search .search_map .areaSelect ul li.btnKanto a{top:165px;left:233px;}
#search .search_map .areaSelect ul li.btnShinetsu a{top:123px;left:172px;}
#search .search_map .areaSelect ul li.btnTokai a{top:189px;left:172px;}
#search .search_map .areaSelect ul li.btnHokuriku a{top:128px;left:109px;}
#search .search_map .areaSelect ul li.btnKansai a{top:170px;left:108px;}
#search .search_map .areaSelect ul li.btnChugoku a{top:161px;left:45px;}
#search .search_map .areaSelect ul li.btnShikoku a{top:213px;left:87px;}
#search .search_map .areaSelect ul li.btnKyusyu a{top:210px;left:13px;}
#search .search_map .areaSelect ul li.btnOkinawa a{top:67px;left:13px;}

#search .search_map .areaSelect ul li.btnWakkanai a{top:17px;left:109px;}
#search .search_map .areaSelect ul li.btnSapporo a{top:106px;left:6px;}
#search .search_map .areaSelect ul li.btnShiretoko a{top:68px;left:163px;}
#search .search_map .areaSelect ul li.btnAsahikawa a{top:109px;left:122px;}
#search .search_map .areaSelect ul li.btnKushiro a{top:152px;left:205px;}
#search .search_map .areaSelect ul li.btnOtaru a{top:143px;left:6px;}
#search .search_map .areaSelect ul li.btnObihiro a{top:188px;left:181px;}
#search .search_map .areaSelect ul li.btnShikotsu a{top:190px;left:42px;}
#search .search_map .areaSelect ul li.btnHakodate a{top:224px;left:7px;}

#search .search_map .areaSelect ul li.btnAomori a{top:22px;left:183px;}
#search .search_map .areaSelect ul li.btnIwate a{top:93px;left:198px;}
#search .search_map .areaSelect ul li.btnAkita a{
	top:86px;
	left:89px;
}
#search .search_map .areaSelect ul li.btnMiyagi a{
	top:157px;
	left:183px;
}
#search .search_map .areaSelect ul li.btnYamagata a{
	top:147px;
	left:68px;
}
#search .search_map .areaSelect ul li.btnFukushima a{
	top:221px;
	left:151px;
}

#search .search_map .areaSelect ul li.btnTokyo a{
	top:153px;
	left:135px;
}
#search .search_map .areaSelect ul li.btnChiba a{
	top:175px;
	left:228px;
}
#search .search_map .areaSelect ul li.btnKanagawa a{
	top:201px;
	left:74px;
}
#search .search_map .areaSelect ul li.btnSaitama a{
	top:109px;
	left:107px;
}
#search .search_map .areaSelect ul li.btnTochigi a{
	top:42px;
	left:157px;
}
#search .search_map .areaSelect ul li.btnIbaraki a{
	top:80px;
	left:234px;
}
#search .search_map .areaSelect ul li.btnGunma a{
	top:55px;
	left:57px;
}
#search .search_map .areaSelect ul li.btnYamanashi a{
	top:149px;
	left:15px;
}

#search .search_map .areaSelect ul li.btnNagano a{top:159px;left:85px;}
#search .search_map .areaSelect ul li.btnNigata a{top:75px;left:179px;}

#search .search_map .areaSelect ul li.btnGifu a{
	top:48px;
	left:128px;
}
#search .search_map .areaSelect ul li.btnAichi a{
	top:121px;
	left:143px;
}
#search .search_map .areaSelect ul li.btnShizuoka a{
	top:132px;
	left:241px;
}
#search .search_map .areaSelect ul li.btnMie a{
	top:170px;
	left:71px;
}

#search .search_map .areaSelect ul li.btnToyama a{
	top:97px;
	left:230px;
}
#search .search_map .areaSelect ul li.btnIshikawa a{
	top:103px;
	left:124px;
}
#search .search_map .areaSelect ul li.btnFukui a{
	top:169px;
	left:74px;
}
#search .search_map .areaSelect ul li.btnOsaka a{
	top:121px;
	left:143px;
}
#search .search_map .areaSelect ul li.btnHyogo a{
	top:78px;
	left:57px;
}
#search .search_map .areaSelect ul li.btnKyoto a{
	top:48px;
	left:134px;
}

#search .search_map .areaSelect ul li.btnNara a{
	top:162px;
	left:206px;
}
#search .search_map .areaSelect ul li.btnShiga a{
	top:44px;
	left:216px;
}
#search .search_map .areaSelect ul li.btnWakayama a{
	top:191px;
	left:90px;
}

#search .search_map .areaSelect ul li.btnTottori a{
	top:23px;
	left:240px;
}
#search .search_map .areaSelect ul li.btnOkayama a{
	top:105px;
	left:238px;
}

#search .search_map .areaSelect ul li.btnHiroshima a{
	top:133px;
	left:140px;
}
#search .search_map .areaSelect ul li.btnShimane a{
	top:69px;
	left:93px;
}
#search .search_map .areaSelect ul li.btnYamaguchi a{
	top:173px;
	left:19px;
}
#search .search_map .areaSelect ul li.btnTokushima a{
	top:61px;
	left:238px;
}
#search .search_map .areaSelect ul li.btnKagawa a{
	top:14px;
	left:175px;
}
#search .search_map .areaSelect ul li.btnEhime a{
	top:104px;
	left:33px;
}
#search .search_map .areaSelect ul li.btnKochi a{
	top:135px;
	left:123px;
}

#search .search_map .areaSelect ul li.btnFukuoka a{
	top:11px;
	left:151px;
}
#search .search_map .areaSelect ul li.btnNagasaki a{
	top:91px;
	left:44px;
}
#search .search_map .areaSelect ul li.btnSaga a{
	top:40px;
	left:67px;
}
#search .search_map .areaSelect ul li.btnOita a{
	top:62px;
	left:224px;
}
#search .search_map .areaSelect ul li.btnKumamoto a{
	top:114px;
	left:124px;
}
#search .search_map .areaSelect ul li.btnKagoshima a{
	top:184px;
	left:124px;
}
#search .search_map .areaSelect ul li.btnMiyazaki a{
	top:135px;
	left:214px;
}
#search .search_map .areaSelect ul li.btnYakushima a{
	top:218px;
	left:256px;
}
#search .search_map .areaSelect ul li.btnAmami a{
	top:200px;
	left:7px;
}
#search .search_map .areaSelect ul li.btnOkahokubu a{
	top:23px;
	left:137px;
}
#search .search_map .areaSelect ul li.btnOkachubu a{
	top:83px;
	left:70px;
}
#search .search_map .areaSelect ul li.btnOkananbu a{
	top:150px;
	left:12px;
}
#search .search_map .areaSelect ul li.btnMiyako a{
	top:51px;
	left:257px;
}
#search .search_map .areaSelect ul li.btnIshigaki a{
	top:179px;
	left:256px;
}
#search .search_map .areaSelect ul li.btnIriomote a{
	top:224px;
	left:86px;
}
#search .search_map .areaSelect ul li.btnKerama a{
	top: -5px;
    left: 3px;
}
div#search h2#areasearch {
	background-size: 100%;
font-size:1.4em;
}
/* ----------------------------------------------------------

	6. フォーム部品 common2.cssより移植

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

input, textarea, select {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	*font-size: 100%;
	padding: 5px;
}

input[type="text"]{
	border: 1px solid #ccc;
}

input, button {
	line-height: normal;
	vertical-align: middle;
}

textarea {
	overflow: auto;
	vertical-align: top;
	border: 1px solid #ccc;
}

select {
	line-height: normal;
	border: 1px solid #ccc;
    line-height: 26px;
}

label { cursor: pointer; }

legend {
	color: #333;
	*margin-left: -7px;
}
@media (min-width: 788px) {
#search .search_map{
	width:55%;
	float:left;
	border:#84c5db 3px solid;
	border-radius:3px;
}
#search_detail{
	width:43%;
	float:right;
}
.area_col3 li{
	width:32.7%;
}
｝