@charset "shift_jis";
/* =========================================

nasuluckitchen > recipe.css

レシピ全般
============================================ */

/* 健康レシピ > レシピ
----------------------------------*/
#contents_main div.health_care_area {
clear:both;
width:470px;
height:auto;
margin:5px auto 10px 18px;
padding:0 0 5px 0;
background:#f7f6f5;
position:relative;
}

#contents_main div.health_care_area div.ttl_health {
width:270px;
height:26px;
margin:0;
padding:15px 5px 0 195px;
background:#f7f6f5;
color:#009900;
font-weight:bold;
font-size:110%;
}

#contents_main div.health_care_area span {
position:absolute;
display:block;
width:190px;
height:40px;
top:0;
padding:0;
}


#contents_main div.health_care_area ul {
list-style:none;
margin:10px auto;
}

#contents_main div.health_care_area ul li {
list-style:none;
width:420px;
margin:7px auto;
padding:0 0 0 20px;
text-align:left;
color:#666666;
background:#f7f6f5 url(../image_cmn/arrow_health_care.gif) no-repeat 0 0;
/*border-bottom:1px solid #fefefe;*/
}



/* お弁当レシピ
----------------------------------*/
#contents_main h2 {
clear:both;
width:475px;
height:27px;
margin:20px 0 10px 17px;
padding:0;
}

	#contents_main h2.bar_item {
	clear:both;
	background:url(../image_cmn/bar_item.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 10px 17px;
	padding:0;
	}

#contents_main p.read {
	margin:0px;
	padding:0 0 0 18px;
	text-align:left;
	}

#contents_main div.section {
display:inline-table;
clear:both;
width:475px;
margin:10px 0 15px 0;
padding:0 0 0 20px;
position:relative;
}

#contents_main div.page_top {
width:475px;
text-align:right;
font-size:85%;
margin:0 0 0 20px;
padding:0 5px 10px 0;
}

/*----- navi ------*/

#contents_main ul.navi {
display:inline-table;
clear:both;
list-style:none;
margin:10px auto 0 25px;
_margin:10px auto 10px 25px;
}

#contents_main ul.navi li {
float:left;
width:133px;
margin:0;
padding:3px 0 3px 17px;
background:url(../image_cmn/icon_navi.gif) no-repeat 0 0;
}

/*----- メニュー一覧 ------*/


#contents_main div.box {
display:inline-table;
float:left;
width:155px;
margin: 0 ;
padding:0 ;
background:url(../image_cmn/bg_list.gif) no-repeat 0 0;
}
*:first-child+html #contents_main div.box  { width:158px; } 


#contents_main div.box dl {
display:inline-table;
list-style:none;
width:145px;
height:144px;
margin:0;
padding:3px 6px;
}

#contents_main div.box dl dt {
display:block;
height:32px;
text-align:center;
margin:0;
padding:3px 0;
line-height:32px;
}

	#contents_main div.box dl dt.line_h {
	line-height:15px;
	}

#contents_main div.box dl dd {
text-align:center;
}

#contents_main div.box p.recipetext {
padding:5px 8px 10px 8px;
text-align:left;
color:#666666;
font-size:100%;
line-height:16px;
/*border-left:1px dotted #C4E3B9;*/
}


/*----- レシピ詳細 ------*/

/*　メイン部分　*/

#contents_main div.f_left {
float:left;
padding:5px;
}

#contents_main div.f_right {
float:left;
padding:10px;
}

	#contents_main div.f_right p.maintext {
	width:220px;
	padding:0 0 10px 0;
	text-align:left;
	border-bottom:1px dotted #E2C592;
	}
	
	#contents_main div.f_right ul.t_c {
	float:left;
	display:inline-table;
	}

#contents_main div.recipe {
display:inline-table;
clear:both;
width:475px;
margin:0;
padding:0;
}

	#contents_main div.f_right ul.t_c li.text_bookmark {		/*--お気に入りに登録済 お弁当用--*/
	list-style:none;
	float:left;
	width:150px;
	height:24px;
	margin:0;
	padding:0;
	}





/* -------------------------------------------------
 sns
------------------------------------------------- */
#base .sns {
	display: inline-table;
	overflow: hidden;
	float: left;
	_float: none;
	width: 490px;
	height: 100%;
	margin: 0 0 15px 10px;
	padding: 0;
}
#base .sns > h2 {
    margin:0 0 15px;
    padding:8px;
    background:#d3e5f4;
    font-size:120%;
}
#base .sns > h2 > span {
    padding:3px 5px;
    border-left:#2679a9 solid 5px;
}
#base #sns_friends {
    overflow:hidden;
    width:480px;
    margin:0 auto;
    padding:1px;
    border:#1170c0 2px solid;
}
#base #sns_friends dt {
    padding:5px 0;
    background:#2784d3;
    text-align:center;
    color:#fff;
    font-weight:bold;
    line-height:28px;
    font-size:17px;
}
#base #sns_friends dt > img {
    margin-right:5px;
	vertical-align:bottom;
}
#base #sns_friends dd {
    padding:0 10px;
}

#base #sns_friends ul {
    overflow:hidden;
	 list-style:none;
    margin:0 0 10px;
    padding:0;
}
#base #sns_friends ul li {
    float:left;
    margin:10px 6px 0;
    width:100px;
    height:34px;
    border:#bbb 1px solid;
    background:#fff;
    text-align:center;
}
#base #sns_friends ul li > .fb,
#base #sns_friends ul li > .twi,
#base #sns_friends ul li > .line{
    margin-top:7px;
}
#base #sns_friends ul li > .youtube{
    margin-top:5px;
}
#base #sns_friends p {
    margin:0px 10px;
}
#base #sns_friends #lnk_sns_cont {
    display: block;
    text-align: center;
    margin:15px 10px 0px;
    border-top: 1px solid #4894bc;
    padding: 10px 0px;
}
#base #sns_friends p.btn_sns_cont {
    display:block;
    width:300px;
    height:26px;
    line-height:26px;
    text-align:center;
    margin:0 auto;
    /*border:1px solid #b7d3ea;   リンク付き*/
    border:1px solid #bbb;     /* リンクなし */
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: no-repeat 0 center;
    text-indent:10px;
    behavior:url(/css/PIE.htc);
    position: relative;
}
#base #sns_friends p.btn_sns_cont span {
    display:block;
    width:300px;
    height:26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#eee url(/image_cmn/btn_sns_cont_arrow_g.gif) no-repeat 10px center;
    color:#999;
}
#base #sns_friends p.btn_sns_cont a {
    display:block;
    width:300px;
    height:26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background:#d3e5f4 url(/image_cmn/btn_sns_cont_arrow.gif) no-repeat 10px center;
}
#base #sns_friends p.btn_sns_cont a:hover {
    background:#5b9cd2 url(/image_cmn/btn_sns_cont_arrow.gif) no-repeat 10px center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color:#fff;
}