@charset "utf-8";

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

	models.css

		0.Fonts
		1.Heading
		2.Link
		3.Section
		4.UnitColumn 
		5.UnitFloat
		6.Default Table
		7.DlTable
		8.List ul ol
		9.Marker
	   10.Attention
	   11.ReadArea
	   12.ForPrint
	   13.Clear

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

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

/*==============================================*/
/* 0.Fonts

	 77% = 10px | 123.1% = 16px | 167% = 22px
	 85% = 11px | 131%   = 17px | 174% = 23px
	 93% = 12px | 138.5% = 18px | 182% = 24px
	100% = 13px | 146.5% = 19px | 189% = 25px
	108% = 14px | 153.9% = 20px | 197% = 26px
	116% = 15px | 161.6% = 21px |

/*==============================================*/
body {font: 13px/1.231 arial, helvetica, clean, sans-serif; *font-size: small; *font: x-small;}
select,input,button,textarea{font: 99% arial, helvetica, clean, sans-serif;}
table{font-size: inherit; font: 100%;}
pre,code{font-family:monospace; font-size:77%; *font-size: 85%; line-height: 100%;}

h1{/*font-size: 189%;*/}/* 25px */ 
h2{font-size: 123.1%;}/* 16px */ 
h3{font-size: 123.1%;}/* 16px */
h4{font-size: 153.9%;}/* 20px */
h5{font-size: 138.5%;}/* 18px */ 
/* 13px */
h6{font-size: 108%;}
p,
address,
dt,dd,dd dt,dd dd,dd p,dd li,
li,li li,li p,li dt,li dd{font-size: 100%;}

