/*

1 全体の設定

 */

body{
	background-color:#FFE;
	text-align:center;
	margin-top:0;
	line-height: 120%;
	letter-spacing: 0.1em;
}
*{
	margin: 0;
	padding: 0;
}
a img{
	border:none;
}

h1 a{
	text-decoration:none;
}

#out_box{
	margin: auto;
	width: 948px;
	background:#FFF url(/img/body_background.gif) repeat-y;
}

#contents{
	width:700px; 
	float:right;
	margin:10px 0;
	position:relative;
	right:16.5px;
	background-color: #fff;
	text-align:left;
}
	#contents .main{
		width:692px;
		padding:10px 0;
		border:solid #F79910 2px;
	}
	#contents .main a{
/*		color:#777;	*/
		color: #225;
	}


/*

 ヘッダー

 */
#header{
	margin:0 4px;
	height: 92px;
	width: 940px;
	background:#f79910 url(/img/center_shade.gif) left bottom repeat-x;
}

	#header #pref_title{
		height: 88px;
		width: 117px;
		float:left;
		background: url(/img/pref_title.gif);
		text-align:center;
		line-height: 88px;
	}
	#header #pref_title .pref_title_text{
		text-decoration:none;
		font-size:16px;
	}

	#header #search_box{
		width: 315px;
		height:88px;
		margin:0 5px 0 0;
		float: right;
		vertical-align:middle;
		text-align:left;
		background:url(/img/search_box.gif);
	}

/*

 フッター

 */

#footer{
	clear: both;
	width:940px;
	margin: 0px 4px;
	padding-bottom:32px;
	background: url(/img/footer.gif) no-repeat bottom;
	font-size: 12px;
	text-align: left;
}
	#footer a {
		color: #333;
	}

#footer_menu {
	width: 200px;
	padding-left: 10px;
}

#footer_link{
	clear: both;
	width: 932px;
	hight: 12px;
	margin: 0px 4px;
	padding: 0px 4px;
	background-color: #F79910;
	font-size: 12px;
	text-align: right;
}

/*

 コンテンツ共通部分

 */
 
.bookmark {
	width: 675px;
	height:15px;
	margin:10px 0 0 0;
	padding: 5px;
	font-size: 12px;
}

.ad_head{
	margin:10px 116px 4px 116px;
/*	margin: 10px 0px 4px -18px; */
	text-align: center;
}
.ad_head2{
margin: 10px;
float: left;

}
.ad_foot{
	margin:10px 116px 4px 116px;
/*	margin: 10px 0px 4px -18px; */
	text-align: center;
}

.ad_left{
	margin-top:25px;
	text-align: center;
}
.ad_middle{
	float: left;
	padding: 60px 0 10px 20px;

}
/* パンくずリスト */

#pathway_header {
	margin-left: 10px;
	margin-bottom: 5px;
	color:#3298C3;
	font-size:12px;
	text-align:left;
}

#pathway_footer {
	padding: 5px 20px 0px 0px;
	color:#3298C3;
	font-size:12px;
	text-align: right;
}
	#pathway_header a, #pathway_footer a {
		color:#3298C3;
	}


/* タイトル類 */
.content_title{
	width:700px;
	height:30px;
	text-indent:24px;
	font-size:17px;
	line-height:28px;
	background:#3298c3 url(/img/title_box.gif) no-repeat;
	color:#FFF;
	font-weight: bold;
}
	.content_title h1 {
		display: inline;
		font-size: 17px;
	}
	.content_title a{
		color:#FFF;
	}

.glass_title{
	margin:0 auto;
	color:#f79910;
	font-size:20px;
	height: 35px;
	width:655px;
	line-height: 30px;
	text-indent: 32px;
	background:url(/img/glass_title.gif) no-repeat;
	font-size:17px;
}

.sub_title{
	font-size:18px;
	font-weight:normal;
	color:#f79910;
	margin:10px 0 2px -2px;
	text-indent: 16px;
	width: 655px;
	height: 30px;
	line-height: 27px;
	background:url(/img/subtitle.gif) no-repeat;
}

