@charset "Shift_JIS";

/* 共通 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
body {
color : #333333 ;
font-size: 14px;
line-height : 120% ;
margin : 0 ;
background-color : #FFFFFF ;
text-align:center;
-webkit-text-size-adjust:none;
}

#wrap {
width : 950px ;
background-color:#ffffff ;
margin : 0 auto ;
text-align:center;
position:relative ;
}

#wrap2 {
width : 657px ;
margin : 0 auto ;
text-align:center;
}


#wrap3 {
width : 750px ;
margin : 0 auto ;
text-align:center;
}

td, th, form{font-size:80%;line-height : 120%;margin : 0;}

h1, h2, h3, h4, p, dl {
font-weight : normal ;
line-height : 120% ;
margin : 0 ;
padding : 0 ;
}

a img { border : none ; }
img { border : none ; }

ul {
margin:0 0 0 0;
padding:0;
}

.txt_s {
font-size : 80% ;
}

.txt_l {
font-size : 120% ;
}

.b {
font-weight:bold;
}

.blue {
color : #5B68AD ;
}

a { color : #381A08 ; text-decoration : underline ; }
a:hover { color : #BE6104 ; text-decoration : none ;}

.bwn {
	COLOR: #df8645
}

.orange {
	color:#FD8D33;
}


/* フロートクリア */
br.refresh {
clear : both ;
 }


/* left */
.left{
float:left ;
 }

/* right */
.right{
float:right ;
 }


#Layer5 {
text-align:left ;
	position:absolute;
	background : url(./images/pop_bg2.gif) repeat-y 0 0 ;
	width:295px;
	right: 0px;
	top: 54px;
	visibility: hidden;
	border-top:1px solid #F9D171;
	z-index: 2;
	border-bottom:1px solid #F9D171;
	color:#915F2E;
	font-size:95% ;

}
#Layer5 p{padding:3px 0px 3px 3px; font-size:10px ; line-height:130% ;}

/*リニューアル*/
/*----- clearfix -----*/
#wrapper:after,
#wrapper #header:after,
#main .leadarea_top:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	text-align:left ;
	padding:0 0 10px 0;
}

/* フロートクリア */
/*----- clearfix -----*/
.clear{
	clear:both;
	margin:0;
	padding:0;
}
/* リニューアル ラッパー */
#wrapper{
	width:950px;
	height:auto;
	margin:0px auto;
	text-align:left ;
}
/*リニューアルheader*/

#wrapper #header{
	width:950px;
	height:70px;
	background:#FFFFFF;
	position:relative;
}
#wrapper #header h1{
	position:absolute;
	top:15px;
	left:0;
	margin:0px;
	padding:0px;
}
#wrapper #header .myrecipe{
	height:235px;
	height:42px;
	margin:0px;
	padding:0px;
	float:right;
}

/* メイン */
#main {
	width:950px;
	margin:0px;
	padding:0px 0px 20px 0px;
	background:url(../images/index/bg.jpg) repeat-y left top;
}
/*top*/
#main .leadarea_top{
	width:950px;
	margin:0;
	padding:0;
	clear:both;
	background:#fff;
}

#main .leadarea_top .my_txt{
	text-align:left;
	padding:5px 0px 3px 30px;
	float:right;
	background:url(../images/index/my_recipe.gif) no-repeat 5px 2px;
	font-size:12px;
	line-height:1.2;
}
#main .leadarea_top .ps_txt{
	width:352px;
	height:21px;
	margin-right:290px;
	padding:5px 0px 0px 46px;
	float:left;
	background:url(../images/index/ps_bg.gif) no-repeat left top;
	font-size:12px;
	line-height:1.2;

}
#main #main_umai .leadarea{
	width:950px;
	margin:0;
	padding:0;
	clear:both;
}

.leadarea .recipe_txt{
	text-align:left;
	padding:5px 0px 10px 30px;
	float:right;
	background:url(../images/index/my_recipe.gif) no-repeat 5px 2px;
}
#main #main_umai .leadarea .umai_title{
	width:253px;
	height:61px;
	margin-right:0px;
	padding-right:35px;
	float:right;
}

/*TOP以外*/
#main .leadarea_sub{
	width:950px;
	height:46px;
	margin:0;
	padding:0;
	clear:both;
	background:#fff;
}

#main .leadarea_sub .my_txt{
	text-align:left;
	padding:5px 0px 2px 30px;
	float:right;
	background:url(../images/index/my_recipe.gif) no-repeat 5px 2px;
	font-size:12px;
	line-height:1.2;
}
#main .leadarea_sub .ps_txt{
	width:352px;
	height:21px;
	margin-right:0px;
	padding:5px 0px 0px 46px;
	float:left;
	background:url(../images/index/ps_bg.gif) no-repeat left top;
	font-size:12px;
	line-height:1.2;

}
#main #main_subcnt {
	width:950px;
	margin:0px;
	padding:0;
	background:url(../images/sub_bgtop.jpg) no-repeat left top;
}
#main .cnt_area .cnt_top{
	width:950px;
	padding:0;
	margin:0;
}
#main #main_subcnt .cnt_area{
	width:935px;
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/subcnt_bg.jpg) repeat-y left top;
}
#main .cnt_area .cnt_foot{
	width:950px;
	padding:0;
	margin:0;
}





