@charset "UTF-8";
/* CSS Document */
.mt5 {padding-top:5px;}
.mt10 {padding-top:10px;}
.mt15 {padding-top:15px;}
.mt20 {padding-top:20px;}
.mb5 {padding-botttom:5px;}
.mb10 {padding-botttom:10px;}
.mb15 {padding-botttom:15px;}
.mb20 {padding-botttom:20px;}



/* clearfix------------------------------------------------------------------- */
.cF {
	height: auto;
	overflow: hidden;
	zoom: 1;
}

.cF:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}





.cookBlock a {
font-size:90%;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

li {list-style:none;}

/* QUANTITY
--------------------------------------------------------------*/

#wrapper #container #mainCol .quantity_txt{
width:625px;
margin:15px 0;
}
#wrapper #container #mainCol h3.ttl{
margin:15px 0 5px 0;
padding:0;
width:625px;
}

#low-calorie ul#anchor li{
	list-style:none;
	float:right;
	padding-left:10px;
	/*position: relative;*/
}

#low-calorie ul#hNav li.1Btn{
	width:143px;
	height:12px;
}

#low-calorie ul#hNav li.2Btn{
	width:166px;
	height:12px;
}

#low-calorie ul#hNav li.3Btn{
	width:206px;
	height:12px;
}


/* cookBlock
--------------------------------------------------------------*/
.cookBlock{
    margin:15px 0 0 0;
	background-image: url(../quantity/images/box_body.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

.Box_top {
	background-image: url(../quantity/images/box_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.Box_bottom {
	padding:15px 0 20px 0;
	background-image:url(../quantity/images/box_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#wrapper #container #mainCol .cookBlock .box_title{
	text-align:left;
	width:605px;
	margin:0 0 10px 0;
	padding:0 0 15px 20px;
	border-bottom:1px dashed #cccccc;
}

#wrapper #container #mainCol .cookBlock .left{
float:left;
width:279px;
_width:250px;
margin-left:20px;
_margin-left:10px;
margin-top:10px;
}
#wrapper #container #mainCol .cookBlock .left .btn_weight{
display:block;
width:225px;
height:25px;
}

#wrapper #container #mainCol .cookBlock .right{
float:right;
width:284px;
_width:272px;
margin-top:10px;
padding:0 20px;
border-left:1px dashed #cccccc;
}
#wrapper #container #mainCol .cookBlock .right .leftTbl{
float:left;
width:130px;
margin:0;
padding:0;
}

#wrapper #container #mainCol .cookBlock .right .leftTbl td img{
padding:3px 0 3px 0;
}

#wrapper #container #mainCol .cookBlock .right .rightTbl{
float:right;
width:130px;
margin:0 0 0 24px;
_margin:0 0 0 12px;
padding:0;
}

#wrapper #container #mainCol .cookBlock .right .rightTbl td img{
padding:3px 0 3px 0;
}


#wrapper #container #mainCol .cookBlock .right .right_title{
margin:0 0 5px 0;
text-align:left;
}

#wrapper #container #mainCol .cookBlock .right ul img{
margin-left:-18px;
*margin-left:10px;
}
#wrapper #container #mainCol .right ul li a{
margin-left:-16px;
*margin-left:10px;
}

/* hyouBlock
--------------------------------------------------------------*/
#wrapper #container #mainCol #hyouttl{
margin:20px 0 10px 0;
width:625px;
}

#wrapper #container #mainCol #ryouriTable{
border:#cccccc solid 1px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
width:623px;
font-size:0.9em;
*font-size:1em;
}

#wrapper #container #mainCol #ryouriTable th{
	font-weight:normal;
	text-align:center;
}

#wrapper #container #mainCol #ryouriTable td.menu{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}

#wrapper #container #mainCol #ryouriTable th.menu{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}

#wrapper #container #mainCol #ryouriTable td.menu_r{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}

#wrapper #container #mainCol #ryouriTable th.menu_r{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}

#wrapper #container #mainCol #ryouriTable td.mass{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
color:#ff9797;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable td.mass_r{
padding:5px 3px;
text-align:center;
border-bottom:#cccccc solid 1px;
color:#ff9797;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable td.quantity{
padding:5px 3px;
text-align:left;
border-right:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable td.quantity_b{
padding:5px 3px;
text-align:left;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable th.quantity{
padding:5px 3px;
text-align:center;
border-right:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable th.quantity_b{
padding:5px 3px;
text-align:center;
border-right:#cccccc solid 1px;
border-bottom:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable td.quantity_r{
padding:5px 3px;
text-align:left;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol #ryouriTable td.quantity_rb{
padding:5px 3px;
text-align:left;
border-bottom:#cccccc solid 1px;
font-size:0.9em;
*font-size:0.95em;
}
#wrapper #container #mainCol p.recipe_caution{
font-size:0.9em;
*font-size:0.95em;
margin:10px 0;
}


#wrapper #container #mainCol #onerecipe{
width:512px;
margin:auto;
margin-top:15px;
font-size:100%;
}
#wrapper #container #mainCol #onerecipe .left{
float:left;
width:170px;
}
#wrapper #container #mainCol #onerecipe .right{
float:right;
width:320px;
}
#wrapper #container #mainCol #onerecipe .right a{
color:#0099cc;
text-decoration:none;
font-size:100%;
}
#wrapper #container #mainCol #onerecipe .right a:hover{
color:#0099cc;
text-decoration:underline;
}
#wrapper #container #mainCol #onerecipe .right a:visited{
color:#0066cc;
text-decoration:underline;
}