@charset "UTF-8";
/*========================================

	00　フォントサイズ　相対指定一覧
	
	01　base
	
	02　link
	
	03　CLEAR FIX

	04　Image-replacement

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



/*━━━━━━━━━━━━━━━━━　00　フォントサイズ　相対指定一覧　━━━━━━━━━━━━━━━━━*/
/*-----------------------------------------------------
YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* 10pxの小さめテキスト */
.small_txt {
	font-size: 77%;
	line-height: 140%;
}

.featured { color:#F00; }


/*━━━━━━━━━━━━━━━━━　01　base　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
html,body { width:100%; }

html { overflow-y:scroll; }

body {
	background-color:#FFFFFF;
	color:#333333; text-decoration:none; text-align:center;
}

strong { font-size:normal; font-weight:normal; }

#info_messege_box {
	width:635px;
	margin:20px auto 0 auto;
	padding:5px 10px 3px 65px;
	border:2px solid #990000;
	background:#FFFFFF url(../../image/common/logo_ganba-nippon.gif) 1% 50% no-repeat;
	font-size:98%;
	line-height:1.4em;
	text-align:justify;
	text-justify:inter-ideograph;
}

#info_messege_box div {
	text-align: right;
}
#info_messege_box strong {
	display: block;
	font-weight: bold;
	text-align: left;
}
#info_messege_box span {
	font-size: 11px;
}
#info_messege_box ul { }
#info_messege_box li { float:left; margin-right:20px; }


#info_messege_box dl {
	margin:0 10px;
	font-size:85%; line-height:1.4em; text-align:justify; text-justify:inter-ideograph;
	}

#info_messege_box dt { color:#990000; font-weight:bold; }

#info_messege_box dd { margin-bottom:15px; }

#info_messege_box p { margin-bottom:0.5em; padding:0 1em; text-align:justify; text-justify:inter-ideograph; }
#info_messege_box p.data_text { text-align:right; }

#info_messege_box p strong { color:#666666; font-weight:bold; }


/*━━━━━━━━━━━━━━━━━　02　link　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
a { text-decoration: underline; }

a:link { color:#0066FF; }

a:visited { color:#3366CC; }

a:active { color:#0066FF; }

a:hover { color:#FF0000; }


/*画像を半透明に*/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*━━━━━━━━━━━━━━━━━　03　CLEAR FIX　━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*━━━━━━━━━━━━━━━━━　03　Image-replacement　━━━━━━━━━━━━━━━━━━━━━━━*/
.image-replacement {
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	}


/*━━━━━━━━━━━━━━━━━　04　iepngfix　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
* html body .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

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

	01　wrap
	
	02　link
	
	03　TopImage
	
	04　order
	
	05　Regular courses
	
	06　recommend
	
	07　impression
	
	08　Outstanding quality
	
	09　Caucasus region
	
	10　Quality assured
	
	************************
	
	11　Voice
	
	12　note
	
	13　Jadma
	
	14　footer
	
	15　Copyright
	
	16　cm

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



/*━━━━━━━━━━━━━━━━━　01　wrap　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#wrap {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:898px;
	margin:0 auto;
	}

/*※効果には個人差があります*/
.effects_noted { color:#999999; font-size:77%; text-align:right; margin:0 35px 0 0; }


/*━━━━━━━━━━━━━━━━━　02　head　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#logo {
	background:url(../image/logo.gif) 0 50% no-repeat;
	width:264px;
	height:44px;
	float:left;
	}
	
#logo a {
	width:264px;
	height:44px;
}

#header_menu {
	width:300px;
	height:44px;
	margin:0 0 0 420px;
	}

#header_menu ul {
	text-align: left;
}

#header_menu ul li,#header_menu ul li a { display: block; }

#header_menu ul li {
	font-size: 77%;
	line-height:2em;
	background:url(../image/arrow.gif) 0 50% no-repeat;
	height:2em;
	margin-left:1em;
	padding-left:1em;
	float:left;
	white-space:nowrap;
}

#header_menu ul li a {
	text-align:left;
}

#tel {
	background:url(../image/h_line.gif) 0 50% no-repeat;
	width:210px;
	height:44px;
	margin-left:10px;
	padding-left:20px;
	float:right;
	}



/*━━━━━━━━━━━━━━━━━　03　TopImage　━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#topimage { margin:0 0 30px 0; }

.topimage_box { background:url(../image/top-image-01.jpg) 0 0 no-repeat; }/*通常版・iz版*/
.topimage_box01 { background:url(../image/top-image-0101.jpg) 0 0 no-repeat; }/*msn-ct版*/
.topimage_box_blb { background:url(../image/top-image-01_blb.jpg) 0 0 no-repeat; }/*blb版・nksp版・cm版・goo版*/
.topimage_box03 { background:url(../image/top-image-0103.jpg) 0 0 no-repeat; }/*asahi版*/
.topimage_box_nifty { background:url(../image/top-image-01_nifty.jpg) 0 0 no-repeat; }/*nifty版*/
.topimage_box_goo { background:url(../image/top-image-01_goo.jpg) 0 0 no-repeat; }/*goo版*/
.topimage_adbox { background:url(../image/top-image-01ad.jpg) 0 0 no-repeat; }/*リスティング広告用*/


/* 通常定期用ページ */
.normal_topimage_box { background:url(../image/normal-top-image-01.jpg) 0 0 no-repeat; }/*通常版・iz版*/
.normal_topimage_box01 { background:url(../image/normal-top-image-0101.jpg) 0 0 no-repeat; }/*msn-ct版*/
.normal_topimage_box_blb { background:url(../image/normal-top-image-01_blb.jpg) 0 0 no-repeat; }/*blb版・nksp版・cm版・goo版*/
.normal_topimage_box03 { background:url(../image/normal-top-image-0103.jpg) 0 0 no-repeat; }/*asahi版*/
.normal_topimage_box_nifty { background:url(../image/normal-top-image-01_nifty.jpg) 0 0 no-repeat; }/*nifty版*/
.normal_topimage_box_goo { background:url(../image/normal-top-image-01_goo.jpg) 0 0 no-repeat; }/*goo版*/

/* 無料サンプル用ページ */
.sample_topimage_box { background:url(../image/sample-top-image-01.jpg) 0 0 no-repeat; }/*通常版・iz版*/
.sample_topimage_box01 { background:url(../image/sample-top-image-0101.jpg) 0 0 no-repeat; }/*msn-ct版*/
.sample_topimage_box_blb { background:url(../image/sample-top-image-01_blb.jpg) 0 0 no-repeat; }/*blb版・nksp版・cm版・goo版*/
.sample_topimage_box03 { background:url(../image/sample-top-image-0103.jpg) 0 0 no-repeat; }/*asahi版*/
.sample_topimage_box_nifty { background:url(../image/sample-top-image-01_nifty.jpg) 0 0 no-repeat; }/*nifty版*/
.sample_topimage_box_goo { background:url(../image/sample-top-image-01_goo.jpg) 0 0 no-repeat; }/*goo版*/


#topimage {
	text-align:right;
	line-height:0;
	}

#image_chara { height: 200px; padding: 170px 0 0 0;}

#tabletcase_txt { line-height:1em; height:1em; margin:0px; }

/*━━━━━━━━━━━━━━━━━　04　order　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.order {
	width:840px;
	margin: 0 auto 40px auto;
	}

.order ul { width:840px; }
.order ul li { display:block; }
.order ul li.courses_regular { width:510px; margin-bottom:15px; float:left; }
.order ul li.courses_once { width:315px; margin-bottom:15px; float:right; }
.order ul li.courses_sample { width:840px; }


/*━━━━━━━━━━━━━━━━━　05　Regular courses　━━━━━━━━━━━━━━━━━━━━━━━*/
.regular_box {
	background:url(../image/regular_box02.gif) 0 0 repeat-y;
	line-height:0;
	width:840px;
	margin: 0 auto 40px auto;
	}

.regular_box img { margin:0; padding:0; }

.regular_box p {
	font-size:77%;
	line-height:1.4em;
	text-align:left;
	margin: 0 35px;
	padding:0.4em 0 0.8em 0;
	}


/*━━━━━━━━━━━━━━━━━　06　recommend　━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#recommend_box { margin: 0 auto; }
#recommend_box img { display:block; margin: 0 auto 30px auto; }


/*━━━━━━━━━━━━━━━━━　07　impression　━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#impression {
	width:898px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto 80px auto;
	}

.im_bg { background:url(../image/before-after02.jpg) 0 100% no-repeat; }/*通常版*/
.im_bg02 { background:url(../image/before-after0202.jpg) 0 100% no-repeat; }/*kf-ynnet版*/

#impression h3 {
	height:170px;
	margin: 0 0 0 0;
	}

