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

Search.css

Last Updated: 09-11-05
======================================= */

/* Browser Formatting Styles
--------------------------------------- */

table,img {
	border: none;
}



/* General Classes
---------------------------- */

.ClearFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	line-height: 1;
}
.ClearFix {display:inline-table;}
/* Not for Mac IE \*/
* html .ClearFix {height:1px;}
.ClearFix {display:block;}
/* for IE7*/
.ClearFix {min-height: 1px;}



#MainContents h2.SubTit,
#MainContents h3.SubTit {
	clear: both;
	margin: 0 0 5px 0;
	padding: 4px 8px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 2px solid #9b9b9b;
	background-color: #efefef;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
}

#MainContents h2.SubTit02,
#MainContents h3.SubTit02 {
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px 8px;
	background: #2e81d0 url(/search/img/txt_bg.png) repeat-x top;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
}




/* ---------------------------------------
SEARCH
--------------------------------------- */

.PopularSpot {
	width: 98%;
	margin-top: 60px;
}

.PopularSpot h2.SubTit02 {
	clear: both;
	margin: 0 0 5px 0;
	padding: 4px 8px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 2px solid #9b9b9b;
	background-color: #efefef;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
}



/* ---------------------------------------
SEARCH RESULT
--------------------------------------- */

dl.KeywordRanking {
	width: 98%;
	margin: 0 0 1em;
	padding: 0.6em 0;
	border: 1px solid #c9dfed;
	background-color: #e5f3fc;
}

	dl.KeywordRanking:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		font-size:0;
		line-height: 1;
	}
	dl.KeywordRanking {display:inline-table;}
	/* Not for Mac IE \*/
	* html dl.KeywordRanking {height:1px;}
	dl.KeywordRanking {display:block;}
	/* for IE7*/
	dl.KeywordRanking {min-height: 1px;}


dl.KeywordRanking dt {
	margin: 0 0 0.3em;
	padding: 0 1em;
	font-weight: bold;
	font-size: 0.75em;
}

dl.KeywordRanking dt span {
	color: #9dd8fb;
}

dl.KeywordRanking dd {
	margin: 0;
	padding: 0 2em;
	font-size: 0.75em;
}

dl.KeywordRanking dd ul {
	margin: 0;
	padding: 0;
}

dl.KeywordRanking dd ul li {
	list-style-type: none;
	float: left;
	margin: 0 1.2em 0 0;
	padding: 0;
	line-height: 1.7;
	white-space: nowrap;
}


table#ResultTit td.px12line15 {
	font-weight: bold;
}

table#ResultTit td.px12line15 strong {
	color: #cc0000;
	font-size: 1.2em;
	line-height: 1.5;
}



/* ---------------------------------------
SPOT DETAIL
--------------------------------------- */


#MainContents {
	width: 96%;
	padding-bottom: 70px;
	padding-left: 10px;
}


/* TITLE
---------------------------- */

#PreInfo {
	width: 100%;
}

#PreInfo td {
	padding-right: 5px;
	font-size: 0.6em;
	line-height: 1.3;
	vertical-align: middle;
}

#PageTitle {
	padding: 10px;
	border-top: 1px solid #999;
	border-bottom: 4px solid #006dca;
	background: url(/search/img/tit_bg.png) repeat-x bottom;
	line-height: 1.2;
}

	#PageTitle:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		font-size:0;
		line-height: 1;
	}
	#PageTitle {display:inline-table;}
	/* Not for Mac IE \*/
	* html #PageTitle {height:1px;}
	#PageTitle {display:block;}
	/* for IE7*/
	#PageTitle {min-height: 1px;}


#PageTitle #SpotName {
	float: left;
	width: 65%;
	background-repeat: no-repeat;
	background-position: left center;
}

#PageTitle #SpotName #SpotBtn {
	float: left;
}

div.CtgView #SpotName {background-image: url(/img/bicn_cate_see.gif);}
div.CtgPlay #SpotName {background: url(/img/bicn_cate_play.gif);}
div.CtgEat #SpotName {background: url(/img/bicn_cate_eat.gif);}
div.CtgStay #SpotName {background: url(/img/bicn_cate_stay.gif);}
div.CtgSpa #SpotName {background: url(/img/bicn_cate_bath.gif);}
div.CtgLib #SpotName {background: url(/img/bicn_cate_nature.gif);}
div.CtgCar #SpotName {background: url(/img/bicn_cate_trans.gif);}


