@charset "utf-8";

@import url("tab.css");
@import url("lecipe.css");

/* ------------------------------------- 
 *	build
 * ------------------------------------- */
 
/*- #2ndContents -------- */
#2ndContents{
	position: relative;
	width:808px;
	background-color: #fff;

}

/*- topics_box -------- */

.topics_box{
	width:770px;
	background-color: #fff;
	margin:0 0 0 4px;
	padding:0 0 0 30px;
}

p.topic_path{
	width:766px;
	margin:0 0 15px 4px;
	padding:10px 0 0 0;
}


.topics_box ul{
	margin-top:15px;
}

/*.topics_box ul li{
	line-height:2.5em;
	background-image:url(../image/icon_sign_gray.gif);
	background-repeat:no-repeat;
	background-position:15px 10px;
	border-bottom:1px dotted #ccc;
}

.topics_box ul li a{
	width:710px;
	padding:0 0 0 30px;
	display:block;
}*/

.list{
	width:485px;
	text-align:right;
	margin:10px 0 0 0;
}



/*- main_title - */

.title{
	position: relative;
	width:808px;
	height:111px;
	background-image:url(../../topics/image/tit_healthcheck.gif);
	background-repeat:no-repeat;
}

.title02{
	position: relative;
	width:808px;
	height:111px;
	background-image:url(../../topics/image/tit_summermeal.gif);
	background-repeat:no-repeat;
}

.title03{
	position: relative;
	width:808px;
	height:111px;
	background-image:url(../../topics/image/tit_onecooking.gif);
	background-repeat:no-repeat;
}

p.read{
	position:absolute;
	left:40px;
	top:85px;
}

h2{
	display:none;
}

/*- main -------- */

.main{
	width:738px;
	float:left;
}

/*- article -------- */

.article{
	width:600px;
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
	margin-bottom:20px;
 }

.article h4{
	font-size:1.4em;
	line-height:120%;
	padding:5px 0 5px 0;
	margin:0 0 25px 0;
	text-align:center;
 }

.article h4.bg01{
	background-image:url(../../topics/image/h5_bg01.gif);
	border-bottom:1px solid #8AA8D9;
	border-top:1px solid #8AA8D9;
 }
	
	.article h4.bg02{
	background-image:url(../../topics/image/h5_bg02.gif);
	border-bottom:1px solid #FA7D02;
	border-top:1px solid #FA7D02;
	color:#663300;
 }

.article h5{
	font-size:1em;
	margin:10px 0 5px 0;
 }

.note01{
	border-width : 0px 0px 0px 0px;
	background-image:url(../../topics/image/note.gif);
}

.note01 p{
	line-height : 21px;
 }

.bgline{
	margin:0;
	padding:3px 3px 3px 12px;
	background-color:#99FFFF;
	background-image:url(../image/icon_sign_red03.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
}

.article p.indent{
	margin-left:1em;
 }

.article p.alnr{
	text-align:right;
 }

.article p.alnc{
	text-align:center;
 }
	
.article p img.fltL{
	float:left;
	margin:0 20px 10px 0;
 }

.article p img.fltR{
	float:right;
	margin:0 0 10px 20px;
 }

.article table{
	width:auto;
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
	margin-top:10px;
}

.article th{
	text-align:center;
	padding:3px;
	border:1px #ccc solid;
	background-color:#FDF2C4;
 }

.article td.thm{
	width:200px;
	text-align:center;
 }

.article td.spec p{
	font-size:0.9em;
	text-align:center;
	padding:3px;
 }

.article td.read{
	padding:8px;
	border:1px #ccc solid;
 }


/*- products detail -------- */

.products_detail{
	width:738px;
	padding:0 0 20px 0;
	text-align:center;
 }

.products_detail table{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}

.products_detail td.thm{
	width:220px;
	text-align:center;
 }


.products_detail td.thm p{
	margin:0 0 0 0;
	text-align:center;
 }

.products_detail td.thm p img{
	border:none;
 }

.products_detail h3.type1{
	width:600px;
	margin:30px auto 15px auto;
	text-align:center;
 }

.products_detail h4{
	font-size:1.3em;
	line-height:1.2em;
	padding:5px 0 5px 5px;
	margin:0 0 0 0;
	text-align:left;
	border-bottom:2px solid #FF9900;
	clear:both;
 }

.products_detail h5,
.feature h5{
	font-size:1.2em;
	color:#FF9900;
	background-image:url(../image/icon_sign_pet_02.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:5px 0 5px 20px;
	margin:10px 0 5px 0;
 }

.products_detail h6{
	font-size:1em;
	padding:5px 0 5px 5px;
	text-align:left;
 }
 
.products_detail td ul{
	margin:10px 0 10px 20px;
	text-align:left;
	clear:both;
 }
 
.products_detail td li{
	margin:0 0 5px 0;
	padding:5px 0 5px 30px;
	background-image:url(../image/icon_sign_heart.gif);
	background-repeat:no-repeat;
 }

.products_detail .cach{
	color:#666;
	font-weight:bold;
	padding:0 0 0 0;
	margin:3px 0 10px 0;
}

.products_detail .cach img{
	vertical-align:middle;
	margin-right:4px;
}

.products_detail .element{
	padding:5px;
	background-color:#FFF4CA;
	display:block;
	text-align:center;
	color:#663333;
	font-weight:bold;
	border-left:1px solid #FFcc00;
	border-right:1px solid #FFcc00;
	border-bottom:1px solid #FFcc00;
}

/*- lecipe -------- */

.lecipe{
	width:730px;
	background-color:#FCF3CA;
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
	position:relative;
	background-image:url(../../topics/image/lecipe_bg.gif);
	background-repeat:repeat-x;
	padding:95px 0 20px 0;
 }

.lecipename{
	width:275px;
	height:86px;
	position:absolute;
	left:45px;
	top:0;
	background-image:url(../../topics/image/lecipename_bg.gif);
	background-repeat:repeat-x;
 }

.lecipename h3{
	padding:0px;
	margin:0px;
	font-size:1em;
 }

.lecipename strong{
	display:block;
	text-align:center;
	padding:4px 0 0 0;
	vertical-align:middle;
	height:20px;
	color:#FFF;
}

.lecipename img{
	display:block;
	margin:12px 0 0 0;
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}

.lecipe table{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}


.lecipe h4.ingredients{
	padding:0px;
	margin:0px;
	border-bottom:2px #FDB304 solid;
 }

.lecipe h4.howto{
	padding:0px;
	margin:15px 0 0 0;
	border-bottom:2px #5E8F11 solid;
 }

.lecipe table ul{
	margin:15px 0 10px 15px;
}

ul.ingredients li.on{
	line-height:1.4em;
	background-image:url(../image/icon_sign_square.gif);
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	background-position:0 6px;
	clear:both;
}

ul.ingredients li.on img{
	margin:6px 0 6px 0;
}

ul.ingredients li.on img.alft{
	margin:6px 15px 6px 0;
	float:left;
}

ul.howto strong{
	color:#3B6000;
	font-weight:normal;
	font-size:1.2em;
}

.lecipe table li{
	margin:0 0 5px 0;
}


p.his_back{
	margin:10px 10px 0 0;
	padding:10px 0 3px 0;
	width:100%;
	text-align:right;
}

p.his_back a{
	background-image:url(../image/icon_sign_pet.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding:5px 0 5px 22px;
}

.bdr{
	border-top:1px #999 dotted;
}