@charset "UTF-8";

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

h1, h2, h3, h4, h5, h6, p, img, ul, li {
	margin: 0;
	padding: 0;
}
li {
list-style-type: none;
}
.clear{
	clear: both;
	height: 1px;
	display:block;
	overflow:hidden;
}


img{
	border: none;
}



body {
	background: #EEEECC;
	/*background-attachment: fixed;*/
	font-family:  "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	color: #333333;
}

#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{
	padding-left: 37px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 920px;
}


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


#header {
	padding: 10px 30px 0 30px;
	height:42px;
}

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

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

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

}
#mainttl .main {
	background-image: url(title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 267px;
	width: 920px;
	margin: 0px;
	padding: 0px;
}
#tieup #mainttl .tab {
	margin: 0px;
	padding: 0px;
	height: 54px;
	width: 920px;
}


/*============================================================================
7月
=============================================================================*/


#tieup

.invisible {
	text-indent: -9999px;
	font-size: 0px;
	}
#tieup #title {
	background-image: url(title1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 172px;
	width: 900px;
}
#tieup #lead {
	background-image: url(lead1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 175px;
	width: 900px;
}
#tieup #tab {
	height: 51px;
	width: 900px;
}
#tieup #tab ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#tieup #tab li {
	float: left;
}
#tieup #profile1a {
	background-image: url(profile1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 162px;
	width: 900px;
}
#tieup #profile1b {
	background-image: url(osusume1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 168px;
	width: 900px;
}
#tieup #recipe1 {
	background-image: url(recipeA1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 789px;
	width: 900px;
}
#tieup #recipe_detail {
	background-image: url(recipe_detail1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 227px;
	width: 900px;
}
#tieup #recipe_detail .detail_img1 {
	text-align: right;
	padding-top: 55px;
	padding-right: 66px;
}
#tieup #recipe_otasuke1 {
	background-image: url(recipe_otasuke1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 87px;
	width: 900px;
}
#tieup #recipe2 {
	background-image: url(recipeB1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 694px;
	width: 900px;
}
#tieup #user1 .left1 {
	background-image: url(user_left1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 282px;
	width: 450px;
	float: left;
}
.user_img_left {
	height: 34px;
	width: 34px;
	padding-top: 24px;
	padding-left: 58px;
	float: left;
}
.user_text_left {
	font-size: 16px;
	font-weight: bold;
	color: #321b00;
	padding-top: 30px;
	padding-left: 100px;
}

.user_img_right {
	height: 34px;
	width: 34px;
	padding-top: 24px;
	padding-left: 25px;
	float: left;
}
.user_text_right {
	font-size: 16px;
	font-weight: bold;
	color: #321b00;
	padding-top: 30px;
	padding-left: 68px;
}


.user_text_left a:link { color: #321b00 ; }
.user_text_left a:visited { color: #321b00 ; }
.user_text_left a:active { color: #321b00 ; }
.user_text_left a:hover { color: #321b00 ; }

.user_text_right a:link { color: #321b00 ; }
.user_text_right a:visited { color: #321b00 ; }
.user_text_right a:active { color: #321b00 ; }
.user_text_right a:hover { color: #321b00 ; }

#tieup #user1 {
	width: 900px;
}
#user1 .user_title {
	background-image: url(user_recipe1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 99px;
	width: 900px;
}
#tieup #user1 .right1 {
	background-image: url(user_right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 282px;
	width: 450px;
	float: right;
}
#tieup #btm_box .boxA {
	background-image: url(btm_box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 318px;
	width: 900px;
}
#tieup #btm_box .boxB {
	background-image: url(btm_box_b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 667px;
	width: 900px;
}
#tieup #btm_box .boxA .left_img {
	padding-top: 54px;
	padding-left: 75px;
	float: left;
}
#tieup #btm_box .boxA .right_btn {
	padding-top: 260px;
	padding-left: 195px;
}




	
.clearLeft { 
clear: left; 
}


/*----------------------------------------------------------------------------
#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;
}
.bt2_btm {
	position: absolute;
	bottom: 30px;
	padding-left: 97px;
}