.im_bg h3 { background:url(../image/before-after01.jpg) 0 0 no-repeat; }/*通常版*/
.im_bg02 h3 { background:url(../image/before-after0102.jpg) 0 0 no-repeat; }/*kf-ynnet版*/


#impression_box {
	width:680px;
	margin:-10px auto 0 auto;
	padding:0 0 30px 0;
	}

#impression_box dl {
	text-align:left;
	width:680px;
	margin:0;
	display:block;
	}

#impression_box dt, #impression_box dd {
	line-height:2em;
	text-align:left;
	display:block;
	min-height:3em;
	height:auto !important;
	height:3em;
	}

#impression_box dt {
	background:url(../image/icon_leaf.gif) 0 0 no-repeat;
	text-indent:2.5em;
	width:35em;
	margin:0;
	}

#impression_box dd { margin:-3em 0 0 38em; }

#impression_box .effects_noted { margin:0 60px 0 0; }

#impression h4 { height:1px; }

#chara_box { margin:0 0 0 490px; }

/*━━━━━━━━━━━━━━━━━　08　Outstanding quality　━━━━━━━━━━━━━━━━━━━━━*/
#quality_box { width:840px; margin:0 auto 60px auto; }
#type_list {
	text-align:left;
	background-color:#EEF7FF;
	border-radius: 10px;	/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	border:0px none;
	width:720px;
	margin:15px auto 0 auto;
	padding:10px;
	}

