@charset "shift_jis";

/* ------------------------------------------------------------------
 
 ------------------------------------------------------------------*/

/*main*/
#main {
	height:699px;
	position:relative;}
#main p {
	position:absolute;
	}	

/*block01*/
#block01 {
	padding-bottom:20px;}
#block01 ul {
	margin-left:58px;}
#block01 ul li {
	width:260px;
	height:245px;
	float:left;
	margin-right:18px;}
#block01 ul li h5 {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:66px;}
	
#block01 ul li p {
	font-size:12px;
	line-height:18px;
	color:#2e2e2e;
	width:225px;
	margin:0 auto;}

#block01 ul li p.title {
	text-align:center;
	font-weight:bold;
	padding:10px 0 3px;}

#block01 ul li p span {
	font-size:11px;
}

#block01 div p {
	 font-size:14px; 
	 line-height:21px; 
	 color:#221815;}		

/*btm_blocl*/
.btm_block {
	height:133px;
	position:relative;
	background:url(../../../campaign/image/aroma/btm_bg.png) repeat-x;
	margin-bottom:30px;}
	
/*block02*/
#block02,
#block03,
#block04 {
	width:880px;
	margin:auto;
	margin-bottom:20px;
	background-color:#fcfbf7;}
.h4_box {
	height:64px;
	position:relative;
	border-bottom:#cfcfcf 1px solid;
	background:url(../../../campaign/image/aroma/h4_box_bg.jpg) repeat-x;}
.h4_box h4 {
	position:absolute; 
	left: 20px; 
	top: 16px;}
.h4_box p {
	text-align:right; 
	padding:16px 20px 0 0;}	
#block02 .h5_box {
	height:25px;
	position:relative;
	border-bottom:#87054c 1px solid;
	margin-bottom:18px;
	}
#block02 .h5_box h5 {	
	position:absolute; left: 10px;
}
#block02 .h5_box p {
	text-align:right; 
	padding-right:20px;
}

#block02 ul {
	margin-left:20px;
	}
	
#block02 ul li {
	float:left;
	width:410px;
	margin-right:20px;}	
#block02 ul li h6 {
	font-size:18px;
	font-weight:bold;
	color:#87054c;
	padding-bottom:3px;}
#block02 ul li img {
	border:#87054c 1px solid;}
#block02 ul li p {
	padding:3px 10px;
	font-size:12px;
	color:#221815;}

.end {
	clear:both; 
	height:30px;
	background:url(../../../campaign/image/aroma/block_bg_end.png) no-repeat bottom;}
	

/*block03*/
#block03 ul {
	margin:14px 0 0 12px;
	}
#block03 li {
	float:left;
	width:286px;
	}

/*block04*/	
#block04 h5 {
	position:absolute;
	font-size:18px; 
	font-weight:bold; 
	line-height:26px; 
	padding-bottom:6px; 
	width:518px; 
	color:#920351; 
	background:url(../../../campaign/image/aroma/bl04_h5_bg.png) no-repeat bottom; }
#block04 p {
	width:502px; 
	position:absolute; 
	color:#666666; 
	font-size:14px; 
	line-height:21px;}
					

/* ------------------------------------------------------------------
 共有パーツ
 ------------------------------------------------------------------*/
/* - 体験申込ボタン - */
.btn_input {
	clear:both;
	width:920px;
	margin-top:28px;
	margin-bottom:10px;
	text-align:center;
}


/* - フッター上部分 - */
/* バナー */
.footer_banner {
	width:920px;
	margin-top:50px;
}

.footer_banner .img1,
.footer_banner .img2 {
	margin-right:8px;
}

/* 注意書き */
.footer_info {
	width:680px;
	margin:20px auto 0 auto;
	padding:17px 50px;
	border-top:1px solid #E4C07A;
	border-bottom:1px solid #E4C07A;
}
/* ------------------------------------------------------------------
 共有パーツ終わり
 ------------------------------------------------------------------*/
