@charset "Shift_JIS";

/*
	━━━━━━━━━━━━━━━━━━━
	＠ｃｏｓｍｅ（アットコスメ）
	ビューティ☆レシピ CSS Document
	http://www.cosme.net/html/recipe/
	--------------------------------------
	Created: 2008.06.30
	Last Modified: 2010.07.23
	━━━━━━━━━━━━━━━━━━━
*/

/*----------------------------------------
	recipe common
----------------------------------------*/

.title {
	margin: 20px 0 15px;
}

/*----------------------------------------
	setup
----------------------------------------*/
#rcp_cts_wide {
	text-align: left;
  width: 794px;
  margin: 0 auto;
  border-right:10px solid #fff;
  border-left:10px solid #fff;
  color: #666;
}
#rcp_cts_wide a {
	color: #f98484;
	text-decoration: underline;
}

/* clearfix: Ver. 2007.05.31 */
.cmn_clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.cmn_clearfix { display:inline-block; }
/*\*/
* html .cmn_clearfix { height:1%; }
.cmn_clearfix { display:block; }
/**/

#rcp_cts_wide a.pagetop {
	display: block;
	width: 70px;
	height: 0;
	padding: 14px 0 0 0;
	margin: 2px 0 2px 720px;
	overflow: hidden;
	background: url(/modpub/common/images/cmn/cmn_btn_pagetop.gif) no-repeat left top;
}
#rcp_cts_wide a.pagetop:hover {
	background: url(/modpub/common/images/cmn/cmn_btn_pagetop_over.gif) no-repeat left top;
}


/*----------------------------------------
	title
----------------------------------------*/
/*--- wide width ---*/
#rcp_cts_wide h2 {
	width: 794px;
	height: 56px;
	background: url(../images/rcp_hdr_bg_w.gif) no-repeat left top;
	border-bottom: 1px solid #9a9a9a;
	margin-bottom: 5px;
}
#rcp_cts_wide h2 span {
	display: block;
	float: left;	
	height: 0;
	margin: 30px 0 0 0;
	overflow: hidden;
}
#rcp_cts_wide h2 span.title {
	width: 210px;
	padding: 21px 0 0 5px;
	background: url(../images/rcp_hdr_title.gif) no-repeat 6px top;
}
#rcp_cts_wide h2 span.catch {
	width: 362px;
	padding: 28px 0 0 16px;
	background: url(../images/rcp_hdr_catch.gif) no-repeat 16px 8px;
}

/*----------------------------------------
	frame
----------------------------------------*/
#rcp_cts_wide #rcp_frame_top {
	width:  794px;
	height: 20px;
	background: url(../images/rcp_bg_top_w.gif) no-repeat left top;
}
#rcp_cts_wide #rcp_frame_inner {
	width: 794px;
	background: url(../images/rcp_bg_innner_w.gif) repeat-y left top;
}
#rcp_cts_wide #rcp_frame_inner_margin {
	margin: 0 0 0 29px;
}
#rcp_cts_wide #rcp_frame_bottom {
	width: 794px;
	height: 38px;
	background: url(../images/rcp_bg_bottom_w.gif) no-repeat left top;
	margin: 0;
	position: relative;
}

/*----------------------------------------
	Menu & Theme
----------------------------------------*/
#rcp_cts_wide #rcp_frame_inner_margin h3.menu {
	width: 395px;
	height: 48px; /* -24px */
	padding-top: 24px;
	background: url(../images/rcp_h_menu_w.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	text-indent: 56px;
  line-height: 1;
	float: left;
}
#rcp_cts_wide #rcp_frame_inner_margin h3.theme {
	width: 370px;
	height: 29px; /* -43px */
	padding-top: 43px;
	color: #8e5d3c;
	font-size: 14px;
	font-weight: bold;
  line-height: 1;
	text-indent: 120px;
	float: left;
}

