@charset "Shift_JIS";

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

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

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

/*----------------------------------------
	setup
----------------------------------------*/
#rcp_cts {
	padding: 0; width: 600px; margin: 0 auto; border-right: 15px solid #fff; border-left: 15px solid #fff; overflow: hidden; color: #666; 
}
#rcp_cts 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 a.pagetop {
	display: block;
	width: 70px;
	height: 0;
	padding: 14px 0 0 0;
	margin: 2px 0 2px 525px;
	overflow: hidden;
	background: url(http://www.cosme.net/modpub/common/images/cmn/cmn_btn_pagetop.gif) no-repeat left top;
}
#rcp_cts a.pagetop:hover {
	background: url(http://www.cosme.net/modpub/common/images/cmn/cmn_btn_pagetop_over.gif) no-repeat left top;
}

/*----------------------------------------
	iepngfix.htc
----------------------------------------*/
 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(..images/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(../images/iepngfix.htc) }
 */

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

/*----------------------------------------
	frame
----------------------------------------*/
#rcp_cts #rcp_frame_top {
	width: 600px;
	height: 20px;
	background: url(../images/rcp_bg_top.gif) no-repeat left top;
}
#rcp_cts #rcp_frame_inner {
	width: 600px;
	background: url(../images/rcp_bg_innner.gif) repeat-y left top;
}
#rcp_cts #rcp_frame_inner_margin {
	margin: 0 18px 0 29px;
}
#rcp_cts #rcp_frame_bottom {
	width: 600px;
	height: 32px;
	background: url(../images/rcp_bg_bottom.gif) no-repeat left top;
	margin: 0;
	position: relative;
}

/*----------------------------------------
	menu
----------------------------------------*/
#rcp_cts h3#rcp_menu {
	width: 508px;
	height: 36px;
	padding: 20px 0 0 54px;
	background: url(../images/rcp_h_menu.gif) no-repeat left top;
	font-size: 14px;
	font-weight: bold;
  line-height: 1;
	color: #764;	
}

/*----------------------------------------
	photo
----------------------------------------*/

#rcp_cts #rcp_photo_outline {
	margin: 0 11px 5px 0;
	background: url(../images/rcp_photo_bg.gif) no-repeat left 7px;	
}
#rcp_cts #rcp_photo {
	width: 303px;
	min-height:294px;
	height: auto !important;
	height: 294px;
	margin: 0 11px 0 0;
	text-align: center;
	position: relative;
}
#rcp_cts #rcp_photo img {
	border: 4px solid #fff;
	margin: 16px 0 12px 0;
}

/*----------------------------------------
	beauty point
----------------------------------------*/
#rcp_cts #rcp_point {
	float: right;
	width: 228px;
}
#rcp_cts #rcp_point h4 {
	width: 228px;
	height: 0;
	padding: 45px 0 0 0;
	overflow: hidden;
	background: url(../images/rcp_h_point.gif) no-repeat left top;
}
#rcp_cts #rcp_point h5 {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding: 8px 0 0 0;
}
#rcp_cts #rcp_point p {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0;
}

/*----------------------------------------
	材料
----------------------------------------*/
#rcp_cts h4#rcp_material {
	width: 542px;
	height: 0;
	padding: 61px 0 0 0;
	overflow: hidden;
	background: url(../images/rcp_h_material.gif) no-repeat left top;
}
#rcp_cts #rcp_material_tbl {
	width: 512px;
	margin: 0 11px 28px 19px;	
	font-size: 12px;
	color: #666;
}
#rcp_cts #rcp_material_tbl th {
	font-weight: bold;
	text-align: left;
	padding: 7px 0 7px 0;
	background: url(../images/rcp_line_dot1.gif) repeat-x left bottom;	
}
#rcp_cts #rcp_material_tbl td {
	width: 256px;
	padding: 7px 0 7px 0;
	background: url(../images/rcp_line_dot1.gif) repeat-x left bottom;	
}