#type_list h5 {
	color:#004589;
	font-weight:bold;
	margin-bottom:10px;
	}

#type_list li {
	width:17em;
	float:left;
	}
#type_list li.long { width:20em; }

#type_list p.other_txt { text-align:right; margin:0 10px; }


/*━━━━━━━━━━━━━━━━━　09　Caucasus region　━━━━━━━━━━━━━━━━━━━━━━━*/
#caucasus {
	text-align:left;
	width:840px;
	min-height:710px;
	height:auto !important;
	height:710px;
	margin:0 auto 0 auto;
	}

/*通常画像*/
.caucasus_img { background:url(../image/caucasus01.jpg) 0 0 no-repeat; }
/*広告用画像*/
.sp-caucasus_img { background:url(../image/caucasus0101.jpg) 0 0 no-repeat; }
/*広告用期間つき画像*/
.period-caucasus_img { background:url(../image/caucasus0102.jpg) 0 0 no-repeat; }
/*asahi版*/
.nojei-caucasus_img { background:url(../image/caucasus0103.jpg) 0 0 no-repeat; }
/*「自然生活サプリメント部門 2009年売上実績に基づく」版*/
.proof-caucasus_img { background:url(../image/caucasus01_proof.jpg) 0 0 no-repeat; }

#caucasus p { text-align:justify; margin:0 8px; }


#caucasus h3 { height:130px; }

#caucasus_box1 {
	width:470px;
	min-height:120px;
	height:auto !important;
	height:110px;
	margin:20px 0 20px 250px;
	}

#caucasus_box1 h4 {
	width:420px;
	height:24px;
	margin:0 0 10px 0;
	}

.caucasus_txt01 { background:url(../image/caucasus02.png) 0 0 no-repeat; }/*通常版*/
.caucasus_txt0102 { background:url(../image/caucasus0202.png) 0 0 no-repeat; }/*kf-ynnet版*/

#caucasus_box2 {
	width:480px;
	margin:0 0 0 110px;
	}

#caucasus_box2 h4 {
	background:url(../image/caucasus03.png) 0 0 no-repeat;
	width:420px;
	height:24px;
	margin:0 0 10px 0;
	}

