@charset "utf-8";

@import url("./format.css");

/* =============== 共　通 =============== */
body {
	font:12px "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	background:#FFF;
	text-align:center;
	color:#000000;
}

a:link,
a:active,
a:visited {
}
a:hover {
}

#container {
	width:800px;
	margin:0 auto;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	background:#FFF;
	text-align:left;
}
/* --- ヘッダー --- */
#header {
}
#header h1 {
	border-bottom:1px solid #000000;
}
#header #head_navi {
	background-color:#524542;
	border-bottom:1px solid #000000;
}
#header #head_navi #menu {
	position: relative;
	overflow: hidden;
}
#header #head_navi #menu ul {
	position:relative;
	left:50%;
	float:left;
}
#header #head_navi #menu ul li {
	position:relative;
	left:-50%;
	float:left;
	height:26px;
	border-right:1px solid #FFF;
	line-height: 26px;
	text-align:center;
}
#header #head_navi #menu ul li.start {
	border-left:1px solid #FFF;
}
#header #head_navi #menu ul li a {
	display:block;
	width:80px;
	padding:0 6px;
	text-decoration:none;
}
#header #head_navi #menu ul li a:link,
#header #head_navi #menu ul li a:visited {
	color:#FFF;
}
#header #head_navi #menu ul li a:hover,
#header #head_navi #menu ul li a:active,
#header #head_navi #menu ul li.select a:link,
#header #head_navi #menu ul li.select a:visited {
	background-color:#FFF;
	color:#524542;
}

/* --- メイン --- */
#main {
	padding:40px;
	border-bottom:1px solid #000000;
	background:#FFF;
}
#main #tabnavi {
	overflow: hidden;
}
#main #tabnavi ul {
}
#main #tabnavi ul li {
	float: left;
	/*_width:150px;*/
	height:30px;
	margin:0 6px 0 0;
	line-height:30px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}
#main #tabnavi ul li a {
	display: block;
	padding:0 6px;
	text-decoration:none;
}
#main #tabnavi ul li a:link,
#main #tabnavi ul li a:visited {
	color:#666;
	background-color:#EFEFEF;
}
#main #tabnavi ul li a:hover,
#main #tabnavi ul li a:active,
#main #tabnavi ul li.select a:link,
#main #tabnavi ul li.select a:visited {
	color:#FFF;
	background-color:#F7B525;
}
#main #content {
	width:100%;
}
#main #content #title {
	padding:15px 15px 0;
	background-color:#F7B525;
	font-size:117%;
	font-weight:bold;
	letter-spacing:1px;
}
#main #content #title span {
	font-weight:normal;
}
#main #content #title  a:link,
#main #content #title  a:active,
#main #content #title  a:visited {
	color:#333;
	text-decoration:none;
}
#main #content #title  a:hover {
	color:#FFF;
}
#main #content #box {
	background-color:#F7B525;
}


/* --- フッター --- */
#footer {
	padding:15px 20px;
	text-align:center;
}
#footer #foot_navi {
	margin:0 auto;
}
#footer #foot_navi span {
	padding:0 10px;
}
#footer p {
	margin:10px 0 0;
}
#footer p img {
	margin:0 15px 0 0;
}
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#333;
}
#footer a:hover {
	color:#999;
}


/* =============== 地図から探す =============== */
#main #content #box .maps {
	padding:12px;
}

#main #content #box #map {
	height:350px;
}

/* =============== 条件から探す =============== */
#main #content #box #cond {
	padding:12px;
}
#main #content #box #cond dl {
	margin:0 0 15px 10px;
}
#main #content #box #cond dl dt {
	clear:left;
	float:left;
	width:150px;
	padding:5px 0 0;
	font-weight:bold;
}
#main #content #box #cond dl dd {
	zoom:1;
	margin:0 0 0 150px;
	line-height:200%;
}
#main #content #box #cond dl dd.keyword {
	zoom:normal;
}
#main #content #box #cond dl dd span {
	margin:0 10px 0 0;
	white-space: nowrap;
}
#main #content #box #cond dl dd span input {
	margin:0 4px 0 0;
	vertical-align:middle;
}
#main #content #box #cond #btn {
	width:286px;
	margin:20px auto 0;
	padding:6px 6px 4px 6px;
	text-align:center;
/*	background-color:#fdc64d; */
}
#main #content #box #cond #btn div {
	float:left;
	width:126px;
	height:39px;
	margin:0 8px;
	background:url(../img/search_btn.jpg) no-repeat;
	line-height:36px;
	text-align:center;
	font-size:110%;
	cursor:pointer;
	color:#333;
}
/*
#main #content #box #cond #btn div a {
	display: block;
	text-decoration:none;
	color:#333;
}
#main #content #box #cond #btn div a:hover {
	color:#333;
}
*/
/* =============== 検索結果 =============== */
#main #content #box #result {
	padding:12px 0;
}
#main #content #box #result #result_title {
	padding:0 20px 8px;
	border-bottom:1px dashed #EEE;
}
#main #content #box #result #result_title div {
	text-align:right;
}
#main #content #box #result #result_title span {
	margin:0 12px;
}
#main #content #box #result #result_title table th {
	padding:0 50px 5px 0;
}
#main #content #box #result .result_box {
	position:relative;
	padding:20px 20px 16px;
	border-bottom:1px dashed #EEE;
}
#main #content #box #result .result_box .photo {
	clear:both;
	float:left;
	z-index:100;
	width:240px;
	/*margin:0 15px 0 0;*/
}
#main #content #box #result .result_box .exp {
	margin:0 0 0 255px;
}
#main #content #box #result .result_box .exp .name {
	margin:0 0 15px;
	font-size:134%;
	font-weight:bold;
}
#main #content #box #result .result_box .exp .name span {
	margin:0 14px 0 0;
}
#main #content #box #result .result_box .exp dl {
	margin:0 0 15px;
}
#main #content #box #result .result_box .exp dl dt {
	float:left;
	width:120px;
	margin:0 0 8px 0;
}
#main #content #box #result .result_box .exp dl dd {
/*	margin:0 0 8px 60px; */
	margin:0 0 8px 120px;
	zoom:1;
}
#main #content #box #result .result_box .exp dl dd p {
	margin:0 0 4px;
}
#main #content #box #result .result_box .btn {
	text-align:right;
}
#main #content #box #result .result_box .btn div {
	float:right;
	width:140px;
	height:45px;
	margin:0 0 0 12px;
	background:url(../img/result_btn.jpg) no-repeat;
	line-height:43px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
}
/*
#main #content #box #result .result_box .btn div a {
	display: block;
	text-decoration:none;
	color:#FFF;
}
*/
#main #content #box #result #page_navi {
	padding:15px 20px 0;
	text-align:right;
}
#main #content #box #result #page_navi span {
	margin:0 0 0 8px;
}

