@charset "UTF-8";
 
/*=========================================================================
Type : Specified Directory IndexPages Layout
Page : /recipe/
=========================================================================*/

/* Common Import Setting
--------------------------------------------- */

/* Basic Setting */
@import "/css/common_basic.css";

/* Whole Layout */
@import "/css/common_layout.css";

/* ReWrite Common Layout
--------------------------------------------- */
/* localNav */
div#localNav{
	height:20px;
	background:url(/images/common/locnav_bg_large.gif) repeat-x;
	overflow:hidden;
}

/* Common Layout
--------------------------------------------- */
/* title */
div#coMain h1 {
	width:680px;
	height:155px;
	background:url(/images/special/snowfes/title.jpg) no-repeat;
	text-indent:-9999px;
}

div#coMain div.mainBox h2 {
	margin:18px auto;
	height:52px;
	text-indent:-9999px;
	width:557px;
	background:url(/images/special/snowfes/contents_snowfes.gif) no-repeat;
}

/* mainBox */
div#coMain div.mainBox{
	margin-bottom:10px;
	padding:12px 30px;
	width:620px;
}
div#coMain div.mainBox p.lead{
	margin-bottom:20px;
	font-size:125%;
}

/* Directry Page Layout [/xxxxx/xxxxx.html]
--------------------------------------------- */
div#coMain div.mainBox div.detailBox {
	text-align:center;
}

div#coMain div.mainBox div.detailBox em {
	color:#F00;
	font-weight:normal;
}

div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentTop p {
	padding-bottom:10px;
}
div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentTop p,
div#coMain div.mainBox div.detailBox .documentBottom img,
div#coMain div.mainBox div.detailBox .documentBottom p {
	float:left;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentBottom p {
	margin-right:20px;
}
div#coMain div.mainBox div.detailBox .documentTop p {
	width:250px;
}
div#coMain div.mainBox div.detailBox .documentBottom p {
	width:360px;
}
div#coMain div.mainBox div.detailBox .documentTop p strong,
div#coMain div.mainBox div.detailBox .documentBottom p strong {
	font-size:115%;
	text-decoration:underline;
}

div#coMain div.mainBox div.detailBox .recommend {
	margin-top:10px;
	width:620px;
	background:url(/images/special/snowfes/background_recommend.gif) repeat-y;
}
div#coMain div.mainBox div.detailBox .recommend div {
	background:url(/images/special/snowfes/recommend_frame_bottom.gif) left bottom no-repeat;
}
div#coMain div.mainBox div.detailBox .recommend div div {
	width:620px;
	height:59px;
	background:url(/images/special/snowfes/recommend_frame_top.gif) no-repeat;
	text-indent:-9999px;
}
div#coMain div.mainBox div.detailBox .recommend div ul {
	padding:3px 15px 13px;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .recommend div ul li {
	padding-left:1em;
	text-indent:-1em;
}
div#coMain div.mainBox div.detailBox .cook {
	padding-top:16px;
}

div#coMain div.mainBox div.detailBox .cook p {
	margin-top:8px;
}

div#coMain div.mainBox div.detailBox .cook p.blog {
	text-align:center;
}

div#coMain div.mainBox div.detailBox .cook p.blog a {
	color:#600;
}

div#coMain div.mainBox div.detailBox .cook h3 {
	margin-bottom:8px;
	width:620px;
	height:50px;
	text-indent:-9999px;
	background:url(/images/special/snowfes/cook_snowfes.gif) no-repeat;
}

div#coMain div.mainBox div.detailBox .cook img,
div#coMain div.mainBox div.detailBox .cook div.ingredient {
	margin-bottom:8px;
	float:left;	
}
div#coMain div.mainBox div.detailBox .cook img {
	margin-right:8px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient {
	padding:5px 10px;
	width:427px;
	min-height:130px;
	height:100% !important;
	height:130px;
	background-color:#EDEDBC;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient span {
	font-size:115%;
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set,
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other {
	float:left;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set {
	margin-right:10px;
	width:151px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other {
	width:191px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set ul li,
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other ul li {
	padding-left:0.55em;
	text-indent:-0.55em;
	line-height:1.1;
}

div#coMain div.mainBox div.detailBox .howto {
	margin:8px 0;
	padding:10px;
	clear:both;
	width:594px;
	border:3px solid #aaa;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .howto li {
	padding-left:1.2em;
	text-indent:-1.2em;
}
div#coMain div.mainBox div.detailBox .howto li em {
	font-weight:normal;
	color:#f00;
}

div#coMain div.mainBox div.detailBox .order {
	margin-bottom:15px;
	padding-bottom:30px;
	background:url(/images/special/snowfes/arrow_under.gif) center bottom no-repeat;
}
div#coMain div.mainBox div.detailBox .order img {
	margin-top:35px;
}

/* itemMainWrapper */
div#coMain div.itemMainWrapper{
	padding-top:20px;
}

/* itemMainArea */
div#coMain div.itemMainArea{
	width:620px;
	margin-bottom:20px;
}
div#coMain div.itemMainArea div.pict{
	float:left;
	width:310px;
}
div#coMain div.itemMainArea div.nameBtn{
	float:right;
	width:285px;
	padding-left:25px;
}
div#coMain div.itemMainArea div.nameBtn p.copy{
	margin-bottom:0.1em;
	color:#d00;
	font-size:1.1em;
}
div#coMain div.itemMainArea div.nameBtn h4{
	margin-bottom:0.1em;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.1;
	text-align:left;
}
div#coMain div.itemMainArea div.nameBtn p.price{
	margin-bottom:10px;
	text-align:left;
}
div#coMain div.itemMainArea div.nameBtn p.price span{
	font-size:1.1em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn p.price em{
	margin:0px 0.3em;
	color:#d00;
	font-size:1.7em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn ul.form{
	width:200px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li{
	margin-bottom:10px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity{
	text-align:right;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity span{
	margin-right:1.0em;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn a{
	display:block;
	width:200px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a{
	height:35px;
	background-image:url(/images/common/main_btn_addcart.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a{
	height:30px;
	background-image:url(/images/common/main_btn_addfavorite.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a:hover{
	background-position:0px -35px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a:hover{
	background-position:0px -30px;
}

/* specTable */
div#coMain div.specTable{
	margin-bottom:20px;
}
div#coMain div.specTable table{
	width:100%;
}
div#coMain div.specTable table th,
div#coMain div.specTable table td{
	padding:5px 15px;
	border:#666 solid 1px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
div#coMain div.specTable table th{
	white-space:nowrap;
}
div#coMain div.specTable table td{
}