@charset "utf-8";

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

	mod_extension.css
	layout.css、mdl_Base.cssで対応できない物を記述

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

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

/*==============================================*/
/* heading bg
/* h2.subTitle**{background-image:url(../../img/frame/subtitle_**.gif);}*/
/*==============================================*/
h2,h3,h4,h5,h6{
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka,  sans-serif;
}

h2,h3,h4,h5,h6{font-weight:bold;}


/* Heading Lavel 2
---------------------------------*/
/*div.cateReci h2,
div.cateEven h2,
div.cateBepo h2,
div.cateShop h2,
div.cateSafe h2,
div.cateKnow h2,
div.cateEnte h2*/
h2{
	background-position:top left;
	background-repeat:no-repeat;
	height:37px;
	font-size: 138.5%;
	color:#FFF;
	padding-top:13px;
	padding-left:20px;
	margin-bottom:10px;
}

div.cateReci h2{background-image:url(../../img/frame/subtitle/subtitle_recipe.gif);}
div.cateEven h2{background-image:url(../../img/frame/subtitle/subtitle_event.gif);}
div.cateBepo h2{background-image:url(../../img/frame/subtitle/subtitle_bepo.gif);}
div.cateShop h2{background-image:url(../../img/frame/subtitle/subtitle_shop.gif);}
div.cateSafe h2{background-image:url(../../img/frame/subtitle/subtitle_safety.gif);}
div.cateKnow h2{background-image:url(../../img/frame/subtitle/subtitle_knowledge.gif);}
div.cateEnte h2{background-image:url(../../img/frame/subtitle/subtitle_entertainment.gif);}
div.catePres h2,
div.cateCamp h2,
div.cateEtc h2{background-image:url(../../img/frame/subtitle/subtitle.gif);}

