@charset "UTF-8";

/* ---------------------------------------------
FOR BISCUIT RECIPE
COMMON
---------------------------------------------*/


/* main bg
---------------------------------------------*/
#main-wrapper01{
height:1%;
padding:0px 5px;
background:url(../images/main_bg_middle_recipe.jpg) repeat-y 5px 402px;
}

#main-wrapper02{
padding-bottom:64px;
background:url(../images/main_bg_bottom_recipe.jpg) no-repeat left bottom;
}

#main{
padding:240px 145px 30px 175px;
background:url(../images/main_bg_top_recipe.jpg) no-repeat 0 0;
}



/*
layout
---------------------------------------------*/

div#left-list{
float:left;
width:383px;
}


div#right-list{
float:right;
width:245px;
}



/* ---------------------------------------------
FOR BISCUIT RECIPE
TOBIRA PAGE
---------------------------------------------*/

#tobira a{
margin:0;
padding:0;
}

#tobira a img{
margin:0;
padding:0;
padding-right:7px;
padding-bottom:10px;
}

#tobira a.right img{
margin:0;
padding:0;
padding-right:0px;
padding-bottom:10px;
}

#excerpt-box{

}

#excerpt-box-row p{
width:85px;
float:left;
text-align:center;
height:1%;
height:120px;
}


#excerpt-box-row p a:link,
#excerpt-box-row p a:active,
#excerpt-box-row p a:visited{
padding-bottom:5px;
color:#fff;
line-height:1;
text-decoration:none;
}

#excerpt-box-row p a:hover{
padding-bottom:5px;
color:#fff;
line-height:1;
text-decoration:underline;
}


/* ---------------------------------------------
FOR BISCUIT RECIPE
CATEGORY LIST
---------------------------------------------*/

#main-list{
padding:238px 64px 30px 123px;
background:url(../images/main_bg_top_recipe.jpg) no-repeat 0 0;
}



/*
left list
---------------------------------------------*/
h2#cat-tit{
font-size:80%;
font-weight:bold;
border:1px solid #ccc;
background:#f5f5f5;
padding:5px 10px;
margin-bottom:15px;
}


.each-list{
border:1px solid #ccc;
padding:10px;
background:#fff;
margin-bottom:15px;
}

p.each-left{
width:163px;
float:left;
}

h3.each-tit{
padding-bottom:10px;
}

h3.each-tit a{
font-size:80%;
font-weight:bold;
line-height:1.2;
}

h4#genre,h5#kantan,h6#oven{
padding:13px 0 0 0;
margin-top:5px;
margin-left:5px;
margin-bottom:7px;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:13px; /* for IE5.5 */
}

h4.cake{background:url("../../recipe/images/icon_cake.gif") no-repeat 0 0;}
h4.drink{background:url("../../recipe/images/icon_drink.gif") no-repeat 0 0;}
h4.cook{background:url("../../recipe/images/icon_cook.gif") no-repeat 0 0;}

h5.level1{background:url("../../recipe/images/icon_level1.gif") no-repeat 0 0;}
h5.level2{background:url("../../recipe/images/icon_level2.gif") no-repeat 0 0;}
h5.level3{background:url("../../recipe/images/icon_level3.gif") no-repeat 0 0;}
h5.level4{background:url("../../recipe/images/icon_level4.gif") no-repeat 0 0;}

h6.yes{background:url("../../recipe/images/icon_oven.gif") no-repeat 0 0;}

/*
paginate
---------------------------------------------*/

div.paginate{

}

span.pages{
}

div.paginate span{
padding:3px;
text-align:center;
height:1.25em;
width:1.25em;
margin:0 0.25em 0 0;
border:solid 1px #CCC;
color:#471a04;
}

div.paginate a{
padding:3px;
text-align:center;
height:1.25em;
width:1.25em;
margin:0 0.25em 0 0;
border:solid 1px #CCC;
}

div.paginate a{
text-decoration:none;
color:#c98e23;
height:1.25em;
width:1.25em;
background:#EAEAEA;
}
div.paginate a:hover{
color:#C00;
background:#FFF;
}


div.paginate a.no-border{

text-align:center;
height:1.25em;
width:1.25em;
margin:0 0.25em 0 0;
border:none;
background:none;
}


/*
right list (side menu)
---------------------------------------------*/

#sidemenu-wrapper01{
padding-top:25px;
background:url(../../recipe/images/side_bg_top.gif) no-repeat 0 0;
}

#sidemenu-wrapper02{
padding-bottom:59px;
background:url(../../recipe/images/side_bg_bottom.gif) no-repeat left bottom;
}

#sidemenu{
padding:10px 24px 0px 30px;
background:url(../../recipe/images/side_bg_middle.gif) repeat-y 0 0;
}

h2.side-tit{
font-size:80%;
font-weight:bold;
background:#e2d7bb;
padding:5px 10px;
margin-bottom:5px;
}

div#accordion{
height:1%;
padding-left:10px;
padding-bottom:10px;
}

