@charset "utf-8";




/* コラム一覧ページ設定 */
#content.cts-columnlist .maincontents .pagetit {
	background:url(/recipe/column/img/tit_main_column.png) no-repeat 0 0;
	width:749px;
	height:149px;
	text-indent:-9999em;
}
#content.cts-columnlist .maincontents .cts-listdata {
	margin-bottom:20px;
	border-top:5px solid #bcd88a;
	padding:28px 30px 15px 29px;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem {
	float:left;
	width:335px;
	margin-right:15px;
	background:#fff url(/recipe/column/img/bg_columnlist_frmt.png) no-repeat 0 0;
	padding-top:16px;
	padding-bottom:20px;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem:nth-child(2n) {
	margin-right:0;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem a {
	display:block;
	background:#fff url(/recipe/common/img/bg_link_frm_rb2.png) no-repeat 99.0% 97.0%;
	border:1px solid #e2ead3;
	margin-top:-1px;
	border-top:0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	padding:0 0 4px 0;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem a:hover {
	background-image:url(/recipe/common/img/bg_link_frm_rb2_hover.png);
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem a:hover {
	color:#535353 !important;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .hd {
	background:#eaf6d4;
	padding:5px 10px;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .hd .no {
	display:table-cell;
	background:#a4c458;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	width:36px;
	height:36px;
	color:#fff;
	font-size:83.3%;	/* 10px / 12px */
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .hd .no > span {
	display:block;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .hd .tit {
	display:table-cell;
	width:274px;
	height:36px;
	vertical-align:middle;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .hd .tit span {
	display:block;
	padding-left:12px;
	font-size: 116.7%;	/* 14px / 12px */
	font-weight:bold;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem a:hover .hd .tit span {
	color:#ff7272;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .data {
	padding:10px;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .data .vis {
	float:left;
	width:140px;
	margin-right:20px;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .data .vis > span {
	position:relative;
	display:block;
	background:#fff;
	width:140px;
	height:105px;
	overflow: hidden;
	zoom: 1;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .data .vis > span > img {
	position:relative;
	display:block;
}
#content.cts-columnlist .maincontents .cts-listdata .list01 .listitem .data .txt {
	float:left;
	width:144px;
}


/* コラム詳細ページ設定 */
#content.cts-columndetail .hd-recipedata {
	position:relative;
	background:url(/recipe/column/img/tit_main_columndetail.png) no-repeat 0 0;
	height:103px;
}
#content.cts-columndetail .hd-recipedata .lead {
	text-indent:-9999em;
}
#content.cts-columndetail .hd-recipedata .pagetit {
	position:absolute;
	top:40px;
	left:265px;
	top:0;
	left:265px;
	line-height:1.2;
	font-weight:bold;
}
#content.cts-columndetail .hd-recipedata .pagetit .no {
	display:table-cell;
	width:100px;
	height:103px;
	vertical-align:middle;
}
#content.cts-columndetail .hd-recipedata .pagetit .no span {
	display:block;
	background:#a4c458;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	padding:10px 0;
	width:80px;
	text-align:center;
	font-size:83.3%;	/* 10px / 12px */
	color:#fff;
}
#content.cts-columndetail .hd-recipedata .pagetit .txt {
	display:table-cell;
	width:360px;
	height:103px;
	vertical-align:middle;
}
#content.cts-columndetail .hd-recipedata .pagetit .txt span {
	font-size:133.3%;	/* 16px / 12px */
}
#content.cts-columndetail .update {
	position:absolute;
	top:6px;
	right:30px;
	font-size:83.3%;	/* 10px / 12px */
}
#content.cts-columndetail .cts-comment {
}
#content.cts-columndetail .cts-comment .vis {
	content:' ';
	position:absolute;
	bottom:-30px;
	right:20px;
	width:60px;
	height:90px;
	background:url(/recipe/common/img/p_comment_v_milk.png) no-repeat 0 0;
}
#content.cts-columndetail .cts-comment .txt {
	margin-bottom:30px;
	padding:20px 20px 30px;
	border:1px solid #a2d8f2;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	line-height:1.8;
}
#content.cts-columndetail .cts-comment .txt:after {
	content:' ';
	position:absolute;
	bottom:6px;
	left:70px;
	width:36px;
	height:25px;
	background:url(/recipe/common/img/bg_frm_balloon_b.png) no-repeat 0 0;
}

