@charset "UTF-8";
/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/


/* 全体構造 base 
---------------------------------*/
html { height:100%; }
body {
	text-align: center;
	margin: 0;
	padding: 0;
	scrollbar-face-color: #c;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-arrow-color: #0d6eaa;
	scrollbar-track-color: #fff;
	scrollbar-base-color: #ffffff;
	scrollbar-3dlight-color: #f3f7f9;
	scrollbar-darkshadow-color: #999999;
	overflow:visible;
	font-size:85%;
	height: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

#wrapper_index {
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/recipe_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position:relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 120px;
}
#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	font-size: 92%;
	position:relative;
	margin-bottom: 20px;

}
/*ie6*/
*html #container {
	color: #555;
	width: 960px;
	height: auto;
	text-align: left;
	font-size: 92%;
	overflow: hidden;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}
/*==================================================================
	Header styles
===================================================================*/

#header {
	text-align: left;
	margin:0 auto;
	width: 960px;
	height: 150px;
}
#header h1 {
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
}
#header p.ci {
	float:left;
	padding-top: 15px;
	_padding-top: 15px;
	margin-left: 6px;
	_margin-left: 3px;
}

/* header バナー
-------------------------------------------------------------------*/
#header ul.button {
	float:right;
	margin-top: 10px;
	width: 471px;
	clear: right;
}

#header ul.button li {
	float: left;
	list-style-type: none;
	vertical-align: middle;
}

#header ul.button02 {
	float:right;
	width: 391px;
	clear: right;
	padding-right:50px;
}

#header ul.button02 li {
	float: left;
	list-style-type: none;
	vertical-align: middle;
	text-align:center;
		padding-left:80px;

}
/*==================================================================
	Main styles
===================================================================*/
#mainContent {
	text-align: left;
	width: 960px;
	margin-bottom: 40px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