/* - メイン画像 - */
.main_img {
	width:920px;
}

.main_img img {
 display:block;
}

.main_img_left {
 float:left;
 width:439px;
}

.main_img_right {
 float:left;
 width:480px;
 margin-right:-1px;
}


/* - メイン画像2 - */
.main_img2 {
	clear:both;
	width:920px;
	margin-bottom:20px;
}

.main_img2 img {
	display:block;
}

.main_img2_details {
	clear:both;
	width:920px;
}

.main_img2_details_limg {
	float:left;
}

.main_img2_details_limg2 {
	float:left;
	margin-right:-1px;
}

.main_img2_details_box1 {
	width:252px;
	float:left;
}

.main_img2_details_box2 {
	width:250px;
	float:left;
}


/* ----------------------------- コンテンツ内 -----------------------------*/
/* - h2コンテンツ用枠（共通） - */
.h2_box {
	clear:both;
	width:920px;
	margin-bottom:50px;
}

.h2_box-in {
	clear:both;
	width:918px;
	border-bottom:1px solid #679121;
	border-left:1px solid #679121;
	border-right:1px solid #679121;
	padding-bottom:15px;
}
/* - h2コンテンツ用枠（共通）　終わり - */

/* - 強調用テキスト - */
.catch_txt01 {
	color:#537a11;
	font-size: 148%;
	line-height: 140%;
}

.catch_txt02 {
	color:#EA5D63;
	font-weight:bold;
}

.catch_txt03 {
	color:#ffb666;
	font-weight:bold;
}
/* -------- ステップ --------- */
/* - ステップ用枠（共通） - */
.h2_box-in .step {
	clear:both;
	width:844px;
	margin-left:33px;
	background-image:url(../../../campaign/image/aroma/step_bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	margin-bottom:15px;
}

.h2_box-in .step2 {
	clear:both;
	width:844px;
	margin-left:33px;
	background-image:url(../../../campaign/image/aroma/step_bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

.h2_box-in .step-inbox {
	width:844px;
	background-image:url(../../../campaign/image/aroma/step_bg-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:40px;
}

.h2_box-in .step-inbox-p {
	margin-left:66px;
	margin-top:15px;
}


/* - ステップ - */
.step_02-img {
	display:block;
	float:right;
	margin-left:40px;
	margin-right:54px;
	_margin-right:27px;
}

.step_02-p {
	width:390px;
	margin-left:66px;
	margin-top:15px;
}

.step_02-p_cap {
	clear:both;
	color:#537a11;
	margin-left:66px;
	margin-top:15px;
	margin-bottom:15px;
}

.titBox {
	float:left;
	width:173px;
	margin-right:8px;
	color:#679121;
	font-size:110%;
	line-height:140%;
	font-weight:bold;
}

.imgBox {
	float:left;
	width:137px;
	margin-right:8px;
	padding:12px 18px;
}

.point2_box {
	clear:both;
	margin:60px 0 0 60px;
}

.point2_box_bottom {
	clear:both;
	margin:30px 0 0 60px;
}


.point2_box_mid {
	clear:both;
	background:url(../../../campaign/image/aroma/h3_02_bg_01.gif) left top repeat-y;
	margin-left:60px;
}

.imgBox_tit {
	clear:both;
	padding:5px 0;
	color:#679121;
	font-weight:bold;
}

/* -------- 口コミ --------- */
.grapevine_box {
	clear:both;
	width:840px;
	margin-left:32px;
	padding-top:15px;
}

.grapevine_box img{
	clear:both;
}

.grapevine_area {
	width:833px;
	margin-left:7px;
}

.grapevine_dia {
	width:10px;
	margin:8px 10px 8px 0;
	float:left;
	clear:both;
	_font-size:12px;
}

.grapevine_txt {
	width:810px;
	margin:8px 0;
	float:right;
}