@charset "Shift_JIS";

/*  
 共通CSS [  
----------------------------------------------------------- */  
div,
h1,
h2,
h3,
dl,
dt,
dd,
ol,
li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	font-weight: normal;
}

.clear {
	clear: both;
}

.item_tx {
	color: #FF9900;
}

/*  
 離乳食レシピTOP [  
----------------------------------------------------------- */  
/* レイアウト */
div.bfr_container {
	width: 520px;
	text-align: center;
}

div.bfr_contents {
	width: 486px;
	margin: 0 auto;
	font-size: 76%;
}

div.bfr_sel-area {
	width: 486px;
	margin: 0 auto 26px;
}

/* タイトル部 */
div.bfr_ti-area {
	width: 471px;
	margin: 0 auto;
}

div.bfr_ti-area h1,
div.bfr_ti-area p.lead {
	margin-bottom: 19px;
}

/* 検索項目選択 */
div.bfr_sel-area div.bfr_sel_sec {
	padding: 18px 17px 12px;
}

div.bfr_sel-area div.bfr_sel_sec2 {
	float: left;
	position: relative;
	width: 450px;
}

div.bfr_sel-area div.bfr_sel_sec2 p.bfr_sel_tx {
	padding-bottom:9px;
}

div.bfr_sel-area div.bfr_sel_sec2 select {
	width: 266px;
	margin-bottom: 12px;
}

div.bfr_sel-area div.bfr_sel_sec2 select.last {
	margin-bottom: 0;
}

div.bfr_sel-area div.bfr_sel_sec2 div.bfr_sel_sec3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 157px;
}

div.bfr_sel-area div.bfr_sel_sec2 div.bfr_sel_sec3 input {
	vertical-align: bottom;
}

/*  
 プレママうれしいレシピ集
----------------------------------------------------------- */ 

/* index */
body#index div.main_col{
width:740px;
padding:23px 0 26px;
background:#fff1ee url(../image/index_main_bg.gif) no-repeat left top;
text-align:center;
color: #622330;
}
body#index div.main_col h1{
margin-top:0;
margin-bottom:10px;
}

body#index div.main_col h1.pagetitle{
font-size:28px;
letter-spacing:0.3em;
color:#630C05;
font-weight:bold;
margin:0 0 18px 195px;
text-align:left;
}

div.main_col p.lead{
padding:0 70px;
}

body#index div.main_col div.main_inner{
width:690px;
margin:0 auto;
padding:0 0 30px;
background:#ffffff url(../image/index_main_inner_bg.gif) no-repeat left top;
text-align:left;
}

#main_201106 #pagetop_2_201106{
padding:15px 0 0;
text-align:right;
}
#main_201106 #pagetop_2_201106 img{
vertical-align:middle;
}
#main_201106 #pagetop_2_201106 a{
color:#a4707a;
text-decoration:none;
}



/* NEWレシピ */

div.main_col div#new_tit h2 {
position:relative;
bottom:58px;
right:15px;
margin:0 0 -94px 0;
padding:0;
}

div.main_col div#new_tit p.update {
text-align:right;
padding:8px 8px 0;
margin:0 0 0 0;
z-index:100;
}

div.main_col div#new_area {
background:url(../image/index_recipe_bg_top.gif) no-repeat left top;
width:690px;
height:370px;
min-height:370px;
margin:0 0 0px 0;
padding:0px 0 0px 0;
}

div.main_col div#new_area .new_area_block {
background:url(../image/index_recipe_bg_btm.gif) no-repeat left bottom;
width:690px;
margin:0;
padding:0px 0 10px 0px;
float:left;
}

div.main_col div#new_area .new_area01,
div.main_col div#new_area .new_area02 {
width:280px;
padding:21px 0 0 0px;
_padding-top:43px;
margin:0;
float:left;

}

div.main_col div#new_area .new_area01 {
padding-left:60px;
margin-right:18px;

}

div.main_col div#new_area .new_reci_img01 {
width:187px;
height:166px;
margin:15px 0 15px 45px;
}

div.main_col div#new_area h3{
width:279px;
font-size:120%;
font-weight:bold;
text-align:center;
}

div.main_col div#new_area h3 a{
width:279px;
color:#e47c4c;
text-decoration:none;
}


div.main_col div#new_area h3 a:hover{
text-decoration:underline;
}


div.main_col div#new_area h3 .copy{
width:279px;
font-size:80%;
text-align:center;
}

div.main_col div#new_area ul {
width:279px;
border-top:3px solid #ffe3e3;
color:#622330;
text-align:left;
padding:7px 0 3px 0px;
margin:25px 0 0 0;
}

div.main_col div#new_area ul li {
text-align:left;
padding:0px 0  0 10px;
}

div.main_col div#new_area dl {
width:279px;
border-top:3px solid #ffe3e3;
text-align:left;
padding:7px 0 0 0px;
margin:25px 0 0 0;
}

div.main_col div#new_area dt {
float:left;
padding-left:10px;
}

div.main_col div#new_area dd {
float:left;
padding-left:9px;
}

div.main_col div#new_area dd span.present_img {
display:block;
padding-top:8px;
}

