@charset "utf-8";

/* CSS Document */

#contents {
 width: 710px;
 overflow: hidden;
}

#recipe h1 {
margin-bottom: 25px;
}

#copy img {
margin-bottom: 50px;
}

#recipe h2 {
color: #FF6600;
line-height: 1;
padding-bottom: 8px;
font-size: 138.5%;
margin-bottom: 40px;
}

.recipe_topic {
position: relative;
width: 710px;
overflow: hidden;
}

.topic_link a {
background-image: url(../common/images/listmark.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 10px;
}

.topic_link {
position: absolute;
right: 0px;
top: 0px;
}

#recipeMain {
background-image: url(../common/images/line_dot.gif);
background-repeat: repeat-x;
background-position: bottom;
margin-bottom: 50px;
padding-bottom: 22px;
width: 710px;
}

#recipeTitle {
position: relative;
width: 710px;
margin-bottom: 30px;
}

#recipeTitle h3 {
margin-bottom: 3px;
}
#recipeTitle .recipeCopy span {
color: #FF6600;
}
#recipeTitle .recipeCopy {
text-indent: -1em;
margin-left: 1em;
}



#recipeTitle .print {
position: absolute;
top: 5px;
right: 0px;
}

#recipeTitle .print a {
background-image: url(images/icon_print.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 35px;
text-align: right;
font-size: 85%;
display: block;
height: 29px;
width: 8em;
line-height: 29px;
text-decoration: underline;
color: #666666;
}

#recipeTitle .print a:hover {
color: #FF6600;

}

#recipeImage {
float: left;
width: 450px;
}

#recipeContent {
margin-bottom: 20px;
}

#recipeMaterial {
float: right;
width: 250px;
}

#cookingMethod {
clear: both;
margin-bottom: 20px;
}
#recipeMaterial .add {
margin-top: 10px;
}


#recipeMaterial h4 {
color: #FF6600;
margin-bottom: 10px;
font-size: 123.1%;
}
#recipeMaterial p {
line-height: 1.7;
}
#osusume li {
margin-bottom: 5px;
background-image: url(../common/images/listmark.gif);
background-repeat: no-repeat;
background-position: left 0.5em;
padding-left: 12px;
}


#cookingMethod dt {
font-size: 123.1%;
font-weight: bold;
color: #FF6600;
float: left;
width: 30px;
clear: both;
/line-height: 1.2;
}

#cookingMethod dd {
margin-left:30px;
margin-bottom: 10px;
line-height: 1.7;
}

#point {
background-image: url(images/point.gif);
background-repeat: no-repeat;
background-position: left 50%;
}

#point dt {
text-indent: -9999px;
float: left;
width: 80px;
clear: both;
/line-height: 1.2;
}

#point dd {
margin-left:90px;
margin-bottom: 25px;
line-height: 1.7;
}

#osusume h2 {
color: #333333;
line-height: 1;
margin-bottom: 15px;
}

#osusume {
margin-bottom: 20px;
}

#osusume li span {
color: #666666;
}

.recipeList {
width: 726px;
}

.recipeList:after{
 display: block;
 clear: both;
 content: "";
}

.recipeBox {
width: 202px;
_width: 200px;
float: left;
margin-right: 16px;
border: 1px solid #CCCCCC;
margin-bottom: 30px;
padding-top: 0px;
padding-right: 11px;
_padding-right: 10px;
padding-bottom: 0px;
padding-left: 11px;
_padding-left: 10px;
}

.recipeBox .icon .new {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FF6600;
line-height: 1;
font-weight: bold;
}

.recipeBox .image {
margin-bottom: 10px;
margin-top: 10px;
}

.recipeBox .icon img {
margin-bottom: 5px;
margin-right: 5px;
}

.recipeBox h3 {
margin-bottom: 10px;
}

.recipeBox h3 a {
font-size: 93%;
line-height: 1.4;
}

.recipeBox .no_icon {
margin-top: 26px;
}

.recipeBox .copy {
margin-bottom: 10px;
}

.iconMeaning {
clear: both;
margin-top: 10px;
}
/*----------------*/
.cookingMethod {
clear: both;
margin-bottom: 20px;
}

.cookingMethod dt {
font-size: 123.1%;
font-weight: bold;
color: #FF6600;
float: left;
width: 30px;
clear: both;
/line-height: 1.2;
}

.cookingMethod dd {
margin-left:30px;
margin-bottom: 10px;
line-height: 1.7;
}
/*----------------*/