@charset "utf-8";
/* CSS Document */
/* BPG */

/*--------------------
	Footer固定
--------------------
html, body #container {
	height: 100%;
    margin: 0px auto;
}
body > #container {
	min-height: 100%;
	height: auto;
}
#wrapper {
	padding-bottom: 45px;
}
#footer {
	clear: both;
	position: relative;
	margin-top: -45px;
    height: 45px;  
}
*/
/*--------------------
	共通
--------------------*/

body {
	margin: 0px auto;
	padding: 0px;
	background-color: #EEE7DD;
	font-family: Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: small;
	color: #666666;
	line-height: 120%;
}

/* ----- すべての要素に対して ----- */
* {
	margin: 0;
	padding: 0;
}
/* ----- すべてのimg要素に対して ----- */
img {
	vertical-align: bottom;
}
/* ----- アンカーリンク ----- */
a:link { color: #666666; text-decoration: underline; }
a:visited { color: #808080; text-decoration: underline; } 
a:hover { color: #D30C29; text-decoration: underline; }
a:active { color: #FF9966; text-decoration: underline; }

/* ----- Float Clear ----- */
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
/* ----- Clearfix ----- */
.clearfix:after {
  content: ".";		/* 新しい要素を作る */
  display: block;	/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}	
/* ---http://blog.d-spica.com/entry/070307clearfix.html--- */

/*--------------------
	Container
--------------------*/
#container {
	width: 800px;
	background-color: #ffffff;
	margin: 0px auto;
	padding: 0px;
}
/*
@media print {
#container {
	width: 752px;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	background-color: #ffffff;
}
}
*/
/*--------------------
	Header
--------------------*/
#header {
	width: 800px;
	margin: 0px;
	padding: 0px;
}
#header .logo{
	width: 224px;
	height: 61px;
	margin: 13px 0px 0px 9px;
	padding: 0px;
	float: left;
	display: inline;
}
#header #h_right{
	width: 243px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
	text-align: right;
	display: inline;
}
#header ul#h_navi{
	padding: 7px 0px 8px 0px;
	list-style-type: none;
	display: inline;
	float: right;
}
#header ul#h_navi li{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}
#header ul#h_navi li.01{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}
#header #h_right p.msg{
	margin: 0px 0px 0px 11px;
	font-size: x-small;
	line-height: 110%;
	text-align: left;
}
*html #header #h_right p.msg{ /*IE6*/
	margin: 0px 0px 0px 11px;
	font-size: 65%;
	line-height: 120%;
	text-align: left;
	letter-spacing: -1px;
}
*+html #header #h_right p.msg{ /*IE78*/
	margin: 0px 0px 0px 11px;
	font-size: 65%;
	line-height: 120%;
	text-align: left;
	letter-spacing: -1px;
}
/*--------------------
	Wrapper
--------------------*/
#wrapper {
	width: 800px;
	height: auto;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
/*--------------------
	Menu
--------------------*/
#menu {
	width: 800px;
	height: 40px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#menu ul{
	list-style-type: none;
}
#menu li{  
	list-style-type: none;
	float: left;
	height: 40px;
	display: block;
	text-decoration: none; 
}  

