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

/*------------------------------------------------------------------*/

div#wrap{font-size:medium;}

/*recipe------------------------------------------------------------------*/

div#wrap h2{
    margin:10px auto 10px !important;
    display: block;
    width: 415px;
}

div#wrap .box_recipe{
    background:url(../images/border_dot.gif) repeat-x bottom;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


#line_side{
    background: url(../images/bg_recipe.gif) repeat-y;
    padding:10px 20px 20px 20px;
    position: relative;

}

#tx_recipe_01{
    display: block;
    width: 106px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_01.gif) no-repeat;
    text-indent: -9999px;
    margin:10px 0;
    float: left;
line-height:1;

}


#tx_recipe_02{
    display: block;
    width: 106px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_02.gif) no-repeat;
    margin:10px 0;
    float: left;
    text-indent: -9999px;
line-height:1;
}


#tx_recipe_03{
    display: block;
    width: 186px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_03.gif) no-repeat;
    text-indent: -9999px;
    margin:10px 0;
line-height:1;
}


#tx_recipe_04{
    display: block;
    width: 106px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_04.gif) no-repeat;
    text-indent: -9999px;
    margin:10px 0;
    float: left;
line-height:1;
}


#tx_recipe_05{
    display: block;
    width: 185px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_05.gif) no-repeat;
    text-indent: -9999px;
    margin:10px 0;
line-height:1;
}


#tx_recipe_06{
    display: block;
    width: 106px;
    height:21px;
    margin: 0;
    background:url(../images/tx_recipes_06.gif) no-repeat;
    text-indent: -9999px;
    margin:10px 0;
line-height:1;
}



#goods img{
    margin:0 7px;
}


#img_recipe{
    position:absolute;
    left: 292px;
/*_left: 270px;*/
    top: 6px;
    padding:0 12px 10px 12px;
    background-color:#FFFFFF;
}

#img_making{float:right;  padding:0 12px 10px 12px; background-color:#FFFFFF;}
.tx_right{
    display: block;
    float:left;
    margin-left:20px;
    margin-top: 13px;
}
.tx_orenji{color:#DE5E0C;}

.w270{
    width:270px;
    display:block;}

div.w270_2{
    width:270px;
    display:block;
min-height:155px;}



ol#maiking li{
    margin-bottom: 10px;
    list-style: decimal;
    margin-left: 20px;
    /margin-left: 25px;
    _margin-left: 30px;
}

ol#maiking li span{ color:#BA233F;}


#line_side .box_recipe ul.w270{
min-height:155px;}

ul.w270 li{
    list-style-type: disc;
    margin-left: 20px;
}

#line_side .box_recipe ul li{
    list-style-type: disc;
    margin-left: 20px;}

ul.w270 span{
    color: #6f4e38;
    font-size: 80%;
}


/*list------------------------------------------------------------------*/


#tx_chocolate{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_chocolate.gif) no-repeat;
    text-indent: -9999px;
    margin: 10px 0;
    clear: both;

}



#tx_cake{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_cake.gif) no-repeat;
    text-indent: -9999px;
    margin: 10px 0;
    clear: both;

}



#tx_baked{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_baked.gif) no-repeat;
    text-indent: -9999px;
        margin: 10px 0;
    clear: both;

}



#tx_cold{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_cold.gif) no-repeat;
    text-indent: -9999px;
        margin: 10px 0;
    clear: both;

}



#tx_other{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_other.gif) no-repeat;
    text-indent: -9999px;
        margin: 10px 0;
    clear: both;

}

#tx_miruti{
    display: block;
    width: 339px;
    height: 78px;
    background:url(../images/tx_miruti.gif) no-repeat;
    text-indent: -9999px;
        margin: 10px 0;
    clear: both;

}

.list{background:#ffffff; padding:15px; width:660px!important;}
.index{background:#ffffcc; padding:10px 0 15px 15px; width:660px!important;}

.list ul {
    display: block;
}

.list li {
    float:left;
    margin: 3px 6px;_margin: 3px 3px;
position:relative;
}

.list li a img{ border: none;}




.list_img{
    margin: 0 auto;
    width: 580px;
    display: block;

}

.list_img li{ position:relative;
display: block;
float:left;
margin: 3px 6px;_margin: 3px 4px;}

.list_img li img{ border: none;}

.ico_new{
    position:absolute;
    left: 0px;
top:0px;
    z-index: 2;
}


p.bt_more{
    margin-left:450px;
    margin-top:10px;
    padding-top:10px;
    display: block;

}

p.bt_more a{ display: block;
background:url(../../common/images/bt_more.gif) no-repeat;
width:116px;
height:26px;
line-height:1;
text-indent:-9999px;
clear: both;
outline:none;}



/*miruti*/

#content_miruti {
    float:left;
    width:606px;
    background-color:#F1F1F1;
    padding-bottom: 10px;
}

#content_miruti .list_miruti .ico_new{
    position:absolute;
    left: 10px;
}

