@charset "utf-8";
/* 
http://www.gnavi.co.jp/
Layout Style CSS "style.css"
GOURMET NAVIGATOR INC.
*/



/* --------------------------------
	コンテンツ
-------------------------------- */

div#Contents{
	color:#6a2b12;
}



/* --------------------------------
	メインコンテンツ
-------------------------------- */

div#mainsontents {
	float: left;
	width: 700px;
}



/* --------------------------------
	レシピ
-------------------------------- */

div#recipe {
	background: url(../img/rcp_bg_m.gif) repeat-y;
	width: 700px;
}



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

div#recipe_header {
	background: #fff;
	padding: 0 0 8px 0;
}
div#recipe_header .sns {
	float: left;
}

div#recipe_header .sns ul {
	position: relative;
	margin: 0 0 0 -5px;
	font-size: 0;
	line-height: 1;
}
div#recipe_header .sns ul li {
	padding: 0 0 0 8px;
	display: inline;
}
div#recipe_header .sns ul li img {
	cursor: pointer;
	vertical-align:middle;
}
div#recipe_header ul.btn {
	float: right;
	font-size: 0;
	line-height: 1;
	padding: 1px 0 0 0;
	width: 359px;
}
div#recipe_header ul.btn li {
	float: left;
	padding: 0 0 0 7px;
}


/* --------------------------------
	カバー
-------------------------------- */

div#cover {
	background: url(../img/dt_h_01.gif) repeat-x;
	width: 700px;
}
div#cover h1 {
	float: left;
	font-weight: bold;
	line-height: 1.2;
	padding: 22px 0 0 12px;
	width: 277px;
    font-size: 153%;
}
div#cover .chef {
	float: left;
	padding: 20px 0px 0 10px;
	width: 393px;
}
div#cover .chef .balloon {
	background: url(../img/rcp_cover_chef_bln_bg_m.gif) repeat-y;
	float: left;
	width: 192px;
}
div#cover .chef .balloon_bg {
	background: url(../img/rcp_cover_chef_bln_bg_b.gif) no-repeat left bottom;
}
div#cover .chef .balloon_bg_bg {
	background: url(../img/rcp_cover_chef_bln_bg_t.gif) no-repeat;
	min-height:50px;_height:50px;
	padding: 6px 0 12px 12px;
}
div#cover .chef .balloon p {
	line-height: 1.5;
	width: 160px;
}
div#cover .chef .img {
	float: left;
	padding-right:10px;
	width: 59px;
}
div#cover .chef .img img {
	border:#ccc8c3 1px solid;
}
div#cover .chef .prof {
	height: 100%;
	padding: 0px 0 0 0px;
	text-align: left;
}
div#cover .chef .prof .name {}
div#cover .chef .prof .shop {}
div#cover .chef .prof .shop span {
	font-size: 83.3%;
}
* div#cover .chef .prof .shop span {
	font-size: 84%;
}/* IE 6 以前 */



/* --------------------------------
	材料
-------------------------------- */

div#ingredients {
	margin: 15px 0 0 0;
}
div#ingredients .main {
	float: right;
	overflow:hidden;
	padding: 0 20px 0 0;
	position: relative;
	width: 380px;
}
div#ingredients .main h2 {}
div#ingredients .main .serving {
	position: absolute;
	right: 20px;
	top: 3px;
}
div#ingredients .main ul {
	margin: 20px 0 0 0;
}
div#ingredients .main ul li {
	margin: 9px 0 0 0;
}
div#ingredients .main ul li h3 {
	background: url(../img/rcp_ing_list_h_bg.gif);
	min-height: 18px;
	padding: 4px 0 2px 6px;
}
* div#ingredients .main ul li h3 {
	height: 18px;
}/* IE 6 以前 */
div#ingredients .main ul li table {
	background: url(../img/rcp_ing_list_bg_m.gif) repeat-y 216px 0;
	margin: 8px 0 0 -28px;
	position: relative;
}
div#ingredients .main ul li table tr {}
div#ingredients .main ul li table tr th {
	padding: 0 0 5px 32px;
	vertical-align: top;
	width: 115px;
}
div#ingredients .main ul li table tr td {
	color: #64921b;
	padding: 0 0 5px 15px;
	text-align: right;
	vertical-align: top;
	width: 46px;
}

div#ingredients .sub {
	float: left;
	width: 282px;
}
div#ingredients .sub .photo {margin:0 0 0 10px;}
div#ingredients .sub .photo img {
	border: #ccc8c3 1px solid;
}

div#ingredients .sub .outline {
	background: url(../img/rcp_ing_outline_bg_m.gif) repeat-y;
	margin: 23px 0 0 21px;
	width: 241px;
}
div#ingredients .sub .outline_bg {
	background: url(../img/rcp_ing_outline_bg_b.gif) no-repeat left bottom;
}
div#ingredients .sub .outline dl {
	background: url(../img/dt_h_01.gif) repeat-x;
	padding: 8px 0 6px 11px;
}
div#ingredients .sub .outline dl dt {
	float: left;
	width: 95px;
}
div#ingredients .sub .outline dl dd {
	color: #64921b;
	float: left;
	line-height: 1.25;
	width: 125px;
}

