/* CSS Document */

@charset "UTF-8";

* {
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	background:url(../img/body_bg.gif) center top repeat-x;
	color:#333333;
}

/* ヘッダー用サイドシャドウ */

#header_wrapper {
	width:800px;
	height:90px;
	position:relative;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background:url(../img/header_bg.gif) left top no-repeat;
	display:table;
}

	/* ヘッダー　SEO対策リードはh1で設定 */

	#header_wrapper h1 {
		width:780px;
		height:16px;
		margin:0;
		padding:4px 10px 0 10px;
		font-size:11px;
		line-height:11px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	
	#header_wrapper .header_title {
		width:800px;
		height:65px;
		margin:0;
		padding:0;
		float:left;
		clear:both;
	}
	
	/* ヘッダー　タイトルはh2で設定 */

	#header_wrapper h2 {
		width:260px;
		height:65px;
		margin:0;
		padding:0;
		float:left;
		font-size:11px;
		line-height:14px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	
	/* ヘッダー　キャッチはh3で設定 */

	#header_wrapper h3 {
		width:220px;
		height:65px;
		margin:0;
		padding:0;
		float:left;
		font-size:11px;
		line-height:14px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}
	
	/* ヘッダー　商工会議所名前 */

	#header_wrapper .header_powered {
		width:220px;
		height:65px;
		float:right;
	}

/* コンテンツ両サイドシャドウ */

#contents_wrapper {
	width:800px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	background:url(../img/contents_wrapper.gif) left top repeat-y;
	display:table;
}

/* 左ナビ */

#navi {
	width:140px;
	height:auto;
	background:url(../img/navi_bg.gif) left bottom repeat-x fixed;
	float:left;
	padding:0 10px;
	margin:5px 0 0 0;
}

	/* 左ナビ　タイトル */

	#navi .navi_title {
		width:107px;
		height:26px;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		color:#990000;
		margin:10px 0;
		padding:0 0 0 33px;
		background:url(../img/navi_title_bg.gif) left top no-repeat;
	}

	#navi .navi_title_small {
		width:115px;
		height:auto;
		font-size:12px;
		line-height:16px;
		margin:0 5px;
		padding:0 0 13px 15px;
		background:url(../img/navi_icon_arrow.gif) left 2px no-repeat;
	}

	#navi .navi_title_small a {
		color:#000000;
		text-decoration:none;
	}

	#navi .navi_title_small a:hover {
		color:#CC3300;
		text-decoration:none;
	}

	/* 左ナビ　リンクボタンはh4で設定 */

	#navi h4 {
		width:140px;
		height:45px;
		font-size:11px;
		line-height:14px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:10px 0 8px 0;
	}

	/* 左ナビ　リンクテキストはh5で設定 */

	#navi h5 {
		font-size:12px;
		line-height:12px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

	#navi h5 a {
		color:#000000;
		text-decoration:none;
	}

	#navi h5 a:hover {
		color:#CC3300;
		text-decoration:none;
	}

	#navi .h5_icon {
		width:115px;
		height:auto;
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:0 5px;
		padding:0 0 3px 15px;
		background:url(../img/navi_icon.gif) left 2px no-repeat;
	}

	#navi .h5_icon_last {
		width:115px;
		height:auto;
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		margin:0 5px 15px 5px;
		padding:0 0 3px 15px;
		background:url(../img/navi_icon_last.gif) left 2px no-repeat;
	}

	/* 左ナビ　店名検索欄 */

	#navi .search {
		width:140px;
		height:auto;
		margin:0 0 30px 0;
	}

	#navi .search_box {
		width:92px;
		height:16px;
		font-size:10px;
		line-height:14px;
		margin:0 3px 0 0;
		padding:1px 2px;
		border:1px solid #666666;
		float:left;
	}

/* コンテンツエリアの背景を設定 */

#contents {
	width:480px;
	background:url(../img/contents_bg.gif) left top repeat-y;
	float:left;
	display:table;
}