#content_miruti h2 img{ margin:0 !important;}

#content_miruti a img.banner{
    margin: 30px 17px 10px;
    border: none;
}

.list_miruti{
    margin: 0 auto;
    width: 580px;
    display: block;

}
.list_miruti li{
display: block;
float:left;
margin: 3px 4px;_margin: 3px 3px;
width:275px;
}

.list_miruti li a{ position:relative;
display:block;
width:275px;
}


.list_miruti li img{ border: none;}

#content_miruti .list_miruti li .ico_new{
    position:absolute;
    left: 0px !important;
}
div#content_miruti h2{
margin:0 !important;
}

#tx_miruti_01{
    display: block;
    width:355px;
    height:22px;
    background:url(../miruti/images/tx_miruti_01.gif) no-repeat bottom;
    text-indent:-9999px;
    margin:10px 10px 10px 18px;
    clear: left;
    padding-top: 10px;
}

#tx_miruti_02{
    display: block;
    width:355px;
    height:22px;
    background:url(../miruti/images/tx_miruti_02.gif) no-repeat bottom;
    text-indent:-9999px;
    margin:10px 10px 10px 18px;
    clear: left;
    padding-top: 10px;
}

#tx_miruti_03{
    display: block;
    width:355px;
    height:22px;
    background:url(../miruti/images/tx_miruti_03.gif) no-repeat bottom;
    text-indent:-9999px;
    margin:10px 10px 10px 18px;
    clear: left;
    padding-top: 10px;
}

#tx_miruti_04{
    display: block;
    width:355px;
    height:22px;
    background:url(../miruti/images/tx_miruti_04.gif) no-repeat bottom;
    text-indent:-9999px;
    margin:10px 10px 10px 18px;
    clear: left;
    padding-top: 10px;
}

#tx_miruti_05{
    display: block;
    width:355px;
    height:22px;
    background:url(../miruti/images/tx_miruti_05.gif) no-repeat bottom;
    text-indent:-9999px;
    margin:10px 10px 10px 18px;
    clear: left;
    padding-top: 10px;
}



.ico_star{
    background: url(../miruti/images/ico_star.gif) no-repeat left center;
    padding-left:12px;
}



#tx_eazy{
    display: block;
    width: 339px;
    height: 78px;

    background:url(../../level/images/tx_eazy.gif);
    text-indent: -9999px;
    margin:10px 0;
}


#tx_mid{
    display: block;
    width: 339px;
    height: 78px;

    background:url(../../level/images/tx_mid.gif);
    text-indent: -9999px;
    margin:10px 0;
}



#tx_hard{
    display: block;
    width: 339px;
    height: 78px;

    background:url(../../level/images/tx_hard.gif);
    text-indent: -9999px;
    margin:10px 0;
}



/*
css tuika 20130718
--------------------------------------------------*/