div.main_col div#new_area dd p {
width:160px;
padding:13px 10px 0 0;
}


/* present */
div.main_col div.present_area{
margin-top:35px;
_margin-top:25px;
margin-left:84px;
}

div.main_col div.present_box{
width:522px;
position:relative;
background:url(../image/index_pre_bg_btm.gif) repeat-y left top;
padding:0 0 8px 0;
clear:both;
}

div.main_col div.present_block{
padding-left:8px;
}

div.main_col div.present_box dl{
width:382px;
padding:5px 0;
background-color:ffffff;
}

div.main_col div.present_box dl dt{
margin-right:10px;
float:left;
}

div.main_col div.present_box dl dt img{
margin-left:10px;
vertical-align:top;
}

div.main_col div.present_box dl dd {
width:320px;
padding-top:3px;
float:left;
}

div.main_col div.present_box dl dd ul li {
position:relative;
padding:0 0 3px 40px;
margin:0;
vertical-align:bottom;
zoom:1;
}

div.main_col div.present_box dl dd ul li span {
color:#e47c4c;
font-weight: bold;
}

div.main_col div.present_box dl dd ul li img {
position:absolute;
top:2px;
left:0;
}

div.main_col div.present_box .btn{
position:absolute;
top:40px;
right:8px;
}


/* search */
div.main_col div.search_box{
margin-bottom:30px;
padding-bottom:13px;
background:url(../image/index_search_bg_02.gif) no-repeat left bottom;
clear:both;
}
div.main_col div.search_block{
position:relative;
min-height:5px;
_height:5px;
background:url(../image/index_search_bg_01.gif) no-repeat left top;
}
div.main_col div.search_block p.search_hd{
position:absolute;
top:60px;
left:55px;
}
div.main_col div.search_block p.search_btn_01{
position:absolute;
top:115px;
left:55px;
}
div.main_col div.search_block p.search_btn_02{
position:absolute;
top:140px;
left:55px;
}
div.main_col div.search_block div.search_form{
margin-left:225px;
padding:45px 3px 10px;
}
div.main_col div.search_block div.search_form dl{
width:405px;
padding:8px 0 8px 10px;
background:url(../image/index_search_bg_03.gif) no-repeat left bottom;
}
div.main_col div.search_block div.search_form dt{
width:106px;
float:left;
padding:4px 10px 0 5px;
}
div.main_col div.search_block div.search_form dt.other{
width:297px;
float:left;
padding:5px 10px 0 15px;
}
div.main_col div.search_block div.search_form dd{
float:left;
padding:0 10px 0 0px;
}

div.main_col div.search_block div.search_form dd .btn{
width:55px;
float:left;
padding:0;
}
div.main_col div.search_block div.search_form dd select{
margin:3px 0 0 0;
width:181px;
float:left;
}
div.main_col div.search_block div.search_form dl.last_element{
padding:8px 0 0px;
width:405px;
background:none;
}
div.main_col div.search_block div.search_form p.search_submit{
float:left;
width:55px;
}


/* SERCH RESULT */
-----------------------*/
.re_ser_area{
	width:620px;
}

h2#new_tit03{
	width:96px;
	height:20px;
	margin:0 10px 5px 0;
	padding-left: 35px;
	float:left;
}

.re_ser_p02{
	width:400px;
	font-size:100%;
}

.re_ser_p02 img{
	margin:0 5px 0 0;
	padding:0 0 4px 0;
	vertical-align:middle;
}

/* SERCH RESULT TABLE
-----------------------*/
table.re_ser_ta01{
	width:620px;
	margin-left:35px;
	border-collapse:collapse;
	border-spacing:0;
}

table.re_ser_ta01 th.re_ser_th01{
	width:255px;
	text-align:left;
	padding:6px 6px 6px 12px;
	background-color:#b79c71;
}

table.re_ser_ta01 th.re_ser_th02{
	text-align:left;
	background-color:#b79c71;
	padding:6px 6px 6px 12px;
	border-left:#dbceb8 1px solid;
}

table.re_ser_ta01 td{
	padding:0 1em;
	vertical-align:middle;
}

table.re_ser_ta01 td.ser_re01{
	background-color:#fff6eb;
	border-right:#e7e2da 1px solid;
	border-bottom:#cdc3b3 1px dashed;
	font-size:92%;
}
table.re_ser_ta01 .tit a{
	color:#e47c4c;
	font-weight: bold;
	text-decoration:none;
}

table.re_ser_ta01 .tit a:hover{
text-decoration:underline;
}

table.re_ser_ta01 td.ser_re01_end{
	background-color:#fff6eb;
	border-right:#e7e2da 1px solid;
	border-bottom:#ebdac2 1px solid;
	font-size:92%;
}
table.re_ser_ta01 td.ser_re02{
	background-color:#fff6eb;
	border-right:#e7e2da 1px solid;
	border-bottom:#cdc3b3 1px dashed;
	font-size:92%;
}

table.re_ser_ta01 td.ser_re03{
	padding:0;
	border-bottom:#cdc3b3 1px dashed;
	border-left:#ebdac2 1px solid;
}

