@charset "Shift_JIS";





/* _____JTB北海道インフォメーション_____ */
/* ↓コンテンツに合わせて“width”を変更する */
#info_hokkaido {
	width: 676px;
	margin-top: 1em;
	margin-bottom: 15px;
	background: #fff;
}

/* ↓コンテンツに合わせて“width”、“background”を変更する */
#info_hokkaido #inq {
	width: 674px;
	height: 25px;
	border: 1px solid #900;
	border-bottom: none;
	background: url(../images/inquiry_bg.gif) repeat-x;
}

#info_hokkaido h4 { height: 25px;
	background: url(../images/inquiry.gif) no-repeat center;
}

/* ↓コンテンツに合わせて“width”を変更する */
#info_hokkaido #shop {
	width: 674px;
	border: 1px solid #900;
	background: url(../images/graph.gif);
}

#info_hokkaido #shop #jtb {
	width: 201px;
	padding: 10px 19px;
	float: left;
}

#info_hokkaido #shop #jtb h5 {
	height: 40px;
	background: url(../images/jtb_td.gif) no-repeat;
}

#info_hokkaido #shop #jtb p {
	margin-top: 2px;
	color: #7f7f7f;
	text-align: center;
}

/* ↓コンテンツに合わせて“width”を変更する */
#info_hokkaido #shop #address {
	width: 416px;
	padding: 10px 19px 10px 0;
	float: left;
}

#info_hokkaido #shop #address h4 {
	color: #c00;
	background: none;
	font-weight: bold;
}

#info_hokkaido #shop #address strong {
	font-weight: bold;
}

#info_hokkaido #shop #address p {
	margin-left: 1em;
	text-indent: -1em;
}

#info_hokkaido #shop #address p#dial {
	width: 416px;
	height: 28px;
	margin: 0;
	text-indent: 0;
	background: url(../images/dial.gif) no-repeat;
}

/* ↓コンテンツに合わせて“width”を変更する */
#info_hokkaido p#ex {
	width: 664px;
	margin-top: 5px;
	padding: 6px;
	background: #e6e6e6;
}



#produce {
	margin-top: 10px;
}

#produce ul {
	margin: 5px 0 0 12px;
}

#produce li {
	height: 60px;
	margin-right: 20px;
	float: left;
}

#produce li.p1 {
	width: 116px;
	background: url(../images/mark1.gif) no-repeat bottom;
}

#produce li.p2 {
	width: 172px;
	background: url(../images/mark2.gif) no-repeat bottom;
}

#produce li.p3 {
	width: 107px;
	background: url(../images/mark3.gif) no-repeat bottom;
}

#produce li.p4 {
	width: 109px;
	background: url(../images/mark4.gif) no-repeat bottom;
}

#produce li.p5 {
	width: 108px;
	background: url(../images/mark5.gif) no-repeat bottom;
}