@charset "utf-8";

img { border: none;}

.both { clear: both;}
.l { text-align: left;}
.r { text-align: right;}
.c { text-align: center;}
.fl { float: left;}
.fr { float: right;}
br.br0 { clear: both; margin:0px; padding:0px; line-height:0px;}

a:visited { color:#00f;}

ul.link li { list-style-type:none;}
.link a, .link li a {
	text-decoration: none;
	border-bottom: 1px solid #3cf;
	background: url(../images/abg.gif) 0 100px repeat-x;
	overflow: hidden;
}

hr.container {
	clear:both;
	visibility:hidden;
	height:0px;
	margin:0px;
	line-height:0px;
}

div.container{
	display:block;
	clear:both;
	height:0px;
	padding:0px
	margin:0px;
	border:0px;
	line-height:0px;
	overflow:hidden;
}
div.container hr{ display:none;}



img#acc { sposition:absolute; height:0px; margin:0px; line-height:0px;visibility:hidden; top:0px;}

/* H1～H6 */
h4 { color: 1e6e97; margin: 4px 0px 5px 6px;}
h4 img { margin: 0px 5px 0px 0px; position: relative; top: 1px;}
h5 { color: #927c12; margin: 0px;}
h6 {}

/* HP基本構造 */
/* ------------------------------------------------------------------------------------------------------------ */
body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #000000;
	line-height: 19px;
	text-align: left;
}

div#frame { width: 960px; margin: 0px auto;}
li { list-style-type:none;}
/* ------------------------------------------------------------------------------------------------------------ */

/* ヘッダー部分 */
/* ------------------------------------------------------------------------------------------------------------ */

div#header { height:80px;
	margin: 0px;
	padding:6px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color: #A8D671;
	overflow :hidden;
}
div#header h1 { display:block; float:left; width:750px; font-size: 12px; color: #659620; font-weight: normal; margin: 0px; padding 0px;}
div#header ul { float:right; margin: 0px; padding: 0px;}
div#header li { display:block; list-style-type: none; margin: 0px; padding: 0px 3px; float: left; text-align:center; font-size:12px;}

div#header #logo    { display:block; float:left; width:220px; clear:both; padding:0px; margin:0px;}
div#header #search  { display:block; float:left; width:258px; height:60px; text-align:center; padding-top:18px;}

div#header #head_pr { float:right; width:468px; height:60px;}
h2 { display:block; clear:both; width:960px; height:25px; text-align:center; font-size: 12px; color: #000; line-height:25px; font-weight: normal; margin: 0px 0px 10px 0px; padding 0px; background: url(../images/h2.png);}

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

/* メイン */
/* ------------------------------------------------------------------------------------------------------------ */
div#left_content { width: 700px; float: left; margin-bottom:0px; padding:0px;}

div.title1bg { height:25px;}

div#top_flash { height:250px; font-size:20px; background: #fff; margin-bottom:10px;padding:0px;}

div.title_h3a { background: url(../images/title1.gif); height:25px;}
div.title_h3b { background: url(../images/title2.gif); height:25px;}
div.title_h3a h3 { font-size:14px; margin:0px; padding:0px; line-height:25px; padding-left:42px; float:left;}
div.title_h3a span { display:block; text-align:right; float:right; line-height:25px;margin-right:24px; font-size:10px;}
div.title_h3b h3 { font-size:14px; margin:0px; padding:0px; line-height:25px; padding-left:42px; float:left;}
div.title_h3b span { display:block; text-align:right; float:right; line-height:25px;margin-right:24px; font-size:10px;}


div.main {
	background: #fff;
	padding:6px 12px 6px 12px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #A8D671;
	margin-bottom:10px;
	font-size:12px;
}
div.main2 { border: 1px;}

div.column2 { width:345px; margin:0px; padding:0px;}


div.sightseeing h4 { display:block; width:220px; margin:0px; padding:0px; line-height:20px; clear:both; float:left; font-size:14px;}
div.sightseeing ul { display:block; width:450px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
div.sightseeing ul li { float:left; margin-right:20px; list-style-type:none; line-height:20px; white-space: nowrap; }

div.sightseeing hr {
	clear:both;
	height:1px;
	margin:0px; padding:0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ddd;
	line-height:1px;
}
html:not(:target) div.sightseeing hr { margin:6px 0px; padding-top:6px;}

div.main_pr { width:468px; margin:20px auto 10px auto; padding:0px;}

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

div.ichiosi ul,div.ichiosi dl {
	margin:0px;
	padding:6px;
}

div.ichiosi ul li,div.ichiosi dl dt {
	font-size:12px;
	background:url(../images/icon_image_08.gif) no-repeat;
	padding-left:16px;
	line-height:22px;
	list-style-type:none;
}

div.ichiosi ul li a,div.ichiosi dl dt a,div.ichiosi dl dd { font-size:14px;}
div.ichiosi dl dd { margin-bottom:6px;}

p.page_n {
	margin:2px 6px 0px 0px;
	text-align:right;
}

/* 北海道イチオシスポット */
/* ------------------------------------------------------------------------------------------------------------ */
div.spot_a {
	width:698px;
	height:160px;
	margin:0px;
	padding:0px;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #A8D671;
	background:#bbb;
}

div#spotmap {
	position:relative;
	float:left;
	width:640px;
	height:295px;
	background: url(../images/spotmap.jpg);
	background-repeat:no-repeat;
}
div#spotmap img {
	position:absolute;
	top:0px;
	left:0px;
}