/* event*/
div.CtgEvent #SpotName {background-image: url(/img/bicn_event.gif);}


/* flower*/
div.CtgFlower #SpotName {background-image: url(/img/bicn_flower.gif);}

#PageTitle #SpotName p {
	margin: 2px 0 1px 50px;
	padding: 0;
	font-size: 0.6em;
}

#PageTitle #SpotName h1 {
	margin: 0 0 0 50px;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
}

#PageTitle #Updated {
	float: right;
	width: 30%;
	margin: 1.2em 0 0;
	padding: 0;
	font-size: 0.8em;
	text-align: right;
}

table#CtgIcons {
	width: 100%;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	background-color: #f7f7f7;
}

table#CtgIcons td {
	padding-left: 5px;
	font-size: 0.75em;
}



/* CONTENT BODY
---------------------------- */

#ContentBody {
	margin: 0 0 25px;
	padding: 0;
}

ul#SpotPhoto {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
}

ul#SpotPhoto li {
	margin: 0 0 10px;
	padding: 0;
	line-height: 1;
}

#BodyTxt {
	padding-right: 220px;
}


#BodyTxt2 p,
#BodyTxt p {
	margin: 0 0 25px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.8;
}

dl#LinkURL {
	margin: 0;
	padding: 0;
}

dl#LinkURL dt {
	float: left;
	width: 83px;
	margin: 0 0 15px 0;
	padding: 0;
}

dl#LinkURL dd {
	margin: 0;
	padding: 0.1em 0 0 88px;
	font-size: 0.9em;
	font-family: Arial, Verdana;
	word-break: break-all;
}

dl#LinkURL dd a img {
	margin-left: 4px;
}

#ContentBody table {
	clear: both;
}

#ContentBody table td {
	padding: 0 5px 5px 0;
	font-size: 0.75em;
}


/* SUB CONTENT
---------------------------- */

table.IcoTbl {
	width: 100%;
	margin: 0 0 15px 0;
}

table.IcoTbl table td {
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 0.75em;
	line-height: 1.2;
}

table#UDTbl {
	margin-bottom: 40px;
}


table#FlowerTbl {
	width: 100%;
	margin: -5px 0 40px 0;
	border-top: 1px solid #d7d7d7;
}

table#FlowerTbl td {
	padding: 8px;
	border-bottom: 1px solid #d7d7d7;
	background-color: #fbf9e3;
}

table#FlowerTbl table td {
	padding: 0 10px 0 0;
	border: 0;
	font-size: 0.75em;
}

table#FlowerTbl table td a {
	font-weight: bold;
}



dl#SpotEvent {
	margin: 0;
	padding: 0;
}

dl#SpotEvent dt {
	margin: 0 0 10px;
	padding: 0 0 5px 25px;
	border-bottom: 2px solid #d7d7d7;
	background: url(/search/img/ico_calendar.png) no-repeat 10px 28%;
	font-weight: bold;
	font-size: 0.9em;
}

dl#SpotEvent dt span {
	color: #999;
	font-weight: normal;
	font-size: 0.8em;
}

dl#SpotEvent a#EvtLastMonth {
	padding: 1px 0 2px 10px;
	background: url(/search/img/arrow01.png) no-repeat 0 50%;
}

dl#SpotEvent a#EvtNextMonth {
	padding: 1px 10px 2px 0;
	background: url(/search/img/arrow02.png) no-repeat 100% 50%;
}

dl#SpotEvent dd {
	margin: 0 0 40px;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #d7d7d7;
}

dl#SpotEvent dd ul {
	margin: 0;
	padding: 0;
}

dl#SpotEvent dd ul li {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0;
	font-size: 0.9em;
}


table#InfoTbl {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #d7d7d7;
}

table#InfoTbl th,
table#InfoTbl td {
	padding: 12px 15px;
	border-bottom: 1px solid #d7d7d7;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4;
	text-align: left;
}

table#InfoTbl th {
	background-color: #e5f2fe;
}

table#InfoTbl th.TrafficCell {
	border-left: 1px solid #d7d7d7;
	text-align: center;
}

table#InfoTbl td ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}



ul#CityInfo {
	margin: 10px 0 30px 0;
	padding: 0;
}

ul#CityInfo li {
	margin: 0 0 0.5em;
	padding: 0 0 0 10px;
	list-style-type: none;
	background: url(/search/img/arrow02.png) no-repeat 0 50%;
	font-size: 0.9em;
	line-height: 1.2;
}


