@charset "utf-8";
/* CSS Document */
#wrap{
	min-width:1050px;
}

#contents{
	background:#fff;
	width:1000px;
	margin:0 auto;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.ie #contents{
	background-image:url(../img/bg-contents-h.gif);
	background-repeat:no-repeat;
}
#contents > .inner{
	width:960px;
	padding:30px 20px 20px 20px;
	margin:0 auto;
}
.ie #contents > .inner{
	background-image:url(../img/bg-contents-f.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* main */
#main{
	margin-bottom:30px;
}
.slider {
    width:100%;
    height:340px;
    text-align:left;
    position:relative;
    overflow:hidden;
	padding-bottom:20px;
}
.slider ul{
	background-color:#FFF;
    float:left;
    display:inline-block;
    overflow:hidden;
}
.slider ul:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
.slider ul li {
    float:left;
    display:inline;
    overflow:hidden;
}
.slider ul li a{
	display:block;
    width:100%;
    height:340px;
	position:relative;
}
.slider ul li span{
	width:138px;
	height:77px;
	position:absolute;
	top:0px;
	left:0px;
}
.slider ul li.products .btn{
	display:block;
	position:absolute;
	top:276px;
	left:178px;
	width:221px;
	height:34px;
	text-indent:-99999px;
	background-image:url(../img/main-btn-01.png);
}
/*
.slider ul li.products a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
.slider ul li.products a:hover .btn{
	opacity:1;
	filter:alpha(opacity=100);
	background-position:left bottom;
}
*/
.slider_base {
    top:0;
    position:absolute;
}
.slider_wrap{
    top:0;
    position:absolute;
    overflow:hidden;
}
.slider_prev,
.slider_next{
    position:absolute;
    z-index:100;
	background-image:url(../common/img/white-40.png);
    cursor:pointer;
}
.slider_prev .prev,
.slider_next .next{
    overflow:hidden;
    position:absolute;
    z-index:100;
    top:50%;
	width:50px;
	height:50px;
	margin-top:-25px;
	background-repeat:no-repeat;
	background-position:left top;
    cursor:pointer;
}
.slider_prev .prev{
	background-image:url(../img/icon-pager-prev.png);
	right:-25px;
}
.slider_next .next{
	background-image:url(../img/icon-pager-next.png);
	left:-25px;
}
.slider_prev .prev:hover,
.slider_next .next:hover{
	background-position:left bottom;
}
.pagination{
    bottom:5px;
    left:0;
    width:100%;
    height:9px;
    text-align:center;
    position:absolute;
    z-index:200;
	letter-spacing:-.40em;
}
.pagination a {
    margin:0 10px;
    width:9px;
    height:9px;
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
    overflow:hidden;
	background-image:url(../img/pagination.png);
	background-repeat:no-repeat;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
}
.pagination a.active {
	background-position:left bottom;
}