/* コンテンツエリア */

#contents_area {
	width:450px;
	padding:10px 15px;
}

	/* コンテンツタイトルはh6で設定 */

	#contents_area h6 {
		width:417px;
		height:30px;
		background:url(../img/h6_bg.gif) left top no-repeat;
		margin:0 0 8px 0;
		padding:5px 0 0 33px;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
		color:#990000;
		clear:both;
	}

	/* 街のご紹介 */

	#contents_area .intro_area {
		width:435px;
		padding:0 5px 20px 10px;
		float:left;
		clear:both;
	}

	#contents_area .intro_area_left {
		width:340px;
		float:left;
	}

	#contents_area .intro_area_right {
		width:75px;
		float:right;
		background:url(../img/navi_icon_arrow.gif) left 4px no-repeat;
		padding:0 0 0 15px;
	}

	#contents_area .intro_area_right a {
		color:#000000;
		text-decoration:none;
	}

	#contents_area .intro_area_right a:hover {
		color:#CC3300;
		text-decoration:none;
	}

	/* コンテンツエリア　検索欄 */

	#contents_area #main_search_area {
		width:450px;
		margin:0 0 20px 0;
	}

		/* コンテンツエリア「エリアで探す」欄 */
		
		#contents_area #main_search_area .area_search {
			width:128px;
			margin:0 15px 0 0;
			_margin:0 10px 0 0;
			padding:5px;
			border:1px solid #993333;
			float:left;
			display:inline;
		}

		#contents_area #main_search_area .area_list_navi {
			width:118px;
			padding:0 5px;
			display:table;
			text-align:right;
			color:#993333;
		}

		#contents_area #main_search_area .area_list_navi img {
			padding:0 3px 0 0;
			vertical-align:middle;
		}

		#contents_area #main_search_area .area_list_navi a {
			color:#993333;
			text-decoration:none;
		}

		#contents_area #main_search_area .area_list_navi a:hover {
			color:#993333;
			text-decoration:none;
			font-weight:bold;
		}

		/* コンテンツエリア「ジャンルで探す」欄 */

		#contents_area #main_search_area .type_search {
			width:128px;
			margin:0 15px 0 0;
			_margin:0 10px 0 0;
			padding:5px;
			border:1px solid #669933;
			float:left;
			display:inline;
		}

		#contents_area #main_search_area .type_list_navi {
			width:118px;
			padding:0 5px;
			display:table;
			text-align:right;
			color:#669933;
		}

		#contents_area #main_search_area .type_list_navi img {
			padding:0 3px 0 0;
			vertical-align:middle;
		}

		#contents_area #main_search_area .type_list_navi a {
			color:#669933;
			text-decoration:none;
		}

		#contents_area #main_search_area .type_list_navi a:hover {
			color:#669933;
			text-decoration:none;
			font-weight:bold;
		}

		/* コンテンツエリア「予算で探す」欄 */

		#contents_area #main_search_area .price_search {
			width:128px;
			padding:5px;
			border:1px solid #336699;
			float:left;
			display:inline;
		}

		#contents_area #main_search_area .price_list_navi {
			width:118px;
			padding:0 5px;
			display:table;
			text-align:right;
			color:#336699;
		}

		#contents_area #main_search_area .price_list_navi img {
			padding:0 3px 0 0;
			vertical-align:middle;
		}

		#contents_area #main_search_area .price_list_navi a {
			color:#336699;
			text-decoration:none;
		}

		#contents_area #main_search_area .price_list_navi a:hover {
			color:#336699;
			text-decoration:none;
			font-weight:bold;
		}

		/* コンテンツエリア「店名で探す」欄 */

		#contents_area #main_search_area .name_search {
			width:438px;
			height:35px;
			margin:10px 0 15px 0;
			padding:5px 5px 4px 5px;
			border:1px solid #FF9933;
			float:left;
			clear:both;
			display:table;
		}

		/* safari only \*/  
		html[xmlns*=""] body:last-child #contents_area #main_search_area .name_search {
			width:450px;
			height:35px;
			margin:10px 0 15px 0;
			padding:5px 5px 4px 5px;
			border:1px solid #FF9933;
			float:left;
			clear:both;
			display:table;
		}
		
		#contents_area #main_search_area .name_search_left {
			width:130px;
			margin:0 5px 0 0;
			padding:0px;
			float:left;
			display:inline;
		}

		#contents_area #main_search_area .name_search_right {
			width:291px;
			padding:5px 12px 0 0;
			float:left;
			display:inline;
		}

		#contents_area #main_search_area .name_search_right_box {
			width:245px;
			height:19px;
			font-size:10px;
			line-height:14px;
			margin:0;
			padding:0;
			border:1px solid #666666;
			float:left;
			display:table;
		}

		#contents_area #main_search_area .name_search_right_box_img {
			margin:0;
			padding:0 0 0 5px;
			float:left;
		}

		/* 小項目リンクはリストで設定 */

		#contents_area #main_search_area .list_area {
			width:118px;
			margin:0;
			padding:5px;
		}

		#contents_area #main_search_area ul {
			width:118px;
			list-style:none;
			margin:0;
			padding:0;
		}

		#contents_area #main_search_area li {
			margin:0;
			padding:0;
		}

		#contents_area #main_search_area .li_icon {
			width:103px;
			font-size:12px;
			line-height:16px;
			background:url(../img/navi_icon.gif) left 2px no-repeat;
			padding:0 0 3px 15px;
		}

		#contents_area #main_search_area .li_icon_last {
			width:103px;
			font-size:12px;
			line-height:16px;
			background:url(../img/navi_icon_last.gif) left 2px no-repeat;
			padding:0 0 5px 15px;
		}

		#contents_area #main_search_area li a {
			color:#000000;
			text-decoration:none;
		}

		#contents_area #main_search_area li a:hover {
			color:#CC3300;
			text-decoration:none;
		}

		#contents_area iframe {
			margin:0 0 20px 0;
		}