h3.toggler{
font-size:80%;
font-weight:bold;
padding-left:13px;
margin-bottom:3px;
background:url(../../recipe/images/side_icon_plus.gif) no-repeat 0 0.3em;
}

div.element ul{
padding-bottom:10px;
padding-left:15px;
}

div.element ul li{
line-height:1.2;
margin-bottom:5px;
}

div.element ul li a,
div.element ul li a:link,
div.element ul li a:active,
div.element ul li a:visited{
font-size:80%;
color:#2c88bc;
}

div.element ul li a:hover{
color:#63b3e0;
}




/* ---------------------------------------------
FOR BISCUIT RECIPE
DETAIL
---------------------------------------------*/

/*
each recipe detail
---------------------------------------------*/

div#detail-tit-wrapper{
margin-top:12px;
margin-bottom:15px;
background:url(../../recipe/images/detail_tit_bg.jpg) repeat-y 0 0;
}

h2#detail-tit{
padding:7px 10px 10px 33px;
font-size:120%;
font-weight:bold;
color:#c98e23;
background:url(../../recipe/images/detail_tit_icon.jpg) no-repeat 0.3em 0.2em;
}

#each-top{
padding-bottom:20px;
}

p.each-left-detail{
width:210px;
float:left;
}

div.each-right-detail{
width:165px;
float:right;
}


div#detail-icons{
padding:3px 5px;
margin-bottom:5px;
background:#fff;
border:1px solid #ccc;
}

div.detail-paragraph{
font-size:85%;
line-height:1.5;
padding-top:10px;
}


h3.detail-subtit{
font-size:100%;
font-weight:bold;
background:#ccc;
padding:3px 10px;
margin-bottom:5px;
}

div.detail-paragraph p{
padding-bottom:10px;
}

div.detail-paragraph p.icons{
padding-top:15px;
padding-bottom:15px;
}

strong.read{
display:block;
padding:5px 0px 10px;
}

span.midashi{
font-size:120%;
font-weight:bold;
}

/*
小麦胚芽のクラッカー部分 css ここから
---------------------------------------------*/

div.recipe-tit-box{
border:3px double #c98e23;
padding:10px;
background:#f7eedd;
}

div.recipe-tit-box p.recipe-tit-img{
float:left;
width:70px;
}

p.recipe-tit-img img{
padding:3px;
background:#fff;
border:1px solid #ddd;
}

h2.recipe-tit{
color:#c98e23;
font-size:85%;
font-weight:bold;
line-height:1.2;
margin:0;
padding:0;
padding-bottom:5px;
}

strong.recipe-read{
margin:0;
padding:0;
font-size:75%;
color:#666;
font-weight:normal;
line-height:1.2;
}

.text90{
font-size:90%;
}

div.hori-line{
margin:20px 0px;
height:1px;
border-top:1px dotted #ccc;
}

/*
島田夫妻
--------------*/

h2.shimada-tit{
font-size:100%;
font-weight:bold;
color:#c98e23;
line-height:1.2;
padding-bottom:10px;
}



div#shimada-box-wrap{
border:3px double #f7eedd;
margin-top:20px;
padding:10px;
}

div.shimada-box{
}

div.shimada-box p.shimada-img{
float:left;
width:140px;
}

p.shimada-img img{
padding:3px;
background:#fff;
border:1px solid #ddd;
}



/*
小麦胚芽のクラッカー部分 css ここまで
---------------------------------------------*/



div.material-chocochips{background:url(../../recipe/images/detail_bg_package_chocochips.jpg) no-repeat 250px 30px;}
div.material-choice{background:url(../../recipe/images/detail_bg_package_choice.jpg) no-repeat 250px 30px;}
div.material-leafy{background:url(../../recipe/images/detail_bg_package_leafy.jpg) no-repeat 250px 30px;}
div.material-lemonist{background:url(../../recipe/images/detail_bg_package_lemonist.jpg) no-repeat 250px 30px;}
div.material-marie{background:url(../../recipe/images/detail_bg_package_marie.jpg) no-repeat 250px 30px;}
div.material-moonlight{background:url(../../recipe/images/detail_bg_package_moonlight.jpg) no-repeat 250px 30px;}
div.material-sylphy{background:url(../../recipe/images/detail_bg_package_sylphy.jpg) no-repeat 250px 30px;}



/*
chiko osusume (side menu)
---------------------------------------------*/

#chiko-wrapper01{
margin-bottom:20px;
background:url(../../recipe/images/detail_chiko_bg_middle.jpg) repeat-y 0 0;
}

#chiko-wrapper02{
padding-bottom:20px;
background:url(../../recipe/images/detail_chiko_bg_bottom.jpg) no-repeat left bottom;
}

#chiko{
padding:30px 24px 0px 30px;
background:url(../../recipe/images/detail_chiko_bg_top.jpg) no-repeat 0 0;
}

#chiko-arrow{
background:url(../../recipe/images/detail_chiko_arrow.gif) no-repeat center 20px;
}

h2#chiko-tit{
font-size:80%;
font-weight:bold;
padding:5px 0px;
}

#chiko-arrow p{
font-size:80%;
line-height:1.3;
}