#MainContents h3#TouristCenter {
	margin: 0 0 10px;
	padding: 0 0 4px;
	border-bottom: 1px solid #d7d7d7;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2;
	text-indent: -0.5em;
}

#MainContents p#TouristCenterTxt {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.5;
}
/* COURSE
---------------------------- */



dl.Course01 {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

dl.Course01 dt {
	margin: 10px 0 3px;
	padding: 0;
}
dl.Course01 dd {
	margin: 0 0 8px 0;
	padding: 0 0 8px 35px;
	border-bottom: 1px dotted #e1dfcd;
	color: #666;
}


div.Related {
	padding: 0 10px 10px 10px;
	border: 3px solid #efefef;
	font-size: 0.9em;
	margin-bottom: 15px;
}

div.FeatureRel {
	margin-left: 38px;
}

div.Related h3 {
	font-size: 1.0em;
	color: #222;
	background: url(img/icon_circle01.png) 0 50% no-repeat;
	padding-left: 15px;
}

div.Related dl.Course02 {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

div.Related dl.Course02 dt.IconCourse {
	margin: 10px 0 3px;
	background: url(img/icn_course.gif) 0 50% no-repeat;
	padding-left: 70px;
}

div.Related dl.Course02 dt.IconEvent {
	margin: 10px 0 3px;
	background: url(img/icn_event.gif) 0 50% no-repeat;
	padding-left: 70px;
}

div.Related dl.Course02 dd {
	margin: 0 0 8px 0;
	padding: 0 0 8px 10px;
	border-bottom: none;
	color: #666;
	border-bottom: 1px dotted #e1dfcd;
}



/* TAB
---------------------------- */

#Tab,
#Tab2 {
	margin: 10px 0 0;
	padding: 0 0 0 5px;
	height: 26px;
	width: 530px;
}

#Tab li,
#Tab2 li {
	list-style-type: none;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
}

#Tab li img,
#Tab2 li img {
	vertical-align: bottom;
}

#TabSection01,
#TabSection02,
#TabSection03,
#TabSection04 {
	margin-bottom: 20px;
	padding: 10px 20px 15px;
	border: 1px solid #e1dfcd;
	border-top: 5px solid #E382B9;
	background-color: #fbf9e3;
}

#Tab2Section01,
#Tab2Section02,
#Tab2Section03,
#Tab2Section04 {
	margin-bottom: 20px;
	padding: 10px 20px 15px;
	border: 1px solid #e1dfcd;
	border-top: 5px solid #5688ef;
	background-color: #fbf9e3;
}

#TabSection02 {border-top-color: #8bc816;}
#TabSection03 {border-top-color: #f79100;}
#TabSection04 {border-top-color: #41afdb;}

#Tab2Section02 {border-top-color: #c75ef9;}
#Tab2Section03 {border-top-color: #ac8547;}

#TabSection01 dl,
#TabSection02 dl,
#TabSection03 dl,
#TabSection04 dl,
#Tab2Section01 dl,
#Tab2Section02 dl,
#Tab2Section03 dl,
#Tab2Section04 dl {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

#TabSection01 dt,
#TabSection02 dt,
#TabSection03 dt,
#TabSection04 dt,
#Tab2Section01 dt,
#Tab2Section02 dt,
#Tab2Section03 dt,
#Tab2Section04 dt {
	margin: 10px 0 3px;
	padding: 0;
}

#TabSection01 dt a,
#TabSection02 dt a,
#TabSection03 dt a,
#TabSection04 dt a,
#Tab2Section01 dt a,
#Tab2Section02 dt a,
#Tab2Section03 dt a,
#Tab2Section04 dt a {
	padding-left: 10px;
	background: url(/search/img/arrow02.png) no-repeat 0 50%;
	font-weight: bold;
}
#TabSection01 dt a.MapIcon01,
#TabSection02 dt a.MapIcon01,
#TabSection03 dt a.MapIcon01,
#TabSection04 dt a.MapIcon01 {
	padding: 13px 0 17px 38px;
	vertical-align:middle;
	background: url(/search/img/map/map_icon_list_01.png) no-repeat 0 4px;
}

