@charset "utf-8";
/*------------------------------------------------- デフォルトスタイルの無効化 */
form, h1, h2,ul,li{ margin: 0; padding: 0;}

/* -- Full Standardモードではvertical-alignの初期値がbaselineのため追加設定 -- */
img{ border-style: none; margin: 0; padding: 0; vertical-align: bottom; border: none;}
ul{ list-style: none; margin: 0;}

/*------------------------------------------------------------------- 基本骨子 */
body{ 
	color: #444444;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	line-height: 1.7em;
	text-decoration: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: #000 url(../img/main_bg.gif) repeat center top;
	text-align: center;
} 
a:link{
	color: #c5b56e;
	text-decoration: none;
	}
a:visited {
	color: #c5b56e;
	text-decoration: none;
	}
a:hover{
	color: #c5b56e;
	text-decoration: underline ;
	}
a:active{
	color: #c5b56e;
	text-decoration: none;
	}
h1,h2,h3,h4,h5{
	font-weight: normal ;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	font-size: 100%;
}	
#container{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/c_bg.gif) no-repeat center top;
	text-align: center;
}
#container02{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
p.op_logo{
	margin-top: 350px;
}

/*------------------------------------------------------------------- header */
#header{
	width: 900px;
	margin: 0 0 15px 0; padding: 0;
}
.logo{
	margin: 0 0 15px 0;
	padding: 0;
}
#header p{ 
	text-align: left;
	text-indent: -9987em ;
	list-style-type: none;
	margin: 0 0 0 312px; padding: 0;
}
#header p a{
	display: block;
	width: 278px;
	height: 96px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	background: url(../img/logo.gif) no-repeat top center;
}
/*------off*/
#header p#logo a{
	background-position: 0px 0px;
}
/*------on*/
#header p#logo a:hover{
	background-position: 0px -96px;
}

/*------------------------------------------------------------------- main_contents */
#main_contents{ 
	width: 900px ;
	margin: 0; padding: 0;
	text-align: center;
}
.main_visual{
	width: 900px; height: 306px;
	margin: 0 0 15px 0; padding: 0;
}
ul#top_banner{
	width: 900px;
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
}
ul#top_banner li{
	display: inline;
	list-style-type: none;
	float: left;
}
.s_right{
	margin-right: 21px;
}

/*------------------------------------------------------------------- contents */
#contents{
	width:850px;
	margin: 0 auto;
	padding: 0;
}
.box01{
	background: #fff;
	margin: 15px 1px 0 1px;
	padding: 1px 0px;
}
.box01a{
	background: #fff;
	margin: 0 -1px;
	padding: 23px;
}
.box02{
	width: 800px;
	border: solid 1px #c9bc83;
	background: #f7f5ea url(../img/bg_box.gif) repeat center top;
}
.c_logo{
	margin: 20px 0 36px 0;
}
.pagetop {
	margin: 0 0 20px 0;
	width: 780px;
	text-align: right;
}

/*------------------------------------------------------------------- contents01〜 */
#contents01{
	width: 650px;
	text-align: left;
	margin: 0 75px; padding: 0;
}

#contents02{
	width:620px;
	margin: 0 auto; padding: 0;
}

#contents03{
	width:700px;
	margin: 0 auto; padding: 0;
}
#contents04{
	width:400px;
	margin: 0 auto; padding: 0;
}

/*------------------------------------------------------------------- maru_contents */
/* ------------------ corner top bottom ------------------ */
#maru-contens-top,
#maru-contens-top div,
#maru-contens-btm,
#maru-contens-btm div {
	height: 4px;
	line-height: 0px;
	font-size: 0px;
}
#maru-contens-top div,
#maru-contens-btm div {
	margin-left: 10px;
}
#maru-contens-top {
	background: url(../img/bg_top_l.gif) no-repeat left bottom;
}
#maru-contens-top div {
	background: url(../img/bg_top_r.gif) no-repeat right bottom;
}
#maru-contens-btm {
	background: url(../img/bg_btm_l.gif) no-repeat left top;
}
#maru-contens-btm div {
	background: url(../img/bg_btm_r.gif) no-repeat right top;
}

/* ------------------ general ------------------ */
#maru_contents{
	color: #7f7d7a;
	margin: 20px 0;
	text-align: left;
}
#maru_contents .main {
	background: #fff;
	padding: 33px 30px 30px 30px;
}
#maru_contents p {
	margin: 0;
}

