@charset "UTF-8";

/*
 * Style Name: cat2.css
 * Description: 知りたい,イベント,アクセス,加盟店一覧,オリジナルグッズ,モデルコース,グルメ検索,フットパス

/* ----------------------------------------
 ■ 知りたい、イベントのテーブル
 * ---------------------------------------- */
 
table.t_other {
	width: 750px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	}	

table.t_other thead th,
table.t_other thead td {
	text-align: center;
	background: #DAE280 url("http://www.welcome.wakkanai.hokkaido.jp/img/bg_header.jpg") no-repeat;
	border-top: 1px solid #C4D031;
	border-bottom: 1px solid #C4D031;
	border-left: 1px solid #FFFFFF;
	padding: 6px 6px 6px 12px;
	}
	
table.t_other th { 
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	}

/*通常のtdのサイズ*/	
table.t_other td {
	width: 25%;
	border-bottom: 1px solid #C4D031;
	}

/*歳時記のtdサイズ上書き*/	
table.t_other td.td85 {
	width: 85%;
	}

table.t_other td.td15 {
	width: 15%;
	}

/*1行用のthボーダー*/	
table.t_other th.th_w {
	border-bottom: 1px solid #C4D031;
	}
	
	

/*2行用のtdサイズ*/		
table.t_other td.td750 {
	width: 100%;
	}
		
/*交互カラーの設定*/			
table.t_other tr.even th,
table.t_other tr.even td {
	padding: 6px 6px 6px 12px;
	background: #F5F8E0;
	}	
	
table.t_other tr.odd th,
table.t_other tr.odd td {
	padding: 6px 6px 6px 12px;
	background: #FFFFFF;
	}		


/* 営業時間、ガソリンスタンドの画像*/	
img.ei {
   vertical-align: middle;
   padding: 0 5px 0 0;
	}

/* ----------------------------------------
 ■ アクセスのテーブル
 * ---------------------------------------- */

table.t_access {
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #C4D031;	
	margin: 0 0 2px 0;
	}
	
table.t_access thead th,
table.t_access thead td {
	text-align: center;
	border: 1px solid #C4D031;
	background: #DAE280 url("http://www.welcome.wakkanai.hokkaido.jp/img/bg_header.jpg") no-repeat;		
	padding: 6px 6px 6px 12px;
	}
	
table.t_access th{
	font-weight: bold;
	background: #F5F8E0;
	border: 1px solid #C4D031;
	padding: 6px 6px 6px 12px;
	}

table.t_access td {
	border: 1px solid #C4D031;
	padding: 6px 6px 6px 12px;
	}

/*TD+THのグリーン*/	
.bg_g {
	font-weight: bold;
	text-align: center;
	border: 1px solid #C4D031;
	background: #DAE280 url("http://www.welcome.wakkanai.hokkaido.jp/img/bg_header.jpg") no-repeat;		
	padding: 6px 6px 6px 12px;
	}	

table.t_access caption {
	font-size: 120%;
	font-weight: bold;
	}

/*リスト（黒点）--------------------------------*/	
.decimal {
	list-style-type: disc;
	list-style-position: inside;
	margin: 10px 0 30px 5px;
	}

/* ----------------------------------------
 ■ 加盟店一覧のテーブル（jsで交互）
 * ---------------------------------------- */
 
table.t_other2 {
	width: 750px;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 0 2px 0;
	}

table.t_other2 thead th {
	font-size: 130%;
	text-align: center;
	background: #DDDDDD;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	padding: 6px 6px 6px 12px;	
	}

/*奇数列*/
table.t_other2 tr.odd td {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	padding: 6px 6px 6px 12px;  
	}

/*偶数列*/	
table.t_other2 tr.even td {
	background: #FAFAFA;
	border-bottom: 1px solid #DDDDDD;  
	padding: 6px 6px 6px 12px;
	}	
	
/* ----------------------------------------
 ■ オリジナルグッズ
 * ---------------------------------------- */

/* 画像 */	
.item-photo {
	width: 440px;
	margin: 20px 0 20px 175px;
	}

.item-photo img {
	border: 20px solid #EEEEEE;
	margin: 0 0 10px 0;
	}
	
.item-photo p {
	font-size: 150%;
	font-weight: bold;
	text-align:center;
	margin:20px 0 0 0;
	}
	

/* リストの設定 */	
dl.item-data {
	width: 220px;
	height: 20em;
	text-align: center;	
	border: 1px solid #666666;
	margin: 10px 0 10px 20px;
	float: left;
	}

dl.item-data dt {
	font-weight: bold;
	text-align: left;	
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/dot.gif") bottom left repeat-x;
	margin: 10px 10px 5px 10px;
	padding: 0 0 10px 0;
	}

dl.item-data dd.item-text {
	font-size: 80%;
	text-align: left;	
	line-height: 1.4;
	margin: 0 10px 10px 10px;
	}

dl.item-data dd.item-img {
	text-align: left;
	margin: 10px 0 10px 30px;
	}