/* recipe */
#recipe{
	background-color:#e60012;
	letter-spacing:-.40em;
	margin-bottom:30px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.ie #recipe{
	background-image:url(../img/bg-recipe-h.gif);
	background-repeat:no-repeat;
}
#recipe > .inner{
	padding:12px 15px 15px 15px;
}
.ie #recipe > .inner{
	background-image:url(../img/bg-recipe-f.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#recipe h2{
	height:16px;
	margin-bottom:12px;
}
#recipe .box{
	background-color:#fff;
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:top;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
#recipe #serch{
	width:399px;
	margin-right:14px;
}
.ie #recipe #serch{
	background-image:url(../img/bg-recipe-left-h.gif);
	background-repeat:no-repeat;
}
#recipe #serch > .inner{
	letter-spacing:-.40em;
	width:369px;
	padding:15px 15px 17px 15px;
}
.ie #recipe #serch > .inner{
	background-image:url(../img/bg-recipe-left-f.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#recipe #serch .searchBox2{
	margin-bottom:16px;
}
#recipe #serch .searchBox2 input{
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:middle;
	border:1px solid #e30000;
	width:264px;
	height:31px;
	font-size:12px;
	padding:0px 12px;
	margin-right:5px;
	border-radius:33px;
	-webkit-border-radius:33px;
	-moz-border-radius:33px;
	outline: 0;
}
.ie #recipe #serch .searchBox2 input{
	width:266px;
	height:14px;
	padding:10px 12px 9px 12px;
	border:none;
	background-image:url(../img/form-search.gif);
	background-repeat:no-repeat;
}
#recipe #serch .searchBox2 a{
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:middle;
	width:73px;
	height:30px;
	background-color:#7b1c16;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.ie #recipe #serch .searchBox2 a{
	background-color:transparent;
	background-image:url(../img/btn-search-bg.gif);
	background-repeat:no-repeat;
}
#recipe #serch .searchBox2 a:hover{
	background-color:#954945;
}
.ie #recipe #serch .searchBox2 a:hover{
	background-color:transparent;
	background-position:left bottom;
}
#recipe #serch .searchBox2 a span{
	display:block;
	width:73px;
	height:30px;
	background-image:url(../img/btn-search.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-999999px;
}
#recipe #serch ul{
	overflow:hidden;
	letter-spacing:-.40em;
}
#recipe #serch ul li{
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:top;
}
#recipe #serch ul li.link1{
	float:left;
}
#recipe #serch ul li.link2{
	float:right;
}
#recipe #serch ul li a img{
	display:block;
}
#recipe #btn{
	width:517px;
}
.ie #recipe #btn{
	background-image:url(../img/bg-recipe-right-h.gif);
	background-repeat:no-repeat;
}
#recipe #btn > .inner{
	width:507px;
	padding:5px;
}
.ie #recipe #btn > .inner{
	background-image:url(../img/bg-recipe-right-f.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#recipe #btn ul{
	overflow:hidden;
}
#recipe #btn ul li{
	float:left;
}
#recipe #btn ul li.btn1,
#recipe #btn ul li.btn3{
	width:254px;
	background-image:url(../img/btn-recipe-line-01.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#recipe #btn ul li.btn3{
	background-position:right bottom;
}
#recipe #btn ul li.btn2,
#recipe #btn ul li.btn4{
	width:253px;
}
#recipe #btn ul li a{
	text-align:center;
	display:block;
}
#recipe #btn ul li.btn1 a,
#recipe #btn ul li.btn2 a{
	background-image:url(../img/btn-recipe-line-02.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:5px 0 10px 0;
}
#recipe #btn ul li.btn2 a{
	background-position:right bottom;
}
#recipe #btn ul li.btn3 a,
#recipe #btn ul li.btn4 a{
	padding:12px 0 10px 0;
}

/* bnrBox */
#bnrBox{
	letter-spacing:-.40em;
	margin-right:-20px;
	margin-bottom:20px;
}
#bnrBox li{
	width:225px;
	height:269px;
	letter-spacing:normal;
	display:inline-block;
    *display:inline;
    *zoom:1;
	vertical-align:top;
	margin:0 20px 20px 0;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#bnrBox li.large{
	width:470px;
}
#bnrBox li a{
	width:225px;
	height:269px;
	display:block;
	position:relative;
}
#bnrBox li.large a{
	width:470px;
}
#bnrBox li a span{
	display:block;
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:100;
}
#bnrBox li a .inner{
	width:225px;
	height:269px;
	overflow:hidden;
	position:relative;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
#bnrBox li.large a .inner{
	width:470px;
}
#bnrBox li a .photo{
	position:absolute;
	top:0px;
	left:0px;
}
#bnrBox li a .txt{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:60px;
}
#bnrBox li.red a .txt{
	background-color:#e60012;
}
#bnrBox li.brown a .txt{
	background-color:#7b1c16;
}
#bnrBox li a .txt strong{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	left:0px;
	text-align:center;
}
#bnrBox li a:hover .txt img{
	opacity:1;
	filter:alpha(opacity=100);
}
#bnrBox li.line a .txt .line{
	position:absolute;
	top:0px;
	left:4px;
	width:217px;
	height:1px;
	background-color:#FFF;
}
.ie #bnrBox li a .cover{
	position:absolute;
	left:-2px;
	top:-2px;
	width:229px;
	height:273px;
	background-image:url(../img/img-cover-m.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.ie #bnrBox li.large a .cover{
	width:474px;
	background-image:url(../img/img-cover-l.png);
}
#bnrBox li a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}
#bnrBox img.dot_line{
	margin:10px 0 30px;
	clear: both;
}

/* info */
#info{
	overflow:hidden;
}
#info li{
	float:left;
	background-image:url(../img/bnr-info-line.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#info li.bnr1{
	width:269px;
}
#info li.bnr2{
	width:277px;
	text-align:center;
}
#info li.bnr3{
	width:207px;
	text-align:center;
}
#info li.bnr4{
	width:207px;
	text-align:right;
	background-image:none;
}