* {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------
基本レイアウト
----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height: 140%;
	color: #444444;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 100.01%;
	background: url(../images/Texture0109.jpg) 0 0 repeat;
	/*background-color: #EEE6D9;*/
	}


#bg {
	width: 990px;
	margin: 0 auto;
	background-image: url(../images/bg.gif);
	background-repeat:repeat-y;
}

#wrapper {
	width: 970px;
	background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
}


/*----------------------------------------------------------------------
あらかじめ定義するもの
----------------------------------------------------------------------*/
img {
	border: none;

}

.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

/*----------------------------------------------------------------------
ie6の横スクロールを消す
----------------------------------------------------------------------*/
html{
	overflow-y: scroll;

} 

/*----------------------------------------------------------------------
サイト内検索
----------------------------------------------------------------------*/
#search {
	text-align: right;
	padding: 0px 12px 0px 0px;

}

.search{
	background: #ffffff;
	border: 1px solid #ff0000;
	width: 165px;
	height: 17px;
	padding: 3px 0px 0px 0px;
	color: #444444;
	
}

.search_button{
	padding: 2px 2px 0px 2px;
	color: #444444;
	
}

#search_area {
	clear: both;
	text-align: center;
	margin: 10px auto;

}

.search_title {
	text-align: left;
	border-top: 1px solid #db0000;
	border-bottom: 1px solid #db0000;
	border-left: 8px solid #db0000;
	border-right: 1px solid #db0000;
	margin: 0 32px 10px 32px;
	padding: 5px 0 4px 6px;
	color: #4D2D20;
	font-size: 100%;
	letter-spacing: 0.03em;

}


/*----------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------*/
/*#header_top {
	background-image: url(../images/h_bg.gif);
	background-repeat: repeat-x;

}
*/

#header {
	height: 93px;
	/*border-top: 5px solid #DB0000;*/

}

#header .logo {
	float: left;
	padding: 6px 210px 2px 17px;

}

#header .header_navi {
	float: right;

}

#header .header_navi ul {
	list-style-type: none;
	padding-right: 10px;

}

#header .header_navi ul li {
	float: left;
	font-size: 95%;
	padding: 3px 3px 12px 24px;

}

#header .header_navi ul li a.home {
	display: block;
	text-decoration: none;
	background-image: url(../images/home.gif);
	background-repeat: no-repeat;
	color: #444444;
	padding: 3px 0px 0px 24px;

}

#header .header_navi ul li a.contact {
	display: block;
	text-decoration: none;
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	color: #444444;
	padding: 3px 0px 0px 24px;

}

#header .header_navi ul li a:hover {
	color: #db0000;

}


/*----------------------------------------------------------------------
メインイメージ
----------------------------------------------------------------------*/
#mainimage {
	text-align: center;
	margin: 0 auto;
	clear: both;
	width: 950px;
	height: 330px;
	/*background-color: #ffffff;*/
	z-index: 1;

}

/*----------------------------------------------------------------------
新着情報とレシピ（コンテンツ左側）
----------------------------------------------------------------------*/
#contents {
	clear: both;
	text-align: center;
	margin: 0 auto;

}

#contents h2 {
	text-indent: -9999px;
	width: 660px;
	height: 36px;
	margin: 0px 0 10px 0;

}

#contents h2.new_title {
	background-image: url(../images/new_title.gif);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	
}

#contents h2.reco_title {
	background-image: url(../images/reco_title.gif);
	background-repeat: no-repeat;
	
}

#contents #left_area {
	float: left;
	padding: 11px 0 0 10px;

}

#contents #left_area .new {
	width: 635px;
	height: 199px;
	border: 1px solid #dddddd;
	overflow: auto;
	padding: 1px 12px 10px 12px;
	margin-bottom: 10px;

}

#contents #left_area .new .new_text {
	font-size: 85%;
	text-align: left;
	padding: 10px 0 6px 0;
	border-bottom: 1px dotted #dddddd;

}

#contents #left_area .new .new_text span {
	color: #DECDB2;
	padding: 0 10px 0 0;

}

#contents #left_area .new .new_text a {
	color: #B38E74;
	text-decoration: underline;

}


#contents #left_area .new .new_text a:hover {
	color: #CEAC95;
	text-decoration: none;

}

#contents #left_area .recommend {


}

/*----------------------------------------------------------------------
バナーと会社住所（コンテンツ右側）
----------------------------------------------------------------------*/
#contents #right_area {
	padding: 10px 10px 0 0;
	float: right;

}

#contents #right_area .r_banar a {
	padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	/*overflow: hidden;*/
	display: block;
	width: 272px;
	height: 92px;

}

#contents #right_area .r_banar a.chiiki {
	background: url(../images/chiiki_home.jpg) 0 0 no-repeat;

}

#contents #right_area .r_banar a.chiiki:hover {
	background: url(../images/chiiki_home.jpg) 0 -92px no-repeat;
}

#contents #right_area .r_banar a.recruit {
	background: url(../images/recruit_home.jpg) 0 0 no-repeat;
	margin-top: 5px;
}

#contents #right_area .r_banar a.recruit:hover {
	background: url(../images/recruit_home.jpg) 0 -92px no-repeat;
}

#contents #right_area .r_banar a.recipe {
	background: url(../images/reco_home.jpg) 0 0 no-repeat;
	margin-top: 10px;

}