div#ingredients .sub .hoshimo {
	background: url(../img/rcp_ing_hoshimo_bg_m.gif) repeat-y;
	margin: 20px 0 0 20px;
	width: 242px;
}
div#ingredients .sub .hoshimo_bg {
	background: url(../img/rcp_ing_hoshimo_bg_b.gif) no-repeat left bottom;
	padding: 0 0 17px 0;
}
div#ingredients .sub .hoshimo h4 {}
div#ingredients .sub .hoshimo .btn {
	margin: -42px 0 0 15px;
	position: relative;
}
div#ingredients .sub .hoshimo .txt {
	padding: 8px 0 0 24px;
}



/* --------------------------------
	作り方
-------------------------------- */

div#instruction {
	margin: 6px auto 0 auto;
	position: relative;
	width: 660px;
}
*:first-child+html div#instruction {
	overflow: hidden;
}/* IE 7 */
* html div#instruction {
	overflow: hidden;
}/* IE 6 以前 */
div#instruction h2 {}
div#instruction ul {
	clear: both;
	display: table-row;
	width: 660px;
}
*:first-child+html div#instruction ul {
	display: block;
	width: 665px;
}/* IE 7 */
* html div#instruction ul {
	display: block;
	width: 665px;
}/* IE 6 以前 */
div#instruction ul.odd {
	background: url(../img/rcp_ins_bg.gif)
}
div#instruction ul.even {
	background: url(../img/rcp_ins_bg.gif) 220px 0;
}
div#instruction ul li {
	display: table-cell;
	padding: 15px 15px 15px 15px;
	vertical-align: top;
	width: 190px;
}
*:first-child+html div#instruction ul li {
	float: left;
	display: block;
}/* IE 7 */
* html div#instruction ul li {
	float: left;
	display: block;
}/* IE 6 以前 */
div#instruction ul li .no {
	width: 80px;
	float: left;
}
div#instruction ul li .img {
	width: 100px;
	float: left;
}
div#instruction ul li .txt {
	clear: both;
	height: 100%;
	line-height:1.48;
	padding: 13px 0 0 0;
	width: 190px;
}

/* ヒント ---------------- */
div#instruction #hint {
	clear:both;
	margin: 0 auto 0 auto;
	padding:23px 0 0 0;
	width: 660px;
}
div#instruction #hint h2 {}
div#instruction #hint_bg {
	background: url(../img/rcp_ins_hint_bg_m.gif) repeat-y;
}
div#instruction #hint_bg_bg {
	background: url(../img/rcp_ins_hint_bg_b.gif) no-repeat left bottom;
}
div#instruction #hint p {
	margin:-38px 0 0 0;	
	padding: 0 0 30px 31px;
	position:relative;
	width: 595px;
}




/* --------------------------------
	レシピフッター
-------------------------------- */

div#recipe_footer {
	background: url(../img/rcp_ftr_bg.gif) no-repeat;
	margin: 34px 0 0 0;
	padding: 0 0 18px 0;
}
div#recipe_footer ul.btn {
	font-size: 0;
	line-height: 1;
	padding: 21px 0 0 167px;
}
div#recipe_footer ul.btn li {
	float: left;
	padding: 0 0 0 7px;
}



/* --------------------------------
	関連情報
-------------------------------- */

div#information {
	margin: 53px 0 0 0;
}
div#information h3 {}
div#information ul {
	margin: -5px 0 0 0;
	position: relative;
}
div#information ul li {
	padding: 20px 0 0 20px;
}
div#information ul li .txt {}
div#information ul li .txt  a {
	background: url(../img/mkr_01.jpg) no-repeat 0 0.3em;
	padding: 0 0 0 19px;
}
div#information ul li .img {
	padding: 5px 0 0 19px;
}



/* --------------------------------
	他のレシピを探す
-------------------------------- */

div#otherrecipe {
	background: url(../img/dt_h_01.gif) repeat-x;
	margin: 13px 0 0 0;
	padding: 18px 0 0 0;
	text-align: right;
}
div#otherrecipe p {}



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

p#pagetop {
	clear: both;
	height:	100%;
	padding: 66px 0 0 0;
	text-align: right;
}



@media print {
	* html body { zoom:67%; }/* IE 6 以前 */
}


/* --------------------------------
	右カラムSNS
-------------------------------- */
#snsArea {
	margin-bottom:15px;
	border:#d6c8c3 dotted 1px;
	padding:8px;
	background:url(/img/sns_chef.gif) no-repeat right;
	zoom: 1;
}

#socialmedia li{
	padding: 1px;
}
#socialmedia,
#snsMini{
	width:208px;
}

#socialmedia .fb {
	padding:5px 0;
}
#snsMini ul {
	font-size: 0;
	line-height: 1;
	position: relative;
}
#snsMini ul li {
	display: block;
	padding-left: 8px;
	float: left;
}
#snsMini ul li img {
	cursor: pointer;
	vertical-align: middle;
}