@charset "shift_jis";

body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
text-align: center;
color: #666666;
background-image:url(/site/media/common/background.gif);
background-repeat: repeat-y;
background-position: center;
margin:0px;
padding:0px;
}

/*CSSハック 背景のズレを修正*/

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/* FireFoxでpadding指定 */
html:not([lang*=""]) body {
background-image:url(/site/media/common/background-fx.gif);
padding-left: 1px;
}

h1,h2,h3,ul,li{
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
}

br{
margin:0px;
padding:0px;
}

.clear {
clear:both;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
line-height:18px;
}

img {
border:0px;
}

a:link {
color: #6db76d;
text-decoration:underline;
}
a:visited {
color: #6db76d;
}
a:hover {
color: #ff8432;
}
a:active {
color: #ff8432;
}

#container {
width: 800px;
margin: 0px auto; 
text-align: left; 
}

/*-ヘッダー----------------------------------------*/

#header {
background-image:url(/site/media/common/header-bg.gif);
height:91px;
}

#header h1 {
	float:left;
	padding-top: 18px;
	padding-left: 10px;
}

#header #right{
 float:right;
	text-align:right;
}

#header #menu01{
	padding-top: 4px;
	padding-right: 10px;
}

#header #shop-btn{
	padding-top: 5px;
	padding-right: 6px;
}

#header #menu02{
 padding-top:13px;
 padding-right:10px;
}

#header a:link {
color: #000000;
text-decoration:none;
}
#header a:visited {
color: #000000;
text-decoration:none;
}
#header a:hover {
color: #000000;
text-decoration:none;
}
#header a:active {
color: #000000;
text-decoration:none;
}


/*-メイン--------------------------------------------*/

#mainContent {
padding-top:8px;
padding-bottom:8px;
}

/*-サブ--------------------------------------------*/
#sub{
float:left;
width:225px;
/*padding-left:10px;
background-image:url(img/sub-bg02.gif);*/
}
#sub-inner{
width:225px;
margin-left:10px;
background-image:url(/site/media/common/sub-bg02.gif);
}


/*-メイン--------------------------------------------*/


#main {
float:right;
padding-right:5px;
}

#main-inner {
width:553px;
background-image:url(/site/media/common/main-bg02.gif);
}


/* IE6以下でpadding指定 */
/**html #main {
float:right;
width:553px;
background-image:url(/site/media/common/main-bg02.gif);
margin-right:2px;
}*/


#main #title{
height:202px;
background-image:url(/site/media/common/main-bg01.gif);
}

#main #titletext{
float:left;
}

#main #titlepict{
float:right;
}

#box{
padding:12px 0px 0px 17px;
}

#main #box ul{
margin:0px;
padding:0px;
}

#main #box li{
 font-size:14px;
	list-style-type: none;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 25px;
	margin-left: 5px;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
	background-image: url(/site/media/common/bar.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.price{
 font-size:12px;
	margin-top:4px;
}




#pagetop{
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}

/*-フッター--------------------------------------------*/

#footer {
background:#deffde;
}

#footer p {
font-size:10px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


/*-about--------------------------------------------*/
.green-border{
	border: 5px solid #94d694;
	padding-top: 13px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 475px;
}


/*-concept--------------------------------------------*/
#oem{
	background-image:url(/site/media/img/concept-oem02.gif);
	width:529px;
	margin:0 0 0 9px;
}


/*-question--------------------------------------------*/

#question-bg{
background-image:url(/site/media/img/question-bg-02.gif);
background-repeat:repeat-y;
width:520px;
}

.question{
	font-size: 14px;
	background-image: url(/site/media/img/q.gif);
	background-repeat: no-repeat;
	background-position: 15px top;
	height: 25px;
	padding-top: 5px;
	padding-left: 47px;
	padding-right: 10px;
}

.answer{
	font-size: 12px;
	line-height:16px;
	background-image: url(/site/media/img/a.gif);
	background-repeat: no-repeat;
	background-position: 15px top;
	padding-top: 4px;
	padding-left: 47px;
	padding-right: 10px;
}


/*-recipe--------------------------------------------*/
#recipe{
width:525px;
}

.recipe-title{
margin-bottom:10px;
}

.recipe-title02{
margin-top:20px;
}

.recipe-title03{
margin-top:5px;
}

.recipe-box{
border:2px solid #dab266;
padding:6px;
}

.recipe-box02{
border:2px solid #ff9933;
padding:6px;
}

.recipe-box03{
border:2px solid #0099ff;
padding:6px;
}

.recipe-box04{
border:2px solid #f44605;
padding:6px;
}

.recipe-box-inner{
border:1px solid #dab266;
}

.recipe-box-inner02{
border:1px solid #ff9933;
}

.recipe-box-inner03{
border:1px solid #0099ff;
}

.recipe-box-inner04{
border:1px solid #f44605;
}

.recipe-main{
padding:12px;
}

.recipe-main-title{
margin-bottom:8px;
}

.osusume{
width:480px;
margin-bottom:20px;
}

.osusume-inner{
background-color:#ead6ac;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #dab266;
}

.osusume-inner02{
background-color:#fecf83;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #ff9933;
}

.osusume-inner03{
background-color:#ddf3ff;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #0099ff;
}

.osusume-inner04{
background-color:#feded1;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #f44605;
}

.osusume-box{
padding-top:3px;
padding-left:10px;
padding-right:10px;
padding-bottom:8px;
}

.osusume-box .text{
width:120px;
padding-bottom:8px;
}

.osusume-box .text02{
width:95px;
padding-bottom:8px;
}

.osusume-bar{
background:url(/site/media/recipe_img/autumn/bar.gif) repeat-x;
background-position:bottom;
margin-bottom:8px;
padding-bottom:5px;
padding-left:8px;
}

.osusume-bar02{
background:url(/site/media/recipe_img/spring/bar.gif) repeat-x;
background-position:bottom;
margin-bottom:8px;
padding-bottom:5px;
padding-left:8px;
}

.osusume-bar03{
background:url(/site/media/recipe_img/summer/bar.gif) repeat-x;
background-position:bottom;
margin-bottom:8px;
padding-bottom:5px;
padding-left:8px;
}

.osusume-bar04{
background:url(/site/media/recipe_img/winter/bar.gif) repeat-x;
background-position:bottom;
margin-bottom:8px;
padding-bottom:5px;
padding-left:8px;
}

.recipe01{
padding-left:1px;
padding-right:4px;
}

.recipe01-inner{
background:url(/site/media/recipe_img/autumn/bg.gif);
padding:10px;
}

.recipe01-inner02{
background:url(/site/media/recipe_img/spring/bg.gif);
padding:10px;
}

.recipe01-inner03{
background:url(/site/media/recipe_img/summer/bg.gif);
padding:10px;
}

.recipe01-inner04{
background:url(/site/media/recipe_img/winter/bg.gif);
padding:10px;
}

.recipe-text{
line-height:18px;
}

.recipe-text02{
line-height:18px;
padding-top:5px;
}

.recipe-text03{
padding-top:10px;
padding-left:10px;
}


.essential-serch{
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6CB66B;
	border-bottom-color: #6CB66B;
	border-left-color: #6CB66B;
	width: 500px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	margin-bottom: 10px;
}