/* タブ */
#navi_box{
	width:696px;
	margin-top:5px;
	height:35px;
	background:url(/img/tab3.gif) bottom repeat-x;
}
.navi {
	color:#CCC;
	list-style-type: none;
	height:35px;
}

	.navi li.on {
		width: 116px;
		float: left;
		background: url(/img/tab1.gif) bottom no-repeat;
		text-align: center;
		font-size: 15px;
	}
		.navi li.on a {
			display: block;
			width:116px;
			color: #f79910;
			text-decoration:none;
			height:35px;
			line-height:35px;
		}
	.navi li.off {
		width: 116px;
		float: left;
		background: url(/img/tab2.gif) bottom no-repeat;
		text-align: center;
		font-size: 15px;
		height:35px;
		line-height:35px;
	}
		.navi li.off a {
			display: block;
			width:116px;
			color: #FFF;
			text-decoration:none;
			height:35px;
			line-height:35px;
		} 



/* 

メニュー

 */
#menu{
	margin-top:10px;
	width: 207px;
	float:left;
	position:relative;
	left:4px;
}

	#menu ul{
		width: 207px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

		#menu ul a{
			display: block;
			padding:0;
			margin:3px 11px 3px 11px;
			width:185px;
			line-height:37px;
			text-indent:30px;
			font-size: 15px;
/*			color:#AAA;	*/
			color: #666;
			text-decoration: none;
			font-weight: bold;
			text-align:left;
			background:url(/img/menu1.gif);
		}
		#menu ul a:hover{
			display: block;
			padding:0;
			margin:3px 11px 3px 11px;
			width:185px;
			line-height:37px;
			text-indent:30px;
			font-size: 15px;
/*			color:#666;	*/
			color: #f39010;
			text-decoration: none;
			font-weight: bold;
			text-align:left;
			background:url(/img/menu2.gif);
		}

/*

 トップページとスポット検索

 */
.index_menu_title{
	margin:0 0 20px 0;
	padding:10px 0;
	border:solid #F79910 2px;
	width:692px;
}
ul.index_list{
	width: 660px;
	margin-left: 40px;
	list-style-type: none;
/*	float: left;*/
}
	ul.index_list li{
		width: 220px;
		float: left;
/*		line-height: 20px;	*/
		line-height: 22px;
		background: url(/img/cl_002.gif) no-repeat left center;
		text-indent: 16px;
/*		font-size:13px;	*/
		font-size: 14px;
	}
		ul.index_list li a{
/*			color:#777;	*/
			color: #225;
		}

ul.index_list_2{
	width: 440px;
	margin-left: 40px;
	list-style-type: none;
/*	float: left;*/
}
	ul.index_list_2 li{
		width: 220px;
		float: left;
/*		line-height: 20px;	*/
		line-height: 22px;
		background: url(/img/cl_002.gif) no-repeat left center;
		text-indent: 16px;
/*		font-size:13px;	*/
		font-size: 14px;
	}
		ul.index_list_2 li a{
/*			color:#777;	*/
			color: #225;
		}

.spot_menu_title{
	margin:0 0px 20px 0;
}
	.spot_menu_title a{
/*		color:#777;	*/
		color: #225;
		font-size:14px;
	}

ul.spot_list {
	width: 630px;
	list-style-type: none;
	margin-left:50px;
}
	ul.spot_list li{
		width: 210px;
		float: left;
/*		line-height: 20px;	*/
		line-height: 25px;
		letter-spacing: 0.2em;
		background: url(/img/cl_002.gif) no-repeat left center;
		font-size: 14px;
		text-indent: 16px;
	}

ul.spot_list_50index{
	width: 630px;
	list-style-type: none;
	margin-left:50px;
}
	ul.spot_list_50index li{
		width: 126px;
		float: left;
/*		line-height: 20px;	*/
		line-height: 22px;
		background: url(/img/cl_002.gif) no-repeat left center;
		font-size: 14px;
		text-indent: 16px;
	}

