@charset "UTF-8";

body{
	color: #333;
	background: url(../img/bg.gif) left top;
	}
#all{
	width: 100%;
	line-height: 1.6;
	}
#wrap{
	width: 918px;
	margin: 0 auto;
	background: url(../img/bg_repeat.gif) repeat-y center top;
	}
/******************************************************************************
header
******************************************************************************/
#header{
	width: 908px;
	height: 107px;
	margin: 0 auto;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background: url(../img/bg_header.gif) no-repeat right top;
	}
#header .f-left{
	width: 190px;
	}
#header .f-right{
	position: relative;
	width: 718px;
	}
/*------------------------------*/
/*global*/
/*------------------------------*/
#global{
	position: absolute;
	top: 61px;
	left: 1px;
	}
#global li{
	position: absolute;
	top: 0;
	height: 42px;
	background-position: left top;
	background-repeat: no-repeat;
	}
#global li a{
	display: block;
	}
#global li.about{
	left: 0;
	width: 238px;
	background-image: url(../img/gl_about_on.gif);
	}
#global li.introduction{
	left: 241px;
	width: 235px;
	background-image: url(../img/gl_introduction_on.gif);
	}
#global li.cuisine{
	left: 479px;
	width: 237px;
	background-image: url(../img/gl_cuisine_on.gif);
	}
#global li.shopping{
	left: 542px;
	width: 175px;
	background-image: url(../img/gl_shopping_on.gif);
	}
/* switch */
body#about li.about img,
body#introduction li.introduction img,
body#cuisine li.cuisine img,
body#shopping li.shopping img{
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	}

/*------------------------------*/
/*sub*/
/*------------------------------*/
#sub{
	position: absolute;
	top: 28px;
	right: 29px;
	width: 312px;
	height: 14px;
	background: url(../img/bg_sub.gif) no-repeat left center;
	}
#sub li{
	position: absolute;
	}
#sub li.saiji{
	right: 239px;
	}
#sub li.diary{
	right: 140px;
	}
#sub li.recipe{
	right: 18px;
	}

/******************************************************************************
contents
******************************************************************************/
#contents{
	width: 908px;
	margin: 0 auto;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	}
#contents #bg.heightLine,
#contents #right.heightLine{
	min-height: 950px;
	}

/*------------------------------*/
/*left*/
/*------------------------------*/
#left{
	position: relative;
	float: left;
	width: 190px;
	background: url(../img/bg_left_top.gif) no-repeat left top #EDE0DD;
	}
#left .img-bg{
	position: absolute;
	bottom: 0;
	}
/* bg */
#bg{
	background: url(../img/bg_left_bottom.gif) no-repeat left bottom;	
	_background: none!important;
	}

/*------------------------------*/
/*right*/
/*------------------------------*/
#right{
	float: right;
	width: 718px;
	}

/*------------------------------*/
/*topicpath*/
/*------------------------------*/
#topicpath{
	padding: 15px 29px 0 29px;
	font-size: 1.2em;
	color: #666;
	line-height: 1.5;
	}
#topicpath ol{
	list-style-type: none;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 0;
	}
#topicpath ol li{
	float: left;
	background: url(../img/topicpath-arrow.gif) no-repeat 5px center;
	padding: 0 0 0 15px;
	}
#topicpath ol li.home{
	background: none;
	padding: 0;
	}
#topicpath ol li a {
	color: #666;
	}

/*------------------------------*/
/*page*/
/*------------------------------*/
#page{
	padding: 30px 29px 10px 29px;
	}

/*pagetop*/
p.pagetop{
	text-align: right;
	padding: 20px 0;
	}

/******************************************************************************
footer
******************************************************************************/
#footer{
	width: 908px;
	margin: 0 auto;
	color: #fff;
	background: #191919;
	}
#footer .contact{
	background:#f1ede4;
	border-top:#dcdad5 solid 1px;
	padding:8px 30px 22px 30px;
	border-bottom:#474747 solid 5px;
	line-height:0;
}
#footer .contact .ttl{
	border-bottom:#ccc9c4 solid 1px;
	padding:0 0  5px 0;
	margin:0 0 10px 0;
}
#footer .contact .ttl .f-left{
	padding:5px 0 0 0;
}
#footer .contact ul li{
	float:left;
	border-right:#cfcbc6 solid 1px;
	padding:0 23px 0 0;
	margin:0 22px 0 0;
}
#footer .contact ul li.end{
	float:left;
	border-right:none;
	padding:0;
	margin:0;
}
#footer .footer_btm{
	padding:20px 30px;
}
#footer .footer_btm .f_address{
	float:left;
	width:520px;
}
#footer .footer_btm .f_address address{
	text-decoration:none;
	font-style:normal;
}
#footer .footer_btm .f_address .f-left{
	width:105px;
	border-right:#303030 solid 1px;
}
#footer .footer_btm .f_address address.f-left{
	width:375px;
	padding:0 0 0 15px;
	line-height:1.4;
	border:none;
	color:#9a9a9a;
}
#footer .footer_btm .copy{
	float:right;
	width:219px;
	padding:5px 0 0 0;
}