@charset "utf-8";
/* CSS Document */

@import url('http://rkb.jp/common/css/reset.css');
@import url('http://rkb.jp/common/css/rkb_common_style_ver2.css');

/****************clearfix*******************/
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body { margin:0; padding:0; background-color: #FAF1D8; font-family: "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 14px; line-height:24px; color: #333333; background:url() left top repeat; line-height: 140%; }

#wrap{background:url(../img/mainback.jpg) top left repeat-x #919191;}
#title{background:url(../img/top_back.jpg) center top no-repeat;}
#nami{background:url(../img/bottom_back.jpg) center 471px no-repeat;}
#w960{width:960px; margin:0 auto; position:relative;}

#left,#right,.yokoku_l,.ph_r,h6.shokai,.shokai_data,h6.jikai,.jikai_data,h6.zenkai,h6.kako,.zenkai_data{float:left;}
#left{width:234px; padding:137px 0 0 0;}
#right{width:726px;}

/****************画像置換*******************/

h3,h4,h5,#pro h6,h6.shokai,h6.jikai,h6.spot,h6.zenkai,h6.kako,#pro p,h6#pro_2,p.back_bt a,h6#ar,div#ar p,p.mail a{text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:block;}
	
/***********************************/
#sns_set{position:absolute; top:15px; left:755px;}
#sns_set2{position:absolute; top:15px; left:875px;}

h3,h4,h5{margin-left:234px; width:720px; }

h3{background:url(../img/h3_title.png) top left no-repeat;height:188px;}
h4{background:url(../img/h4_date.png) top left no-repeat; height:56px;}
h5{background:url(../img/h5_tt.png) top left no-repeat; height:112px;}	

h6.shokai{width:207px; background:url(../img/h6_shokai.gif) top left no-repeat; height:73px;}
.shokai_data{width:519px; background:url(../img/h6_shokai.gif) -207px 0 no-repeat; color:#FFF; font-size:20px; padding:27px 0 0 0; height:46px;}

h6.jikai{width:207px; background:url(../img/h6_jikai.gif) top left no-repeat; height:73px;}
.jikai_data{width:519px; background:url(../img/h6_jikai.gif) -207px 0 no-repeat; color:#FFF; font-size:20px; padding:27px 0 0 0; height:46px;}

h6.zenkai{width:215px; background: url(../img/h6_zenkai.gif) top left no-repeat; height:85px; padding:0 0 30px 0;}
h6.kako{width:215px; background: url(../img/h6_kako.gif) top left no-repeat; height:85px; padding:0 0 30px 0;}
.zenkai_data{width:505px; background: url(../img/h6_zenkai.gif) -215px 0 no-repeat; color:#FFF; font-size:20px; padding:43px 0 30px 0; height:42px;}

#yokoku,#zenkai{border:#000 3px solid; background:#FFF; margin:0 0 30px 0; clear:both;}
#yokoku{padding:30px 0px 30px 27px;}
#zenkai{background:url(../img/zenkai_bottom.gif) bottom left no-repeat #FFF;}

h6.spot{background:url(../img/spot_tt.gif) top left no-repeat; height:31px; margin:30px 0 0 0; width:325px;}

.yokoku_l{width:325px; padding:0 25px 20px 0;}
#zenkai .yokoku_l{width:325px; padding:0 25px 20px 27px;}

.kiji_tt{color:#d42a08; font-size:20px; line-height:24px; width:325px; background:url(../img/line_title.gif) bottom left no-repeat; padding:0 0 23px 0; margin:0 0 20px 0;}

.ph_r{width:322px; padding:0;}
.ph_r img{border:#CCC 1px solid; padding:0; margin:0 0 20px 0;}


.f_b,.kiji_tt,.shokai_data,.jikai_data,.zenkai_data{font-weight:bold;}
/**
#pro{}
#pro{background:url(../img/pro_bottom.gif) bottom left no-repeat; padding:0 0 20px 0;}　
#pro h6{width:224px; height:43px; background:url(../img/h6_pro.jpg) top left no-repeat;}
#pro p{background:url(../img/pro_back.jpg) 0 -2px no-repeat; width:195px; padding:10px 19px 0 10px; font-size:12pxpx; line-height:20px; margin:0;}
#pro p img{margin:0 0 20px 0;}　
#pro p{width:224px; height:216px; background:url(../img/pro_ph.jpg) top left no-repeat;}**/

h6#pro_2{width:224px; height:227px; background:url(../img/pro_ph.jpg) top left no-repeat;}

h6#ar{background:url(../img/h6_archive.jpg) top left no-repeat; width:224px; height:43px;}
div#ar{background:url(../img/archive_menu.jpg) top left no-repeat; width:224px; height:115px; text-align:center;}
div#ar p{width:224px; height:61px;}

p.back_bt a{background:url(../img/back_bt.jpg) top left no-repeat; width:217px; height:55px;}
p.back_bt a:hover{background:url(../img/back_bt.jpg) 0 -55px no-repeat;}

p.mail a{background:url(../img/mail.jpg) top left no-repeat; margin:10px 0 0 0; padding:0; width:225px; height:125px;}
p.mail a:hover{background:url(../img/mail.jpg) 0 -125px no-repeat;}
/****************2014-0421追加　レシピ*******************/
#left{position:relative;}
#re_banner{position:absolute; top:-31px; left:0;}
#recipe{ clear:both; width:673px; margin:0 auto 33px auto; padding-bottom:20px; position:relative;
	background:url(../img/recipe/back_img.jpg) top center repeat-y;}
#re_bottom{position:absolute; bottom:0; left:0;}

.re_set01{background:url(../img/recipe/back_wh.gif) top center repeat-y; clear:both; width:673px; margin:0 auto 20px auto;}
#re_title{background:url(../img/recipe/top_back.jpg) top center no-repeat;}
#recipe h6.title{background:url(../img/recipe/title.png) 100px 16px no-repeat; width:351px; height:138px; float:left;}
#recipe p.koushi{font-weight:bold; color:#FFFFFF; font-size:14px; line-height:28px; padding:20px 0 0 0;}
#recipe p.koushi span{font-size:20px;}
#recipe h6.tt{width:563px; margin:0 auto 10px auto; }
#recipe h6.tt{background:#f48e79; text-align:center; font-size:20px; line-height:30px; font-weight:bold; padding:15px 10px 10px 10px; border-bottom:#f35c44 2px solid; color:#FFFFFF; clear:both;}
.re_ph{background:url(../img/recipe/ph_back.png) top left no-repeat; width:325px; padding:20px 23px 20px 16px; float:left;}

dl.re_detail{padding:20px 0 0 0;}
dl.re_detail dd{color:#633124; font-size:14px; line-height:28px;}
.zairyou{width:244px; padding:0 65px 0 0;}
dt.zairyou,dd.zairyou{float:left;}
dt.zairyou{background:url(../img/recipe/zairyou_back.gif) top left no-repeat; font-weight:bold; color:#633124; width:89px; padding:0 65px 20px 155px;}
dt.zairyou span{width:1px; height:1px;}
dd.zairyou{padding:10px 0 0 0;}

dt.tsukurikata{width:543px; height:97px; background:url(../img/recipe/tukurikata_tt.gif) top center no-repeat; clear:both; margin:0 auto;}

dt.tsukurikata,dd.tsukurikata{clear:both;}
dd.tsukurikata{padding-bottom:20px; width:503px; margin:0 auto;}

#recipe h6.title,dt.zairyou span,dt.tsukurikata{text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	display:block;}
.btn_top{cursor:pointer; clear:both; color:#FFFFFF; font-weight:bold; padding:0 0 20px 0; text-align:right;}
a.btn_recipe,a.btn_recipe2{background:url(../img/recipe/re_banner.png) top left no-repeat; width:87px; padding:4px 66px 83px 64px; position:absolute; top:-31px; left:0; cursor:pointer;}
a.btn_recipe:hover,a.btn_recipe2:hover{background-position:0 -136px;}


/*プレゼント*/
#present{
	width:211px;
	border:4px solid #DF0516;
	box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	margin-top:20px;
	background:#FFFFFF;
	}
#present p{
	padding:5px 10px;
	}


/*レシピ*/
/* モーダル コンテンツエリア */
#modal-open{
  color: #cc0000;
}
#modal-main{
  display: none;
  width: 800px;
  height:600px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  color: #666666;
  position:fixed;
  z-index: 2;
  overflow-x: hidden;
}
#modal-bg{
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}

.recipe{
	
	padding:5px 5px 20px 0px;
	display:block;
	}

.ttl{
	text-align:center;
	background-color:#FFECB0;
	border-bottom:2px solid #FFDA6A;
	font-size:16px;
	font-weight:bold;
	padding: 10px 15px;
	margin:10px;
	}
.ph{
	text-align:center;
	margin:auto 0;
	}

.mokuteki{
	text-align:center;
	color:#E91636;
	padding:20px;
	}

.mat{
	width:360px;
	margin-left:10px;
	float:left;
	}

table.material{
	font-size:70%;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	}

table.material thead th {
	padding:2px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #c00;
	background: #dcdcd1;
	text-align:center;
}

table.material tbody th {
	padding: 2px;
	font-weight: bold;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ececec;
}


table.material th{
	padding:2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

table.material td{
	padding: 2px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.make ul{
	font-size:90%;
	line-height:150%;
	text-align:left;
	float:left;
	width:350px;
	margin-left:20px;
	margin-right:20px;
	
}
.make ul li{
	margin-bottom:10px;
	list-style:none;
	
}

.make ul li span{
	margin-bottom:10px;
	font-weight:bold;
}