@charset 'ISO-2022-JP';

#unit{
margin:0px auto;
padding:0px;
position:relative;
}

#header{
background:url(../img/bg_header_re.gif);
height:238px;
margin:0px;
padding:0px;
position:relative;
}
	#top_image_cover{
	width:800px;
	height:238px;
	background:url(../img/cover.gif);
	margin:0px auto;
	}
	#top_image{
	width:800px;
	height:238px;
	background:url(../img/header.jpg) no-repeat;
	position:relative;	
	margin:0px auto;
	}
	#top_image h2{
	display:block;
	position:absolute;
	left: 14px;
	top: 12px;
	}
		#top_image h2 a{
		display:block;
		width:286px;
		height:180px;
		}
		
		/*---------main-contents---------*/
		#contents_area{
		width:800px;
		padding:10px 0px;	
		margin:0px auto;
		position:relative;
		}
			#topics_box{
			width:800px;
			margin-bottom:8px;
			padding:0px;
			text-align:left;
			}
				#topics_box h4{
				background:url(../img/bgtop_topics.gif) no-repeat top;
				width:800px;
				height:30px;
				}
				#topics_txbox{
				width:800px;
				background:url(../img/bg_topics.gif) repeat-y;
				}
					#topics_txbox dl{
					margin:0px;
					padding:15px 15px 0px 15px;
					}
					#topics_txbox dt{
					float:left;
					width:110px;
					font-weight:bold;
					}
					#topics_txbox dd{
					line-height:120%;
					padding-bottom:5px;
					padding-left:110px;
					}
				
					#topics_txbox #bottom{
					background:url(../img/bgbt_topics.gif) no-repeat bottom;
					width:800px;
					height:8px;
					margin:0px;
					padding:0px;
					}
				
			.box{
			width:800px;
			margin:0px;
			padding:0px;
			}
				#next_box{
				width:462px;
				height:347px;
				background:url(../img/bg_next.gif) no-repeat;
				}
					#next_box h4{ display:block; height:48px;}
					#next_box p{
					width:340px;
					margin:0 auto;
					text-align:left;
					line-height:160%;
					}
					/*--PHOTO--*/
					#nextP_cover{
					background:url(../img/bgp_next.gif) no-repeat;
					width:320px;
					height:200px;
					margin:0 auto 10px;
					position:relative;
					}
					.next_p{
					position:absolute;
					top:5px;
					left:6px;
					}

					/*--FLASH--*/
					#flv_area{
					width:320px;
					height:216px;
					margin:0 auto;
					
					}
				#tweek_box{
				background:url(../img/bg_tweek.png) center repeat-y;
				width:226px;
				float:left;
				margin-top:8px;
				position:relative;
				}
				#tweek_box h4{ display:block; background:url(../img/bg_tweek.png) left no-repeat; height:37px;}
				/*photo*/
				.photoBG{
				background:url(../img/bg_ph.gif) no-repeat;
				width:202px;
				height:122px;
				position:relative;
				margin:0 auto 10px;
				}
				.photoBG img{
				position:absolute;
				top:4px;
				left:4px;
				}
					#recipe_pbox{ margin-top:10px;
					}
					#tweek_box p{
					width:200px;					
					text-align:left;
					line-height:160%;
					margin:0 auto;
					}
						#btn_recipe{background:url(../img/bg_tweek.png) right bottom no-repeat; padding-bottom:14px;}
						#btn_recipe a{
						display:block;
						background:url(../img/btn_recipe.gif) no-repeat;
						width:200px;
						height:26px;
						 margin:10px auto 0;
						}
						#btn_recipe a:hover{
						background:url(../img/btn_recipe_on.gif) no-repeat;
						}
				#kyosyo_box{
				background:url(../img/bg_kyosyo.gif) no-repeat;
				width:226px;
				height:284px;
				margin:8px 0px 0px 8px;
				float:left;
				position:relative;
				}
					#kyosyo_box h4{
					height:46px;
					}
					#kyosyo_textbox{
					width:200px;
					height:195px;
					position:absolute;
					top:45px;
					left:14px;
					overflow:auto;
					}
					#kyosyo_box p{
					background:url(../img/line_kyosyo.gif) no-repeat center bottom;
					font-weight:bold;
					text-align:left;
					padding:0px 0px 15px 0px;
					margin:8px auto;
					line-height:156%;
					}
						
					#btn_details{
					position:absolute;
					top:246px;
					left:14px;
					}
						#btn_details a{
						display:block;
						background:url(../img/btn_details.gif) no-repeat;
						width:200px;
						height:26px;
						}
						#btn_details a:hover{
						background:url(../img/btn_details_on.gif) no-repeat;
						}
				
				.right_box{
				width:330px;
				float:right;
				margin-left:8px;
				background:url(../img/bg_bn.gif) repeat-y;
				}
					.right_box_top{
					background:url(../img/bgtop_bn.gif) no-repeat;
					height:8px;
					}
					.right_box_bt{
					background:url(../img/bgbt_bn.gif) no-repeat;
					height:8px;
					}
					#bn_space{
					width:300px;
					height:250px;
					margin:8px auto;
					}
					#bn_rec{
					margin:8px auto;
					}
					#bn01 a{
					display:block;
					background:url(../img/bn_01.gif) no-repeat;
					width:300px;
					height:90px;
					margin:8px auto;
					}
					#bn02 a{
					display:block;
					background:url(../img/bn_02.gif) no-repeat;
					width:300px;
					height:90px;
					margin:8px auto;
					}
					#bn03 a{
					display:block;
					background:url(../img/bn_03.jpg) no-repeat;
					width:300px;
					height:260px;
					margin:8px auto;
					}
					#bn04 a{
					display:block;
					background:url(../img/bn_04.png) no-repeat;
					width:300px;
					height:250px;
					margin:8px auto;
					}					



/* 2015.7.16 追加した↓ */

#offshot_box {
		width:462px;
		height:267px;
		background:url(../img/bg_offshot.gif) no-repeat;
		margin-top:10px;
	}
	#offshot_box p {
		padding-top:60px;
		padding-left:71px;
	}
	#offshot_box p span {
		display:block;
		background-repeat:no-repeat;
		background-position:left top;
	}
	#offshot_box p a {
		display:block;
		font-size:2px;
		text-indent:-9999px;
		width:320px;
		height:180px;
		background-image:url(../img/btn_youtube.png);
		background-repeat:no-repeat;
		background-position:left top;
	}
	#offshot_box p a:hover {
		background-position:0 -200px;
	}