@charset "UTF-8";

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

h1, h2, h3, h4, h5, h6, p, img, ul, li {
	margin: 0;
	padding: 0;

}
a:link {
    color: #250d00;
    color: #4F1F06;
    color: #330000;

    text-decoration: underline;
}
a:visited {
    color: #543f32;
    color: #663333;

}
a.hover {
    color: #663333;
}
.clear{
	clear: both;
	display:block;
	overflow:hidden;
}

img{
	border: none;
  vertical-align: top; /* for ie7 */
}

a.recipe-title {
    color: #9EA73D;
    font-weight: bold;
    letter-spacing: -0.5px;
}

body {
	background: #EEEECC;
	/*background-attachment: fixed;*/
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;

	margin: 0;
	padding: 0;
	color: #333333;
	line-height:130%;
	font-size:14px;
}

#wrapper {
	background: #FFFFFF url(bg.gif) repeat-y;
	width: 975px;
	margin: 0 auto;
}

#content {
	/*background: url(bg_top.gif) center top no-repeat;*/
	/*background-attachment: fixed;*/
}

#tieup{
	width: 900px;
	padding-left:36px;
	color:#3D3634;
}

/*----------------------------------------------------------------------------
#header
-----------------------------------------------------------------------------*/


#header {
	padding: 10px 40px 0 35px;

}

#header #logoCookpad{
	float: left;
	margin: 5px 0;
	padding: 0;
}

#header #prSet{
	float: right;
	background: #fff url(pr_ttl.gif) left center no-repeat;
	width: 130px;
	padding: 5px 0 0 0;
	text-align: right;
}

#header #prSet img{
	margin-bottom: 10px;
}


/*----------------------------------------------------------------------------
#mainttl
-----------------------------------------------------------------------------*/
#mainttl{
	width: 900px;
	height:170px;
	display:block;
	position:relative;
	margin:0 0 20px 0;
	background: #fff url(title.jpg) left top no-repeat;
	}

#mainttl h1{
	text-indent: -9999px;
	}
/*============================================================================
#sec1
=============================================================================*/
#sec1 .sec1_title{
	text-indent:-9999px;
	width: 900px;
	height:55px;
	display:block;
	background:url(sec1_title.gif) no-repeat;
	}

#sec1 ul.sec1_ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#sec1 ul.sec1_ul li{
	margin:0;
	padding:0;
	float:left;
	height:129px;
}
#sec1 h2{
	text-indent:-9999px;
	width: 900px;
	height:143px;
	display:block;
	background:url(sec1_midashi.jpg) no-repeat;
	clear:both;
}
#sec1 h3.recipe_title1{
	text-indent:-9999px;
	width: 900px;
	height:105px;
	display:block;
	background:url(sec1_recipe1_title.gif) no-repeat;
}
.recipe_user1{
	float:left;
}
.recipe_user1 img{
	float:left;
}
.recipe_user1_tx{
	padding:135px 10px 0 0;
	background:url(sec1_recipe1_user_tx.gif) no-repeat;
	margin:0 0 0 240px;
	width:147px;
	height:172px;
}

.recipe_recipe1{
	float:left;
	height:307px;
	width:503px;
}
.recipe_recipe1 img{
	float:left;
}
.recipe_recipe1_txarea{
	padding:100px 80px 0 10px;
	background:url(sec1_recipe1_tx.gif) no-repeat;
	margin:0 0 0 244px;
	width:169px;
	height:207px;
}
/*foe IE7*/
*+html .recipe_recipe1_txarea{
	padding:100px 80px 0 10px;
	background:url(sec1_recipe1_tx.gif) no-repeat;
	width:169px;
	height:207px;
}


h4.recipe_recipe1_title{
	padding:0 0 0.5em 0;
	font-size:120%;
	line-height:130%;
}
h4.recipe_recipe1_title a{
	color:#9ea73d;
}
.recipe_recipe1_name{
	text-align:right;
	padding:0 0 1em 0;
	font-size:90%;
}

#sec1 h3.recipe_title2{
	text-indent:-9999px;
	width: 900px;
	height:162px;
	display:block;
	background:url(sec1_recipe2_title.jpg) no-repeat;
}
.recipe_user2{
	float:left;
}
.recipe_user2_tx{
	padding:0 30px 0 77px;
	background:url(sec1_recipe2_user_tx.gif) no-repeat;
	width:292px;
	height:111px;
}

.recipe_recipe2{
	float:left;
	width:501px;
	height:337px;
}
.recipe_recipe2 img{
	float:left;
}
.recipe_recipe2_txarea{
	padding:110px 75px 0 10px;
	background:url(sec1_recipe2_tx.gif) no-repeat;
	margin:0 0 0 242px;
	width:174px;
	height:227px;
}
h4.recipe_recipe2_title{
	padding:0 0 0.5em 0;
	font-size:120%;
	line-height:130%;
}
h4.recipe_recipe2_title a{
	color:#9ea73d;
}
.recipe_recipe2_name{
	text-align:right;
	padding:0 0 1em 0;
	font-size:90%;
}

/*============================================================================
#sec2
=============================================================================*/
#sec2 h2{
	text-indent:-9999px;
	width: 900px;
	height:137px;
	display:block;
	background:url(sec2_title.jpg) no-repeat;
	clear:both;
}
#sec2 .user1{
	width:158px;
	height:104px;
	background:url(sec2_1ph.jpg) no-repeat;
	float:left;
	padding:130px 20px 0 272px;
}
#sec2 .user2{
	width:170px;
	height:104px;
	background:url(sec2_2ph.jpg) no-repeat;
	float:left;
	padding:130px 50px 0 230px;
}
#sec2 .user3{
	width:150px;
	height:100px;
	background:url(sec2_3ph.jpg) no-repeat;
	float:left;
	clear:both;
	padding:138px 230px 0 70px;
}
#sec2 .user4{
	width:150px;
	height:100px;
	background:url(sec2_4ph.jpg) no-repeat;
	float:left;
	padding:138px 270px 0 30px;
}
#sec2 .sec2_btn{
	background:url(sec2_btn_bk.gif) no-repeat;
	padding:9px 0 23px 41px;
}

/*============================================================================
#sec3
=============================================================================*/
.sec3_banner{
	margin:30px 0;
}

/*============================================================================
#sec4
=============================================================================*/
#sec4 h2{
	text-indent:-9999px;
	width: 900px;
	height:208px;
	display:block;
	background:url(sec4_title.jpg) no-repeat;
}
#sec4 .sec4_btn{
	background:url(sec4_btn_bk.jpg) no-repeat;
	padding:0 0 17px 28px;
}
/*============================================================================
#sec5
=============================================================================*/
.sec5_banner{
	margin:30px 0 50px 0;
}
/*============================================================================
#sec6
=============================================================================*/
#sec6{
	margin:0 0 50px 0;
}

/*----------------------------------------------------------------------------
#FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width: 975px;
	background: #EEEECC url(bg_bottom.gif) no-repeat top;
	padding: 20px 0 20px 0;
	margin:15px 0 0 0;
	text-align: center;
}