#compare { margin:0 auto; padding-bottom:20px; }
#compare img { display:block; margin: 0 auto 30px auto; }


/*━━━━━━━━━━━━━━━━━　10　Quality assured　━━━━━━━━━━━━━━━━━━━━━━━*/
#title_assured {
	width:840px;
	height:40px;
	margin:0 auto 20px auto;
	}

.t_assured_img { background:url(../image/assured01.gif) 0 0 no-repeat; }/*通常版*/
.t_assured_img_blb { background:url(../image/assured01_blb.gif) 0 0 no-repeat; }/*blb版*/



#assured01 { width:898px; margin:0 auto 20px auto; }
#assured01 h4 {
	background:url(../image/assured02.gif) 0 0 no-repeat;
	height:24px;
	margin:0 0 10px 0;
	}
#assured01 .leftbox { width:570px; float:left; }
#assured01 .rightbox { width:309px; float:right; }
#assured01 p { text-align:justify; }
#assured01 .leftbox p { display:block; margin:0 0 1em 43px; }
#assured01 .rightbox p { font-size:77%; margin-right:30px; }

#assured02 { width:840px; margin:0 auto 40px auto; }
#assured02 h4 {
	text-align:left;
	background:url(../image/assured04.gif) 0 0 no-repeat;
	width: auto;
	height:24px;
	margin:0 0 10px 0;
	}
#assured02 .leftbox { width:195px; float:left; }
#assured02 .rightbox { width:630px; float:right; }
#assured02 p { text-align:justify; }
#assured02 .leftbox p { font-size:77%; margin-top:5px; }
#assured02 .rightbox p { display:block; margin:0 0 1em 18px; }


/*━━━━━━━━━━━━━━━━━　11　Voice　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#voice {
	background:#FFFFF3 url(../image/voice02.jpg) 0 100% no-repeat;
	width:898px;
	margin:0 0 40px 0;
	}

#voice_inner {
	min-height:480px;
	height:auto !important;
	height:480px;
	padding:0 0 20px 0;
	}

.v_inner_bg { background:url(../image/voice01.jpg) 0 0 no-repeat; }/*通常版*/
.v_inner_bg02 { background:url(../image/voice0102.jpg) 0 0 no-repeat; }/*kf-ynnet版*/

#voice_inner h3 { height:70px; }

#voice_txt { width:460px; margin:0 0 0 409px; }
	
.impressions { background:url(../image/voice03.gif) 0 100% no-repeat; margin:0 0 10px 0; padding:0 0 55px 0; }
.impressions p { text-align:justify; margin:0 80px 0 26px; }

#voice01 h5 {
	background:url(../image/voice04.gif) 0 0 no-repeat;
	height:80px;
	margin-bottom:5px;
	}

#voice02 h5 {
	background:url(../image/voice05.gif) 0 0 no-repeat;
	height:80px;
	margin-bottom:5px;
	}


/*━━━━━━━━━━━━━━━━━　12　note　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#note {
	border: 1px solid #999999;
	margin:0 29px 20px 29px;
	padding: 10px 20px;
	}

#note ul { margin-left:20px; }

#note ul li {
	font-size:77%;
	text-align:justify;
	list-style-type:disc;
	margin:0 0 5px 0;
	}


/*━━━━━━━━━━━━━━━━━　12　attention_box　━━━━━━━━━━━━━━━━━━━━━━━━*/
.attention_box {
	width: 840px;
	margin: 50px auto;
	text-align: left;
	clear: both;
}

.attention_box h3 {
	padding: 5px 15px;
	color: #FFFFFF;
	font-size: 1.8em;
	background-color: #5FC1E3;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.attention_inner {
	margin: 15px;
}

.box_left {
	float: left;
	width: 330px;
}

.box_bottom {
	padding-top: 15px;
	border-top: 1px dashed #0B5FD8;
}

.box_right {
	float: right;
	width: 455px;
	padding-left: 15px;
	border-left: 1px dashed #0B5FD8;
}

.attention_inner p,
.attention_inner img {
	margin-bottom: 10px;
}

.attention_inner dl {
	margin-top: 10px;
}