#content.cts-columndetail .maincontents .cts-step {
	clear:both;
}
#content.cts-columndetail .maincontents .navblk {
	margin-bottom:20px;
}
#content.cts-columndetail .cts-columnbacknumber {
	position:relative;
	background:#fff;
	margin-bottom:20px;
}
#content.cts-columndetail .cts-columnbacknumber .tit {
	position:relative;
	margin-left:29px;
	background:url(/recipe/column/img/t_column_backnumber.png) no-repeat 0 0;
	height:18px;
	text-indent:-9999em;
	margin-bottom:10px;
}
#content.cts-columndetail .cts-columnbacknumber .list01 {
	position:relative;
	margin-left:29px;
	background:url(/recipe/column/img/bg_column_backnumber_sub.png) repeat 0 0;
	border:1px solid #deecc4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	padding:15px 32px 10px;
}
#content.cts-columndetail .cts-columnbacknumber .list01 .listitem {
	float:left;
	width:136px;
	margin-right:36px;
}
#content.cts-columndetail .cts-columnbacknumber .list01 .listitem:nth-last-child(1) {
	margin-right:0;
}
#content.cts-columndetail .cts-columnbacknumber .list01 .listitem .vis img {
	border:3px solid #fff;
/*
	-webkit-box-shadow: 0px 2px 2px 2px rgba(121,121,121,0.2);
	-moz-box-shadow: 0px 2px 2px 2px rgba(121,121,121,0.2);
	box-shadow: 0px 2px 2px 2px rgba(121,121,121,0.2);
*/
	-webkit-box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
	-moz-box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
	box-shadow: 0px 2px 2px 2px rgba(161,161,161,0.15);
}
#content.cts-columndetail .cts-columnbacknumber .list01 .listitem .txt {
	padding-top:6px;
	display:block;
	background:url(/recipe/common/img/icn_arrow1r_blu.png) no-repeat 0 10px;
	padding-left:12px;
}
#content.cts-columndetail .cts-columnbacknumber .list01 .listitem a:hover .txt {
	background:url(/recipe/common/img/icn_arrow1r_red.png) no-repeat 0 10px;
}
#content.cts-columndetail .cts-columnbacknumber .b-list {
	position:absolute;
	top:0;
	right:30px;
	margin-top:-5px;
	text-align:center;
}
#content.cts-columndetail .cts-columnbacknumber .b-list a {
	position:relative;
	display:block;
	background:#f1f8e4;
	background: -moz-linear-gradient(top, #f1f8e4, #e5f1cc);
	background: -webkit-gradient(linear, center top, center bottom, from(#f1f8e4), to(#e5f1cc));
	border:1px solid #deecc4;
	border-bottom:0;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	padding:8px 32px 8px 20px;
}
#content.cts-columndetail .cts-columnbacknumber .b-list a:before {
	content:'';
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-7px;
	width:9px;
	height:14px;
	background:url(/recipe/common/img/icn_arrow2r_gry2.png) no-repeat 0 0;
}
#content.cts-columndetail .cts-columnbacknumber .b-list a:hover {
	display:block;
	background:#b6cf78;
	background: -moz-linear-gradient(top, #b6cf78, #a4c458);
	background: -webkit-gradient(linear, center top, center bottom, from(#b6cf78), to(#a4c458));
	border:1px solid #a4c458;
	color:#fff !important;
}
#content.cts-columndetail .cts-columnbacknumber .b-list a:hover:before {
	background:url(/recipe/common/img/icn_arrow2r_wh.png) no-repeat 0 0;
}
#content.cts-columndetail .cts-recommendrecipe {
	background:#fff;
	padding-top:20px;
}
#content.cts-columndetail .cts-recommendrecipe .tit {
	position:relative;
	margin-left:29px;
	background:url(/recipe/column/img/t_recommendrecipe_column.png) no-repeat 0 0;
	height:25px;
	border-bottom:1px solid #ccd3eb;
	text-indent:-9999em;
}
#content.cts-columndetail .cts-recommendrecipe .tit:after {
	content: ' ';
	position:absolute;
	bottom:1px;
	left:0;
	border-bottom:1px solid #ccd3eb;
	width:100%;
}

#content.cts-columndetail .cts-recommendrecipe .cts-slide {
	position:relative;
	margin-left:29px;
	padding:10px;
}