/*----------------------------------------
	Photo
----------------------------------------*/
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_photo {
	clear: left;
	width: 278px;
	height: 340px;
	background: url(../images/rcp_photo_bg_w.gif) repeat-y left top;
	float: left;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_photo img {
	width: 240px;
	height: 320px;
	border: 4px solid #fff;
	margin: 0 0 0 14px;
}

/*----------------------------------------
	材料
----------------------------------------*/
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_material {
	width: 460px;
	min-height:340px;
	height: auto !important;
	height: 340px;
	float: left;
	background: url(../images/rcp_material_bg.gif) no-repeat right bottom;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_material h4 {
	width: 458px;
	height: 0;
	padding-top: 65px;
	background: url(../images/rcp_material_w.gif) no-repeat left top;
	overflow: hidden;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_material ul {
	width: 446px;
	margin: 0 0 0 12px;
	list-style-type: none;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_material li {
	padding: 5px 0 5px 10px;
	background: url(../images/rcp_line_dot1.gif) repeat-x left bottom;
}

/*----------------------------------------
	作り方
----------------------------------------*/
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto h4 {
	width: 736px;
	height: 0;
	padding-top: 75px;
	background: url(../images/rcp_howto_w.gif) no-repeat left top;
	overflow: hidden;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul {
	width: 736px;
	list-style-type: none;
	margin: -1px 10px 16px 0;
	overflow: hidden;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	background: url(/html/recipe/images/rcp_line_dot1.gif) repeat-x 1px bottom;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li {
	display: block;
	padding: 11px 0 10px 35px;
	background-color: #cccccc;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_num { background: url(../images/rcp_line_dot1.gif) repeat-x left 0.1em;; padding-left: 15px; }
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_1 { background: url(../images/rcp_num_1_w.gif) no-repeat left 0.1em; }
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_2 { background: url(../images/rcp_num_2_w.gif) no-repeat left 0.1em; }
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_3 { background: url(../images/rcp_num_3_w.gif) no-repeat left 0.1em; }
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_4 { background: url(../images/rcp_num_4_w.gif) no-repeat left 0.1em; }
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_howto ul li.rcp_5 { background: url(../images/rcp_num_5_w.gif) no-repeat left 0.1em; }


/*----------------------------------------
	ビューティポイント
----------------------------------------*/
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_point {
	width: 736px;
	background: url(../images/rcp_point_bottom.gif) no-repeat left bottom;
	padding: 0 0 14px 0;
	margin: 0 0 16px 0;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_point h4 {
	width: 736px;
	height: 0;
	padding-top: 80px;
	margin-bottom: 5px;
	overflow: hidden;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_point h5 {
	font-size: 12px;
	padding: 0 25px 3px 25px;
	font-weight: bold;
}
#rcp_cts_wide #rcp_frame_inner_margin div#rcp_point p {
	padding: 0 25px 14px 25px;
}


/*----------------------------------------
	プロフィール
----------------------------------------*/
#rcp_cts_wide #rcp_prof {
	margin-bottom: 25px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#rcp_cts_wide #rcp_prof h5 {
	width: 736px;
	height: 0;
	padding-top: 20px;
	margin-bottom: 12px;
	background: url(../images/rcp_prof_head_w.gif) no-repeat left top;
	overflow: hidden;
}
/*-------------------------*/
#rcp_cts_wide #rcp_prof_inner_l {
	float: left;
	width: 220px;
	padding: 0 12px 0 10px;
}
#rcp_cts_wide #rcp_prof_inner_l img {
	float: left;
	margin: 0 10px 3px 0;
}
#rcp_cts_wide #rcp_prof_inner_l p {
	font-size: 11px;
	line-height: 15px;
	color: #653;
}
#rcp_cts_wide #rcp_prof_inner_l p.name {
	font-weight: bold;
	margin: 0 0 3px 0;
}
/*-------------------------*/
#rcp_cts_wide #rcp_prof_inner_r {
	float: left;
	width: 460px;
	padding: 0 0 0 15px;
	background: url(../images/rcp_line_dot2.gif) repeat-y left top;
}
#rcp_cts_wide #rcp_prof_inner_r img {
	float: left;
	margin: 0 10px 3px 0;
}
#rcp_cts_wide #rcp_prof_inner_r p {
	font-size: 11px;
	line-height: 15px;
	color: #653;
}
#rcp_cts_wide #rcp_prof_inner_r p.name {
	font-weight: bold;
	margin: 0 0 3px 0;
}
/*----------------------------------------
	バックナンバー
----------------------------------------*/
#rcp_cts_wide #rcp_bkn {
	width: 736px;
	height: 65px;
	background: url(../images/rcp_bkn_bg.gif) no-repeat left bottom;
	text-align: right;
	position: relative;
}
#rcp_cts_wide #rcp_bkn p {
	padding: 0 0 0 90px;
	background: url(../images/rcp_bkn_prev.gif) no-repeat left 1px;
	text-align: left;
	float: right;
	margin: 0 5px 0 0;
}
#rcp_cts_wide #rcp_bkn a#btn_bkn {
	display: block;
	width: 193px;
	height: 0;
	padding: 33px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 542px;
	top: 23px;
}
#rcp_cts_wide #rcp_bkn a#btn_bkn:hover {
	background-position: left -33px;
}