strong{color:#F00; font-weight:bold;}
.del{ text-decoration:line-through;}

/*==============================================*/
/* 1.Heading
/*==============================================*/
h1,
.titleImg,
.leadImg{line-height:0!important;}
.txtIn{text-indent:-0.25em;}
.leadPair{padding-bottom:5px;}

/*==============================================*/
/* 2.Link
/*==============================================*/
a:link{color:#333; text-decoration:underline;}
a:visited{color:#666; text-decoration:underline;}
a:hover{color:#CCC; text-decoration:underline;}
a:active{color:;}

.noLine{ text-decoration:none;}

div.wfRecipe a:hover img,
div.wfShop a:hover img,
div#backNumber a:hover img,
a:hover span.thumb img,
a:hover img.click{
 filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;	
}

/*==============================================*/
/* 3.Section Block,Box,Item 
/*==============================================*/
div.sectionBlock,
div.sectionBlockFooter,
div.sectionBox,
div.sectionBoxFooter,
div.sectionItem,
div.sectionItemFooter{
	overflow:hidden;
	position:relative;
	_display:inline-block;/*for ie6*/
}

div.sectionBox p,
div.sectionItem p{margin-left:0; margin-right:0;}

/* Block
---------------------------------*/
div.sectionBlock{
	margin-left:5px; margin-right:5px;
	margin-bottom:30px;
	line-height:1.3em;
	/*_width:100%;for IE6*/
}

div.sectionBlockFooter{margin-top:15px;}

/* Box
---------------------------------*/
div.sectionBox{margin-left:10px; margin-right:10px; margin-bottom:15px;}
div.sectionBoxFooter{margin-top:15px;}
div.sectionBox p{margin-bottom:1em; font-size:108%; line-height:1.6em;}
/* Item
--------------------------------*/
div.sectionItem{}
div.sectionItemFooter{margin-top:15px;}

/* word-break for IE
---------------------------------*
*html div.sectionBlock p{word-break:break-all;}
*+html div.sectionBlock p{word-break:break-all;} 

/*==============================================*/
/* 4.Unit Column 
/*==============================================*/
div.unit2Col,
div.unit3Col,
div.unit2ColPush,
div.unit3ColPush{
	overflow:hidden;
	_display:inline-block;/*for IE6*/
}

div.unit2Col,
div.unit3Col{padding-left:15px;}

div.unit2ColPush,
div.unit3ColPush{margin-left:0;}

div.unit2Col .sectionBox,
div.unit3Col .sectionBox,
div.unit2ColPush .sectionBox,
div.unit3ColPush .sectionBox{float:left; margin-left:0;}

/*==============================================*/
/* 5.Unit Float ,floatImg
/*==============================================*/
div.unitFloat{
	/*overflow:hidden;*/
	/*clear:both;*/
	/**display:inline-block;for IE*/
}

div.unitFloat p{/*margin-left:0;*/}

div.unitFloat .floatBox,
div.unitFloat .floatItem,
img.floatImg{
	float:left;
	_display:inline;/*for IE6*/
}

div.unitFloat .followBox .sectionItem{margin-bottom:10px;}

div.wf1Re .floatBox, div.wf6Re .floatBox,
div.wf2Re .floatBox, div.wf7Re .floatBox,
div.wf3Re .floatBox, div.wf8Re .floatBox,
div.wf4Re .floatBox, div.wf9Re .floatBox,
div.wf5Re .floatBox, div.wf0Re .floatBox,
img.floatImgRe{float:right; margin-right:0!important;}


img.floatImg,
img.floatImgRe{_display:block;}

/*caption
---------------------------------*/
.floatBox p,
.followBox p{margin-left:0;}

div.unitFloat .floatBox .caption,
div.unitFloat .floatBoxItem .caption{
	display:block;
	margin-top:8px;
	font-size:93%;
	line-height:1.3em;
}

.caption{ display:block;}

/*floatImg
---------------------------------*/
img.floatImg{margin-right:10px; margin-bottom:10px;}
img.floatImgRe{margin-left:10px; margin-bottom:10px;}

/*==============================================*/
/* 6.Default Table
/*==============================================*/
table,/*caption,*/th,td{border:1px solid #CCC;}

table {
	width:100%;
	border-collapse:separate;
	*border-collapse:collapse;
	border-right:0;
	border-bottom:0;
	border-spacing: 0;
}

caption{border-bottom:0;}

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

th { text-align:center;}

/*==============================================*/
/* 7.DlTable
/*==============================================*/
dl {_display:inline-block;/*for ie6*/}
dt {padding:2px 0; float:left; clear:both;}
dd {padding:2px 0;}

/*==============================================*/
/* 8.List,ul,ol,note
/*==============================================*/
.list, .listPara {overflow:hidden; _display:inline-block;/*for IE*/}

/*list
---------------------------------*/
.list ul li{margin-bottom:0;}

/*paraList
---------------------------------*/
ul.listPara li,
ol.listPara li{float:left; margin-right:1.5em;}

/*note
---------------------------------*/
.note
ul.listNote li,ol.listNote li{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

ul.listNote li{
	padding-left:2.15em;
	position:relative;
	_display:inline-block;/*for IE6*/
}

ul.listNote li span{position:absolute; top:0; left:0; width:2em;}

/*ol-decimal*/
ol.listNote li{
	margin-left:2.2em;
	list-style: outside decimal;
}

.note{font-size:77%;}

/*numList
---------------------------------*/
.listNum li{list-style: inside decimal;}

/*==============================================*/
/* 9.Marker
/*==============================================*/
.addMarker li{
	background-position:0 0;
	background-repeat:no-repeat;
	padding-left:18px;
	line-height:1.2;
	margin-bottom:5px;
	_display:inline-block;/*for IE*/
}

.addMarker ul{margin-top:5px;}

.external, .popup, .pdf{text-decoration:none;}

/*.external img,
.popup img,
.pdf img,*/
img.iconR,
img.iconL{
	vertical-align:middle;
	margin-top:-3px;
	margin-right:6px;
	*margin-top:0;/*for IE*/
}

.iconL{
	margin-left:6px; 
	margin-right:0!important;
}

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

/*==============================================*/
/* 11.ReadArea 
/*==============================================*/
.readArea{
	border-style:none;
	width:1px; height:1px;
	margin:0; padding:0;
	overflow:hidden;
	z-index:100;
}

/*==============================================*/
/* 12.ForPrint
/*==============================================*/
.forPrint{display:none;}

/*==============================================*/
/* 13.Clear
/*==============================================*/
.clear{clear:both;}
.hidden{
	visibility:hidden;
	overflow:hidden;
	height:1px;
	position:absolute;
	top:-1px; left:0px;
}
/*==============================================*/
/* 14.MarginSet
/*==============================================*/
.center{ text-align:center;}
/* marginRight
---------------------------------*/
.mR0{margin-right:0!important;}
.mR5{margin-right:5px!important;}
.mR10{margin-right:10px!important;}
.mR15{margin-right:15px!important;}
.mR20{margin-right:20px!important;}
.mR30{margin-right:30px!important;}

/* marginLeft
---------------------------------*/
.mL0{margin-left:0!important;}
.mL5{margin-left:5px!important;}
.mL10{margin-left:10px!important;}
.mL15{margin-left:15px!important;}
.mL20{margin-left:20px!important;}
.mL30{margin-left:30px!important;}

/* marginTop
---------------------------------*/
.mT0{margin-top:0!important;}
.mT5{margin-top:5px!important;}
.mT10{margin-top:10px!important;}
.mT15{margin-top:15px!important;}
.mT20{margin-top:20px!important;}
.mT30{margin-top:30px!important;}

/* marginBottom
---------------------------------*/
.mB0{margin-bottom:0!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB30{margin-bottom:30px!important;}