@charset "Shift_JIS";

/*============================================================
//  北海道 函館特集　スタイルシート
//==========================================================*/
/* レイアウト */
#wrap100{
	margin:0 0 10px 0;
	padding:0;
	width:750px;
}

#wrap101{
	margin:0;
	padding:0;
	width:510px;
	float:left;
}

#wrap102{
	margin:0;
	padding:0;
	width:230px;
	float:right;
}

#wrap200{
	margin:0 0 8px 0;
	padding-top:15px;
	width:750px;
}

#wrap300{
	width:750px;
/*	background:#acc;*/
}

#wrap301{
	width:299px;
	float:left;
}

#wrap302{
	width:439px;
	float:right;
}



/* その他 */
#search_title{
	width: 281px;
	height: 21px;
	background:url(./image/t_search.gif) no-repeat;
	padding: 4px 0 0 18px;
	margin:0 0 3px 0;
	color: #ffffff;
}

#search_box{
	border: solid 1px #e5e5e5;
	padding: 10px;
	margin-bottom:3px;
	display:block;
}

#search_box table{
	border-collapse:collapse;
	width:277px;

}

#search_box table td{
	padding:0px 0 8px 0 ;
}

#search_box table td img{
	margin-right:4px;
	vertical-align:middle;
}



/* 観光スポット */
table.spot{
	margin-top:20px;
	width:750px;
	border-collapse:collapse;
}

table.spot td{
	padding:0;
}

.ttl_spot01{
	padding:15px 0 0 25px;
	width:345px;
	height:28px;
	background:url("./image/ttl2_ssx.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

.ttl_spot02{
	padding:15px 0 0 25px;
	width:345px;
	height:28px;
	background:url("./image/ttl2_eatx.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

.ttl_spot03{
	padding:15px 0 0 25px;
	width:345px;
	height:28px;
	background:url("./image/ttl2_playx.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

div.spot01{
	margin:0 0;
	padding:2px 10px 0 10px;
	background:url("./image/ttl2_ssy.gif") repeat-y;
	display:block;
}

div.spot02{
	margin:0 0;
	padding:2px 10px 0 10px;
	background:url("./image/ttl2_eaty.gif") repeat-y;
	display:block;
}

div.spot03{
	margin:0 0;
	padding:2px 10px 0 10px;
	background:url("./image/ttl2_playy.gif") repeat-y;
	display:block;
}

div.spot01 img,
div.spot02 img,
div.spot03 img{
	margin-right:4px;
}

/* 文字設定*/
#main2 p{
	margin:0;
	text-align:left;
	display:block;
}

.txt01{
	font-size:12px;
	line-height:15px;
	color:#555555;
}

.txt03{
	margin-bottom:2px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color:#555555;
}

.txt03 span{

	font-size:10px;
	font-weight:normal;
	line-height:12px;
	color:#555555;
}

.caption{
	font-size:10px;
	line-height:130%;
}


.lead{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.lead_s{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.lead_w{
	margin:0;
	color:#009900;
	font-size:12px;
	font-weight:bold;
	line-height:125%;
}

.c_red{color:#CC0000;}

/* 既存cssに追記 */
.cmn_ttl,
.cmn_ttl2{
	margin-top:12px;
	position:relative;
}

.cmn_ttl span{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#7ecc2f;
	display:block;
	position:absolute;
		top:9px;
		left:145px;
}

.cmn_ttl2 span{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#34b8fe;
	display:block;
	position:absolute;
		top:9px;
		left:145px;
}

/*サブタイトル設定*/
#ttl_hkd-c {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(./image/ttl01.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 

#ttl_yun {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(./image/ttl02.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 

#ttl_onm {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(./image/ttl03.gif);
	background-repeat: no-repeat;
	margin: 20px 0 3px 0;
} 

/* 新着情報 w479px */
#topic_title {
	width: 421px;
	height: 21px;
	background-image: url(./image/t_topics.gif);
	background-repeat: no-repeat;
	padding: 4px 0 0 18px;
	margin:0 0 3px 0;
	color: #ffffff;
}

#topic_box {
	width:409px;
	height:240px;
	border:5px solid #e5e5e5;
	padding:10px;
	margin-bottom:3px;
	overflow:auto;
} 

.topic_box {
/*	background: url(../image/common/dotline01.gif) repeat-x left bottom; */
} 

#topic_box dl {
	padding: 5px 0 6px 0;
	margin-top: -1px;
	overflow: hidden;
} 
#topic_box dt {
	padding: 0 0 0 18px;
	display: block;
	float: left;
	clear: left;
/*	background-image: url(../image/common/arrow7.gif);*/
	background-repeat: no-repeat;
	background-position: left 4px;
} 
#topic_box dd { 
	margin: 0; 
	padding: 0 0 6px 90px; 
} 


#hkd-tour {
	widows:750px;
} 

#yun-tour {
	widows:750px;
}