@charset "utf-8";

/*-----------------------------------------------------
contents left
-------------------------------------------------------*/
/* mein */
div.cont_left .mein{
	width:658px;
	margin:0 auto 0 auto;
}
div.cont_left .mein ul{
	padding:5px 1px 4px 1px;
	background:url("../images/index/mein_bg.jpg") no-repeat bottom left;
}
div.cont_left .mein ul li{
	float:left;
	margin:0 3px 0 3px;
	_margin:0 3px 0 2px;
}

/* item */
div.cont_left ul.item{
	margin:10px 0 0 0;
}
div.cont_left ul.item li{
	float:left;
	margin:0 0 1px 0;
}

/* purpose */
div.purpose{
	width:659px;
	margin:18px auto 0 auto;
	background:#FFF;
}
div.purpose dl.purpose_top{
	
 	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px dotted #CCC;
}
div.purpose dl.purpose_top dd{
	float:left;
	min-height:176px;
	height:auto !important;
	height:176px;
	display:block;
	cursor : pointer 
}
div.purpose dl.purpose_top dd.p_t_01{
	width:161px;
	padding:1px;
	border-right:1px dotted #CCC;
	background:url("../images/index/purpose_btn01.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_01:hover{
	color:#FFF;
	background:url("../images/index/purpose_btn01_on.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_02{
	width:162px;
	padding:1px;
	border-right:1px dotted #CCC;
	background:url("../images/index/purpose_btn02.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_02:hover{
	color:#FFF;
	background:url("../images/index/purpose_btn02_on.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_03{
	width:162px;
	padding:1px;
	border-right:1px dotted #CCC;
	background:url("../images/index/purpose_btn03.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_03:hover{
	color:#FFF;
	background:url("../images/index/purpose_btn03_on.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_04{
	width:162px;
	padding:1px 0 1px 1px;
	background:url("../images/index/purpose_btn04.gif") no-repeat;
}
div.purpose dl.purpose_top dd.p_t_04:hover{
	color:#FFF;
	background:url("../images/index/purpose_btn04_on.gif") no-repeat;
}

div.purpose dl.purpose_top dd ul{
	margin:85px 0 0 9px;
	font-size:85%;
	letter-spacing:0;
}
div.purpose dl.purpose_top dd ul li{
	list-style:disc inside;
	vertical-align:middle;
	line-height:1.2;
	font-size:11px;
}

div.purpose dl.purpose_bottom{
	border:1px solid #CCC;
	border-top:0px;
	clear: left;
}
div.purpose dl.purpose_bottom dd{
	float:left;
	padding:1px;
}
div.purpose dl.purpose_bottom dd.p_b_01{
	border-right:1px dotted #CCC;
}
div.purpose dl.purpose_bottom dd.p_b_02{
	border-right:1px dotted #CCC;
}
div.purpose dl.purpose_bottom dd.p_b_03{
	border-right:1px dotted #CCC;
}
div.purpose dl.purpose_bottom dd.p_b_04{
	border-right:1px dotted #CCC;
}

/* delivery */
div.delivery{
	width:660px;
	margin:17px auto 0 auto;
	background:#FFF;
	border-bottom:1px solid #CCC;
}
div.delivery dl{
	padding:0 10px 16px 0;
	border:1px solid #CCC;
}
div.delivery dl dt{
	margin:20px 0 0 9px;
}
div.delivery dl dd{
	margin:19px 0 0 10px;
	line-height:1.4;
}
div.delivery dl dd.text{
	margin:5px 0 0 10px;
}
div.delivery dl dd span{
	color:#CC0000;
	font-weight:bold;
}

/* news */
div.news{
	width:660px;
	margin:15px auto 10px auto;
	background:#FFF;
	border-bottom:1px solid #CCC;
}
div.news .news_in{
	border:1px solid #CCC;
}
div.news .news_in dl{
	width:640px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
}
div.news .news_in dl.noborder{
	border-bottom:none;
}
div.news .news_in dl dt{
	width:7em;
	margin:0 5px 0 0;
	float:left;
	clear:both;
}
div.news .news_in dl dd{
	float:left;
}

/* recipe */
div.recipe{
	width:638px;
	height:273px;
	margin:18px auto 0 auto;
	padding:12px 0 0 24px;
	background:url("../images/index/recipe_bg.jpg") no-repeat;
	clear: both;
}
div.recipe h3{
	float:left;
}
div.recipe p.sub{
	float:right;
	padding:0 25px 0 0;
}
div.recipe p.coment{
	clear:both;
	text-align:right;
	padding:14px 25px 0 0;
	_padding:2px 25px 0 0;
	line-height:1;
}
*:first-child+html div.recipe p.coment{
	padding:2px 25px 0 0;
}
div.recipe dl{
	margin:0 0 0 0;
}
div.recipe dl dd{
	float:left;

}
div.recipe dl dd.img01{
	margin:9px 0 0 0;
}

/*-----------------------------------------------------
contents right
-------------------------------------------------------*/
/* chumoku */
dl.chumoku{
	width:160px;
	margin:16px auto 0 auto;
	border-bottom: #CC0000 2px solid;
}

dl.chumoku dd{
	border-left: #CC0000 2px solid;
	border-right: #CC0000 2px solid;
	line-height:1.2;
}

dl.chumoku dd p.img{
	float:right;
	padding:11px 10px 0 0;
}

dl.chumoku dd p.up{
	width:150px;
	text-align:right;
	padding: 0 0 5px 0;
}

dl.chumoku dd p.brand{
	margin:0 0 0 9px;
	padding: 8px 0 0 0;
	font-weight:bold;
	font-size:93%;
	letter-spacing:0;
	width:86px;
	_width:83px;
	min-height:85px;
	height:auto !important;
	height:85px;
}
dl.chumoku dd p.coment{
	font-size:86%;
	padding:0 10px 10px 10px;
}

/* 追加 */
table.chumoku01{
	width: 160px;
}

table.chumoku01 td.coname{
	width: 60px;
	vertical-align: middle;
	font-weight:bold;
	padding: 10px 5px;
	font-size:93%;
	letter-spacing:0;
}

table.chumoku01 td.coimg{
text-align: center;
	padding: 10px 0;
}

table.chumoku01 td.copoint{
text-align: center;
}

table.chumoku01 td.cocoment{
	font-size:86%;
	padding:10px 10px 10px 10px;
}
	
/* ranking */
dl.ranking{
	width:160px;
	margin:16px auto 0 auto;
	border-bottom:1px solid #AD8A63;
}
dl.ranking dt {
	border-bottom:1px solid #AD8A63;
}
dl.ranking dd{
	border-left:2px solid #9C7754;
	border-bottom:1px dotted #CCC;
	border-right:2px solid #9C7754;
	line-height:1.2;
}
dl.ranking dd.noborder{
	border-bottom:none;
}
dl.ranking dd p.img{
	float:right;
	padding:11px 6px 0 0;
}
dl.ranking dd p.num{
	padding:11px 0 0 9px;

}

dl.ranking dd p.up{
	width:150px;
	text-align:right;
	padding: 0 0 5px 0;
}

dl.ranking dd p.brand{
	margin:8px 0 0 9px;
	font-weight:bold;
	font-size:93%;
	letter-spacing:0;
	width:86px;
	_width:83px;
	min-height:60px;
	height:auto !important;
	height:60px;
}
dl.ranking dd p.coment{
	font-size:86%;
	padding:0 10px 10px 10px;
}