/*----------------------------------------
	作り方
----------------------------------------*/
#rcp_cts h4#rcp_howto {
	width: 542px;
	height: 0;
	padding: 58px 0 0 0;
	overflow: hidden;
	background: url(../images/rcp_h_howto.gif) no-repeat left top;
}
#rcp_cts ul#rcp_howto_list {
	width: 510px;
	list-style-type: none;
	margin: -1px 10px 16px 18px;
	overflow: hidden;
	font-size: 12px;
	line-height: 17px;
	color: #666;
	background: url(../images/rcp_line_dot1.gif) repeat-x 1px bottom;
}
#rcp_cts ul#rcp_howto_list li {
	display: block;
	padding: 11px 0 10px 26px;
}
#rcp_cts ul#rcp_howto_list li.rcp_num { background: url(../images/rcp_line_dot1.gif) repeat-x left top; padding-left: 5px; }
#rcp_cts ul#rcp_howto_list li.rcp_1 { background: url(../images/rcp_num_1.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_2 { background: url(../images/rcp_num_2.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_3 { background: url(../images/rcp_num_3.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_4 { background: url(../images/rcp_num_4.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_5 { background: url(../images/rcp_num_5.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_6 { background: url(../images/rcp_num_6.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_7 { background: url(../images/rcp_num_7.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_8 { background: url(../images/rcp_num_8.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_9 { background: url(../images/rcp_num_9.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_10 { background: url(../images/rcp_num_10.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_11 { background: url(../images/rcp_num_11.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_12 { background: url(../images/rcp_num_12.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_13 { background: url(../images/rcp_num_13.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_14 { background: url(../images/rcp_num_14.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_15 { background: url(../images/rcp_num_15.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_16 { background: url(../images/rcp_num_16.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_17 { background: url(../images/rcp_num_17.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_18 { background: url(../images/rcp_num_18.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_19 { background: url(../images/rcp_num_19.gif) no-repeat left 0.1em; }
#rcp_cts ul#rcp_howto_list li.rcp_20 { background: url(../images/rcp_num_20.gif) no-repeat left 0.1em; }


/*----------------------------------------
	プロフィール
----------------------------------------*/
#rcp_cts #rcp_prof_inner_l {
	float: left;
	width: 180px;
	padding: 0 12px 0 0;
}
#rcp_cts #rcp_prof_inner_l img {
	float: left;
	margin: 0 10px 3px 0;
}
#rcp_cts #rcp_prof_inner_l p {
	font-size: 11px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 14px;
	color: #653;
}
#rcp_cts #rcp_prof_inner_l p.name {
	font-weight: bold;
	margin: 0 0 3px 0;
}
#rcp_cts #rcp_prof_inner_r {
	float: left;
	width: 300px;
	padding: 0 0 0 15px;
	background: url(../images/rcp_line_dot2.gif) repeat-y left top;
}
#rcp_cts #rcp_prof_inner_r img {
	float: left;
	margin: 0 10px 3px 0;
}
#rcp_cts #rcp_prof_inner_r p {
	font-size: 11px;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 14px;
	color: #653;
}
#rcp_cts #rcp_prof_inner_r p.name {
	font-weight: bold;
	margin: 0 0 3px 0;
}
#rcp_cts #rcp_prof_bottom {
	width: 562px;
	height: 9px;
	margin: 0 0 20px 0;
	background: url(../images/rcp_prof_bottom.gif) no-repeat left top;
}

/*----------------------------------------
	バックナンバー
----------------------------------------*/
#rcp_cts h4#rcp_bkn {
	width: 542px;
	height: 0;
	padding: 14px 0 0 0;
	overflow: hidden;
	background: url(../images/rcp_bkn_head.gif) no-repeat left top;
}
#rcp_cts #rcp_bkn_inner {
	width: 542px;
	height: 55px;
	background: url(../images/rcp_bkn_bg.gif) no-repeat left bottom;
	text-align: right;
}
#rcp_cts #rcp_bkn_inner form {
	padding: 26px 0 0 0;
	font-size: 12px;
}
#rcp_cts #rcp_bkn_inner form option {
	color: #666;
}
#rcp_cts #rcp_bkn {
	width: 542px;
	height: 50px;
	background: url(../images/rcp_bkn_bg.gif) no-repeat left bottom;
	text-align: right;
	position: relative;
}
#rcp_cts #rcp_bkn a#btn_bkn {
	display: block;
	width: 193px;
	height: 0;
	padding: 33px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 352px;
	top: 5px;
}
#rcp_cts #rcp_bkn a#btn_bkn:hover {
	background-position: left -33px;
}


/*----------------------------------------
	アンケート
----------------------------------------*/
#rcp_cts #rcp_eqt {
	width: 600px;
	height: 115px;
	overflow: hidden;
	background: #ff0000 url(../images/rcp_eqt_bg.gif) no-repeat left top;
}
#rcp_cts #rcp_eqt_inner {
	padding: 43px 29px 0 19px;
}
#rcp_cts #rcp_eqt_inner h5 {
	width: 562px;
	height: 0;
	padding: 16px 0 0 0;
	margin-bottom: 12px;
	overflow: hidden;
	background: url(../images/rcp_eqt_title.gif) no-repeat left top;
}
#rcp_cts #rcp_eqt_inner p {
	margin: 0 180px 0 10px;
	color:#666;
	font-size: 11px;
	line-height: 140%;
}
#rcp_cts #rcp_eqt_inner a {
	width: 170px;
	height: 0;
	padding: 27px 0 0 0;
	overflow: hidden;
	background: url(../images/rcp_eqt_btn.gif) no-repeat left top;
	float: right;
}
#rcp_cts #rcp_eqt_inner a:hover {
	background-position: left -27px;
}


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