.spot_around_rank{
text-align: right;
margin: 20px 10px 10px 10px;
float: left;
}

/* スポットリスト部 */
.map_link_position{
	position:relative;
	top:2px;
}

.spot_link{
	margin-left:25px;
	line-height:29px;
	font-size:16px;
}

.spot_description{
	margin:0 10px 15px 35px;
	font-size: 14px;
}

/* スポット概要 */
.spot_contents{
	width:692px;
	border-left:#f79910 2px solid;
	border-right:#f79910 2px solid;
	border-bottom:#f79910 2px solid;
	padding:10px 0;
}

	.spot_contents a{
		color:#3298c3;
	}
	.spot_contents .list_mark_p{
		margin-left:20px;
		text-indent:20px;
		background:url(/img/list_image.gif) no-repeat;
	}

#spot_description{
	width:320px;
	float:left;
	text-align:left;
	margin:0 0 10px 20px;
	font-size:16px;
	line-height: 150%;
	letter-spacing: 0.1em;
	display: inline;
}
	#spot_description #spot_genre{
		border:solid 1px #3298c3;
		color:#3298c3;
		width:320px;
	}

#spoth_description{
	width:692px;
	float:left;
	text-align:left;
	margin:0 0 10px 20px;
	font-size:14px;
	line-height:19px;
	display: inline;
}

#spot_property{
	float:right;
	width:320px;
	margin:0px 10px 10px 20px;
	font-size:14px;
	display: inline;
}

	#spot_property #spot_picture_border{
		border:solid 1px #CCC;
		width:320px;
		margin-top:10px;
		text-align: left;
	}

.spot_else_description{
	clear: both;
	width:660px;
	padding:10px 0 10px 20px;
	font-size:14px;
}


/* エリア概要 */
.area_description{
	width:660px;
	padding: 10px 0 10px 20px;
	font-size:16px;


}
.area_description_map_list{
	width:330px;
	padding: 10px 0 10px 20px;
	font-size:14px;
        float: left;
}
.area_description_hotel_list{
	width:300px;
	padding: 10px 0 10px 20px;
	font-size:14px;
        float: left;
}

ul.area_hotel_list{
	list-style-image:url(/img/list_image.gif);
}

	ul.area_hotel_list li{
		margin: 2px 34px;
		line-height: 18px;
		font-size: 15px;
	}

/* 検索関連 */
		#contents .main .search_result{
			width:660px;
			font-size:15px;
		}
			#contents .main .search_result a{
				color:#3298c3;
			}

		#contents .main .search_title{
			font-size:18px;
			font-weight:normal;
			color:#f79910;
			margin:10px 0 2px -2px;
			text-indent: 16px;
			width: 655px;
			height: 30px;
			line-height: 27px;
			background:url(/img/subtitle.gif) no-repeat;
		}
		#contents .main .search_num{
			font-size:14px;
			color:black;
		}

/* ランキング */
	#contents .main .ranking{
		width:636px;
		margin:0 0 10px 20px;
		font-size:14px;
	}
		#contents .main .ranking .ranking_contents{
			margin:0 20px;
		}
		#contents .main .ranking .ranking_contents a{
			color:#f79910;
		}
		#contents .main .ranking .info_rank_link{
			text-align:center;
		}

			#contents .main .ranking .info_rank_link a{
				color:#3298C3;
			}
	#ranking_title2{
		width:692px;
		line-height:41px;
		background:url(/img/ranking_title2.gif) no-repeat;
		text-indent:20px;
		color:#FFF;
		font-size:17px;

	}
	.ranking2{
		width:668px;
		font-size:14px;
		padding:0 10px;
		border-left:solid #F79910 2px;
		border-bottom:solid #F79910 2px;
		border-right:solid #F79910 2px;
	}
	.ranking_contents{
		clear:both;
	}
	.ranking_contents a{
		color:#3298c3;
	}