/* Heading Lavel 3 & 4
---------------------------------*/
div.cateReci h3,div.cateReci h4{color:#850000;}
div.cateEven h3,div.cateEven h4{color:#014d02;}
div.cateBepo h3,div.cateBepo h4{color:#42007C;}
div.cateShop h3,div.cateShop h4{color:#f04801;}
div.cateSafe h3,div.cateSafe h4{color:#006383;}
div.cateKnow h3,div.cateKnow h4{color:#1949e2;}
div.cateEnte h3,div.cateEnte h4{color:#E3009A;}

/* Heading Lavel 3
---------------------------------*/
/*div.cateReci h3,
div.cateEven h3,
div.cateBepo h3,
div.cateShop h3,
div.cateSafe h3,
div.cateKnow h3,
div.cateEnte h3*/
h3{
	background-position:top left;
	background-repeat:no-repeat;
	height:33px;
	padding-top:9px;
	padding-left:20px;
}

div.cateReci h3{background-image:url(../../img/frame/subtitle/subtitle_recipe2.gif);}
div.cateEven h3{background-image:url(../../img/frame/subtitle/subtitle_event2.gif);}
div.cateBepo h3{background-image:url(../../img/frame/subtitle/subtitle_bepo2.gif);}
div.cateShop h3{background-image:url(../../img/frame/subtitle/subtitle_shop2.gif);}
div.cateSafe h3{background-image:url(../../img/frame/subtitle/subtitle_safety2.gif);}
div.cateEnte h3{background-image:url(../../img/frame/subtitle/subtitle_entertainment2.gif);}

div.cateKnow2 h3{background-image:url(../../img/frame/subtitle/subtitle_knowledge2.gif);}

div.cateEtc h3{
	background-image:url(../../img/frame/subtitle/subtitle2.gif);
}
div.cateEtc .sectionFrameInner h3{padding-top:0; padding-left:25px;}

/* Heading Lavel 4
---------------------------------*/
h4{
	padding-bottom:15px;
	line-height:1.3em;
}

/* addLabel */
h4.addLabel,
h4.addLabelLine,
h4.addLabelLineR{
	padding-top:5px;
	overflow:hidden;
	position:relative;
	*display:inline-block;/*for IE*/
}

h4.addLabel span,
h4.addLabelLine span{
	display:block;
	float:left;
	position:relative;
	width:65px; height:65px;
}

h4.addLabel span img,
h4.addLabelLine span img{
	margin-top:-5px;
	margin-left:-3px;
	position:absolute; top:0; left:0;
}

h4.addLabelLine{padding-top:18px; padding-bottom:5px;}
h4.addLabelLine span{margin-top:-15px;}

h4.addLabelLineR{padding-top:10px; padding-bottom:5px;}
h4.addLabelLineR span img{vertical-align:middle; margin-top:-10px; margin-left:10px;}

/* Heading Lavel 5,6
---------------------------------*/
h5,h6{margin-bottom:5px;}

/*==============================================*/
/* icon
li.**,
div.**. icoCircle1 li{background-image: url(../../img/icon/circle1_**.gif);}
/*==============================================*/
/*div.cateReci,
div.cateEven,
div.cateBepo,
div.cateShop,
div.cateSafe,
div.cateKnow,
div.cateEnte*/

/*icoCircle1
---------------------------------*/
li.icoCircle1,
.icoCircle1 li{background-image: url(../../img/icon/circle1.gif);}

div.cateReci li.icoCircle1,
div.cateReci .icoCircle1 li{background-image: url(../../recipe/img/icon/circle1.gif);}

div.cateEven li.icoCircle1,
div.cateEven .icoCircle1 li{background-image: url(../../event/img/icon/circle1.gif) ;}

div.cateSafe li.icoCircle1,
div.cateSafe .icoCircle1 li{background-image: url(../../safety/img/icon/circle1.gif) ;}

div.cateKnow li.icoCircle1,
div.cateKnow .icoCircle1 li{background-image: url(../../knowledge/img/icon/circle1.gif) ;}

/*icoCircle2
---------------------------------*/
li.icoCircle2, 
.icoCircle2 li{background-image: url(../../img/icon/circle2.gif);}

/*icoSquare1
---------------------------------*/
li.icoSquare1,
.icoSquare1 li{background-image: url(../../img/icon/square1.gif);}

/*icoArrow1
---------------------------------*/
li.icoArrow1,
.icoArrow1 li{background-image: url(../../img/icon/arrow1.gif);}

li.icoArrow2,
.icoArrow2 li{background-image: url(../../img/icon/arrow2.gif);}

/*==============================================*/
/* sectionBlock
/*==============================================*/
.sectionFrameInner .listNote{margin-left:30px; margin-right:30px;}
.sectionFrameInner .listNote span{ color:#F00;}

/*==============================================*/
/* sectionFrameA
/*==============================================*/
div.sectionFrameA{
	background:url(../../img/frame/section/sectionframe_a0_footer.gif) no-repeat bottom left;
	padding-bottom:25px;
}

div.sectionFrameA .sectionFrameInner{
	background:url(../../img/frame/section/sectionframe_a0_header.gif) no-repeat top left;
	padding-top:25px;
	margin-bottom:0;
	*display:inline-block;/*for IE*/
}

div.sectionFrameA .sectionBlock{
	background:url(../../img/frame/section/sectionframe_a0_base.gif) repeat-y top left;
	margin:0;
}

div.sectionFrameA h4{margin-left:25px; margin-right:25px;}
div.sectionFrameA .sectionBox h4{margin-left:0px; margin-right:0px;}
div.sectionFrameA p,
div.sectionFrameA .sectionBox{margin-left:25px; margin-right:25px;}
div.sectionFrameA .sectionBox p{margin-left:0px; margin-right:0px;}

div.sectionFrameA .sectionItem{margin-left:0; margin-right:0;}


/* レシピ：cateReci
---------------------------------*/
div.cateReci div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a1_footer.gif) ;}
div.cateReci div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a1_header.gif);}
div.cateReci div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a1_base.gif);}

/* イベント：cateEven
---------------------------------*/
div.cateEven div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a2_footer.gif) ;}
div.cateEven div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a2_header.gif);}
div.cateEven div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a2_base.gif);}

/* ビー・アンド・ポ：cateBepo
---------------------------------*/
div.cateBepo div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a3_footer.gif) ;}
div.cateBepo div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a3_header.gif);}
div.cateBepo div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a3_base.gif);}

/* 買う・食べる：cateShop
---------------------------------*/
div.cateShop div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a4_footer.gif) ;}
div.cateShop div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a4_header.gif);}
div.cateShop div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a4_base.gif);}

