@charset "utf-8";

/* レイアウト */
#header {
	width: 620px;
}
#maincol {
	background: url(../img/tmpl_2010/body_bg_top.jpg) no-repeat 685px top;
}
#contents {
	margin: 15px 25px;
	width: 640px;
}
.gotop {
	width: 650px;
}

.fc01 {
	color: #666633;
}

/* トップページ */
#top {
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
		}
#top #monthly {
	width: 380px;
	float: left;
	background: #f3f7d8;
	padding: 10px;
}
#top #monthly table {
	width: 380px;
	height: 380px;
	text-align: center;
	background: #fff;
	border: 1px solid #CDCD88;
}
#news {
	width: 220px;
	float:right;
}
#top ul li {
	border-bottom: #cdcd88 1px dotted;
	padding-bottom:5px;
	margin-bottom:5px;
}

#recommend {
	overflow: hidden;
}
#recommend .img_rcm {
	float: left;
	width: 180px;
	height: 170px;
}
#recommend table {
	width: 160px;
	height: 160px;
	background: #fff;
	text-align: center;
	padding: 5px;
	border: #f3f7d8 5px solid;
}

/* 詳細ページ */

/* TITLE */
#topicpath {
	margin-bottom:15px;
	}

#title {
	padding-bottom:50px;
}
#title .text {
	float: left;
	width:434px;
}
#title p span {
	font-size: 0.9em;
	padding: 2px 5px;
	background: #f3f7d8;
}
#contents h2 {
	color: #666633;
	font-weight: bold;
	font-size: 1.8em;
	margin: 15px 0 10px 0;
}
#title .btn {
	float: right;
	text-align: right;
	width: 200px;
}
#detail {
	clear: both;
	margin-top: 40px;
	overflow: hidden;
	background: url(../img/tmpl_2010/detail/bg_detail.gif) repeat-y;
}
#image {
	float: left;
	width: 284px;
	text-align: center;
	position: relative;
}
#image .box {
	width: 262px;
	height: 262px;
	margin:10px auto;
	/*position: absolute;
	top: 10px;
	left: 10px;*/
	padding: 5px;
	border: #cdcd88 1px solid;
	background: #fff;
}
#image .map {
	width:262px;
	margin:20px auto 10px auto;
	/*position: absolute;
	top: 290px;
	left: 10px;*/
	line-height:1.1em;
}
	#image .map dd { margin-top:10px;}
	#image .map dd img { vertical-align:middle;}
	
#description {
	float: right;
	width: 330px;
}
#description h3 {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: #444 3px solid;
	padding-bottom:4px;
}
#description table {
	margin-bottom: 10px;
}
#description th, #description td {
	border-bottom: #555 1px dotted;
	padding: 3px 0;
}
#description th {
	font-weight: bold;
	/*font-size: 0.9em;*/
	width: 35%;
	text-align: right;
	padding-right: 8px;
}
.webclap {
	background: #f3f7d8;
	color: #666633;
	text-align: center;
	margin-bottom: 30px;
}
.webclap img {
	padding: 5px 0 0 0;
}
.termsofuse {
 width: 100%;
	margin: 10px 0 20px 0;
}
.termsofuse dd {
	display: block;
 	height: 100px;
	padding: 4px;
 	overflow: auto;
	font-size: 0.9em;
	border: #7c9fd3 1px solid;
}
dl.download {
	clear: both;
	width: 100%;
	border-bottom: #444 1px dotted;
}
.download dt {
	padding: 5px 0 10px 0;
	float: left;
	width: 160px;
	height: 50px;
	line-height:1.7em;
}
	.download dt strong { font-size:1.1em;}
.download dd {
	padding: 5px 0;
	float: right;
	width: 140px;
	height: 50px;
	text-align:center;
}

#gmap { 
	width:260px; 
	height:190px;
	border: #cdcd88 1px solid;}
	
/* 関連画像と類似画像 */
#related_image, #similar_image {
	background-color:#EFEFEF; 
	border:2px solid #CCC; 
	padding:10px;
	width:620px; 
	margin:10px 0; 
	clear:both;
	vertical-align:bottom}
	
	#related_image a {
		display:inline-block;
		width:56px;/* height:56px;*/
		margin-right:3px; margin-bottom:3px;
		text-align:center;}
	
	/* 類似画像の個別画像ボックス */
	#similar_image a { 
		display:inline-block; 
		text-decoration:none;
		font-size:80%;
		text-align:center; 
		width:56px; 
		/*height:64px;*/
		margin-right:3px; margin-bottom:3px;}

#prev_next_navi {
	text-align:center; 
	margin:20px 0; 
	color:#CCCCCC; }
	
/* IE6 と IE7 のレイアウト崩れ対策 */

* html #btnAddDL {	width:170px;}
*:first-child+html #btnAddDL { width:170px;}

/* 都道府県・観光地一覧 *******************/

.pref_resort_list { float:left; width:32%; margin-right:1%; }
.pref_resort_list li.resort_li { padding-left:16px; background:url(../img/icon_2010/bullet_star.png) no-repeat; } 
.pref_resort_list li img { vertical-align:middle;}
.pref_resort_list .pref_li { margin:3px 0; padding:3px 5px; background-color:#EFEFEF;}