@charset "utf-8";

/************************************************

	models.css

		0.heading
		1.link
		2.Block/.Box
		3.Column Set
		4.boxfloat,imgfloat
		5.Table
		6.dlTable
		7.icon
		8.list
		9.attention	

	Copyright 2009 Image Co., Ltd. All Rights Reserved.
	URL http://www.img.co.jp/

*************************************************/

/*==============================================*/
/* 0.heading
/*==============================================*/
h1{
	margin-bottom:0px;
}

h2,h3,h5,h6{
	margin-bottom:13px;
}

h3{
	margin-top:10px;
}

h3.noM{
	margin-top:0px;
}
	
h4{
	margin-bottom:3px;
	margin-top:15px;
}

h6{
	margin:5px 0;
}

h1.img,h2.img,h3.img,h4.img{line-height:0;}

/*==============================================*/
/* 1.link
/*==============================================*/
a:link{color:#0066cc; text-decoration:underline;}
a.red:link{color:#e60000;}
a:visited{color:#0066cc; text-decoration:underline;}
a.red:visited{color:#e60000;}
a:hover{color:#6fa8e1; text-decoration:none;}
a.red:hover{color:#fd7070;}
a:active{color:#6fa8e1; text-decoration:none;}
a.red:active{color:#fd7070;}

div.float a:link, div.floatR .box a:link{color:#333; text-decoration:none;}
div.float a:visited, div.floatR .box a:visited{color:#333; text-decoration:none;}
div.float a:hover, div.floatR .box a:hover{color:#999; text-decoration:none;}
div.float a:active, div.floatR .box a:active{color:#999; text-decoration:none;}

div.float a:hover img,
div.floatR .box a:hover img{
 filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;	
}


/*==============================================*/
/* 2.Block/.Box
/*==============================================*/
div.blockInner,div.blockFooter,
div.boxInner,div.boxFooter{
	overflow:hidden;
	zoom:1;/*for ie6*/
}

/* block
---------------------------------*/
div.block, div.blockInner, div.blockFooter{position:relative;}
/*div.block, div.blockFooter{margin-bottom:15px;}*/
/*div.blockInner{margin:0 10px;}*/
div.blockFooter{clear:both;}

/* #mainColumn */
div#mainColumn .block{width:422px;}
/*div#mainColumn .blockInner{width:496px;}*/

#categorySingle div#mainColumn .block{width:730px;}
#categorySingle div#mainColumn .blockInner{width:710px;} 

/* #subColumn */
div#subColumn .block{margin-bottom:5px;}

/* box
---------------------------------*/
/*div.boxInner{margin:0 10px;}*/
div.boxFooter{clear:both;}

/*==============================================*/
/* 3.Column Set
/*==============================================*/

/*==============================================*/
/* 4.boxfloat,imgfloat

	block,float,floatR
		|-blockInner,w1,w2,w3...
			|-floatBox
			|-box
				|-boxInner
					|-floatBox
					|-box
					
/*==============================================*/
div.floatBox .caption{display:block; margin-top:10px;}

div.float .floatBox{float:left; margin:0 31px 0 0;}
div.floatR .floatBox{float:right; margin:0 0 10px 10px;}

div.mR0 .floatBox{ margin-right:0;}

div.float .floatBox a img,
div.floatR .box a img{
	margin-bottom:10px;
}

div.float .box,
div.floatR .box{float:none; margin:0;} 

div.float .floatBox .recipeNumber,
div.floatR .box .recipeNumber{
	text-align:center;
}



div.float .boxInner{margin-bottom:10px;}

/*floatBox+box widthSet
---------------------------------*/

/*width Level1*/
div.w1 .floatBox{width:306px;}
div.float .w1 .box{padding-left:316px;}
div.floatR .w1 .box{padding-right:316px;}

/*width Level2*/
div.w2 .floatBox{width:250px;}
div.float .w2 .box{padding-left:260px;}
div.floatR .w2 .box{padding-right:260px;}

/*width Level3*/
div.w3 .floatBox{width:120px;}
div.float .w3 .box{padding-left:151px;}
div.floatR .w3 .box{padding-right:33px;}

/*Inside of box*/
div#mainColumn .float .boxInner,
div#mainColumn .float .boxInner .box,
div#mainColumn .floatR .boxInner .box{width:auto!important; margin-right:0!important;}

/*==============================================*/
/* 5.Table
/*==============================================*/
/*caption,*/th,td{border-bottom:1px dotted #d2bda8;}
/*caption,*/th{border-right:1px dotted #d2bda8;}
table tr.lastItem th,
table tr.lastItem td{
	border-bottom:none;
}

table {
	width:100%;
	border-collapse:separate;
	border-right:0;
	border-bottom:0;
	border-spacing: 0;
	margin:15px 0 0;
	border:1px solid #d2bda8;
}

/*for IE6,7*/
*html table{border-collapse:collapse;}
*+html table{border-collapse:collapse;}

caption{border-bottom:0;}

th,td{
	border-top:0; border-left:0;
	padding:15px 15px;
}

th { text-align:left; vertical-align:top; color:#d5556f; font-weight:bold;}


/*==============================================*/
/* 6.dlTable
/*==============================================*/
dl {margin-top:3px; zoom:1;/*for ie6*/}
/*dt {padding:5px 0 5px; float:left; clear:both;}*/
/*dd {padding:5px 5px 5px 10px;}*/

/*==============================================*/
/* 7.icon
/*==============================================*/
.pdf{
	padding-left:20px;
	background:url(../../../../../../special/yome/img/icon/pdf.gif) no-repeat 0 0.1em;
	display:block;
	font-size:85%;
}
/*for ie6*/
.pdf{font-size:71%; line-height:2;}

/*==============================================*/
/* 8.list
/*==============================================*/
.list li{}

/*==============================================*/
/* 9.attention
/*==============================================*/
.attention{color:#F00; font-weight:bold;}