.rank_box{
	width:338px;
}
	.rank_box a{
		color:#3298c3;
	}
	.rank_box .rank_title{
		width:338px;
		line-height:41px;
		background:url(/img/ranking_title.gif) no-repeat;
		text-indent:20px;
		color:#FFF;
		font-size:17px;
	}

	.rank_tab {
		list-style-type: none;
		width:168px;
		height:22px;
		margin:0 5px 5px 0;
		float:right;
	}

		.rank_tab li.on {
			width: 53px;
			height:22px;
			margin: 0 1px;
			float: left;
			background: url(/img/ranking_tab_on.gif) no-repeat;
			text-align: center;
			font-size: 15px;
		}
		.rank_tab li.off {
			width: 53px;
			height:22px;
			margin: 0 1px;
			float: left;
			background: url(/img/ranking_tab_off.gif) no-repeat;
			text-align: center;
			font-size: 15px;
		}

		.rank_tab li a {
			display: block;
			width:53px;
			color: #FFF;
		}


	.rank_box .rank_list{
		width:334px;
		border-left:#f79910 2px solid;
		border-right:#f79910 2px solid;
		border-bottom:#f79910 2px solid;
	}
	 .rank_num{
		background:url(/img/ranking_rank.gif) no-repeat;
		float:left;
		width:43px;
		line-height:43px;
		font-size:15px;
		text-align:center;
		color:#FFF;
		margin:0 5px 0 10px;
	}
	.rank_box .rank_contents{
		margin:0 10px 0 0;
		height:43px;
		font-size:14px;
	}
	.rank_box .ranking_next{
		font-size:14px;
		float:right;
	}
		.ranking_next a{
			text-decoration:none;
			background:url(/img/ranking_next.gif) no-repeat;
			text-indent:18px;
			display:block;
		}

/* 最下部　他都道府県ガイドリンク */
ul.pref_list{
	width: 660px;
	margin-left: 30px;
	list-style-type: none;
}
	ul.pref_list li{
		width: 220px;
		float: left;
		line-height: 20px;
		background: url(/img/cl_002.gif) no-repeat left center;
		text-indent: 15px;
		font-size:14px;
	}
		ul.pref_list li a{
			color:#777;
		}

.pref_link_title{
	font-size:16px;
	color:#666;
	margin:0 0 2px 18px;
	width: 655px;
	height: 27px;
	line-height: 27px;
}


#dropin {
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 330px;
	z-index: 1;
}
#dropin_inner {
	width: 320px;
	padding: 10px 0;
	background-color: #fff;
	border: double #F79910 3px;
}
#dropin p {
	width: 300px;
	padding: 10px 10px 0;
	font-size: 15px;
}


/* <<---- 下部プルダウンメニューここから ---->> */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pullup-menu
{
  padding: 0; /* 0 0 0 30 */
  margin: 0 0 0 4px;
  border-top: 1px #f79910 solid;
 list-style: none;
  height: 25px;
  position: relative;
  z-index: 500;
  font-family: arial, verdana, sans-serif;
}
#pullup-menu li
{
  float: left;
  margin-right: 1px;
}
#pullup-menu li a
{
  display: block;
  float: left;
  height: 25px;
  line-height: 25px;
  background: #f79910;
  color: #333;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding: 0 30px 0 20px;
}