#contents #right_area .r_banar a.recipe:hover {
	background: url(../images/reco_home.jpg) 0 -92px no-repeat;

}

#contents #right_area .r_banar a.blog {
	background: url(../images/blog_home.jpg) 0 0 no-repeat;
	margin-top: 10px;

}

#contents #right_area .r_banar a.blog:hover {
	background: url(../images/blog_home.jpg) 0 -92px no-repeat;

}

#contents #right_area .r_banar_txt {
	text-align: left;
	font-size: 75%;
	line-height: 120%;
	padding: 3px 0 0px 1px;

}

#contents #right_area .r_banar_txt a {
	color: #B38E74;
	text-decoration: underline;

}

#contents #right_area .r_banar_txt a:hover {
	color: #CEAC95;
	text-decoration: none;

}


/*----------------------------------------------------------------------
フッターナビ
----------------------------------------------------------------------*/
#footer_navi {
	clear: both;

}

#footer_navi ul {
	list-style-type: none;
	padding-left: 8px;

}

#footer_navi ul li {
	float: left;
	background: url(../images/link.gif) 0 0 no-repeat;
	padding: 1px 15px 2px 23px;
	font-size: 80%;
}

#footer_navi ul li a {
	display: block;
	text-decoration: none;
	color: #444444;
	
}

#footer_navi ul li a:hover {
	display: block;
	text-decoration: none;
	color: #b08c73;
	
}

/*----------------------------------------------------------------------
住所
----------------------------------------------------------------------*/
#address_area {
	clear: both;
	border-top: 1px solid #4d2d20;

}

/*#address_area .address {
	background-image: url(../images/address_w_home.gif);
	background-repeat: no-repeat;
	width: 688px;
	height: 53px;
	margin-top: 8px;

}
*/

#address_area .eco {
	float: left;
	padding: 9px 0 0 11px;

}

#address_area .eco_txt {
	float: left;
	padding: 50px 0 0 6px;
	font-size: 70%;
	text-align: left;

}

#address_area .address {
	float: right;
	font-size: 90%;
	color: #4E2E21;
	line-height: 145%;
	text-align: right;
	padding: 7px 10px 4px 0;

}

#address_area .address span {
	font-weight: bold;
	font-size: 115%;

}

/*----------------------------------------------------------------------
フッター
----------------------------------------------------------------------*/
#footer {
	clear: both;
	background-image: url(../images/footer_bg.gif);
	/*border-top: 1px solid #B38E74;*/
	color: #ffffff;
	text-align: right;
	font-size: 70%;
	padding: 0 8px 0 0;
	font-family: Arial, Helvetica, sans-serif;


}

/*----------------------------------------------------------------------
ページトップに戻るアンカーの設定
----------------------------------------------------------------------*/
.gototop {
	clear: both;
	text-align: right;
	padding: 10px 10px 0 0;
	margin: 10px 0px 0 0;

}

.gototop a {
	font-size: 65%;
	text-decoration: none;
	color: #FFFFFF;
	border: 1px solid #db0000;
	padding: 2px 8px 1px 6px;
	background-color: #db0000;
	
}

.gototop a:hover {
	text-decoration: none;
	color: #db0000;
	border: 1px solid #db0000;
	padding: 2px 8px 1px 6px;
	background-color: #ffffff;
}


/*----------------------------------------------------------------------
中ページメインエリア
----------------------------------------------------------------------*/
#main_area {
	text-align: left;
	padding: 0px 0 0px 0;

}

/*----------------------------------------------------------------------
中ページタイトル
----------------------------------------------------------------------*/
#main_area h2 {
	clear: both;
	text-indent: -9999px;
	width: 950px;
	height: 45px;
	margin: 2px 0 17px 10px;

}

#main_area h2.outline {
	background-image: url(../images/top_outline.gif);
	background-repeat: no-repeat;

}

#main_area h2.idea {
	background-image: url(../images/top_idea.gif);
	background-repeat: no-repeat;

}

#main_area h2.business {
	background-image: url(../images/top_business.gif);
	background-repeat: no-repeat;

}

#main_area h2.commodity {
	background-image: url(../images/top_commodity.gif);
	background-repeat: no-repeat;

}

#main_area h2.recruit {
	background-image: url(../images/top_recruit.gif);
	background-repeat: no-repeat;

}

#main_area h2.recruit_st {
	background-image: url(../images/top_recruit_st.gif);
	background-repeat: no-repeat;

}

#main_area h2.recipe {
	background-image: url(../images/top_recipe.gif);
	background-repeat: no-repeat;

}

#main_area h2.link {
	background-image: url(../images/top_link.gif);
	background-repeat: no-repeat;

}

#main_area h2.contact {
	background-image: url(../images/top_contact.gif);
	background-repeat: no-repeat;

}

#main_area h2.blog {
	background-image: url(../images/top_blog.gif);
	background-repeat: no-repeat;

}

#main_area h2.komeko {
	background-image: url(../images/top_komeko.gif);
	background-repeat: no-repeat;

}



/*----------------------------------------------------------------------
次ページへのリンク
----------------------------------------------------------------------*/
#main_area .next {
	clear: both;
	text-align: right;
	padding: 17px 17px 7px 0;

}

#main_area .next a {
	font-size: 100%;
	text-decoration: underline;
	color: #db0000;

}

#main_area .next a:hover {
	text-decoration: none;
	color: #FF6B6B;

}