/*=================================================================== ABOUT */
#about {
	background: #fff url(../about/img/t_bg01.jpg) no-repeat center top;
	margin: 0; padding: 0;
	height: 260px;
	min-height: 260px;
	text-align: left;
}
.about_header p {
	padding: 7px 0 12px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.about_contents {
	margin: 20px 5px 0;
	text-align: left;
	font-size: 105%;
	color: #7f7d7a;
}
.about_contents h3 {
	padding: 7px 0 6px 0;
	border-bottom: 1px dashed #ccc;
	margin: 10px 0 10px 0;
	font-weight: bold;
}
#about p.title {
	margin: 0 0 0 28px;
	padding: 29px 0 0 0;
}
#about p.text {
	margin: 16px 0 18px 29px;
	padding: 0;
}
#about p.link {
	margin: 0 0 7px 30px;
	padding: 0;
}
.data {
	margin-top: 14px;
	padding-top: 5px;
	text-align: right;
	font-size: 90%;
}

/*=================================================================== TOPICS */
.topi_header {
	margin: 0 20px;
}
.topi_header h1 {
	margin-left: 3px;
	background: url(../topics/img/spoon.gif) no-repeat left top;
	padding: 5px 0 12px 35px;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
}
.date {
	margin-top: 14px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px solid #c2c2c2;
	font-size: 90%;
}
.topi_contents {
	margin: 15px 30px 0;
	text-align: left;
	font-size: 105%;
}

/*=================================================================== RECIPES */
#recipes {
	background: #fff url(../recipes/img/title.jpg) no-repeat center top;
	padding: 0;
	margin: 0;
	height: 260px;
	min-height: 260px;
}
#recipes p.title {
	margin: 0;
	padding: 23px 0 0 0;
}
#recipes p.link {
	margin:  11px 0 0 0;
	padding: 0;
}
p.link img {
	margin: 0; padding: 0;
}
.recipes_header p {
	padding: 7px 0 12px 0;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.recipes_contents {
	margin: 20px 5px 0;
	text-align: left;
	font-size: 105%;
	color: #7f7d7a;
}
.fl_thing img{
	float: left;
	margin: 0 15px 10px 0;
}
.fr_thing img{
	float: right;
	margin: 0 0 10px 15px;
}

/*=================================================================== Q & A */
.qa_header {
	margin: 0 20px;
}
.qa_header h1 {
	margin-left: 3px;
	background: url(../contact/img/q.gif) no-repeat left top;
	padding: 5px 0 12px 35px;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	color: #41a4bd;
	border-bottom: 1px solid #c2c2c2;
}
.qa_contents {
	margin: 15px 30px 0;
	text-align: left;
	font-size: 105%;
}
.qa_link a:link{
	color: #41a4bd;
	text-decoration: none;;
	}
.qa_link a:visited {
	color: #41a4bd;
	text-decoration: none;;
	}
.qa_link a:hover{
	color: #41a4bd;
	text-decoration: underline;
	}
.qa_link a:active{
	color: #41a4bd;
	text-decoration: none;
	}
.qa_contents a:link{
	color: #c5b56e;
	text-decoration: underline;;
	}
.qa_contents a:visited {
	color: #c5b56e;
	text-decoration: underline;;
	}
.qa_contents a:hover{
	color: #c5b56e;
	text-decoration: underline;
	}
.qa_contents a:active{
	color: #c5b56e;
	text-decoration: none;
	}
.qa_pagetop {
	text-align: right;
	padding-top: 5px;
}

/*=================================================================== CONTACT */
#contents01 p.gamen{
	margin: 15px 0 30px 0;
}

/*------------------ contact form ------------------*/
#orderForm {}
#orderForm * {vertical-align: middle;}
#orderForm label {font-size: 1.08em; font-weight: bold; margin: 0 0 10px 0; padding: 0;}
#orderForm input {width:280px; border: 1px solid #CCC; padding: 7px 3px 3px 3px; height: 20px; font-size: 1.5em; color: #4C4C4C;}
#orderForm input#number {width:30px; border: 0; padding: 7px 3px 3px 3px; height: 20px; font-size: 1.5em; color: #4C4C4C;}
#orderForm select {width:282px; height: 30px; border: 1px solid #CCC; padding: 0; font-size: 1.5em; color: #4C4C4C;}
#orderForm textarea {width: 540px; border: 1px solid #CCC; padding: 3px; font-family: ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3, Helvetica, Arial, Sans-Serif; padding: 7px 3px 3px 3px; height: 120px; color: #4C4C4C}
#orderForm button { clear: both; margin: 0 0 0 255px; cursor: pointer; width: 140px; height: 30px; background: url(../contact/img/send.gif) no-repeat top left; border: none;}
#orderForm p.send { margin: 0 0 20px 0;}
.f_style01 { float: left; margin: 0 0 20px 0;}
.f_style02 { float: right; margin: 0 0 20px 0;}
.f_style03 { clear: both; margin: 0 0 20px 0;}
.f_kaku01 { margin: 0 0 20px 0;}
.f_kaku01 label{ color: #81aec3;}
.f_kaku02 { margin: 0 0 20px 0; font-size: 150%;}
.notes { margin: 0 0 25px 0; padding: 0;}
.kanryo { margin: 120px 0 160px 0;}

/*------------------------------------------------------------------- footer */
#footer{
	width: 900px;
	margin: 55px 0 0 0;
	text-align: center;
}
ul#f_navi{
	clear: both;
	margin: 0; padding: 0;
}
ul#f_navi li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.f_border{
	margin: 10px 0;
}
.copyright{
	margin: 0 0 10px 0;
	text-align: center;
	color: #7d7550;
}