#TabSection01 dt a.MapIcon02,
#TabSection02 dt a.MapIcon02,
#TabSection03 dt a.MapIcon02,
#TabSection04 dt a.MapIcon02 {
	padding: 13px 0 17px 38px;
	vertical-align:middle;
	background: url(/search/img/map/map_icon_list_02.png) no-repeat 0 4px;
}
#TabSection01 dt a.MapIcon03,
#TabSection02 dt a.MapIcon03,
#TabSection03 dt a.MapIcon03,
#TabSection04 dt a.MapIcon03 {
	padding: 13px 0 17px 38px;
	vertical-align:middle;
	background: url(/search/img/map/map_icon_list_03.png) no-repeat 0 4px;
}
#TabSection01 dt a.MapIcon04,
#TabSection02 dt a.MapIcon04,
#TabSection03 dt a.MapIcon04,
#TabSection04 dt a.MapIcon04 {
	padding: 13px 0 17px 38px;
	vertical-align:middle;
	background: url(/search/img/map/map_icon_list_04.png) no-repeat 0 4px;
}

#TabSection01 dd,
#TabSection02 dd,
#TabSection03 dd,
#TabSection04 dd,
#Tab2Section01 dd,
#Tab2Section02 dd,
#Tab2Section03 dd,
#Tab2Section04 dd {
	margin: 0 0 8px 10px;
	padding: 0 0 8px 35px;
	border-bottom: 1px dotted #e1dfcd;
	color: #666;
}

#TabSection01 .AroundSpot,
#TabSection02 .AroundSpot,
#TabSection03 .AroundSpot,
#TabSection04 .AroundSpot {
	margin-top:10px;
	margin-bottom:5px;
	font-size: 0.75em;
	text-align: right;
}

#TabSection01 .AroundSpot span,
#TabSection02 .AroundSpot span,
#TabSection03 .AroundSpot span,
#TabSection04 .AroundSpot span {
	padding: 0.2em 0.5em;
	background-color: #999;
	color: #fff;
	text-align: right;
}

#TabSection01 .MoreSpotInfo,
#TabSection02 .MoreSpotInfo,
#TabSection03 .MoreSpotInfo,
#TabSection04 .MoreSpotInfo,
#Tab2Section01 .MoreSpotInfo,
#Tab2Section02 .MoreSpotInfo,
#Tab2Section03 .MoreSpotInfo,
#Tab2Section04 .MoreSpotInfo {
	font-size: 0.9em;
	text-align: right;
}

#TabSection01 .MoreSpotInfo a,
#TabSection02 .MoreSpotInfo a,
#TabSection03 .MoreSpotInfo a,
#TabSection04 .MoreSpotInfo a,
#Tab2Section01 .MoreSpotInfo a,
#Tab2Section02 .MoreSpotInfo a,
#Tab2Section03 .MoreSpotInfo a,
#Tab2Section04 .MoreSpotInfo a {
	padding-left: 10px;
	background: url(/search/img/arrow02.png) no-repeat 0 50%;
}

div.Map {
	float: right;
	width: 260px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-top: 10px solid #fbf9e3;
	border-bottom: 20px solid #fbf9e3;
	border-left: 20px solid #fbf9e3;
}

/* ---------------------------------------
FEATURE
--------------------------------------- */

table#FeatureTit {
	margin: 0;
	padding: 0;
	background: url(img/fea_tit_bg.png) 0 0 repeat-x;
	border: 0;
	padding: 0;
}

table#FeatureTit td {
	padding: 0;
}


/*table#FeatureTit td#FeatureLft {
	width: 88px;
	background: url(img/fea_tit_bg01.png) 0 0 no-repeat;
}*/

table#FeatureTit td#FeatureRgt {
	width: 10px;
	background: url(img/fea_tit_bg_rgt.png) 0 0 no-repeat;
}

table#FeatureTit td#FeatureBtn {
	width: 153px;
}

h2#FeatureTheme {
	padding: 0 0 10px 15px;
	margin: 0;
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2;
}


p#FeatureRead {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.8;
}

ul#FeaturePhoto {
	margin: 0 -20px 2em 0;
	padding: 0;
}

	ul#FeaturePhoto:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		font-size:0;
		line-height: 1;
	}
	ul#FeaturePhoto {display:inline-table;}
	/* Not for Mac IE \*/
	* html ul#FeaturePhoto {height:1px;}
	ul#FeaturePhoto {display:block;}
	/* for IE7*/
	ul#FeaturePhoto {min-height: 1px;}