/*==================================================================
	レシピ
===================================================================*/
.recipe_box {
	width: 960px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	_zoom: 1;
	overflow: hidden;
	padding-bottom: 8px;
	background-image: url(../images/recipe_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.recipe_head {
	font-weight: bold;
	background-image: url(../images/recipe_bg_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.recipe_date {
	font-size:122%;
	padding-left:28px;
	display: block;
	color: #412a03;
	padding-top: 20px;
	padding-bottom: 3px;
}
.onair {
	font-size: 11pt;
	color: #e12f24;
	text-align: center;
	width: 230px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin-right: 30px;
	border: 2px dashed #e12f24;
	padding-top: 4px;
	position: absolute;
	left: 440px;
	top: 183px;
}

.recipe_head h5 {
	font-size:182%;
	font-weight: bold;
	padding-left: 28px;
	margin-top: 6px;
	color: #412a03;
}
.print_bt {
	display: block;
	float: right;
	padding-right: 20px;
	_zoom: 1;
	overflow: hidden;
	margin-top: 20px;
}

.data_box {
	border:#d4cba3 1px solid;
	padding:25px;
	background-color: #FFFFFF;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.data_box h3{
	margin-left: 0px;
}
.data_box ul{
	margin-top: 20px;
	margin-left: 10px;
}

.data_box ul li{
	display: inline;
}

.tss {
	font-size: 122%;
	background-image: url(../images/tss.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 2px;
	padding-left: 135px;
	margin-top: 10px;
	margin-right: 30px;
	padding-bottom: 2px;
	font-weight: bold;
}
.rnc {
	font-size: 122%;
	background-image: url(../images/rnc.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 2px;
	padding-left: 135px;
	margin-top: 10px;
	padding-bottom: 2px;
	font-weight: bold;
}
.recipe_leftbox {
	float:left;
	margin-right: 20px;
	width: 402px;
	font-size: 92%;
	line-height: 1.2em;
}
/*ie6*/
*html .recipe_leftbox {
	float:left;
	margin-right: 20px;
	width: 402px;
	font-size: 85%;
	line-height: 1.4em;
}
/*ie7*/
*:first-child+html .recipe_leftbox {
	float:left;
	margin-right:20px;
	width: 402px;
	font-size: 85%;
	line-height: 1.3em;
}
.time {
	font-size: 107%;
	line-height: 1.0em;
	color: #e12f24;
}
.recipe_mov {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #d4cba3;
	border-right-color: #d4cba3;
	border-bottom-color: #d4cba3;
	margin-bottom: 10px;
}
.recipe_mov_kokuchi{
	margin-top: 15px;
	background-image: url(../images/kokuchi.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 45px;
	border-top: #FFF;
	border-right: #FFF;
	border-bottom: #FFF;
	border-left: #FFF;
	background-color: #FFFFFF;
}
.recipe_mov_text{
	margin-top:10px;
	font-size:15px;
	font-weight: bold;
	color: #F00;
	background-position: 0px 0px;
	background-image: url(../images/backcolor.jpg);
	padding: 5px;
	border: 5px solid #d9e79c;
	line-height: 20px;
}
	
.recipe_text_box {
	width:437px;
	float:left;
}
#material_head {
	height: 38px;
	background-image: url(../images/material_head2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 20px;
}


#material_head h4 {
	float: left;
	font-size: 9pt;
	font-weight: normal;
	text-indent: -9999px;
}

#material_head p.how{
	display: block;
	font-size: 122%;
	width:71px;
	height:22px;
	float: right;
	padding-top: 3px;
	background-image: url(../images/how.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin-top: 7px;
}
dl.material {
	width:397px;
	background-color: #e8edcc;
	clear: both;
	margin-top: 7px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.material dt {
	font-size: 122%;
	text-align: left;
	float: left;
	margin-right: 10px;
	line-height:1.5em;
}
.material dd {
	font-size: 122%;
	text-align: right;
	line-height:1.5em;
}

#how_to {
	width:860px;
	margin-top: 5px;
	_margin-top: 15px;
	clear: both;
	margin-left: 0px;
}

#how_to ol {
	height: auto;
	margin-top: 5px;
	_margin-top: 10px;
	margin-left: 5px;
	width: 855px;
}

#how_to ol li {
	line-height: 1.4em;
	_line-height: 1.4em;
	font-size: 122%;
	background-image: url(../images/dot_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
	padding-top: 8px;
}
span.number {
	color: #009031;
	font-weight: bold;
	font-size: 107%;
	margin-right: 7px;
}
span.small {
	color: #009031;
	font-weight: bold;
	margin-left: 20px;
}

.misk {
	color: #e12f24;
	font-weight: bold;
	background-image: url(../images/recipe_point.gif);
	background-repeat: no-repeat;
	background-position: 18px 0px;
	padding-left: 57px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.waza {
	color: #e12f24;
	font-weight: bold;
	background-image: url(../images/recipe_waza.gif);
	background-repeat: no-repeat;
	background-position: 18px 0px;
	padding-left: 57px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.point {
	color: #e12f24;
	font-weight: bold;
	background-image: url(../images/point_bg.gif);
	background-repeat: no-repeat;
	background-position: 18px 3px;
	padding-left: 155px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.red {
color: #e12f24;
font-size: 114%;
	font-weight: bold;
}

/* footer */

#footer {
	width:100%;
	clear:both;
	bottom: 0;
	height: 140px;
	_height: 140px;
	left: 0px;
	right: 0px;
	background-color: #f3ecd2;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f3ecd2;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
}

#footer_container {
	width: 960px;
	margin:0 auto;
	position:relative;
	text-align: left;
}
.footer_left_box {
	left:0;
	position:absolute;
	margin-top:50px;
}

.footer_left_box ul li{
	display: inline;
	padding-right: 2px;
}

#footer_right_box {
	float: right;
	margin-top:50px;
	text-align: right;
}
#footer_right_box dl dt {
	font-size:100%;
	margin-bottom: 10px;
	font-weight: bold;
}
#footer_right_box dl dd {
	font-size: 100%;
}
#copy {
	left:0;
	position: absolute;
	margin-top:10px;
    font-size: 92%;
	color: #222222;
}
/* シェフ紹介 ::::::::::::::::::::::::::::::::::::::::: */
.chief {
	padding:5px;
	_zoom: 1;
	overflow: hidden;
	background-color: #009031;
	width: 427px;
}

.chief_imgbox {
	float:left;
	margin-right: 5px;
	font-size: 92%;
	width:175px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.chief_infobox {
	width:220px;
	float:left;
}
.recipe_name {
	font-size: 100%;
	padding-top: 2px;
}
/*ie6*/
*html .recipe_name {
	font-size: 92%;
}
/*ie7*/
*:first-child+html .recipe_name {
	font-size: 92%;
}

/* ページトップ ::::::::::::::::::::::::::::::::::::::::: */

.pagetop {
	margin-bottom: 0px;
	right:0;
	position: absolute;
	margin-top: 8px;
	clear:both;
}

.clear {
	clear: both;
}

.t_right {
text-align: right;
}
.center {
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}

.normal {
font-weight:normal;
}
.marginT5 {
margin-top:5px;
}
.marginT10 {
margin-top:10px;
}
.marginT20 {
margin-top:20px;
}
.marginT30 {
margin-top:30px;
}
.marginT50 {
margin-top:50px;
}
.marginB5 {
margin-bottom: 5px;
}
.marginB10 {
margin-bottom:10px;
}
.marginB15 {
margin-bottom:15px;
}
.marginB20 {
margin-bottom:20px;
}
.marginB25 {
margin-bottom:25px;
}
.marginB30 {
margin-bottom:30px;
}
.marginB40 {
margin-bottom:40px;
}
.marginB60 {
margin-bottom:60px;
}
.marginL10 {
margin-left:10px;
}
.marginL20 {
margin-left:20px;
}
.marginL23 {
margin-left:23px;
}
.marginL30 {
margin-left:30px;
}
.marginL100 {
margin-left: 100px;
}
.marginR10 {
margin-right:10px;
}
.marginR20 {
margin-right:20px;
}
.marginR30 {
margin-right:30px;
}
.paddingB10 {
padding-bottom:10px;
}
.paddingB20 {
padding-bottom:20px;
}
.paddingB30 {
padding-bottom:30px;
}
.paddingR10 {
padding-right:10px;
}

.s {
	font-size: 92%;
}
/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{   
	margin:0;  
	padding:0;
	z-index:1; 
	}


a img, img { 
border:0;
}


/* :::::::::::::::::::::::::::::::::::::::::::::
	default style　
::::::::::::::::::::::::::::::::::::::::::::: */

body{
	font-family:"MS PGothic",Osaka;
	}

html:first-child body{
	font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN"
	}
	
table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
	font-weight: normal;
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {   
	border:0;  
	}  
address,caption,cite,code,dfn,em,th,var {  
	font-style:normal;  
	font-weight:normal;  
	}  
ol,ul {  
	list-style:none;  
	}  
caption,th {  
	text-align:left;  
	}  
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {  
	content:'';  
}  
abbr,acronym {
	border:0;  
	}

hr {
	display: none;
	}


div {
	zoom:100%;
}
/* Hides from IE-mac \*/ 
* html div {height: 1%;} 

div {display: block;} 
/* End hide from IE-mac */

/* --HTML-- */
html {
overflow-y:scroll;
height:100%;
}
/* body
-----------------------------------------------------------------------------  */
body {
	/* font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","ＭＳ Ｐゴシック","sans-serif";*/
	}


a:link {
	color: #0066aa;
	text-decoration:underline;
	}
a:visited {
	color: #0066aa;
	text-decoration:underline;
	}
a:hover {
	color:#0066aa;
	text-decoration: none;
	
	}
a:active {
	color:#0066aa;
	text-decoration: none;
	}
a:focus {
	color:#0066aa;
	text-decoration: none;
	}



/* :::::::::::::::::::::::::::::::::::::::::::::
    Font　
::::::::::::::::::::::::::::::::::::::::::::: */

body {
	background:#fff;
	color:#222;
	font-family:/*"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo",*/"Verdana","ＭＳ Ｐゴシック","sans-serif";
	font-size:80%;
	line-height:140%; /* IE6以下固定 */
}


*:first-child+html input,
*:first-child+html textarea
{
	font-family:"ＭＳ Ｐゴシック","sans-serif";
}

/* Clearfix Styles
-----------------------------------------------------------------------------  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	line-height:0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* WinIE7 only */
*:first-child+html .clearfix {
  height:1%;
}

* table.layout {	margin: 0;	padding: 0;	border: none;	border-collapse:collapse; border-spacing:0;}
* table.layout td {	margin: 0;	padding: 0;	border: none; vertical-align: top;}



/*---------------  20120701　番外編安心安全の秘密を探るCSS　--------------------------*/

#pic_box{
width:450px;
float:left;
display:inline;
}

#text_120{
	font-size:120%;
	margin-top:30px;
	margin-bottom:20px;
	line-height: 2em;
	font-weight: bold;
	color: #FF0000;
	padding: 0px;
	margin-left: 50px;
}


#text_box{
width:830px;
clear:left;
padding-top:50px;
margin-left:20px;}