/* =============== 日本の料理を知る =============== */
#main #content #box #know {
	padding:12px;
}
#main #content #box #know .classification {
	color:#333;
	padding:5px 15px 5px;
	background-color:#FFF;
	font-size:110%;
	font-weight:bold;
}
#main #content #box #know ul {
	padding:10px 20px;
}
#main #content #box #know ul li {
	float:left;
	width:164px;
	padding:12px 0;
}
#main #content #box #know  a:link,
#main #content #box #know  a:active,
#main #content #box #know  a:visited {
	color:#333;
	text-decoration:none;
}
#main #content #box #know  a:hover {
	color:#FFF;
}

/* =============== 日本の料理を知る コンテンツ =============== */

#main #content #box #know_cont {
	padding:12px 0;
}
#main #content #box #know_cont #know_box {
	margin:0 0 10px;
	padding:20px 20px;
	border-top:1px dashed #EEE;
	border-bottom:1px dashed #EEE;
}
#main #content #box #know_cont #know_box .photo {
	float:left;
	width:240px;
	margin:0 20px 0 0;
}
#main #content #box #know_cont #know_box .exp {
	margin:0 0 0 255px;
}
#main #content #box #know_cont #know_box .exp .name {
	margin:0 0 12px;
	font-size:134%;
	font-weight:bold;
}
#main #content #box #know_cont #know_box .exp .name span {
	margin:0 0 0 10px;
	font-size:75%;
	font-weight:bold;
}
#main #content #box #know_cont #know_box .exp .text {
	line-height:160%;
}
#main #content #box #know_cont #search_title {
	padding:15px 15px 0;
	background-color:#F7B525;
	font-size:117%;
	font-weight:bold;
	letter-spacing:1px;
}
#main #content #box #know_cont #search_box {
	padding:12px;
}
#main #content #box #know_cont #search_box dl {
	margin:0 0 15px 10px;
}
#main #content #box #know_cont #search_box dl dt {
	clear:left;
	float:left;
	width:150px;
	padding:5px 0 0;
	font-weight:bold;
}
#main #content #box #know_cont #search_box dl dd {
	zoom:1;
	margin:0 0 0 150px;
	line-height:200%;
}
#main #content #box #know_cont #search_box dl dd span {
	margin:0 10px 0 0;
	white-space: nowrap;
}
#main #content #box #know_cont #search_box dl dd span input {
	margin:0 4px 0 0;
	vertical-align:middle;
}
#main #content #box #know_cont #search_box #btn {
	width:286px;
	margin:20px auto 0;
	padding:6px 6px 4px 6px;
	text-align:center;
/*	background-color:#fdc64d; */
}
#main #content #box #know_cont #search_box #btn div {
	float:left;
	width:126px;
	height:39px;
	margin:0 8px;
	background:url(../img/search_btn.jpg) no-repeat;
	line-height:36px;
	text-align:center;
	font-size:110%;
	cursor:pointer;
	color:#333;
}
/*
#main #content #box #know_cont #search_box #btn div a {
	display: block;
	text-decoration:none;
	color:#333;
}
#main #content #box #know_cont #search_box #btn div a:hover {
	color:#333;
}
*/

/* =============== Google Map s_map  =============== */
#container_smap {
	width:550px;
	margin:0 auto;
	background:#FFF;
	text-align:left;
}

#smap_main {
	padding:20px;
	background:#FFF;
}

#smap_main #content #smap_box {
	background-color:#F7B525;
}

#smap_main #content #smap_box .maps {
	padding:12px;
}

#smap_main #content #smap_box #map {
	height:400px;
}

/* =============== Google Map 吹き出し =============== */

#mapinfo {
	padding:12px 0;
}
#mapinfo .map_box {
	padding:0;
	border-bottom:1px dashed #EEE;
}
#mapinfo .map_box .photo {
	float:left;
	margin:0 20px 0 0;
}
#mapinfo .map_box .exp {
	margin:0 0 0 140px;
}
#mapinfo .map_box .exp .name {
	margin:0 0 15px;
/*	font-size:134%; */
	font-weight:bold;
}
#mapinfo .map_box .exp .name span {
	margin:0 14px 0 0;
}
#mapinfo .map_box .exp dl {
	margin:0 0 15px;
}
#mapinfo .map_box .exp dl dt {
	float:left;
	width:60px;
	margin:0 0 8px;
}
#mapinfo .map_box .exp dl dd {
	margin:0 0 8px 60px;
}
#mapinfo .map_box .exp dl dd p {
	margin:0 0 4px;
}