/*----------- add  -----------------*/

/*----- clearfix -----*/
#header:after,
leadarea:after,
.pageNavi:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	text-align:left ;
}
/*----- clearfix -----*/

.clearfix {
display:inline-block;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* ヘッダー */
#se #header{
	width:950px;
	height:42px;
	background:#FFFFFF;
	text-align:left;
}
#headerCover #header h1{
	width:332px;
	height:42px;
	float:left;
	margin:0;
	padding:0;
}
#headerCover #header .myrecipe{
	height:235px;
	height:42px;
	float:right;
}

#headerCover #leadarea{
	width:950px;
	clear:both;
	text-align:left;
}
#header .ps_txt{
	width:352px;
	height:26px;
	position:absolute;
	top:30px;
	left:328px;
	text-align:center;
	background:url(../images/index/ps_bg.gif) no-repeat left bottom;
}
#header .my_txt{
	text-align:right;
	position:absolute;
	top:40px;
	right:10px;
	width:102px;
	height:20px;
	padding:5px 0 0 0;
	background:url(../images/index/my_recipe.gif) no-repeat 5px 2px;
	font-size:12px;
	line-height:1.2;
}
#headerCover #leadarea .recipe_txt{
	text-align:left;
	padding:5px 0px 10px 30px;
	float:right;
	background:url(../images/index/my_recipe.gif) no-repeat 5px 2px;
}

#headerCover #searchAreaCover {
	width:950px;
	padding:0;
	clear:left;
	text-align:center;
	margin-bottom: 10px;
	_padding-bottom:10px;
	background: url(../images/sub_bgtop.jpg) repeat-y center;
}

#headerCover #searchAreaCover2{
	width:950px;
	padding:0;
	clear:left;
	text-align:center;
	background: url(../images/sub_bgtop.jpg) repeat-y center;
}


#headerCover #pageNavi ul{
	padding:10px 0 4px 10px;
}
#headerCover #pageNavi li{
	float:left;
	margin-right:5px;
	list-style-type:none;
}

/* #searcharea */
#headerCover #searchArea{
    clear:left;
    width:932px;
	height:34px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:7px;
    background:url(../search/images/searcharea_bg.jpg) no-repeat top left;
}
#headerCover #searchArea p{
    padding:0 0 0 10px;
	float:left;
}
#headerCover .padding_l15{
	padding-left:15px;
}
#headerCover #searchArea p.title1{
    padding-top:3px;
	padding-left:12px;
}
#headerCover #searchArea p.title2{
    padding-top:3px;
	padding-left:5px;
}
#headerCover #searchArea p.input{
	padding-left:5px;
}
#headerCover #searchArea #textfield{
	width:145px;
}
#headerCover #searchArea .selectBox{
	width:160px;
	float:left;
	padding-top:2px;
	padding-left:0px;
}
#headerCover #searchArea .selectBox select{
	width:150px;
}

#headerCover #searchArea #nav{
	float:left;
	padding-left:0px;
}

#headerCover #searchArea p.text{
	padding-left:5px;
	width:160px;
	font-size:10px;
}

#headerCover #searchArea p.btn{
	padding-left:0px;
	margin-top:-3px;
}
#headerCover #searchArea p.linkTxt{
	padding-left:7px;
	padding-top:3px;
	font-size:12px;
}

#headerCover a.top{
	background:url(../images/index/btm_line.gif) repeat-x bottom left;
	display:inline;
	line-height:1.6em;
	text-decoration:none;
	color:#333333;
	padding-bottom:3px;
}
html*#headerCover a.top{
	font-size:12px;
	line-height:1.6em;
	text-decoration: underline;
	color:#333333;
	padding-bottom:3px;
	background:none;
}
#headerCover a.top:hover{
	color:#BE6104;
	background:none;
	text-decoration: none;
}

/*↓feature.tmp.htmlのレイアウトの一部 */

.bnr_area .list2 li{
	width: 145px;
    height: auto;
    margin: 1% -2.7% 24px 3.4%;
	}

.bnr_area .text_layout{
		display:block;
		font-size: 20px;
		color: #A87854;
		border-bottom: 1px solid #A87854 ;

	}
.bnr_area .list2 li img{
	width: 100% ;
    height:auto; 
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.bnr_area .list2 li h4{
	font-size:14px;
	padding:5px 0 0 4px;
}
.bnr_area h3 .sp_title{
	display:none;
}

.bnr_area .tokusyu_link{
	margin:0 10px;
}


@media screen and (max-width:640px){
.bnr_area .list2 li{
	width: 46%;
	}
.bnr_area .list2 li img{
	width: 100% ;
}
.bnr_area h3 .sp_title{
	width:98%;
	display:block;
	font-size: 16px;
    color: #fafafa;
    font-weight: bold;
    background: #ff7e03;
    padding: 12px 0;
    margin-bottom: 10px;
    z-index: 1;
}

.bnr_area .list2 li h4{
	padding:5px 0 0 0;
}

.bnr_area .text_layout{
	display:none;
}
.bnr_area .list2 li{
	margin:0;
}

.bnr_area .tokusyu_link{
	margin:0px 10px 32px;
	font-size: 14px;
}
/*↑feature.tmp.htmlのレイアウトの一部 */

}