/*for IE6*/@charset "utf-8";

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

	layout/fixed.css
	
		0.Body
		1.Wrapper
		2.Header
			|-AssistNavi
			|-search
			
		3.Navigation
		4.KeyVisual
		5.Contents
		6.Footer
			|- navAssist
			
		*navGlobal,navAssist --> datail:models/navi.css
		
	Copyright 2009 Image Co., Ltd. All Rights Reserved.
	URL http://www.img.co.jp/

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

/*==============================================*/
/* 0.Body
/*==============================================*/
body{
	color:#4D4D4D;
	
}

/*==============================================*/
/* 1.Wrapper
/*==============================================*/
div#wrapper{
	position:relative;
	_text-align:center;/*for IE5-6*/
}

div#header,
div#keyVisual,
div#contents,
div#footerInner{
	position:relative;
	display:block;
	width:970px;
	margin:0 auto;
	_text-align:left;/*for IE5-6*/
}
/*==============================================*/
/* 2.Header
/*==============================================*/
div#header{
	position:relative;
	overflow:hidden;
	_display:inline-block;/*for IE6*/
}

div#siteId{
	margin-top:7px;
	margin-left:11px;
}

div#siteId a{
	display:block;
	overflow:hidden;
	width:200px;
	height:109px;
}

a span#usPork img{
	vertical-align:top;
	margin-top:7px;
}

/*Category
---------------------------------*/
body#category div#header{
	overflow:visible;
	z-index:111;
}

body#category div#siteId{
	position:absolute;
	top:7px; left:5px;
	z-index:111;
	line-height:0;
}

/*==============================================*/
/* Navigation
/*==============================================*/
div#navGlobal{position:absolute; top:36px; right:0px;}

div#navLocal a#homeBtn,
div#navPagePath{margin-left:5px; margin-bottom:2px;}

div#navTrd{position: absolute; top:8px; right:2px;}

div#navTwitter{position: absolute; top:9px; right:205px;}

/*==============================================*/
/* 3.KeyVisual
/*==============================================*/
div#keyVisual{
	position:relative;
	padding-left:10px;
}


#home div#keyVisual,
div#indexSWF{width:970px; height:395px; display:block; }

div#keyVisual h1{line-height:0;}

div#keyVisual img{}

/*Category
---------------------------------*/
body#category div#keyVisual{margin-bottom:3px; height:128px;}

/*==============================================*/
/* 4.Contents
/*==============================================*/
div#contents,
div#areaUnit,div#areaMain,div#areaLeft{position:relative;}

div#contents,
div#areaUnit,div#areaMainFooter{
	overflow:hidden;
	_display:inline-block;/*for IE6*/
}

div#contents{margin-bottom:10px;}

/*==============================================*/
/* Heading
/*==============================================*/
h5{margin-bottom:5px;}

/* lead  ,leadImg , dayData
---------------------------------*/
p.lead,
p.dayData{
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
}

/* lead ,leadImg */
p.lead,
p.leadImg{
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	line-height:1.4em;
	font-size:131%;
}

div.sectionBlock p.lead{font-size:108%;}

.followBox p.lead{
	margin-left:0px;
	margin-right:0px;
}

/* dayData */
div.sectionBox p.dayData{font-size:123.1%; margin-bottom:0.5em;}


/*==============================================*/
/* Layout
/*==============================================*/
/*areaFloat*/
div.layDouble #areaMain,
div.layTriple #areaMain,
div.layTriple #areaRight{float:right;}

div.layDouble #areaLeft,
div.layTriple #areaUnit,
div.layTriple #areaLeft{float:left;}

/*single
---------------------------------*/
div.laySingle #areaMain{width:970px;}

/*double
---------------------------------*/
div.layDouble #areaMain{width:740px;}

div.layDouble #areaMainFooter{margin:0 -15px;}

/*areaLeft*/
div.layDouble #areaLeft{width:220px;}

/*triple
---------------------------------*/
div.layTriple #areaUnit{width:730px;}
div.layTriple #areaMain{width:500px;}

/*areaLeft*/
div.layTriple #areaLeft{width:200px;}

/*areaRight*/
div.layTriple #areaRight{width:200px;}

/*==============================================*/
/* UnitColumn
/*==============================================*/
/*floatMargin*/
div#areaMain .unit2Col, div#areaMain .unit2ColPush,
div#areaMain .unit3Col, div#areaMain .unit3ColPush{margin-right:-20px;}

div#areaMain .unit2Col .sectionBox, div#areaMain .unit2ColPush .sectionBox, 
div#areaMain .unit3Col .sectionBox, div#areaMain .unit3ColPush .sectionBox{margin-right:20px;}

/*上記のマージン設定で分割できない物は個別でマージンを設定*/
/* col2Set
---------------------------------*/
/*div.laySingle #areaMain .unit2Col .sectionBox{width:455px;}*/
div.layDouble #areaMain .unit2Col .sectionBox{width:340px;}
/*div.layTriple #areaMain .unit2Col .sectionBox{width:220px;}*/

