/*
basic
-------------------*/

#contwrap{
	margin:0;
	width:950px;
	padding:0 0 10px;
	position:relative;
	color:#59493f;
	overflow:visible !important;
	font-size:14px !important;
	line-height:1.6;
	background:url(images/bg.gif) repeat;
}

#contwrap p{
	padding:0;
	margin:0;
}

#contwrap a{
	color:#555;
	text-decoration:underline;
}
#contwrap a:hover{
	color:#999;
	text-decoration:none;
}
#contwrap a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;

}


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

img{
	border:0;
}

#contwrap ul{
	list-style:none;
}
#contwrap li{
	/*list-style:none;*/
	�@�@/* for IE */
	*display:inline;
	*zoom:1;
	margin-left:0em;
}

.val_top{
	vertical-align:top;
}
.val_bottom{
	vertical-align:bottom;
}

.float_l{
	float:left;
	margin-right:10px !important;
}
.float_r{
	float:right;
	margin-left:10px !important;
}

.mar_b15{
	margin-bottom:15px !important;
}

.txtRed{
color:#F00;
}


/*
title
-------------------*/
.titleWrap{
width:100%;
height:450px;
background:url(images/titleBg.png) left bottom no-repeat;
position:relative;
margin-bottom:15px;
}

h2{
position:absolute;
top:25px;
left:20px;
margin:0;
}
.read{
position:absolute;
top:250px;
left:160px;
margin:0;
}
.newton{
position:absolute;
top:15px;
right:-45px;
margin:0;
}


/*
recipe list
-------------------*/
.recipeListArea{
width:100%;
text-align:center;
margin-top:-50px;
margin-bottom:20px;
position:relative;
z-index:10;
}
.recipeListArea h3{
margin:0 0 20px;
padding:0;
text-align:center;
}
.recipeListArea h3 img{
display:block;
margin:0 auto;
}

.recipeListArea .recipe{
display:inline-block;
margin:0 2px;
*display:inline;
*zoom:1;
}


/*
recipe detail
-------------------*/
.recipeBox{
background:#ebe5db url(images/recipeIndexBg.gif) left top no-repeat;
padding:20px 15px 0 20px;
margin:0;
width:915px;
}
* html .recipeBox{
width:950px;
}
.recipeBox .inner{
width:100%;
overflow:hidden;
}
.recipeBox .inner .leftSide{
width:410px;
float:left;
text-align:left;
}
.recipeBox .inner .leftSide img.photo{
display:block;
margin-bottom:15px;
}
.recipeBox .inner .leftSide .aboutBox{
width:400px;
padding-bottom:15px;
margin-bottom:15px;
margin-left:3px;
background:#fff url(images/recipeLeftBg.gif) left bottom no-repeat;
font-size:14px;
}
.recipeBox .inner .leftSide .aboutBox .index{
width:400px;
text-indent:15px;
color:#fff;
text-align:left  !important;
padding:5px 0 !important;
}
.recipeBox .inner .leftSide .aboutBox .index.grn{
background:url(images/recipeLeftIndexG.gif) left top no-repeat;
}
.recipeBox .inner .leftSide .aboutBox .index.bro{
background:url(images/recipeLeftIndexB.gif) left top no-repeat;
}
.recipeBox .inner .leftSide .aboutBox.type01{
text-align:center;
}
.recipeBox .inner .leftSide .aboutBox.type01 .box{
width:180px;
display:inline-block;
*display:inline;
*zoom:1;
margin:10px 5px 0 !important;
text-align:left;
vertical-align:top;
}

.recipeBox .leftSide .aboutBox.type02 .recipeText{
margin:10px 15px 0 !important;
text-align:left;
padding-left:35px !important;
padding-bottom:5px !important;
}
.recipeBox .leftSide .type02 .recipeText.n01{
background:url(images/iconN01.gif) left top no-repeat;
}
.recipeBox .leftSide .type02 .recipeText.n02{
background:url(images/iconN02.gif) left top no-repeat;
}
.recipeBox .leftSide .type02 .recipeText.n03{
background:url(images/iconN03.gif) left top no-repeat;
}
.recipeBox .leftSide .type02 .recipeText.n04{
background:url(images/iconN04.gif) left top no-repeat;
}
.recipeBox .leftSide .type02 .recipeText.n05{
background:url(images/iconN05.gif) left top no-repeat;
}

.recipeBox .inner .rightSide{
width:480px;
float:right;
}
.recipeBox .inner .rightSide h4{
margin-bottom:50px;
text-align:left;
}
.recipeBox .rightSide .cookTime{
padding:0 0 5px 30px !important;
background:url(images/iconClock.gif) left 4px no-repeat;
min-height:24px;
margin-bottom:10px !important;
text-align:left;
font-size:20px;
font-weight:bold;
color:#b41827;
}
.recipeBox .rightSide .text{
padding:0 5px 1px !important;
background:url(images/recipeBgDot.gif) top left repeat;
line-height:30px;
text-align:left;
font-size:14px;
margin-bottom:50px !important;
}
.recipeBox .rightSide .pointBox{
overflow:hidden;
margin-bottom:15px;
text-align:left;
}
.recipeBox .rightSide .pointBox p{
overflow:hidden;
padding-top:40px !important;
}
.recipeBox .rightSide .pointBox .pPhoto{
float:left;
width:250px;
height:220px;
position:relative;
margin-right:10px;
}
.recipeBox .rightSide .pointBox .pPhoto{
float:left;
width:250px;
height:220px;
position:relative;
}
.recipeBox .pointBox .pPhoto .point{
position:absolute;
top:0;
left:5px;
}
.recipeBox .pointBox .pPhoto .pointPhoto{
position:absolute;
bottom:0;
left:0;
}

.recipeBox .newtonVoice{
min-height:140px;
background:url(images/newton02.gif) left bottom no-repeat;
padding-left:160px;
padding-top:30px;
position:relative;
text-align:left;
}
* html .recipeBox .newtonVoice{
height:170px;
}
.recipeBox .newtonVoice .newtonIndex{
display:block;
margin:0 0 15px;
}
.recipeBox .newtonVoice .pageUp{
position:absolute;
right:5px;
bottom:15px;
font-size:12px;
}


/*
search
-------------------*/
.searchArea{
width:100%;
text-align:center;
margin-bottom:20px;
position:relative;
z-index:10;
padding-top:25px;
}
.searchArea h5{
margin:0 0 20px;
padding:0;
text-align:center;
}
.searchArea h5 img{
display:block;
margin:0 auto;
}

.searchArea .btn{
display:inline-block;
margin:0 1px;
*display:inline;
*zoom:1;
}



/*
page top
------------------*/
.pageTop{
	width:910px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:10px !important;
	text-align:right;
}
.pageTop a{
	text-decoration:underline;
	font-size:12px;
}
.pageTop a:hover{
	text-decoration:none;
}
.pageTop img{
	display:block;
	float:right;
}

ul.smark{
	float:right;
}