@charset "UTF-8";;
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
html{
    overflow-y: scroll;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
input, textarea,{
    margin: 0;
    padding: 0;
}
 
ol, ul{
    list-style:none;
}
 
table{
    border-collapse: collapse; 
    border-spacing:0;
}
 
caption, th{
    text-align: left;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}
 

.both{
    clear:both;
}
 
.inline_block {  
    display: inline-block;  
    *display: inline;  
    *zoom: 1;  
}

#summer0511 {
}


/*base＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
* {
  margin: 0;
  padding: 0;
}



body {
  background-color: #eeeeca;
  font-size: 87.5%;
  margin: 0;
  padding: 0;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

a img {
     border: 0;
 	 vertical-align: middle;
}


/*header＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#header {
	width:100%;
	height:119px;
	background:#ffffff;
	text-align: center;
}

#header .inner {
	width:920px;
	height:119px;
	background:#ffffff;
	margin:0 auto;
	position:relative;
}

#header .inner p.yasai {
	width:204px;
	height:45px;
	left:0;
	top:38px;
	position:absolute;
	text-indent:-9999px;
	background:url(head_yasai_logo.png) no-repeat;
}

#header .inner p.photo {
	width:400px;
	height:119px;
	left:230px;
	top:0;
	position:absolute;
	text-indent:-9999px;
	background:url(head_img.jpg) no-repeat;
}

#header .inner .pr {
	width:270px;
	height:53px;
	right:0;
	bottom:13px;
	position:absolute;
}

#header .inner .pr p.koukoku{
	width:270px;
	height:20px;
	text-align:right;
	font-size:12px;
	color:#333333;
}

#header .inner .pr .logo{
	width:270px;
	height:31px;
	background:url(head_pr_logo_x.png) 140px 0 no-repeat;
}

#header .inner .pr .logo .hagoromo {
	width:135px;
	height:31px;
	float:left;
}

#header .inner .pr .logo .cookpad {
	width:111px;
	height:31px;
	float:right;
}





/*menu＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#menu {
	width:100%;
	height:36px;
	background:#4d72c7;
	text-align: center;
}

#menu .inner {
	width:920px;
	height:36px;
	margin:0 auto;
}

#menu .inner ol {
	width:920px;
	height:36px;
	list-style-type:none;
}

#menu .inner li {
	width:230px;
	height:36px;
	float:left;
	text-align:center;
}



#wrapper {
  background: transparent;
  margin: 0px auto;
  min-width: 920px;
  text-align: center;
  width: 920px;
}


#main {
  float: left;
  width: 605px;
  margin-bottom: 30px;
  padding:20px 0 0 0;
}

#main_top {
  width: 605px;
  margin-bottom: 16px;
}


#main_left {
	width:190px;
	height:auto;
	float:left;
	}
	
#main_center {
	width:400px;
	height:auto;
	float:right;
	}
		


#side {
  float: right;
  width: 300px;
  padding:20px 0 0 0;
}



/*spring ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#main #main_left .spring {
	width:190px;
	height:auto;
	background:#ffffff;
	padding:20px 0 8px 0;
	margin:0 0 8px 0;
	}
	
	#main #main_left .spring p.ttl {
	width:164px;
	height:40px;
	margin:0 auto;
	background:url(spring_ttl.png) no-repeat;
	text-indent:-9999px;
	}
	#summer0511 #main #main_left .spring p.ttl { background:url(summer_ttl.png) no-repeat; }
	#summer0706 #main #main_left .spring p.ttl { background:url(summer2_ttl.png) no-repeat; }
	
	#main #main_left .spring .inner {
		width:170px;
		height:auto;
		margin:0 0 0 13px;
	}
	
	#main #main_left .spring .inner .recipe1,
	#main #main_left .spring .inner .recipe2,
	#main #main_left .spring .inner .recipe3,
	#main #main_left .spring .inner .recipe4 {
		width:170px;
		margin:0 0 12px 0;
	}
	
	#main #main_left .spring .inner .recipe5 {
		width:170px;
		margin:0 0 3px 0;
	}
	
	#main #main_left .spring p.photo {
	width:71px;
	float:left;
	}
	
	#main #main_left .spring p.name {
	width:89px;
	float:right;
	}
	
	#main #main_left .spring p.link_more {
	width:170px;
	text-align:right;
	}
	
	
	
/*tsukurepo_present ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#main #main_left .tsukurepo_present {
	width:190px;
	height:142px;
	background:url(tsukurepo_present.png) no-repeat;
	text-indent:-9999px;
	}
	#summer0511 #main #main_left .tsukurepo_present { background:url(tsukurepo_present_0511.png) no-repeat; }
	#summer0706 #main #main_left .tsukurepo_present { background:url(tsukurepo_present_0706.png) no-repeat; }	

/*kisetsu ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#main #main_center .kisetsu {
	width:400px;
	height:414px;
	background:#ffffff;
	padding:20px 0 0 0;
	margin:0 0 12px 0;
	}
	
	#main #main_center .kisetsu p.ttl {
	width:273px;
	height:40px;
	margin:0 auto;
	background:url(kisetsu_ttl.png) no-repeat;
	text-indent:-9999px;
	}
	
	#main #main_center .kisetsu p.photo {
	width:376px;
	height:274px;
	margin:0 auto 9px auto;
	}
	
	#main #main_center .kisetsu p.name {
	width:376px;
	height:26px;
	margin:0 auto 9px auto;
	}
	
	#main #main_center .kisetsu p.copy {
	width:376px;
	height:33px;
	margin:0 auto;
	background:url(kisetsu_copy.png) no-repeat;	
	text-indent:-9999px;
	}
	#summer0706 #main #main_center .kisetsu p.copy { background:url(kisetsu_copy_0706.png) no-repeat; }	
	
#main #main_center .brand_link {
	width:400px;
	height:200px;
	}	


/*natsucurry ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

#main .natsucurry {
	width:585px;
	height:auto;
	background:#ffffff;
	padding:10px;
	margin:0;
	}
	
	#main .natsucurry .bg {
	width:585px;
	height:268px;
	background:url(natsucurry_bg.jpg) no-repeat;
	margin:0;
	position:relative;
	}
	
	#main .natsucurry p.ttl {
	width:357px;
	height:196px;
	left:13px;
	top:7px;
	position:absolute;
	background:url(natsucurry_ttl.jpg) no-repeat;
	margin:0;
	text-indent:-9999px;
	}
	
	#main .natsucurry .fuki {
	width:193px;
	height:158px;
	left:370px;
	top:19px;
	position:absolute;
	background:url(natsucurry_num_bg.png) no-repeat;
	margin:0;
	padding:18px 0 0 0;
	}
	
	#main .natsucurry .fuki p.oubosu{
	width:170px;
	height:33px;
	margin:0 auto 5px auto;
	text-align:center;
	font-size:23px;
	font-weight:bold;
	color:#6a3906;
	}
	
	#main .natsucurry .fuki p.num{
	width:170px;
	height:71px;
	margin:0 auto;
	text-align:center;
	font-size:46px;
	font-weight:bold;
	color:#b60005;
	}
	
	#main .natsucurry .fuki p.num span.ken {
	font-size:25px;
	font-weight:bold;
	color:#6a3906;
	margin:0 3px;
	}
	
	#main .natsucurry p.fuki_btn {
	width:169px;
	height:32px;
	left:12px;
	top:130px;
	position:absolute;
	}
	
	#main .natsucurry p.btn {
	width:545px;
	height:45px;
	left:21px;
	top:207px;
	position:absolute;
	margin:0 auto;
	}



/*morning_curry_totalworkout ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#main .morning,
#main .curry,
#main .totalw {
	width:605px;
	height:368px;
	background:#ffffff;
	margin:0 0 20px 0;
	}
	#main .morning,
	#main .curry { padding:9px 0 8px 0; }
	#main .totalw { height:auto; padding:9px 0 0 0;}
	
	#main .morning p.ttl,
	#main .curry p.ttl,
	#main .totalw p.ttl {
	width:572px;
	margin:0 auto;
	text-indent:-9999px;
	}
	#main .morning p.ttl {height:72px; background:url(morning_ttl.png) no-repeat;}
	#summer0511 #main .morning p.ttl {height:72px; background:url(lunch_ttl.png) no-repeat; }
	#main .curry p.ttl { height:72px; background:url(curry_ttl.png) no-repeat; }
	#main .totalw p.ttl { height:108px; background:url(totalw_ttl.png) no-repeat; }
	
	#main .morning .photo,
	#main .curry .photo,
	#main .totalw .photo {
	width:570px;
	height:124px;
	margin:0 auto 7px auto;
	}
	
	#main .morning .photo ol,
	#main .curry .photo ol,
	#main .totalw .photo ol {
	width:570px;
	height:124px;
	list-style-type:none;
	}
	
	#main .morning .photo li,
	#main .curry .photo li,
	#main .totalw .photo li {
	width:114px;
	height:124px;
	float:left;
	}
	
	#main .morning .name,
	#main .curry .name,
	#main .totalw .name {
	width:570px;
	height:52px;
	}
	#main .morning .name,
	#main .curry .name{ margin:0 auto 7px auto; }
	#main .totalw .name { margin:0 auto 15px auto; }
	
	#main .morning .name ol,
	#main .curry .name ol,
	#main .totalw .name ol {
	width:570px;
	height:52px;
	list-style-type:none;
	}
	
	#main .morning .name li,
	#main .curry .name li,
	#main .totalw .name li {
	width:114px;
	height:52px;
	float:left;
	}
	
	#main .morning .hashimoto,
	#main .curry .hashimoto {
	width:570px;
	height:89px;
	margin:0 auto;
	background:url(morning_hashimoto.png) no-repeat;
	text-indent:-9999px;
	}
	
	#main .totalw .column {
	width:605px;
	height:115px;
	background:#faebeb;
	position:relative;
	}
	
	#main .totalw .column p.catch {
	width:591px;
	height:39px;
	background:url(totalw_catch.png) no-repeat;
	text-indent:-9999px;
	}
	
	#main .totalw .column p.copy {
	width:591px;
	height:55px;
	background:url(totalw_copy.png) no-repeat;
	text-indent:-9999px;
	}
	
	#main .totalw .column p.link {
	width:111px;
	height:21px;
	right:14px;
	top:88px;
	position:absolute;
	}
	
	
/*bnr_idea ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#main .bnr_idea {
	width:605px;
	height:358px;
	margin:0 0 20px 0;
	}
		
	

/*cm ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#main .cm {
	width:605px;
	height:auto;
	background:#ffffff;
	padding:17px 0 10px 0;
	margin:0 0 20px 0;
	}
	
	#main .cm p.ttl {
	width:106px;
	height:27px;
	margin:0 0 13px 14px;
	background:url(cm_ttl.png) no-repeat;
	text-indent:-9999px;
	}	
	
	#main .cm .inner,
	#main .cm .inner2 {
	width:560px;
	height:187px;
	margin:0 auto 15px auto;
	}	
	
	#main .cm .inner .second15,
	#main .cm .inner2 .second15 {
	width:269px;
	height:187px;
	float:left;
	}
	
	#main .cm .inner .second30,
	#main .cm .inner2 .second30 {
	width:269px;
	height:187px;
	float:right;
	}
	
	#main .cm .inner p.photo,
	#main .cm .inner2 p.photo {
	width:269px;
	height:153px;
	margin:0 0 9px 0;
	}	
	
	#main .cm .inner p.second,
	#main .cm .inner2 p.second {
	width:269px;
	height:25px;
	text-indent:-9999px;
	}
	#main .cm .inner .second15 p.second { background:url(cm_second1.png) no-repeat; }
	#main .cm .inner .second30 p.second { background:url(cm_second2.png) no-repeat; }
	#main .cm .inner2 .second15 p.second { background:url(cm_second3.png) no-repeat; }
	#main .cm .inner2 .second30 p.second { background:url(cm_second4.png) no-repeat; }
		

/*side_bnr ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
	
#side .side_bnr {
	width:300px;
	margin:0 0 15px 0;
	}	
	
#side .side_bnr_bottom {
	width:300px;
	margin:0;
	}	

#side .side_registered {
	width:300px;
	height:40px;
	background:url(bnr_registered.png) no-repeat;
	text-indent:-9999px;
	}
	
	#side .side_registered02 {
	width:300px;
	height:40px;
	background:url(bnr_registered02.png) no-repeat;
	text-indent:-9999px;
	}
	  

	