div.spot_b {
	float:left;
	width:30px;
	margin:0px;
	padding:0px;
}
div.spot_b ul { display:block; margin:0px; padding:0px;}
div.spot_b ul li {
	list-style-type:none;
	font-size:12px;
	border-width: 0px 0px 1px 1px;
	border-style: solid;
	border-color: #A8D671;
	text-align:center;
	line-height:30px;
	height:30px;
	width:30px;
	mrgin:0px;
}

div.spot_b ul li a{
	display:block;
	height:30px;
	width:30px;
	text-decoration: none;
	outline:none;
	background:url(../images/tabl1.jpg);
	display:block;
	color:blue;
}

div.spot_b ul li a.selected{
	background:url(../images/tabl1_selected.jpg);
	text-decoration:none;
	color:#333;
	cursor:default;
}

div.spot_c {
	margin:0px 0px 10px 30px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #fff #A8D671 #A8D671 #A8D671;
	background:#fff;
}
div.spot_c ul {
	display:block;
	margin:0px;
	padding:6px;
}
div.spot_c ul li {
	display:block;
	width:200px;
	float:left;
	font-size:12px;
	background:url(../images/icon_image_08.gif) no-repeat;
	padding-left:16px;
	line-height:22px;
}

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


/* サイドメニュー */
/* ------------------------------------------------------------------------------------------------------------ */
div#side_menu { width:250px; float:right; margin:0px; padding:0px;}

div.side_pr1 { width:250px; height:250px; background:#fff; margin-bottom:10px; background: #aaa; overflow:hidden;}
div.side_pr1 object { overflow:hidden; border:none; margin:0px; padding:0px;}
div.side_pr2 { width:180px; height:150px; background:#fff; margin:10px auto 10px auto; background: #aaa; }
div.side_pr3 { width:160px; height:600px; background:#fff; margin:10px auto 10px auto; background: #aaa; }
div.side_pr4 { width:250px; height:250px; background:#fff; margin:10px auto 10px auto; background: #aaa; }
div.side_pr5 { width:250px; height:130px; background:#fff; margin:10px auto 10px auto; text-align:center; line-height:20px;}


div.title_h3c { background: url(../images/title3.gif); height:25px;}
div.title_h3c h3 { font-size:12px; margin:0px; padding:0px; line-height:25px; padding-left:32px; float:left;}
div.title_h3c span { display:block; text-align:right; float:right; line-height:25px;margin-right:24px; font-size:10px;}

div#side_menu ul { margin:0px; padding:0px;}
div#side_menu ul li {
	display:block;
	width:200px;
	font-size:12px;
	background:url(../images/icon_image_08.gif) no-repeat;
	padding-left:16px;
	line-height:22px;
}

div#side_menu ul.curry li { font-size:12px;}
div#side_menu ul.dentistry li {
	font-size:12px;
	background:url(../images/icon_image_07.gif) no-repeat;
	line-height:16px;
	margin-bottom:4px;
}

div#side_menu ul.yado li {
	width:100px;
	font-size:12px;
	background: none;
	line-height:16px;
	margin-bottom:4px;
	padding-left:10px;
	float:left;
}


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


/* 道内企業情報 */
/* ------------------------------------------------------------------------------------------------------------ */
div#area_box { margin-bottom:12px;}

ul#area_tab { margin:0px; padding:0px; position:relative; z-index:50px; height:40px;}
ul#area_tab li { float:left; list-style-type:none; line-height:40px; text-align:center; height:40px; margin:0px;}
ul#area_tab h3 { font-size:14px; margin:0px; padding:0px; font-weight:normal;}
ul#area_tab li.a { width:154px; background:url(../images/tab0.jpg);}
ul#area_tab li.b { width:136px;}
ul#area_tab li.b a{
	text-decoration: none;
	outline:none;
	background:url(../images/tab1.jpg);
	display:block;
	color:blue;
}

ul#area_tab li  a.selected {
	background:url(../images/tab1_selected.jpg);
	text-decoration:none;
	color:#333;
	cursor:default;
}