/*------------------------------------------------------------------- グローバルナビゲーション */
ul#g_navi{
	width: 100%;
	height: 56px;
	margin: 0; padding: 0;
	clear: both;
}
ul#g_navi li{ 
	text-indent: -9987em ;
	list-style-type: none;
	float: left;
}
ul#g_navi li a{
	display: block;
	width: 180px;
	height: 56px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	background: url(../img/g_navi.gif) no-repeat;
}
/*------off*/
ul#g_navi li#cremador a{
	background-position: 0px 0px;
}
/*------on*/
ul#g_navi li#cremador a:hover{
	background-position: 0px -56px;
}
/*------off*/
ul#g_navi li#topics a{
	background-position: -180px 0px;
}
/*------on*/
ul#g_navi li#topics a:hover{
	background-position: -180px -56px;
}
/*------off*/
ul#g_navi li#recipe a{
	background-position: -360px 0px;
}
/*------on*/
ul#g_navi li#recipe a:hover{
	background-position: -360px -56px;
}
/*------off*/
ul#g_navi li#shop a{
	background-position: -540px 0px;
}
/*------on*/
ul#g_navi li#shop a:hover{
	background-position: -540px -56px;
}
/*------off*/
ul#g_navi li#contact a{
	background-position: -720px 0px;
}
/*------on*/
ul#g_navi li#contact a:hover{
	background-position: -720px -56px;
}

/*------------------------------------------------- color */
.color01 {
	color:#01a9d3 !important;
}
.color01_m {
	color:#01a9d3 !important;
	font-size: 90%;
	margin: 0;
}
.red {
	color: #a40000;
}
.red2 {
	color: #e05353;
}
.blue {
	color: #01a9d3;
}
.clear{
	clear: both;
}
/*------------------------------------------------------------------- PUBLICITY */
#publicity { 
	width: 900px;
	height: 118px
	margin: 10px 10px 10px 10px;
	text-align: left;

	background: #000 url(../img/pub_bg.gif) no-repeat center top;
}

div.inbox01 {
	height: 90px;
	width: 685px;
	padding: 14px 15px 14px 200px;
}

.inbox02{
	background-color: #f3f1e9;
	padding: 6px 10px;
}

.inbox02 ul{
	overflow: auto ; 
	height: 80px;
	background-color: #f3f1e9;
	line-height:1.8em ;
	width: 665px; 
}

.inbox02 li{ 
	background: url(../img/pub_icon.gif) no-repeat 0px 50%;
	padding-left: 12px;
	border-bottom: #c1b893 dotted 1px;
} 

#publicity a:link{
	color: #a08615;
	text-decoration: none;
	}
#publicity a:visited {
	color: #a08615;
	text-decoration: none;
	}
#publicity a:hover{
	color: #a08615;
	text-decoration: underline;
	}
#publicity a:active{
	color: #a08615;
	text-decoration: none;
	}

/*------------------------------------------------------------------- INFO AREA */
#infoArea { 
	width: 900px;
	height: 57px
	margin: 0;
	text-align: left;

	background: url(../img/info_bg3.gif) no-repeat center top;
}

div.inbox03 {
	height: 19px;
	width: 685px;
	padding: 8px 5px 7px 200px;
}

div.inbox03_01 {
	height: 19px;
	width: 685px;
	padding: 8px 5px 2px 200px;
}

div.inbox03_02 {
	height: 19px;
	width: 685px;
	padding: 2px 5px 2px 200px;
}

div.inbox03_03 {
	height: 19px;
	width: 685px;
	padding: 2px 5px 7px 200px;
}

.inbox04{
	background-color: #2b2921;
	padding: 2px 2px;
}

.inbox04 ul{
	height: 14px;
	line-height: 1.5em;
	width: 665px; 
}

.inbox04 li{ 
	background: url(../img/info_icon.gif) no-repeat 0px 50%;
	padding-left: 18px;
	margin-left: 3px;
} 

#infoArea a:link{
	color: #a08615;
	text-decoration: none;
	}
#infoArea a:visited {
	color: #a08615;
	text-decoration: none;
	}
#infoArea a:hover{
	color: #a08615;
	text-decoration: underline;
	}
#infoArea a:active{
	color: #a08615;
	text-decoration: none;
	}