/* 安全：cateSafe
---------------------------------*/
div.cateSafe div.sectionFrameA{background-image: url(../../safety/img/frame/sectionframe_a5_footer.gif) ; padding-bottom:8px;}
div.cateSafe div.sectionFrameA .sectionFrameInner{background-image:url(../../safety/img/frame/sectionframe_a5_header.gif); padding-top:10px;}
div.cateSafe div.sectionFrameA .sectionBlock{background-image:url(../../safety/img/frame/sectionframe_a5_base.gif);}

div.cateSafe div.indexFrame{background-image:url(../../img/frame/section/sectionframe_a5_footer.gif) ; padding-bottom:25px;}
div.cateSafe div.indexFrame .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a5_header.gif);padding-top:25px;}
div.cateSafe div.indexFrame .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a5_base.gif);}

div.cateSafe div.sectionFrameB{background-image: url(../../safety/img/frame/sectionframe_b5_footer.gif) ; padding-bottom:8px; margin:0;}
div.cateSafe div.sectionFrameB .sectionFrameInner{background-image:url(../../safety/img/frame/sectionframe_b5_header.gif); padding-top:10px;}
div.cateSafe div.sectionFrameB .sectionBlock{background-image:url(../../safety/img/frame/sectionframe_b5_base.gif);}

div.cateSafe div.sectionFrameB ul li{ border-bottom:none;}

/* 知る：cateKnow
---------------------------------*/
div.cateKnow div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a6_footer.gif) ;}
div.cateKnow div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a6_header.gif);}
div.cateKnow div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a6_base.gif);}

/* エンタメ：cateEnte
---------------------------------*/
div.cateEnte div.sectionFrameA{background-image:url(../../img/frame/section/sectionframe_a7_footer.gif) ;}
div.cateEnte div.sectionFrameA .sectionFrameInner{background-image:url(../../img/frame/section/sectionframe_a7_header.gif);}
div.cateEnte div.sectionFrameA .sectionBlock{background-image:url(../../img/frame/section/sectionframe_a7_base.gif);}

/*Column Unit
---------------------------------*/
/*floatMargin*/
div#areaMain .sectionFrameA .unit2Col,
div#areaMain .sectionFrameA .unit3Col{/*margin-right:-20px;*/ padding-left:25px;}

div#areaMain .sectionFrameA .unit2Col .sectionBox,
div#areaMain .sectionFrameA .unit3Col .sectionBox{margin-right:20px; margin-left:0;}

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

/* col3Set*/
div.layDouble #areaMain .sectionFrameA .unit3Col .sectionBox{width:216px; margin-right:21px; }
/*div.laySingle #areaMain .unit3Col .sectionBox{width:298px; margin-right:18px;}*/
/*div.layTriple #areaMain .unit3Col .sectionBox{width:144px; margin-right:19px;}*/

/*==============================================*/
/* sectionFrameB
/*==============================================*/
div.sectionFrameB{
	background: url(../../img/frame/section/sectionframe_b_footer.gif) no-repeat left bottom;
	padding-bottom:10px;
	margin:15px 15px 25px;
	_display:inline-block;/*for IE6*/
}

div.sectionFrameB .sectionFrameInner{background: url(../../img/frame/section/sectionframe_b_base.gif) repeat-y left top;}
div.sectionFrameB .sectionBlock{margin:0; }
div.sectionFrameB h4{ background:url(../../img/frame/section/sectionframe_b_header.gif) no-repeat top left;}