#recipe {
color: #663300;
}
#recipe h2 {
width: 656px;
height: 44px;
line-height: 44px;
margin: 5px 0 20px 0;
text-align: center;
background: url(/sweets/okashi-land/oyatsu-kitchen/recipe/images/bgtitle.gif) no-repeat left top;
font-size: 18px!important;
font-weight: bold;
}
#recipe h2 span {
font-size: 14px!important;
}
#recipe #clm1,
#recipe #clm2,
#recipe #clm4,
#recipe #clm5,
#recipe #clm6 {
margin-bottom: 15px;
}
#recipe #clm3 {
margin-bottom: 5px;
}
#recipe #clm3,
#recipe #clm4,
#recipe #clm5 {
padding-top: 15px;
background: url(/sweets/okashi-land/oyatsu-kitchen/recipe/images/dot.gif) no-repeat left top;
}
#recipe #clm1 h3,
#recipe #clm2 h3,
#recipe #clm3 h3,
#recipe #clm4 h3,
#recipe #clm5 h3,
#recipe #clm6 h3 {
margin-bottom: 10px;
display: inline-flex;
}
#recipe #clm1 h3 img,
#recipe #clm2 h3 img,
#recipe #clm3 h3 img,
#recipe #clm4 h3 img,
#recipe #clm5 h3 img,
#recipe #clm6 h3 img {
margin-right: 10px;
}
#recipe #clm1 .lbox,
#recipe #clm2 .lbox {
float:left;
width: 283px;
}
#recipe #clm1 .rbox,
#recipe #clm2 .rbox {
float:right;
width: 370px;
}
#recipe #clm2 .rbox p {
color: #ff6640!important;
}
#recipe #level {
margin-bottom: 10px;
}
#recipe #level h3,
#recipe #level p,
#recipe #level ul {
float: left;
}
#recipe #text {
padding: 20px 10px 10px 10px;
background: #fff0a5 url(/sweets/okashi-land/oyatsu-kitchen/recipe/images/bgmemo.gif) no-repeat left top;
}
#recipe table {
width: 100%;
margin-bottom: 10px;
}
#recipe table td {
vertical-align: top;
}
#recipe #clm3 ul li {
width: 300px;
float: left;
font-size: 115%!important;
padding-left: 15px;
background: url(/sweets/okashi-land/oyatsu-kitchen/recipe/images/ico.gif) no-repeat left 6px;
}
#recipe #clm3 ul li span {
color: #ff6640!important;
font-size: 90%!important;
}
#recipe #clm3 ul {
margin-bottom: 10px;
}
#recipe #clm5 td {
padding-left: 30px;
}
#recipe #clm5 td p {
margin-bottom: 20px;
}
#recipe #clm5 td h4 {
font-size: 87%!important;
}
#recipe ol {
padding-left: 1px;
}
#recipe ol li {
margin: 0;
padding: 15px 0;
background: url(/sweets/okashi-land/oyatsu-kitchen/recipe/images/dot.gif) no-repeat left bottom;
list-style: decimal;
list-style-position: outside;
float:none;
}
#recipe ol {
margin-bottom: 10px;
}
#recipe ol li span,
#recipe p span,
#recipe h4 span{
color: #ba233f;
}


#recipe #clm1,
#recipe #clm2,
#recipe #clm4,
#recipe #clm5 {
font-size: 135%!important;
}
#recipe #clm2 p,
#recipe #clm1 p,
#recipe #clm4 p,
#recipe #clm5 li {
font-size: 85%!important;
}
#recipe #clm3 h4,
#recipe #clm3 table {
font-size: 120%!important;
}
#recipe #clm3 h3 span {
position: relative;
top: 3px;
font-size: 14px!imortant;
}
#recipe #clm6 {
text-align: center;
}


div#wrap #recipelist h2,
#recipelist h2 {
margin: 0 0 10px 0!important;
}
#recipelist ul {
margin-bottom: 10px;
}
#recipelist li {
width: 322px;
float: left;
margin: 0 5px 5px 0;
cursor: pointer;
}
#recipelist .boxrecipe {
position: relative;
height: 112px;
border: 3px solid #e00000;
background: #ffffff;
cursor: pointer;
}
#recipelist .boxrecipe dl dt {
float: left;
padding: 4px 0 0 4px;
width: 154px;
cursor: pointer;
}
#recipelist .boxrecipe dl dd.txt {
padding: 10px 10px 0 0;
height: 72px;
font-size: 12px;
cursor: pointer;
}
#recipelist .boxrecipe a {
color: #663300!important;
text-decoration: none!important;
cursor: pointer;
}
#recipelist .boxrecipe dl dd.txt span {
color: #e00000;
font-weight: bold;
font-size: 14px;!important
cursor: pointer;
}
#recipelist .boxrecipe .new {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
#recipelist p.btnr {
padding-right: 10px;
text-align: right;
}
#recipelist .bn {
margin-bottom: 5px;
}
#sideform input.txtfrm {
width: 100px;
}
#recipelist img.banner {
margin-left: 45px;
}

#recipelist p img.bnr{
    margin-bottom:20px;
}


/*�`���R���V�s�o�i�[*/
p.bn_choco_recipe{
margin-top:20px;
margin-bottom:10px;
}




/*----- other page -----*/


body .minicont {
padding-left: 40px;
}



/* ---------- footer調整 ----------- */
#okashi-wrap #footer_navi{
  height: 140px;
}