table.re_ser_ta01 td.ser_re03_end{
	padding:0;
	border-bottom:#ebdac2 1px solid;
	border-left:#ebdac2 1px solid;
}

table.re_ser_ta01 td.ser_re_end{
	width:487px;
	height:28px;
	padding:0;
	border-top:#cdc3b3 3px solid;
}

table.re_ser_ta01 .ser_re_img01{
	border:#ebdac2 1px solid;
	margin:5px;
}




/* list.psp.html */
-------------------------------------------------------------------------*/

body#list div.main_col{
width:740px;
background-color:#ffffff;
}

body#list div.main_col .main_title{
background:#fff1ee url(../image/list_main_bg.gif) no-repeat left top;
text-align:center;
width:740px;
padding:23px 0 15px;
margin:0 0 18px 0;
}
body#list div.main_col h1{
margin-top:0;
margin-bottom:10px;
}
body#list div.main_col p.lead{
padding:0 70px;
}

body#list div.main_col div.main_inner{
width:690px;
margin:0;
padding:0 15px;
background-color:#ffffff;
}


/* list.psp.html
-------------------------------------------------------------------------*/
body#list div.re_nu_area01{
	width:690px;
	margin-left:0px;
}

body#list div.re_nu_area02{
	width:675px;
	clear:both;
	margin-bottom:3px;
	margin-left:15px;
}

body#list div.re_nu_area02l{
	width:675px;
	clear:both;
	margin-bottom:15px;
	margin-left:15px;
}


/* list.psp.html HEADER2
-----------------------------------------------*/
#re_nu_header02{
	width:660px;
	margin:0px 15px 0px;
}

.nu_tit_h301{
	float:left;
	display:inline;
	width:4.1em;
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:bold;
}

.nu_tit_h301_s{
	float:left;
	display:inline;
	width:4.1em;
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding:0;
	margin-left:40px;
}

.nu_tit_p01{
	float:left;
	display:inline;
	font-size:100%;
	margin:0;
	padding:0;
}

h2.nu_h201{
	width:675px;
	margin:15px 0 15px 15px;
	border-top:#9ED43A 1px solid;
	border-bottom:#9ED43A 1px solid;
	font-size:95%;
	color:#FF6699;
	font-weight:bold;
	padding:3px 5px;
}

ul.nu_ul01 {
	width:570px;
	margin:0 0 0 55px;
	padding:0;
	margin-bottom:7px;
}

ul.nu_ul01 a{
	color:#5a5a5a;
	text-decoration: none
}


ul.nu_ul01 li.nu_li_l{
	list-style:none;
	background:url(../image/list_li01.gif) 0 3px no-repeat;
	width:290px;
	margin:0 13px 0 0;
	padding:0 0 0 13px;
	float:left;
	display:inline;
	font-size:100%;
	color:#5a5a5a;
	}
	
ul.nu_ul01 li.nu_li_l a:link{
	color:#5a5a5a;
	text-decoration:none;
	}

ul.nu_ul01 li.nu_li_l a:visited {
	color:#5a5a5a;
	text-decoration: none
}
ul.nu_ul01 li.nu_li_l a:active {
	color:#5a5a5a;
	text-decoration: none
}
ul.nu_ul01 li.nu_li_l a:hover {
	color: #FE78AA;
	text-decoration: none
}

ul.nu_ul01 li.nu_li_r{
	list-style:none;
	background:url(../image/list_li01.gif) 0 3px no-repeat;
	width:222px;
	margin:0 2px 0 0;
	padding:0 0 0 13px;
	float:left;
	display:inline;
	font-size:100%;
	color:#5a5a5a;
	}

ul.nu_ul01 li.nu_li_r a:link{
	color:#5a5a5a;
	text-decoration:none;
	}

ul.nu_ul01 li.nu_li_r a:visited {
	color:#5a5a5a;
	text-decoration: none
}
ul.nu_ul01 li.nu_li_r a:active {
	color:#5a5a5a;
	text-decoration: none
}
ul.nu_ul01 li.nu_li_r a:hover {
	color: #FE78AA;
	text-decoration: none
}

/* clearfix 
----------------------*/

div.re_nu_area01:after,
div.re_nu_area02l:after,
ul.nu_ul01:after,
div#new_area01:after,
div.new_area04:after,
#re_de_header01:after,
#re_de_header02:after,
#re_de_area02:after,
div.re_de_area01:after,
#re_nu_header02:after,
ul.re_ser_ul01:after,
div.new_area02_w:after{  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  

div.re_nu_area01,
div.re_nu_area02l,
ul.nu_ul01,
div#new_area01,
div.new_area04,
#re_de_header01,
#re_de_header02,
#re_de_area02,
div.re_de_area01,
#re_nu_header02,
ul.re_ser_ul01,
div.new_area02_w{
	display: inline-block;
	zoom: 100%;  
}

/* pagetop
----------------------*/
.pagetop_2_201106{
width:690px;
margin:0;
padding:15px 0 0;
text-align:right;
}
.pagetop_2_201106 img{
vertical-align:middle;
}
.pagetop_2_201106 a{
color:#a4707a;
text-decoration:none;
}
