@charset "utf-8";
/* CSS Document */

/******************************************************************************************

	</special/cmrecipe/css_v4/page.css>

*******************************************************************************************/
/*==========================================================================================

	// 共通

==========================================================================================*/

/* mainPic
------------------------------------------------------------------------------------------*/
#main_img{
	width:895px;
	height:250px;
	background:url(../image_v4/bg_mainpic.jpg) 0 0 no-repeat;
}

#main_img h1,
#main_img p {
 display:none;
}

#main_img #flash_area {
 padding:139px 0 0 740px;
}



.size14 { 
font-size:108%;
/font-size:116%;
}


/* gnav
------------------------------------------------------------------------------------------*/
#cmrecipe  #gnav{
	width:160px;
}
#gnav_special_now{
	width:160px;
	margin:0 0 7px 0;
	padding:0 0 6px 0;
	background:url(../../../common/image/gnav_end_current.gif) 0 bottom no-repeat;
}
#gnav_special_now #gnav_special_ttl{
	display:block;
	width:160px;
	height:45px;
	background:url(../../../common/image/gnav_special_current.gif) 0 0 no-repeat;
}
#gnav_special_now a#gnav_special_ttl{
	display:block;
	width:160px;
	height:45px;
	background:url(../../../common/image/gnav_special_current.gif) 0 0 no-repeat;
}
#gnav_special_now a:hover#gnav_special_ttl{
	background:url(../../../common/image/gnav_special_current_on.gif) 0 0 no-repeat;
}
#gnav_special_now ul{
	background:url(../../../common/image/gnav_repeat_current.gif) 0 0 repeat-y;
	overflow:hidden;
}
#gnav_special_now ul li{
	width:130px;
	margin-left:30px;
	/*margin-bottom:7px;*/
	padding-bottom:7px;
	font-size:70%;
	text-indent:0;	
}
#gnav_special_now ul li#gnav_current{
	width:120px;
}
#gnav_special_now ul li a{
	display:block;
	width:110px;
	padding:0 10px 0 10px;
	color:#630;
	text-decoration:none;
	background:url(../../../common/image/icon_gnavsub_off.gif) 0 50% no-repeat;
}
#gnav_special_now ul li a:hover{
	color:#fff;
	background:url(../../../common/image/icon_gnavsub_on.gif) 0 50% no-repeat;
}
#cmrecipe  .campaign{
	margin-top: 10px;
	text-align: right;
	text-indent: 0em;
}





/*==========================================================================================

	// cmrecipe

==========================================================================================*/
#cmrecipe #contents{
	width:720px;
	float:right;
}
#cmrecipe a{
	outline:none;
}
#cmrecipe #mainCol{
	width:670px;
	margin:10px auto; 
	padding:20px;
	background:#fff;
}

	/* catch
	----------------------------------------------------------*/
	
	#cmrecipe #mainCol #catch{
	position: relative;
	height:235px;
	width:670px;
	background:url(../image_v4/bg_catch.jpg) 0 0 no-repeat;
	}
	#cmrecipe #mainCol #catch h2,
	#cmrecipe #mainCol #catch h3{
		height:87px;
		text-indent:-9999em;
	}

	#cmrecipe #mainCol #catch p{
		padding:0 0 0 275px;
		font-size:80%;
	}

	#cmrecipe #mainCol #catch .catchImg{
	     padding:5px 0 0 565px;
	}

	#cmrecipe #mainCol #catch .teriyaki{
	position: absolute;
	top: 88px;
	left: 51px;
	display: block;
	width: 63px;
	height: 17px;
	text-indent: -9999em;
	}

	#cmrecipe #mainCol #catch .gochitare{
	position: absolute;
	top: 89px;
	left: 132px;
	display: block;
	width:64px ;
	height: 17px;
	text-indent: -9999em;
	}



	/* btn:hover
	----------------------------------------------------------*/
.recipeBtn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 131px;
    background-image: url(../image_v4/btn_recipe.jpg);
    padding-top: 31px;
    text-align: center;
	margin:10px;
 }

.recipeBtn a:hover {
     background-image: url(../image_v4/btn_recipe_on.jpg);
}



	/* recipe
	----------------------------------------------------------*/
#cmrecipe #mainCol #recipe1 {
	margin-bottom: 10px;
	position: relative;
	height: 506px;
	background:url(../image_v4/bg_recipe1.jpg) 0 0 no-repeat;
}
#cmrecipe #mainCol #recipe1 #recipeItem01 .recipeImage {
	position: absolute;
	top: 11px;
	left: 27px;
}
#cmrecipe #mainCol #recipe1 #recipeItem01 .recipeBtn {
	position: absolute;
	top: 345px;
	left: 220px;
}
#cmrecipe #mainCol #recipe1 #recipeItem02 .recipeImage {
	position: absolute;
	top: 75px;
	left: 400px;
}
#cmrecipe #mainCol #recipe1 #recipeItem02 .recipeBtn {
	position: absolute;
	top: 326px;
	left: 472px;
}
#cmrecipe #mainCol #recipe1 .bannerItem {
	position: absolute;
	top: 400px;
	left: 17px;
}
#cmrecipe #mainCol #recipe2 {
	margin-bottom: 10px;
	position: relative;
	height: 332px;
	background:url(../image_v4/bg_recipe2.jpg) 0 0 repeat-y;
}
#cmrecipe #mainCol #recipe2 #recipeItem03 .recipeTtl {
	position: absolute;
	top: 31px;
	left: 32px;
}
#cmrecipe #mainCol #recipe2 #recipeItem03 .recipeImage {
	position: absolute;
	top: 38px;
	left: 372px;
}
#cmrecipe #mainCol #recipe2 #recipeItem03 .recipeBtn {
	position: absolute;
	top: 156px;
	left: 196px;
}
#cmrecipe #mainCol #recipe2 .bannerItem {
	position: absolute;
	top: 225px;
	left: 17px;
}







	/* profile
	----------------------------------------------------------*/
	#cmrecipe #mainCol #profile{
		width:670px;
		margin:10px 0 0;
		background:url(../image_v2/bg_progileTop.gif) 0 0 no-repeat;
		font-size:80%;
	}
		#cmrecipe #mainCol #profile #profileText{
			padding:20px 20px 10px;
			background:url(../image_v2/bg_progileTop.gif) 0 100% no-repeat;
		}
			#cmrecipe #mainCol #profile #profileText .photo{
				float:left;
			}
			#cmrecipe #mainCol #profile #profileText .profileDetail{
				float:right;
				width:440px;
				background:url(../image_v2/stt_profile.gif) 0 0 no-repeat;
			}
				#cmrecipe #mainCol #profile #profileText .profileDetail h6{
					height:30px;
					text-indent:-9999em;
				}
				#cmrecipe #mainCol #profile #profileText .profileDetail .name{
					width:63px;
					height:20px;
					text-indent:-9999em;
					background:url(../image_v2/talent_name.gif) 0 0 no-repeat;
				}
				#cmrecipe #mainCol #profile #profileText .profileDetail a{
					clear:both;
					color:#3366FF;
				}
				#cmrecipe #mainCol #profile #profileText .profileDetail .textDetail{
					float:left;
					width:310px;
					line-height:1.3em;
				}
				#cmrecipe #mainCol #profile #profileText .profileDetail .qr{
					float:right;
					padding:20px 0 0;
				}
				#cmrecipe #mainCol #profile #profileText hr{
					clear:both;
					visibility:hidden;
				}