div.area_tel {
	margin: 0px auto;
	height:128px;
	clear:both;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #A8D671;
	padding: 6px 0px;
	overflow-x:hidden;
	overflow-y:scroll;
	position:relative; z-index:10px;
}

ul.tab { width:630px; margin: 0px auto; padding:0px; font-size:12px;}
ul.tab li { display:block; list-style-type:none;}
ul.tab li h4 { font-size:12px; margin:0px; padding:0px; font-weight:normal;}
ul.tab li.area_a { clear:both; line-height:18px;}
ul.tab li.area_b { width:630px; border-bottom:1px solid #333; padding:12px 0px 2px 12px; clear:both; font-size:14px; line-height:14px;}
ul.tab li.area_c { width:120px; text-align:left; float:left; font-size:12px; line-height:12px; padding:4px 0px 0px 6px;}
ul.tab li.area_d { width:630px; padding:8px 6px 0px 6px; clear:both; font-size:12px; line-height:12px; text-align:right;}


ul.margint { margin-top:30px;}
/* ------------------------------------------------------------------------------------------------------------ */


p#pan { margin:6px 0px 6px 12px;}

ul#town_list { margin:24px 0px 6px 12px;}
ul#town_list li { float:left; margin-right:20px; list-style-type:none; line-height:20px; white-space: nowrap; }

dl#town_dlist { margin:24px 0px 6px 12px;}
dl#town_dlist dt {}
dl#town_dlist dd {}

div#town_company { text-align:center;}
div#town_company img {display:block; width:600px; height:210px; background:#666; margin:24px 0px 6px 12px;}
div#town_company table { width:600px; margin:6px 0px 6px 12px;}
div#town_company th { width:80px; border:1px solid #777; text-align:center; padding:6px;}
div#town_company td { border:1px solid #777; text-align:left; padding:6px;}


/* ------------------------------------------------------------------------------------------------------------ */
div#tourism_spot { font-size:12px;}
div#tourism_spot div#bg01 { float:left; background: #fff; margin-left:12px; width:280px;}
div#tourism_spot div#bg01 h3 { font-size:14px; font-weight:bold; margin:0px; padding:0px 0px 6px 0px;}
div#tourism_spot div#bg01 p { margin:0px; padding:0px 0px 6px 0px;}
div#tourism_spot div#bg01 ul { margin:0px; padding:0px;}
div#tourism_spot div#bg01 li { line-height:20px; list-style-type:none;}

div#tourism_spot dl { display:block; float:left; margin-right:10px;}
div#tourism_spot dl#ad { width:697px; margin:0px 0px 6px 0px;}
div#tourism_spot dl#ad dd { padding-left:6px;}
div#tourism_spot dl#area { width:400px; margin-right:10px;}
div#tourism_spot dl#access { width:287px; margin-right:0px;}
div#tourism_spot dl dt { text-align:center; background: url() #333; color:#fff;}
div#tourism_spot dl dd { margin:0px;}
div#tourism_spot dl dd img { float:left; margin-right:6px;}
div#tourism_spot dl dd p { margin:0px;}

div#tourism_spot div#reservation { width:400px; margin-right:10px; float:left;}
div#tourism_spot div#reservation p { text-align:center; background: url() #333; color:#fff; margin:0 0 2px 0;}
div#tourism_spot div#reservation div#reserv_link {
	float:left;
	width:180px;
	height:100px;
	margin-right:10px;
	padding:12px 0;
	text-align:center;
	border:1px solid #A8D671;
}
div#tourism_spot div#reservation div#reserv_text { }
div#tourism_spot div#reservation div#reserv_text span { display:block; text-align:right;}

div#tourism_spot div#bg02 { display:block; float:left; background: #CFEFD7; width:400px; margin-right:10px;}
div#tourism_spot div#bg02 strong { display:block; margin:6px 12px 0px 12px; font-weight:normal;}
div#tourism_spot div#bg02 p { margin:0px 12px 6px 12px;}
div#tourism_spot div#bg02 ul {}
div#tourism_spot div#bg02 li { list-style-type: circle; margin-bottom:4px;}


div#tourism_spot div#bg03 { display:block; float:left; background: #fff; margin-left:12px; width:480px}
div#tourism_spot div#bg03 strong { font-weight:normal;}
div#tourism_spot div#bg03 strong.shop { color:#281; border-bottom:1px dotted #68D631;}
div#tourism_spot div#bg03 p { margin:4px 0px; text-indent: 1em;}
div#tourism_spot div#bg03 ul {}
div#tourism_spot div#bg03 li { list-style-type: circle; margin-bottom:4px;}