/*----------------------------------------
	アンケート
----------------------------------------*/
#rcp_cts_wide #rcp_eqt {
	width: 794px;
	height: 119px;
	overflow: hidden;
	background: url(../images/rcp_eqt_bg_w.gif) no-repeat left top;
}
#rcp_cts_wide #rcp_eqt_inner {
	padding: 43px 32px 0 30px;
}
#rcp_cts_wide #rcp_eqt_inner h6 {
	width: 729px;
	height: 0;
	padding: 14px 0 0 0;
	margin-bottom: 12px;
	overflow: hidden;
	font-size: 1px;
	background: url(../images/rcp_enq_title_w.gif) no-repeat left top;
}
#rcp_cts_wide #rcp_eqt_inner p {
	margin: 0 190px 0 2px;
	color:#666;
	font-size: 11px;
	line-height: 140%;
}
#rcp_cts_wide #rcp_eqt_inner a {
	width: 170px;
	height: 0;
	padding: 27px 0 0 0;
	overflow: hidden;
	font-size: 1px;
	background: url(../images/rcp_eqt_btn.gif) no-repeat left top;
	float: right;
}
#rcp_cts_wide #rcp_eqt_inner a:hover {
	background-position: left -27px;
}


/*----------------------------------------
	フッター
----------------------------------------*/
#rcp_cts_wide #rcp_frame_bottom a {
	display: block;
	width: 67px;
	height: 0;
	overflow: hidden;
	padding: 14px 0 0 0;
	position: absolute;
	left: 75px;
	top:12px;
}


/*================================================

　ビューティ☆レシピ バックナンバー一覧ページ
　http://www.cosme.net/html/recipe/backnumber/

=================================================*/

#rcp_cts_wide #rcpbk_frame_inner {
	margin: 0 0 0 29px;
	padding: 0 0 5px 0;
}
#rcp_cts_wide #rcpbk_frame_inner a.pagetop {
	clear: left;
	display: block;
	width: 70px;
	height: 0;
	padding: 14px 0 0 0;
	margin: 2px 0 2px 660px;
	overflow: hidden;
	background: url(../images/rcpbk_pagetop.gif) no-repeat left top;
}
#rcp_cts_wide #rcpbk_frame_inner a.pagetop:hover {
	background-position: left -14px;
}

/*----------------------------------------
	title
----------------------------------------*/
/*--- backnumber ---*/
#rcp_cts_wide #rcpbk_hdr {
	width: 794px;
	height: 56px;
	background: url(../images/rcp_hdr_bg_w.gif) no-repeat left top;
	border-bottom: 1px solid #9a9a9a;
	margin-bottom: 5px;
}
#rcp_cts_wide #rcpbk_hdr h2 {
	display: block;
	width: 376px;
	height: 0;
	padding: 21px 0 0 5px;
	margin: 30px 0 0 0;
	overflow: hidden;
	background: url(../images/rcpbk_hdr_title.gif) no-repeat 5px top;
	border: none;
	float: left;
}
#rcp_cts_wide #rcpbk_hdr p.return {
	padding: 35px 10px 0 0;
	width: 150px;
	text-align: right;
	float: right;
}
#rcp_cts_wide #rcpbk_hdr p.return a { text-decoration: none; }
#rcp_cts_wide #rcpbk_hdr p.return a:hover { text-decoration: underline; }

/*----------------------------------------
	年号
----------------------------------------*/
div.rcpbk h3 {
	width: 740px;
	height: 0;
	padding: 50px 0 0 0;
	margin: 0 0 0 -4px;
	overflow: hidden;
	font-size: 14px;
}
div.rcpbk h3#rcpbk_2009 { background: url(../images/rcpbk_2009.gif) no-repeat left 8px; }
div.rcpbk h3#rcpbk_2008 { background: url(../images/rcpbk_2008.gif) no-repeat left 8px; }

/*----------------------------------------
	レシピ 個別ページへのリンク
----------------------------------------*/
div.rcpbk .rcpbk_group {
	width: 381px;
	margin: 0 0 24px 0;
	float: left;
}
div.rcpbk .rcpbk_group h4 {
	width: 354px;
	height: 24px;
	padding: 5px 0 0 9px;
	background: url(../images/rcpbk_theme_bg.gif) no-repeat left top;
	font-weight: bold !important;
	font-size: 12px;
	color: #765;
}
div.rcpbk .rcpbk_group ul {
	list-style-type: none;
}
div.rcpbk .rcpbk_group ul li {
	width: 82px;
	height: 140px;
	padding: 0 9px 0 0;
	font-size: 11px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  color: #666;
	float: left;
}
div.rcpbk .rcpbk_group ul li img {
	border: 1px solid #fff;
}
div.rcpbk .rcpbk_group ul li a {
	display: block;
	margin: 0 0 2px 0;
}