@charset "Shift_JIS";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";

/*調整用CSS*/
@import "/common/css/adjust.css";

/* ==========================================

	Common

========================================== */

body {
	background: #FFFFFF;
}

h2{
}

/*汎用クラス*/
.aliC{
text-align:center !important;
}
.aliL{
text-align:left !important;
}
.aliR{
text-align:right !important;
}
.clear{
clear:both;
}
/*--メイン画像--*/
#mainV{
margin-bottom:8px;
}
/*--ご当地全体枠--*/
#gotouchiBdy{
width:860px;
}

/*--エリア名タイトル--*/
#areaTitle{
border-bottom:1px solid #ccc;
width:860px;
overflow:auto;
background:url(/theme/area/parts/images/area_title_bg.jpg) no-repeat left top;
}

#areaTitle h3{
font-size:161.6%;
font-weight:normal;
width:490px;
float:left;
text-indent:75px;
border:0;
padding:24px 0;
}
#icon{
float:left;
}
#icon img{
display:inline-block;
margin-top:16px;
}
#areaTitle h3.a00{
background:url(/theme/area/parts/images/area_title_bg_00.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a01{
background:url(/theme/area/parts/images/area_title_bg_01.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a02{
background:url(/theme/area/parts/images/area_title_bg_02.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a03{
background:url(/theme/area/parts/images/area_title_bg_03.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a04{
background:url(/theme/area/parts/images/area_title_bg_04.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a05{
background:url(/theme/area/parts/images/area_title_bg_05.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a06{
background:url(/theme/area/parts/images/area_title_bg_06.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a07{
background:url(/theme/area/parts/images/area_title_bg_07.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a08{
background:url(/theme/area/parts/images/area_title_bg_08.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a09{
background:url(/theme/area/parts/images/area_title_bg_09.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a10{
background:url(/theme/area/parts/images/area_title_bg_10.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a11{
background:url(/theme/area/parts/images/area_title_bg_11.jpg) no-repeat 5px 3px;
}
#areaTitle h3.a12{
background:url(/theme/area/parts/images/area_title_bg_12.jpg) no-repeat 5px 3px;
}

/*--プランブロック（大）--*/
.planBlockL{
border:1px solid #FEAD00;
background:url(/theme/area/parts/images/planBlockL_bg.jpg) repeat-x bottom;
margin-bottom:8px;
}
.planBlockL .planLink a img{
display:inline-block;
margin-right:6px;
}
.planBlockL p{
margin:15px 20px 15px 20px;
font-size:123.1%;
}
.planBlockL .planLink{
text-align:center;
margin:15px 12px 15px 15px !important;
}
.planBlockL .planSubLink{
text-align:right;
}
.planBlockL .planSubLink span{
display:inline-block;
padding:2px 5px;
color:#fff;
background:#86c06d;
}

.planBlockL .planSubLink a{
display:inline-block;
margin-left:0.5em;
}

/*--プランブロック（小）--*/
.planBlockS{
border:1px solid #FEAD00;
width:858px;
overflow: auto;
overflow-y: hidden;
margin-bottom:8px;
background:url(/theme/area/parts/images/planBlockS_bg.jpg) repeat-x bottom;
}

.planBlockSBdy{
float:left;
width:609px;
}
.planBlockSBdy h4{
font-size:161.6%;
font-weight:bold;
background:url(/theme/area/parts/images/planBlockSBdy_h4_bg.jpg) repeat-y left;
text-indent:15px;
margin:15px 20px;
}

.planBlockSBdy p{
margin:10px 20px;
font-size:123.1%;
}

.planBlockS .planLink{
width:232px;
height:80px;
float:left;
padding:7px 0 7px 0;
margin:0;
}


/*--世界遺産・温泉・ご当地一覧アンカーリスト--*/
#ancLi{
width:860px;
position:relative;
overflow:hidden;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:10px 0;
margin:20px auto 0;

}
#ancLi ul{
margin:0;
padding:5px 0 0;

position:relative;
left:50%;
float:left;
}
#ancLi li{
list-style:none;
float:left;
padding: 0 15px;
text-align:center;
position:relative;
left:-50%;

}
#ancLi li a{
color:#600;
}
#ancLi li img{
display:inline-block;
margin-right:3px;
vertical-align:middle;
}

#ancLi li#wheritageAnc{
border-right:1px solid #333;
}
#ancLi li#onsenAnc{
border-right:1px solid #333;

}
#ancLi li#gotouchiAnc{

}


/*--世界遺産・温泉・ご当地一覧--*/
#linkArea{
margin:20px 0 0 20px;
}
#linkArea h4{
margin-bottom:20px;
padding-bottom:5px;
}
.areaBlk{
clear:both;
width:820px;
overflow: hidden;
}

.areaBlk{ /* IE7 Hack */
	display: inline-table;
	min-height: 1%;
}


.linkList{
width:820px;

margin-bottom: 10px;
}

.linkList:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	font-size: 0;
}

*+html .linkList {
display: inline-block;
}

.linkList h5{
clear:both;
float:left;
width:65px;
padding: 0 0 20px 0;
}
.areaRsv h5{
	clear:both;
	float:left;
	width:53px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.linkList ul{
width:755px;
float:left;
overflow:auto;
padding:0;
padding: 0 0 5px 0;
}

.linkList ul li{
list-style:none;
float:left;
white-space:nowrap;
padding-bottom:15px;
}


h4.reserveHotel{
background:url(/theme/area/parts/images/dot_line.gif) repeat-x bottom;
}
h4.ttlWheritage{
	background-image: url(/theme/area/parts/images/sub_title_wheritage.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 25px;
	padding-left: 33px;
}
h4.ttlOnsen{
	background-image: url(/theme/area/parts/images/subtitle_onsen.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 25px;
	padding-left: 33px;
}

.linkList .areaRsv ul .area-Mesh {
	margin-left: 20px;
	font-size: 80%;
	margin-bottom: 5px;
	width: 715px;
	padding: 0 0 5px 0;
	list-style-type: none;
}
.linkList .areaRsv ul .area-Mesh li {
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	padding: 0px;
}


.linkList .areaRsv ul li{
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	background-image: url(/theme/area/parts/images/mesh-icoa.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}