dl.extra{
	color:#333333;
	float:right;
	width:420px;
	margin-right:10px;
	margin-top:20px;
}


.extra dt{
	font-weight:bold;
	line-height: 2.0em;
}

.extra dd{
	line-height: 2.2em;
	margin-right:10px;
}


dl.extra02{
	color:#333333;
	float:right;
	margin-right:20px;
	width:300px;
	float:left;
	margin-top:10px;
	margin-left:50px;
	text-align:center;
}

.extra02 dd{
	line-height: 2.0em;
	margin-right:10px;
}


/*---------------  20120729　ハローズ　こだわり食材「桃」にせまるCSS　--------------------------*/


#peach{
	width:800px;
	margin-top:20px;
	float:left;
	margin-left:30px;
	background-image: url(../images/20120812_bk.gif);
	background-repeat: repeat;
}


#peach h3{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#peach h6{
	font-size:120%;
	color:#FF0000;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 2.0em;
}



div.box{
	padding: 10px;
	float:left;
	width:400px;
	
}

#peach_boder_box{
	width:400px;
	border:1px solid #666666;
	margin: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}



#p_right{float:right;}


#p_left{float:left;}



/*---------------  20120812　シェフのお仕事にせまるCSS　--------------------------*/

#summer_event{
	width:830px;
	margin-top:20px;
	margin-left:10px;
	padding:0px;
	color:#333333;
	line-height: 1.5em;
}


#summer_event h3{
padding:0px;
margin:0px;}


#left_box{
width:335px;
float:left;
margin-top:20px;
padding-top:100px;
}

#right_box{
width:334px;
float:right;

}

#summer_event p{
padding-top:0px;
padding-bottom:80px;
margin-left:25px;
margin-right:25px;
margin-top:10px;


}