ul#FeaturePhoto li {
	list-style-type: none;
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
	padding: 0;
}

ul#FeaturePhoto li p {
	margin: 0.2em 0 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 1.4;
}


dl.PamphletList,
dl.RelatedContents {
	margin: 10px 0 1em;
	padding: 0;
	line-height: 1.4;
}

dl.PamphletList dt,
dl.RelatedContents dt {
	margin: 0 0 0.2em;
	padding: 0 0 0 17px;
	background: url(img/fea_ico_pdf.png) no-repeat 0 50%;
	font-weight: bold;
	font-size: 0.9em;
}

dl.PamphletList dt span,
dl.RelatedContents dt span {
	font-weight: normal;
	font-size: 0.75em;
}

dl.PamphletList dd,
dl.RelatedContents dd {
	margin: 0 0 0.8em;
	padding: 0 0 0 1.4em;
	font-size: 0.75em;
}

dl.RelatedContents dt {
	background: url(img/fea_ico_link.png) no-repeat 0 50%;
}


div#SearchCondition {
	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #ccc;
	font-size: 0.75em;
	text-indent: -0.5em;
}

div#DisplayNum {
	margin-bottom: 0.5em;
	font-size: 0.75em;
	text-align: right;
}

div#DisplayNum em {
	font-style: normal;
	font-weight: bold;
}



/* ---------------------------------------
FEATURE BACK NUMBER
--------------------------------------- */

div#BackNumList {
	margin-top: 1em;
}


div#Tit01 {
	background: url(img/fea_tit_bk_bg.png) 0 0 repeat-x;
	height: 97px;
	position: relative;
}

div#Rightimg01 {
	background: url(img/fea_tit_bk_bg_rgt.png) right 0 no-repeat;
	height: 97px;
}


div#Tit01 h1 {
	margin-bottom: 9px;
}

div#Tit01 h2 {
	padding-left: 15px;
	background: url(img/fea_tit_bk_bg_lft.png) 0 -9px no-repeat;
	height: 33px;
}

div#Tit01 img#BkBtn01 {
	position: absolute;
	top: 12px;
	right: 25px;
}

/* HOT SPRING add 091118 OKM */

table.CtgIconsHS {
	background-color:#F7F7F7;
	border-bottom:1px solid #DBDBDB;
	border-top:4px solid #006DCA;
	margin-bottom:20px;
	width:100%;
}


table.CtgIconsHS td {
font-size:0.75em;
padding-left:5px;
}

table.SPTbl {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #d7d7d7;
}

table.SPTbl th,
table.SPTbl td {
	padding: 12px 15px;
	border-bottom: 1px solid #d7d7d7;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.4;
	text-align: left;
}

table.SPTbl th {
	background-color: #fffdef;
}

table.SPTbl th.DayCell {
	border-left: 1px solid #d7d7d7;
	text-align: center;
}

table.SPTbl td ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

table#InfoTbl td table.InfoTbl02 {
	width: 100%;
	margin-bottom: 15px;
}

table#InfoTbl td table.InfoTbl02 th {
	background: #fff;
	padding: 5px;
	border-bottom: 1px solid #efefef;
}

table#InfoTbl td table.InfoTbl02 th span {
	font-weight: bold;
	color: #448798;
}


table#InfoTbl td table.InfoTbl02 td {
	border-bottom: 1px solid #efefef;
	background: #fff;
	padding: 5px;
}

table.SPTbl td table.InfoTbl02 td {
	border-bottom: none;
}


/* ---------------------------------------
EVENT
--------------------------------------- */
p#EventNote {
	font-size: 75%;
}

iframe {
	border: 0;
}

/* ---------------------------------------
宿泊予約
--------------------------------------- */

a.btnNavi {
	margin-right: 10px;
}

a.btnNavi img {
	vertical-align: text-bottom;
}


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

ClearFix (基本的にクラス指定では使用しない)

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

/* -- Modern Browsers -- */

div#TabSection01:after,
div#TabSection02:after,
div#TabSection03:after,
div#TabSection04:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */
*:first-child+html div#TabSection01,
*:first-child+html div#TabSection02,
*:first-child+html div#TabSection03,
*:first-child+html div#TabSection04 {
	display: inline-block;
}

/*  -- Legacy IE -- */
* html div#TabSection01,
* html div#TabSection02,
* html div#TabSection03,
* html div#TabSection04 {
	zoom: 1;
}