#pullup-menu table
{
  border-collapse: collapse;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
	
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#pullup-menu li a:hover
{
  z-index: 200;
  position: relative;
  color: #000;
  background-color: #f79910;
}
#pullup-menu li:hover
{
  position: relative;
  z-index: 200;
}

#pullup-menu li:hover > a
{
  color: #fff;
  background: #f79910;
}
#pullup-menu li:hover > a.sub
{
  color: #fff;
  background-color: #f79910;
}

#pullup-menu li.current a
{
  color: #fff;
  background: #084;
}

#pullup-menu li a.sub
{
/*  background: #fff url(up-arrow.gif) no-repeat right center;	*/
	background: #fff no-repeat right center;
}
#pullup-menu li.current a.sub
{
  color: #fff;
/*  background: #f79910 url(up-arrow.gif) no-repeat right center;	*/
  background: #f79910 no-repeat right center;
}

#pullup-menu li:hover ul
{
  left: 0;
  top: auto;
  bottom: 25px;
  width: 120px;
  background: #111;
}
#pullup-menu a:hover ul
{
  left: 0;
  top: auto;
  bottom: 0;
  width: 120px;
  background: #111;
}

/* keep the 'next' level invisible by placing it off screen. */

#pullup-menu ul, #pullup-menu :hover ul ul
{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

#pullup-menu :hover ul :hover ul
{
  left: 120px;
  top: auto;
  background: #222;
  white-space: nowrap;
  width: 100px;
  z-index: 200;
  height: auto;
}
#pullup-menu :hover ul :hover ul.fly3
{
  bottom: auto;
  top: -53px; /* -53 */
}
#pullup-menu :hover ul :hover ul.fly2
{
  bottom: auto;
  top: -27px; /* -27 */
}
#pullup-menu :hover ul :hover ul.fly1
{
  bottom: auto;
  top: -27px; /* -27 */
}

#pullup-menu :hover ul li
{
  margin: 0;
  border-top: 1px solid #666;
}
#pullup-menu :hover ul li a
{
  width: 120px;
  padding: 0;
  text-indent: 5px;
  background: #333;
  color: #ccc;
  height: 25px;
  line-height: 25px;
}
#pullup-menu :hover ul li a.fly
{
/*  background: #333 url(right-arrow.gif) no-repeat right center;	*/
	background: #333 no-repeat right center;
}

#pullup-menu :hover ul :hover
{
  background-color: #0c6;
  color: #fff;
}
#pullup-menu :hover ul :hover a.fly
{
  background-color: #0c6;
  color: #fff;
}

#pullup-menu :hover ul li.currentsub a
{
  background: #084;
  color: #fff;
}
#pullup-menu :hover ul li.currentsub a.fly
{
/*  background: #084 url(right-arrow.gif) no-repeat right center;	*/
  color: #fff;
}

#pullup-menu :hover ul :hover ul li a
{
  width: 100px;
  padding: 0;
  text-indent: 5px;
  background: #3e3e3e;
  color: #ccc;
}
#pullup-menu :hover ul :hover ul :hover
{
  background-color: #0d7;
  color: #fff;
}

#pullup-menu :hover ul :hover ul li.currentfly a, #pullup-menu :hover ul :hover ul li.currentfly a:hover
{
  background: #084;
  color: #fff;
}

.m_10{
margin: 10px;

}

.spot_link_genre{
	margin-left: 5px;
/*	line-height: 29px;*/
	font-weight: normal;
	font-size: 8px;
	color: #008800;
}
.spot_link_genre a{
	color: #008800;
text-decoration: none;

}
.top_bana {
margin-top:10px;

}
.top_bana img{
border:1px;
border-style: solid;
border-color: #000;
}
.kizi {
	width: 375px;
	float: left;
	padding: 5px;
	line-height: 150%;
	letter-spacing: 0.1em;
	margin-top: 15px;
}
.kizi a{
	color: #225;
/*	color: #777; */
}
.top_osusume {
	float: left;
}
.top_pic {
	float: right;
	width: 300px;
	margin-top: 15px;
}
.top_pic img {
	margin-bottom: 10px;
}

.clear {
	clear:both;
}
.sub_title a {
	color:#f79910;
	}

.top_page_html_border {
border:2px;
border-style:solid;
padding:2px;
margin-top: 5px;

border-color: #f79910;
}
.check_box{

		float:left;
		width:60px;
		height:16px;
		margin: 8px 10px 0 20px;
		vertical-align:middle;
}
.m_top{
margin-top: 15px;
}

.old_top{
float:left;
width:490px;
padding:0 10px 10px 10px;
}
/* <<---- ここまで ---->> */