dl.item-data dd.item-more {
	font-size: 80%;
	border-top: 1px solid #CCCCCC;
	margin: 0 10px 10px 10px;
	padding: 5px;
	}


/*---- ギャラリー  ----*/

#gallery {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/strap/1.jpg) top right no-repeat;
	}

#gallery2 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/postcard2/1.jpg) top right no-repeat;
	}

#gallery3 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/strap2/1.jpg) top right no-repeat;
	}

#gallery4 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/strap3/1.jpg) top right no-repeat;
	}

#gallery5 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/tumblr/tun_1.jpg) top right no-repeat;
	}

#gallery6 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/t-shirt/t_1.jpg) top right no-repeat;
	}
	
	
#gallery7 {
	width: 440px; /* サムネール画像と拡大画像を足した幅 */
	height: 300px;
	list-style-type: none;
	position: relative; /* 子要素の位置を absolute させるために指定 */
	background: #EFEFEF url(http://www.welcome.wakkanai.hokkaido.jp/original_goods/hannkachi/h_1.jpg) top right no-repeat;
	}
	
		
	
#gallery a img, 
#gallery2 a img,
#gallery3 a img,
#gallery4 a img,
#gallery5 a img,
#gallery6 a img,
#gallery7 a img  {
	width: 40px; /* サムネール用に縮小 */
	height: 30px; /* サムネール用に縮小 */
	border: none;
	position: relative; /* z-index を指定するため */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
	}

#gallery li, 
#gallery2 li,
#gallery3 li, 
#gallery4 li,
#gallery5 li,
#gallery6 li,
#gallery7 li {
	width: 40px;
	height: 30px;
	background: #B6C501 url(http://www.welcome.wakkanai.hokkaido.jp/img/view.gif) top left no-repeat; /* マウスオーバーやクリック時に現れる背景画像 */
	z-index: 3; /* 常に最前面のレイヤーへ表示 */
	font-size: 0; /* IE 用に指定（http://cssbug.at.infoseek.co.jp/detail/winie/b100.html を参照） */
	line-height: 0; /* 同上 */
	vertical-align: bottom; /* 同上 */
	}

#gallery a, 
#gallery2 a,
#gallery3 a,
#gallery4 a,
#gallery5 a,
#gallery6 a,
#gallery7 a {
	display: block;
	width: 40px;
	height: 30px;
	position:relative; /* z-index を指定するため */
	z-index: 3; /* 最前面のレイヤーへ表示 */
	}
	
#gallery a:hover, 
#gallery2 a:hover,
#gallery3 a:hover,
#gallery4 a:hover,
#gallery5 a:hover,
#gallery6 a:hover,
#gallery7 a:hover {
	width: 400px; /* マウスオーバーで画像拡大 */
	height: 300px; /* マウスオーバーで画像拡大 */
	padding-left: 40px; /* 左のサムネール分余白をとる */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
	}
#gallery a:hover img,
#gallery2 a:hover img,
#gallery3 a:hover img,
#gallery4 a:hover img,
#gallery5 a:hover img,
#gallery6 a:hover img,
#gallery7 a:hover img {
	width: 400px; /* マウスオーバーで画像拡大 */
	height: 300px; /* マウスオーバーで画像拡大 */
	position: relative; /* z-index を指定するため */
	z-index: 2; /* レイヤー階層をひとつ下に落とす */
	}
	
#gallery a:active, 
#gallery a:focus, 
#gallery2 a:active,
#gallery2 a:focus,
#gallery3 a:active, 
#gallery3 a:focus,
#gallery4 a:active, 
#gallery4 a:focus,
#gallery5 a:active, 
#gallery5 a:focus,
#gallery6 a:active, 
#gallery6 a:focus,
#gallery7 a:active, 
#gallery7 a:focus {
	width: 400px;
	height: 300px;
	padding-left: 40px; /* 左のサムネール分余白をとる */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
	}
	
#gallery a:active img, 
#gallery a:focus img, 
#gallery2 a:active img,
#gallery2 a:focus img,
#gallery3 a:active img,
#gallery3 a:focus img,
#gallery4 a:active img,
#gallery4 a:focus img,
#gallery5 a:active img,
#gallery5 a:focus img,
#gallery6 a:active img,
#gallery6 a:focus img,
#gallery7 :active img,
#gallery7 a:focus img {
	width: 400px;
	height: 300px;
	position: relative; /* z-index を指定するため */
	z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
	}

/*---- ギャラリー END ----*/

/* ----------------------------------------
 ■ モデルコース
 * ---------------------------------------- */
 
 
#course_left {
	width: 190px;
	float: left;
	}
	
#course_right {
	width: 540px;
	margin: 0px;
	padding: 0px;
	float: right;
	}

#course_right h4 {
	font-size: 120%;
	margin: 0 0 20px 0;
	}

.course_list {
	width: 180px;
	background: #EFEFCD;
	border: #666666 1px solid;
	padding: 5px;
	clear: both;
	}

.course_list img {
	vertical-align: middle;
	}