div.sectionFrameB h4,
div.cateEven div.sectionFrameB{background-color:#8FC855;}

div.sectionFrameB h4{
	color:#FFF;
	padding-top:9px;
	padding-bottom:0;
	padding-left:15px;
	height:39px;
	font-size:138.5%;
}

div.sectionFrameB ul li{ border-bottom:1px dotted #8FC855; padding:6px 0; _display:inline-block;/*for IE6*/}
div.sectionFrameB ul li.listLast{ border-bottom:none;}
div.sectionFrameB ul li a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:131%;
	font-weight:bold;
	color:#105A0F;
	text-decoration:none;
}

div.sectionFrameB ul ul li{padding-left:25px;}


div.sectionFrameB ul li a:visited{color:#105A0F;}
div.sectionFrameB ul li a:hover{color:#8FC855;}

div.sectionFrameB ul.listWithThumb{
	overflow:hidden;
	display:inline-block;
	margin-left:25px;
	background:url(../../img/frame/section/sectionframe_b_line.gif) repeat-y top left;
}

div.sectionFrameB ul.listWithThumb li{
	float:left;
	width:310px;
	padding-right:15px;
	border:none;
}

div.sectionFrameB ul.listWithThumb span.thumb{
	display:inline-block;
	width:130px;
	float:left;
}

div.sectionFrameB ul.listWithThumb  a span.thumb img{margin:0;}
div.sectionFrameB ul.listWithThumb  a:hover span.thumbimg{margin:0;}
div.sectionFrameB ul.listWithThumb .caption{
	margin-left:150px;
	padding-right:10px;
	text-indent:-23px;
	display:block;
	font-size:85%;
}

/*==============================================*/
/* sectionFrameC
/*==============================================*/
div.sectionFrameC{
	background:url(../../img/frame/section/sectionframe_c_base.gif) no-repeat bottom left;
	padding-bottom:25px;
}

div.sectionFrameC .sectionFrameInner{
	background:url(../../img/frame/section/sectionframe_c_header.gif) no-repeat top left;
	padding-top:25px;
	margin-bottom:0;
	*display:inline-block;/*for IE*/
}

div.sectionFrameC .sectionBlock{
	margin:0;
}

div.sectionFrameC ul li{float:left; margin-right:5px;}

div.sectionFrameC h4{margin-left:25px; margin-right:25px;}
div.sectionFrameC .sectionBox h4{margin-left:0px; margin-right:0px;}
div.sectionFrameC p,
div.sectionFrameC .sectionBox{margin-left:15px; margin-right:15px;}
div.sectionFrameC .sectionBox p{margin-left:0px; margin-right:0px;}

div.sectionFrameC .sectionItem{margin-left:0; margin-right:0;}

/*==============================================*/
/* navFrame
/*==============================================*/
div.navFrameA,
div.navFrameB{
	padding-bottom:10px;
	background-position: bottom left;
	background-repeat:no-repeat;
}

div.navFrameA h4,
div.navFrameB h4{
	color:#FFF;
	padding-top:6px;
	padding-bottom:0;
	padding-left:15px;
	height:33px;
	background-position:top left;
	background-repeat:no-repeat;
}

div.navFrameInner,
div.navFrameInner ul{
	background-position:top left;
	background-repeat:repeat-y;
	*display:inline-block;/*for IE*/
}

div.navFrameInner ul{
	overflow:hidden;
	margin-right:5px;
	margin-left:5px;
}

div.navFrameInner ul.navPage{margin:0;}

div.navFrameInner ul li{
	white-space: nowrap;
	float:left;
	margin-left:15px;
}

/*Category*/
div.cateReci div.navFrameInner ul li,
div.cateBepo div.navFrameInner ul li{
	line-height:35px;
	padding-left:20px;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka,  sans-serif;
	background-position:0 0.6em;
	background-repeat:no-repeat;
}
div.cateReci div.navFrameInner ul li{background-image:url(../../recipe/img/icon/arrow1.gif);}
div.cateBepo div.navFrameInner ul li{background-image:url(../../bepo/img/icon/arrow1.gif);}

div.cateReci div.navFrameInner ul li a{color:#870001; text-decoration:none;}
div.cateReci div.navFrameInner ul li a:hover{color:#f67e82;}

div.cateBepo div.navFrameInner ul li a{color:#42007C; text-decoration:none;}
div.cateBepo div.navFrameInner ul li a:hover{color:#9a9dca;}

div.cateReci div.navFrameA,
div.cateReci div.navFrameB,
div.cateReci div.navFrameA h4,
div.cateReci div.navFrameB h4{ background-color:#F57E82;}

div.cateBepo div.navFrameA,
div.cateBepo div.navFrameB,
div.cateBepo div.navFrameA h4,
div.cateBepo div.navFrameB h4{ background-color:#9A9CCA;}

/* navFrameA
---------------------------------*/
div.navFrameA{background-image: url(../../img/frame/navi/navframe_a_footer.gif);}
div.navFrameA .navFrameInner{background-image: url(../../img/frame/navi/navframe_a_base.gif);}
div.navFrameA h4{ background:url(../../img/frame/navi/navframe_a_header.gif);}
div.navFrameA ul{background-image: url(../../img/frame/navi/navframe_a_line.gif);}

/* navFrameB
---------------------------------*/
div.navFrameB{background-image: url(../../img/frame/navi/navframe_b_footer.gif);}
div.navFrameB .navFrameInner{background-image: url(../../img/frame/navi/navframe_b_base.gif);}
div.navFrameB h4{ background:url(../../img/frame/navi/navframe_b_header.gif);}

div.cateReci div.navFrameB ul{background-image: url(../../img/frame/navi/navframe_b_line.gif);}
div.cateBepo div.navFrameB ul{background-image: url(../../img/frame/navi/navframe_b_line2.gif);}


div.cateSafe div.navFrameB,
div.cateKnow div.navFrameB{padding-bottom:10px;}

div.cateSafe div.navFrameB .navFrameInner ul,
div.cateKnow div.navFrameB .navFrameInner ul{
	background-position:top left;
	background-repeat:no-repeat;
	margin:0; padding-top:15px;
}

div.cateSafe div.navFrameB .navFrameInner ul li,
div.cateKnow div.navFrameB .navFrameInner ul li{ margin-left:10px; margin-right:0; line-height:0; margin-bottom:3px;}

div.cateSafe div.navFrameB{background-image: url(../../safety/img/frame/naviframe_b_footer.gif);}
div.cateSafe div.navFrameB .navFrameInner{background-image: url(../../safety/img/frame/naviframe_b_base.gif);}
div.cateSafe div.navFrameB .navFrameInner ul{ background-image: url(../../safety/img/frame/naviframe_b_header.gif);}

div.cateKnow div.navFrameB{background-image: url(../../knowledge/img/frame/naviframe_b_base.gif);}
div.cateKnow div.navFrameB .navFrameInner{background: url(../../knowledge/img/frame/naviframe_b_header.gif) no-repeat top left;}
div.cateKnow div.navFrameB .navFrameInner ul{/* background-image: url(../../knowledge/img/frame/naviframe_b_header.gif);*/ _margin-left:-10px;}
div.cateKnow div.navFrameB .navFrameInner ul li{width:345px; margin-bottom:5px; margin-left:10px; padding:0;}
div.cateKnow div.navFrameB .navFrameInner ul li a{display:inline-block;}

/*==============================================*/
/* wrapDotLine
/*==============================================*/
.wrapDotLine{border:1px dotted #CCC; padding:20px 20px 10px; overflow:hidden; *display:inline-block;/*for IE*/ }

.wrapDotLineB{border-bottom:1px dotted #CCC; padding-bottom:10px;}
div.cateKnow .wrapDotLineB{border-color:#438dff;}


/*==============================================*/
/* unitFlaot 追加要素　wfInfoA
/*==============================================*/
div.wfInfoA,
div.wfInfoB {margin-bottom:0;}

div.wfInfoA p{margin-bottom:0;}
div.wfInfoA .floatBox{width:550px;}
div.wfInfoA a.navMore{position:absolute; bottom:0; right:0;}
div.wfInfoA .floatItem{width:405px;}

div.wfInfoB .floatBox{width:460px;}
div.wfInfoB a.navMore{position:absolute; bottom:0; right:0;}
div.wfInfoB .floatItem{width:320px;}

/*==============================================*/
/* dltable width
/*==============================================*/
dl.dlType1 dt{width:3em;}
dl.dlType1 dd{margin-left:4em;}

dl.dlType1 dt.extra{width:16em;}
dl.dlType1 dd.extra{ clear:both;margin-left:4em;}

dl.dlType2 dt{width:4em;}
dl.dlType2 dd{margin-left:4em;}

dl.dlType3 dt{width:5em;}
dl.dlType3 dd{margin-left:6em;}

dl.dlType4 dt{width:6em;}
dl.dlType4 dd{margin-left:7em;}

dl.dlType5 dt{width:7em;}
dl.dlType5 dd{margin-left:8em;}

dl.dlType6 dt{width:10em;}
dl.dlType6 dd{margin-left:11em;}

dl.exdlType{margin:0.5em 0;}
dl.exdlType dt img{ float:left;}