@charset "utf-8";
/* CSS Document */



ul li#navi_hokkaido a {
	background:url(../../img/navi_hokkaido.gif) no-repeat 0px -31px;
}

div#top_hokkaido {
	width:711px;
	height:403px;
	margin:10px 0px 0px 20px;
	padding:14px 0px 0px 17px;
	background:url(../../img/hokkaido/hokkaido_bg.jpg) no-repeat;
}
div#hokkaido {
	display:block;
	margin:0px;
	padding:0px;
	width:678px;
	height:385px;
	overflow:hidden;
}
h1,h2,h3 {
	text-indent:0px;
}
p.lead {
	font-size:0.9em;
	margin:0px 0px 0px 40px;
}

h2#hokkaido_title {
	clear:both;
	text-indent:-10000px;
	width:709px;
	height:27px;
	margin:10px 20px;
	background:url(../../img/hokkaido/title_hokkaido.gif) no-repeat ;
	overflow:hidden;
	border:solid 1px #CCC;
}

div#main_hokkaido {
	width:711px;
	height:630px;
	margin:0px 0px 0px 20px;
	background:url(../../img/hokkaido/main_bg22.jpg) no-repeat;
}
div.top_summary {
	float:left;
	width:310px;
	height:92px;
	padding:2px;
	border:1px solid #79BBF7;
}
div.top_summary_left {
	clear:both;
	margin:10px 0px 0px 30px;
	_margin-left:15px;
}
div.top_summary_right {
	margin:10px 0px 0px 10px;
	_margin-left:5px;
}

div.top_summary_txt h2 a {
	font-weight:bold;

}
div.top_summary_txt {
	width:200px;
	height:92px;
	padding:0px 0px 0px 14px;
	float:left;
	background:url(../../img/hokkaido/hokkaido_txt_border.jpg) repeat-y;

}
div.top_summary_txt ul {
	margin:20px 0px 0px 0px;
	padding:0px;
	font-size:0.8em;
	letter-spacing:0px;
	line-height:1.3em;
}

div.top_summary a img {
	float:right;
	width:92px;
	height:92px;
	padding:1px;
}


/*下層ページ*/


div#detail_top {
	width:711px;
	margin:10px 0px 0px 20px;
	padding:30px 0px 0px 0px;
	background:url(../../img/hokkaido/hokkaido_detail_bg01.jpg) no-repeat top;
}
div#detail_bottom {
	width:711px;
	height:661px;
	margin:0px 0px 0px 20px;
	padding:40px 0px 0px 0px;
	background:url(../../img/hokkaido/hokkaido_detail_bg2202.jpg) no-repeat top;
}


div#detail_top h3 {
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0px 10px 35px;
	padding:2px 0px 2px 5px;
	border-left:5px solid #79BBF7;
}
div#detail_top p {
	width:640px;
	font-size:0.8em;
	padding:10px 0px 50px 50px;
}
div#detail_top ul {
	width:640px;
	font-size:0.8em;
	margin:0px 0px 0px 50px;
}


div#detail_bottom ul {
	width:650px;
	text-align:center;
	margin:0px auto;
}
div#detail_bottom ul li {
	float:left;
	margin:6px 10px;
}

div#detail_bottom ul li a {
	float:left;
	width:136px;
	height:102px;
	border:2px solid #79BBF7;
}
div#detail_bottom ul li a:hover {
	border:2px solid #7EC464;
}