@charset "UTF-8";
/* CSS Document */

/* SPECIAL
--------------------------------------------------------------*/
#wrapper #container #mainCol h2.low-calorie_top{
margin:0;
padding:0;
text-indent:-9999px;
height:38px;
background:url(../low-calorie/images/ttl_low-calorie.gif) no-repeat;
}
#wrapper #container #mainCol h2#season{
margin-top:10px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
height:30px;
}
#wrapper #container #mainCol p.trial_txt{
color: #666 !important;
font-size: 100% !important;
font-weight: normal !important;
line-height:1.4em;
text-align: left !important;
margin: 10px 0 !important;
padding: 0 !important;
background: none !important;
}
#wrapper #container #mainCol #recipeBlock{
width:580px;
margin:15px auto 0;
clear: both;
}
#wrapper #container #mainCol #recipeBlock .left{
float:left;
width:256px;
clear: both;
background:url(../trial/images/bg_recipe_middle.gif) repeat-y;
}
#wrapper #container #mainCol #recipeBlock .right{
float:right;
width:256px;
background:url(../trial/images/bg_recipe_middle.gif) repeat-y;
}

#wrapper #container #mainCol #recipeBlock .top{
background:url(../trial/images/bg_recipe_top.gif) no-repeat;
display:block;
width:256px;
height:36px;
color:#3399cc;
font-weight:bold;
font-size:100%;
padding:10px 0px 0 0px;
text-indent:10px;
}
#wrapper #container #mainCol #recipeBlock .top a{
color:#3399cc;
text-decoration:none;
}
#wrapper #container #mainCol #recipeBlock .top a:hover{
color:#3399cc;
text-decoration:underline;
}
#wrapper #container #mainCol #recipeBlock .top a:visited{
color:#3366cc;
text-decoration:none;
}
#wrapper #container #mainCol #recipeBlock dl.middle{
width:237px;
margin:auto;
margin-bottom:5px;
}
#wrapper #container #mainCol #recipeBlock dl.middle dt{
margin-top:0;
}
#wrapper #container #mainCol #recipeBlock dl.middle dd{
float:right;
margin-top:-99px;
}
#wrapper #container #mainCol #recipeBlock .btn_detail{
display:block;
width:256px;
height:25px;
}

#wrapper #container #mainCol #pesentBlock{
margin:auto;
margin-top:15px;
}

#wrapper #container #mainCol #pesentBlock #present{
float:left;
margin: 8px 0 8px 0;
text-indent:-9999px;
display:block;
}
#wrapper #container #mainCol #pesentBlock #present a{
display:block;
width:170px;
height:42px;
background:url(../common/images/nav_present.gif) no-repeat; 
}
#wrapper #container #mainCol #pesentBlock #present a:hover{
background:url(../common/images/nav_present.gif) 0 100%; 
}
#wrapper #container #mainCol #pesentBlock #txt_present{
float:right;
width:340px;
font-size:80%;
margin-top:15px;
}


/* TRIAL
--------------------------------------------------------------*/
#wrapper #container #mainCol h3.trial{
margin-top:10px;
margin-right:auto;
margin-left:auto;
height:30px;
background:url(../common/images/bg_ttl.gif) repeat-x;
}
#wrapper #container #mainCol h3.trial .left{
float:left;
}
#wrapper #container #mainCol h3.trial .rightlist{
float:right;
width:232px;
display:block;
height:30px;
}
#wrapper #container #mainCol #linkarea{
font-size:95%;
margin:auto;
text-align:left;
margin-top:15px;
}
#wrapper #container #mainCol #linkarea a{
font-size:95%;
color:#0099cc;
text-decoration:none;
}
#wrapper #container #mainCol #linkarea a:hover{
color:#0099cc;
text-decoration:underline;
}
#wrapper #container #mainCol #linkarea a:visited{
color:#0066cc;
}
/*
#wrapper #container #mainCol #ttl{
width:526px;
margin:auto;
margin-top:15px;
}
*/

#wrapper #container #mainCol .ttl{
margin-top:15px;
margin-right:auto;
margin-left:auto;
margin-bottom:15px;
}