.course_title {
	font-size: 120%;
	font-weight: bold;
	clear: both;
	}

.course_list_left {
	float: left;
	width: 40px;
	}

.course_list_right {
	float: right;
	width: 140px;
	}

.course_list_right img {
	padding: 10px;
	background: #FFFFFF;
	}

.course_listcar {
	width: 190px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/model_car.gif") no-repeat;
	height: 40px;
	text-indent: 78px;
	padding: 5px 0 0 0;
	clear: both;
	}

.course_listwalk {
	width: 190px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/model_walk.gif") no-repeat;
	height: 40px;
	text-indent: 70px;
	padding: 5px 0 0 0;
	clear: both;
	}
	
.course_text {
	width: 540px;
	padding: 0 0 20px 0px;
	margin: 0 0 0 10px;
	}

/* ----------------------------------------
 ■ グルメ検索
 * ---------------------------------------- */

.gurume_list {
	border: 1px dotted #00C6F7;
	margin: 0 0 20px 0;
	padding: 10px;
	}
	
/* ----------------------------------------
 ■ フットパス
 * ---------------------------------------- */

/* 説明とイメージ*/

.ft_p {
  margin: 1em 0 0;
  width: 100%;
  padding-top:270px;
  overflow: hidden; /* clear float */
  background:url("http://www.welcome.wakkanai.hokkaido.jp/img/ft_img/footpath_bokusou.png") no-repeat top center;
}

.ft_p p {
  margin: 0 0 1em 0px;
}

.ft_p img.figure {
  float: right; 
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 10px;
}

/* フットパスマップ*/
.ft_map {
	margin:0 0 0 50px;
	}


/* マップ下*/
.map_under {
	width:650px;
	background:#EFEFEF;
	margin:0px 0 20px 50px;
	}

/* マップ下リスト*/
.map_under ul {
	font-weight:bold;
	margin:0px;
	padding:0 0 10px 0;
	}

.map_under ul li {
	margin: 0 0.3em 10px  30px;
	list-style: outside;
	}


/* マップ下の文章*/
.map_under p {
	margin:0px;
	padding:10px;
	}

/* ルート紹介ボックス*/
.ft_root {
	 width: 650px;
	background:#EFEFCD;
	border:1px dotted #666666;
	padding:0 0 20px 0;
	margin: 10px 0 10px 50px;
	overflow:hidden;
	}

/* ルート紹介画像*/
.ft_root_left { 
	width:270px;
	margin: 20px 0 10px 20px;
	float:left;
	}

/* ルート紹介文章*/
.ft_root_right { 
	width:310px;
	margin:20px 20px 10px 0;
	float:right;
	}

/* ルート紹介km*/
p.ft_km {
	background: url("http://www.welcome.wakkanai.hokkaido.jp/img/ft_img/ft_foot.gif") no-repeat 10px 50% #FFFFFF;
	margin:20px 0 20px 0;
	padding:10px 10px 10px 50px;
	}

/* ルート紹介矢印*/
.ft_yaji {
	width:43px;
	margin:0 0 0 345px; 
	}

/* フットパスのマナー*/

ol.ft_manner  {
  margin-left: 0;
  padding-left: 0;
	}

ol.ft_manner li {
  margin: 0 0.3em 10px  30px;
  list-style: outside decimal;
	}

.ft_img {
	margin: 0 0 15px 0;
	}
	
/* イベント*/	
	.win_eve_bg1 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/1.png") no-repeat ;
	background-size:100% 100%;
	font-size:120%;
}

/* イベント*/	
	.win_eve_bg2 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/2.png") no-repeat ;
	background-size:100% 100%;
		font-size:120%;
}


/* イベント*/	
	.win_eve_bg3 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/3.png") no-repeat ;
	background-size:100% 100%;
		font-size:120%;
}


/* イベント*/	
	.win_eve_bg4 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/4.png") no-repeat ;
	background-size:100% 100%;
		font-size:120%;
}

/* イベント*/	
	.win_eve_bg5 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/5.png") no-repeat ;
	background-size:100% 100%;
		font-size:120%;
}


/* イベント*/	
	.win_eve_bg6 {
	padding:30px;
	background: url("http://www.welcome.wakkanai.hokkaido.jp/event/winter_event/6.png") no-repeat ;
	background-size:100% 100%;
		font-size:120%;
}

	.win_eve_bg1 .win_eve_imgleft,
	.win_eve_bg2 .win_eve_imgleft,
	.win_eve_bg3 .win_eve_imgleft,
	.win_eve_bg4 .win_eve_imgleft,
	.win_eve_bg5 .win_eve_imgleft,
	.win_eve_bg6 .win_eve_imgleft  {
		float:left;
		margin-right::15px;
		margin-bottom:15px;
	}

	.win_eve_bg1 p,
	.win_eve_bg2 p,
	.win_eve_bg3 p,
	.win_eve_bg4 p,
	.win_eve_bg5 p,
	.win_eve_bg6 p	{
		margin-left:270px;
	}