div.laySingle #areaMain .unit2ColPush .sectionBox{width:470px;}
/**
div.layDouble #areaMain .unit2ColPush .sectionBox{width:355px;}
div.layTriple #areaMain .unit2ColPush .sectionBox{width:240px;}
/**/
/* col3Set
---------------------------------*/
/*div.laySingle #areaMain .unit3Col .sectionBox{width:298px; margin-right:18px;}*/
div.layDouble #areaMain .unit3Col .sectionBox{width:220px;}
/*div.layTriple #areaMain .unit3Col .sectionBox{width:144px; margin-right:19px;}*/
/**
div.laySingle #areaMain .unit3ColPush .sectionBox{width:306px; margin-right:21px;}
div.layDouble #areaMain .unit3ColPush .sectionBox{width:230px;}
div.layTriple #areaMain .unit3ColPush .sectionBox{width:154px; margin-right:19px;}
/**/
/* marginSet
---------------------------------*/
div.laySingle #areaMain .unit3Col,
div.laySingle #areaMain .unit3ColPush{margin-right:-21px;}
/*
div.layTriple #areaMain .unit3Col,
div.layTriple #areaMain .unit3ColPush{margin-right:-19px;}
*/

/*==============================================*/
/* unitFloat [ floatBox+followBox ] WidthFloatSet
/* wf0-wf9
/*==============================================*/
div.unitFloat .floatBox{margin-right: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{margin-left:10px;}

/* width Level1
---------------------------------*/
div.wf1 .floatBox, div.wf1Re .floatBox{width:400px;}
div.wf1 .followBox{margin-left:410px;}
div.wf1Re .followBox{margin-right:410px;}
/* floatItem */
div.wf1 .floatItem,
div.wf1Re .floatItem{width:197px; margin-right:6px;}

/* width Level2
---------------------------------*/
div.wf2 .floatBox, div.wf2Re .floatBox{width:300px;}
div.wf2 .followBox{margin-left:310px;}
div.wf2Re .followBox{margin-right:310px;}
/* floatItem */
div.wf2 .floatItem,
div.wf2Re .floatItem{width:147px; margin-right:6px;}
	
/* width Level3
---------------------------------*/
div.wf3 .floatBox,div.wf3Re .floatBox{width:220px;}
div.wf3 .followBox{margin-left:230px;}
div.wf3Re .followBox{margin-right:230px;}

/* width Level4 150px
---------------------------------*/
div.wf4 .floatBox,div.wf4Re .floatBox{width:150px;}
div.wf4 .followBox{margin-left:160px;}
div.wf4Re .followBox{margin-right:160px;}

/* width Level5 135px
---------------------------------*/
div.wf5 .floatBox,div.wf5Re .floatBox{width:135px;}
div.wf5 .followBox{margin-left:145px;}
div.wf5Re .followBox{margin-right:145px;}

div.sectionBlock div.wf5 .floatBox{margin-right:20px;}
div.sectionBlock div.wf5 .followBox{margin-left:155px;}
div.sectionFrameInner div.wf5 .floatBox{margin-right:10px;}
div.sectionFrameInner div.wf5 .followBox{margin-left:145px;}

*html div.sectionBlock div.wf5 .floatBox{margin-right:-155px;}

/* width Level6 120px
---------------------------------*/
div.wf6 .floatBox,div.wf6Re .floatBox{width:120px;}
div.wf6 .followBox{margin-left:130px;}
div.wf6Re .followBox{margin-right:130px;}

/* width Level7 95px
---------------------------------*/
div.wf7 .floatBox,div.wf7Re .floatBox{width:95px;}
div.wf7 .followBox{margin-left:105px;}
div.wf7Re .followBox{margin-right:105px;}

/* width Level8 80px
---------------------------------*/
div.wf8 .floatBox,div.wf8Re .floatBox{width:80px;}
div.wf8 .followBox{margin-left:90px;}
div.wf8Re .followBox{margin-right:90px;}

/* width Level0
---------------------------------*
div.wf** .floatBox,div.wf**Re .floatBox{width:**px;}
div.wf** .followBox{margin-left:**px;}
div.wf**Re .followBox{margin-right:**px;}
/**/

/*==============================================*/
/* 5.Footer
/*==============================================*/
div#footer{
	margin-left:5px;
	padding-top:10px;
	border-top:1px solid #CCC;
	font-size:77%;
}

div#footerInner{
	overflow:hidden;
	_display:inline-block;/*for IE6*/
	width:960px;	
}

div#usmefId{float:left; clear:both;}

div#copyright,
div#navGlobalFooter{padding-left:28px;}

div#navGlobalFooter{ margin-top:5px;}

div#copyright{margin-bottom:15px; display:inline-block;}

/* #AssistNavi
---------------------------------*/
div#navAssistFooter{
	margin-bottom:39px;
	margin-left:5px;
}

/* #navGlobalFooter
---------------------------------*/
div#navGlobalFooter{
	margin-bottom:15px;
}