#menu li a{
	display: block;
    width:100%;
    height:100%;
	overflow: hidden;
	text-indent: -9999px;
	overflow: hidden;
}
/* hoverで表示される画像 */
#menu li.home {	background-image: url(../image/navi_on_01.jpg); width: 59px;}
#menu li.garden {	background-image: url(../image/navi_on_02.jpg); width: 105px;}
#menu li.restaurant {	background-image: url(../image/navi_on_03.jpg); width: 117px;}
#menu li.photo {	background-image: url(../image/navi_on_04.jpg); width: 95px;}
#menu li.cuisine {	background-image: url(../image/navi_on_05.jpg); width: 78px;}
#menu li.plan {		background-image: url(../image/navi_on_06.jpg); width: 51px;}
#menu li.faq {		background-image: url(../image/navi_on_07.jpg); width: 78px;}
#menu li.blog {		background-image: url(../image/navi_on_08.jpg); width: 51px;}
#menu li.report {		background-image: url(../image/navi_on_09.jpg); width: 89px;}
#menu li.items {		background-image: url(../image/navi_on_10.jpg); width: 77px;}
/* a表示される画像をhoverの時に消す */
#menu li.home a:hover,
#menu li.garden a:hover,
#menu li.restaurant a:hover,
#menu li.photo a:hover,
#menu li.plan a:hover,
#menu li.faq a:hover,
#menu li.blog a:hover,
#menu li.report a:hover,
#menu li.items a:hover {
	background-image: none;
}
/* aで表示される画像 */
#menu li.home a {	background-image: url(../image/navi_01.jpg); width: 59px;}
#menu li.garden a {	background-image: url(../image/navi_02.jpg); width: 105px;}
#menu li.restaurant a {	background-image: url(../image/navi_03.jpg); width: 117px;}
#menu li.photo a {	background-image: url(../image/navi_04.jpg); width: 95px;}
#menu li.cuisine a {	background-image: url(../image/navi_05.jpg); width: 78px;}
#menu li.plan a {		background-image: url(../image/navi_06.jpg); width: 51px;}
#menu li.faq a {		background-image: url(../image/navi_07.jpg); width: 78px;}
#menu li.blog a {		background-image: url(../image/navi_08.jpg); width: 51px;}
#menu li.report a {		background-image: url(../image/navi_09.jpg); width: 89px;}
#menu li.items a {		background-image: url(../image/navi_10.jpg); width: 77px;}
/* 現在表示されているページ*/ 
#menu li a.currentpage {
	background-image: none;
}
/*--------------------
	Breadcrumb
--------------------*/
#breadcrumb p{
	margin: 15px 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: x-small;
}
*html #breadcrumb p{ /*IE6*/
	margin: 15px 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: 70%;
}
*+html #breadcrumb p{ /*IE78*/
	margin: 15px 0px 0px 10px;
	padding: 0px;
	color: #666666;
	font-size: 70%;
}
/*--------------------
	CatchImages
--------------------*/
#catch_images {
	width: 800px;
	height: 320px;
	margin: 0px;
}
#catch_images p{
	margin: 0px;
	padding: 0px;
}
/*--------------------
	Main
--------------------*/
#main_area{
	width: 800px;
	margin: 0px;
	padding: 0px;
}
/*--------------------
	Footer
--------------------*/
#footer {
	width: 790px;
	margin: 0px 0px 0px 10px;
	background-color: #FFFFFF; 
    height: 70px; 
}
*+html #footer {
	width: 790px;
	margin: 0px 0px 0px 10px;
	background-color: #FFFFFF; 
    height: 80px; 
}
#footer #left{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	text-align: left;
	display: inline;
	height: 11px;
	line-height: 11px;
}
*+html #footer #left{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
	text-align: left;
	display: inline;
	height: 11px;
}
#footer #left #name {
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#footer #left #name p.bpg {
	padding: 0px 0px 5px 1px;
}
#footer #left #name p.add {
	padding: 0px 0px 3px 0px;
}
*+html #footer #left #name p.bpg {
	padding: 0px 0px 0px 1px;
}
*+html #footer #left #name p.add {
	padding: 0px 0px 0px 0px;
}
#footer #right{
	margin: 0px 23px 0px 0px;
	padding: 0px;
	float: right;
	text-align: right;
	display: inline;
	font-size: x-small;
	line-height: 110%;
}
#footer #right a {
	text-decoration: none;
}
#footer #right ul{
	margin: 5px 0px 8px 0px;
	list-style-type: none;
	display: inline;
	float: right;
}
#footer #right li{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	display: inline;
	float: left;
}