div#tourism_spot div#bg04 ul {}
div#tourism_spot div#bg04 li { list-style-type: circle; margin-bottom:4px;}
div#tourism_spot div#bg04 dl { display:block; float:none; margin:0px 0px 12px 12px;}
div#tourism_spot div#bg04 dl dt { text-align:left; background: none #fff; color:#000;}
div#tourism_spot div#bg04 dl dd { margin:0px 0px 6px 12px;}
div#tourism_spot div#bg04 p.ptext { display:block; float:left; widt:480px; margin-left:12px;}

div#tourism_spot div#bg04 div.dlbox { margin:0 10px 10px 0; padding:2px 6px 0 6px; border:3px double #A8D671; float:left;}
div#tourism_spot div#bg04 div.dlbox strong { color:#281; border-bottom:1px dotted #68D631;}
div#tourism_spot div#bg04 div.dlbox dl { float:none; margin: 0px;}
div#tourism_spot div#bg04 div.dlbox dl dt { float:left; display:block; width:140px; text-align:left; border-bottom:2px dotted #68D631; padding:0 0 0 2px;}
div#tourism_spot div#bg04 div.dlbox dl dd { margin:0px 0px 6px 144px;width:40px; text-align:right; border-bottom:2px dotted #68D631; padding:0 0 0 2px;}
div#tourism_spot div#bg04 div.dlbox dl dd.dletc { margin:0px 0px 6px 0px;width:180px; text-align:right; border-bottom:0px; padding:2px 0 0 2px;}


div.aslist_a {
	height:146px;
	overflow-x:hidden;
	overflow-y:hidden;
}
div.aslist_b {
	height:200px;
	overflow-x:hidden;
	overflow-y:scroll;
}

div.area_spot_list ul {
	display:block;
	margin:0px;
	padding:6px;
}
div.area_spot_list ul li {
	display:block;
	width:200px;
	float:left;
	font-size:12px;
	background:url(../images/icon_image_08.gif) no-repeat;
	padding-left:16px;
	line-height:22px;
}


/* ------------------------------------------------------------------------------------------------------------ */
div#special { margin:0px 0px 24px 0px;}
div#special h3 { margin:12px 0px 0px 4px; padding:0px; }
div#special a {display:block; width:700px; height:150px; background:#666;}
/* ------------------------------------------------------------------------------------------------------------ */


/* footer */
/* ------------------------------------------------------------------------------------------------------------ */
div#foot_bar { width:698px; text-align:center; float:left;}
div#footer { width:250px; text-align:right; float:right; margin-top:80px;}
div#footer ul { margin:0px 12px 0px 0px; padding:0px;}
div#footer li { display:block; list-style-type: none; margin: 0px 2px; padding: 0px 0px; float: right; text-align:center; font-size:12px;}
div#last { clear:both; background: url(../images/last.png); text-align:center; line-height:25px; font-size:12px; color:#333; height:25px; margin-top:10px;}
div#acc { display:block; height:0px; margin:0px; line-height:0px; padding:0px; overflow:hidden;}
/* ------------------------------------------------------------------------------------------------------------ */



div.ichiosi2 ul {
	margin:0px;
	padding:6px;
}

div.ichiosi2 ul li {
	display:block;
	float:left;
	width:320px;
	font-size:12px;
	background:url(../images/icon_image_08.gif) no-repeat;
	padding-left:16px;
	line-height:22px;
	list-style-type:none;
}

div.ichiosi2 ul li a { font-size:14px;}


div.area_tel_a {
	margin: 0px auto;
	clear:both;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #A8D671;
	padding: 6px 0px;
	position:relative; z-index:10px;
}

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

table#tableform {}
table#tableform tr {}
table#tableform th { font-weight:normal; text-align:left; padding:6px; border-bottom:1px solid #aaa;}
table#tableform td { text-align:left; padding:6px; border-bottom:1px solid #aaa;}
table#tableform td.button { text-align:center; padding:6px; border-bottom:0px solid #aaa;}

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

#carouselWrap{
	margin:16px auto;
	width:620px;
	height:135px;
	padding:5px;
	background:url("../images/background_frame.gif");
	position:relative;
}

#carouselWrap * {
	margin:0;
	padding:0;
} 
#carouselPrev{
	position:absolute;
	top:65px;
	left:-8px;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	top:65px;
	right:-8px;
	cursor:pointer;
}
#carouse{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner ul.column{
	width:605px;
	height:105px;
	padding:15px 0 15px 15px;
	list-style-type:none;
	float:left;
}
#carouselInner ul.column li{
	float:left;
	margin-right:10px;
	display:inline;
}
#carouselInner ul.column li img{
	border:none;
}