.attention_inner dl dt {
	float: left;
}

.attention_inner dl dd {
	padding-left: 1.5em;
}


/*━━━━━━━━━━━━━━━━━　13　Jadma　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
dl#jadma {
	text-align:left;
	width:840px;
	display:block;
	margin:0 auto 20px auto;
	}

dl#jadma dt, dl#jadma dd {
	min-height:40px;
	height:auto !important;
	height:40px;
	display:block;
	}

dl#jadma dt { width:118px; }

dl#jadma dd {
	font-size:77%;
	line-height:1.6em;
	text-align:justify;
	width:685px;
	margin:-40px 0 0 125px;
	}


/*━━━━━━━━━━━━━━━━━　14　footer　━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#footer_menu {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	}

/*メニューをリストで並べる*/
#footer_menu ul {
	display: inline;
	position:relative;
	left:50%;
	float:left;
}

#footer_menu ul li {
	border-right: 1px solid #CCC;
	margin: 0 6px 0 0;
	padding: 0;
	display: block;
	position:relative;
	left:-50%;
	float: left;
}

#footer_menu ul li#fm_left {
	border-left: 1px solid #CCC;
}

#footer_menu ul li a {
	font-size: 85%;
	margin:0 6px;
	padding: 2px;
}

#company_name {
	color:#666666;
	font-size:77%;
	line-height:2em;
	height:2em;
	text-align:right;
	margin:0 30px 0 20px;
}



/*━━━━━━━━━━━━━━━━━　15　Copyright　━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#copyright {
	color:#FFFFFF;
	font-size:77%;
	line-height:40px;
	background:url(../image/fotter-bg.gif) 0 0 repeat-x;
	height:40px;
	display:block;
	}



/*━━━━━━━━━━━━━━━━━　16　cm　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#cm_box {
	text-align:center;
	background:url(../image/cm01.jpg) 0 0 no-repeat;
	padding:15px 0 40px 0;
	}

#cm_area {
	text-align:center;
	background:url(../image/cm03.png) 50% 0 no-repeat;
	height:430px;
	margin:10px auto;
	padding:8px 0;
	}
	

#cm_area a, #cm_area object, #cm_area embed {
	display:block;
	margin:0 auto;
	}

#cm_area a {
	text-indent:-9999px;
	width:712px;
	height:430px;
	overflow:hidden;
	}


#cm_area a, #cm_area a:link, #cm_area a:visited {
	background:url(../image/cm05.jpg) 0 0 no-repeat;
	}
	
#cm_area a:hover {
	background-position:0 -430px;
	}

/*━━━━━━━━━━━━━━━━━　17　index_130709　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#sample1mon_main{
	background:url(../image/30try_main.jpg) 0 0 no-repeat;
	width:840px;
	height:650px;
	text-align:center;
	margin:auto;
	position:relative;
	zoom: 1;
}
#sample1mon_main_sp{
	background:url(../image/30try_main_sp.jpg) 0 0 no-repeat;
	width:840px;
	height:650px;
	text-align:center;
	margin:auto;
	position:relative;
	zoom: 1;
}

#sample1mon_form0{
	background:url(../image/30try_30a0.jpg) 0 0 no-repeat;
	width:840px;
	height:1035px;
	text-align:center;
	margin:auto;
	position:relative;
	zoom: 1;
}

#sample1mon_form{
	background:url(../image/30try_30a.jpg) 0 0 no-repeat;
	width:840px;
	height:1035px;
	text-align:center;
	margin:auto;
	position:relative;
	zoom: 1;
}

#sample1mon_cont{
	margin-bottom:2em;
	
	}
#sample1mon_cont p{
	text-indent:-999999px;
	}
	
ul#sample1mon_btn{
	position:absolute;
	top: 510px;
	left: 490px;
	list-style-type:none;
    width: 284px;
	height:88px;
}
ul#sample1mon_btn2{
	position:absolute;
	top: 660px;
	left: 430px;
	list-style-type:none;
    width: 284px;
	height:88px;
}
ul#sample1mon_btn li{ 
	/*margin:515px 0 0 540px;*/
	width: 284px;
	height:88px;
	display:block;
	}