/* 右バナーエリア */

#banner {
	width:160px;
	height:auto;
	background:url(../img/navi_bg.gif) left bottom repeat-x fixed;
	float:right;
	margin:5px 0 0 0;
}

	#banner .banner_img {
		width:140px;
		margin:0;
		padding:10px;
	}

	#banner .banner_img img {
		width:140px;
		height:45px;
		margin:0;
		padding:0 0 2px 0;
	}

	#banner .manage {
		width:128px;
		margin:0px 10px 10px;
		padding:5px;
		border: 1px solid #666666;
		background: #ffffff;
		font-weight:normal;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

	#banner .manage_name {
		width:128px;
		background: #990000;
		padding:3px 0;
		margin:0 0 5px 0;
		color:#ffffff;
		text-align:center;
		font-weight:bold;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

	#banner .manage .down {
		width:128px;
		padding:5px 0;
		text-align:center;
	}

	#banner .manage .down a {
		color:#000000;
		text-decoration:none;
	}

	#banner .manage .down a:hover {
		color:#CC3300;
		text-decoration:none;
	}

	#banner .count {
		width:140px;
		margin:0;
		padding:10px;
		text-align:center;
	}

/* フッター */

#footer {
	width:800px;
	height:30px;
	clear:both;
	border-top:5px solid #990000;
}

	#footer .footer_left {
		width:490px;
		height:22px;
		float:left;
		font-size:11px;
		line-height:12px;
		padding:8px 0 0 10px
	}

	#footer .footer_right {
		width:290px;
		height:22px;
		float:right;
		font-size:11px;
		line-height:12px;
		text-align:right;
		padding:8px 10px 0 0;
	}

	#footer a {
		text-decoration:none;
		color:#333333;
	}

	#footer a:hover {
		text-decoration:none;
		color:#CC3300;
	}