@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

 Site URL:       http://
 File name:      feelings.css
   
----------------------------------------------------------- */

/* ----------------------------------------------------------------------
	common
---------------------------------------------------------------------- */

#contents p.catch {margin-bottom:20px;}

#contents p.exercise {margin-bottom:20px;}

strong {
font-weight: bold;	
}
/* ----------------------------------------------------------------------
	hachimitsu
---------------------------------------------------------------------- */

#contents .hachimitsu h2 { margin-bottom: 10px; }

#contents .hachimitsu h3{ margin-bottom:15px;}

#contents .hachimitsu h4{ margin-bottom:5px;}

/* -- kokusan -- */

#contents .hachimitsu #kokusanBox{ margin:0 2px 25px 2px;}

#contents .hachimitsu #kokusanBox strong{color:#5F9D1A;}

#contents .hachimitsu #kokusanBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #kokusanBox .leftBox01{
	width:411px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#contents #kokusanBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #kokusanBox .rightBox01{
	width:200px;
	float:left;
}

#contents #kokusanBox .rightBox01 p{margin-bottom:10px;}

#contents #kokusanBox .leftBox02{
	width:200px;
	float:left;
	margin:0 15px 25px 10px;
}

#contents #kokusanBox .rightBox02{
	width:401px;
	float:left;
	padding-top:10px;
}

#contents #kokusanBox .rightBox02 p{margin-bottom:10px;}


#contents #kokusanBox .centerBox{margin:0 13px;}

#contents #kokusanBox .centerBox dl dt{margin-bottom:3px;}
#contents #kokusanBox .centerBox dl dd{margin-left:10px; font-size:90%; line-height:1.4;}
#contents #kokusanBox .centerBox dl dd.ddBtn01{text-align:right;}
#contents #kokusanBox .centerBox dl dd.ddBtn02{padding-top:10px; text-align:right;}

#contents #kokusanBox .centerBox .leftBox03{
	width:290px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
#contents #kokusanBox .centerBox .rightBox03{
	width:290px;
	float:left;
	margin-bottom:20px;
}

#contents #kokusanBox .centerBox ul{
	padding:5px 0 10px 0;
}

#contents #kokusanBox .centerBox ul li{
	font-size:90%;
	padding:4px 0 4px 63px;
	margin-bottom:6px;
}

#contents #kokusanBox .centerBox ul li.reason01{
	background:url(../../../../feelings/img/icon_hachimitsu_01.gif) 0 0 no-repeat;
}
#contents #kokusanBox .centerBox ul li.reason02{
	background:url(../../../../feelings/img/icon_hachimitsu_02.gif) 0 0 no-repeat;
}
#contents #kokusanBox .centerBox ul li.reason03{
	background:url(../../../../feelings/img/icon_hachimitsu_03.gif) 0 0 no-repeat;
}

#contents #kokusanBox .crystalBoxL{
	width:190px;
	float:left;
	margin:0 20px 20px 0;
}
#contents #kokusanBox .crystalBoxC{
	width:190px;
	float:left;
	margin:0 20px 20px 0;
}
#contents #kokusanBox .crystalBoxR{
	width:190px;
	float:left;
	margin-bottom:20px;
}

#contents #kokusanBox .crystalBoxL dl dt{margin-bottom:5px;}
#contents #kokusanBox .crystalBoxL dl dd{font-size:90%; line-height:1.4;margin-left:0;}
#contents #kokusanBox .crystalBoxC dl dt{margin-bottom:5px;}
#contents #kokusanBox .crystalBoxC dl dd{font-size:90%; line-height:1.4;margin-left:0;}
#contents #kokusanBox .crystalBoxR dl dt{margin-bottom:5px;}
#contents #kokusanBox .crystalBoxR dl dd{font-size:90%; line-height:1.4;margin-left:0;}


/* -- gensen -- */

#contents .hachimitsu #gensenBox{ margin:0 2px 25px 2px;}

#contents .hachimitsu #gensenBox strong{color:#5F9D1A;}

#contents .hachimitsu #gensenBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #gensenBox .leftBox01{
	width:411px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#contents #gensenBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #gensenBox .rightBox01{
	width:200px;
	float:left;
	margin-bottom:15px;
}

#contents #gensenBox .rightBox01 p{margin-bottom:10px;}
#contents #gensenBox .rightBox01 p.txtInner{ line-height:1.4; margin-left:5px;}

#contents #gensenBox .leftBox02{
	width:200px;
	float:left;
	margin:0 15px 25px 10px;
}

#contents #gensenBox .rightBox02{
	width:401px;
	float:left;
}

#contents #gensenBox .rightBox02 p{margin-bottom:10px;}


#contents #gensenBox .centerBox{margin:0 13px;}

#contents #gensenBox .centerBox dl dt{margin-bottom:3px;}
#contents #gensenBox .centerBox dl dd{margin-left:10px; font-size:90%; line-height:1.4;}
#contents #gensenBox .centerBox dl dd.ddBtn01{text-align:right;}
#contents #gensenBox .centerBox dl dd.ddBtn02{padding-top:10px; text-align:right;}

#contents #gensenBox .centerBox .leftBox03{
	width:290px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
#contents #gensenBox .centerBox .rightBox03{
	width:290px;
	float:left;
	margin-bottom:20px;
}

#contents #gensenBox .centerBox ul{
	padding:5px 0 10px 0;
}

#contents #gensenBox .centerBox ul li{
	font-size:90%;
	padding:4px 0 4px 63px;
	margin-bottom:6px;
}

#contents #gensenBox .centerBox ul li.reason01{
	background:url(../../../../feelings/img/icon_hachimitsu_01.gif) 0 0 no-repeat;
}
#contents #gensenBox .centerBox ul li.reason02{
	background:url(../../../../feelings/img/icon_hachimitsu_02.gif) 0 0 no-repeat;
}
#contents #gensenBox .centerBox ul li.reason03{
	background:url(../../../../feelings/img/icon_hachimitsu_03.gif) 0 0 no-repeat;
}

#contents #gensenBox .crystalBoxL{
	width:190px;
	float:left;
	margin:0 20px 20px 0;
}
#contents #gensenBox .crystalBoxC{
	width:190px;
	float:left;
	margin:0 20px 20px 0;
}
#contents #gensenBox .crystalBoxR{
	width:190px;
	float:left;
	margin-bottom:20px;
}

#contents #gensenBox .crystalBoxL dl dt{margin-bottom:5px;}
#contents #gensenBox .crystalBoxL dl dd{font-size:90%; line-height:1.4;margin-left:0;}
#contents #gensenBox .crystalBoxC dl dt{margin-bottom:5px;}
#contents #gensenBox .crystalBoxC dl dd{font-size:90%; line-height:1.4;margin-left:0;}
#contents #gensenBox .crystalBoxR dl dt{margin-bottom:5px;}
#contents #gensenBox .crystalBoxR dl dd{font-size:90%; line-height:1.4;margin-left:0;}


/* ----------------------------------------------------------------------
	royaljelly
---------------------------------------------------------------------- */

#contents .royaljelly h2 { margin-bottom: 10px; }

#contents .royaljelly h3{ margin-bottom:15px;}

#contents .royaljelly h4{ margin-bottom:5px;}

#contents .royaljelly #royaljellyBox{ margin:0 2px 25px 2px;}

#contents .royaljelly #royaljellyBox strong{color:#5F9D1A;}

#contents .royaljelly #royaljellyBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #royaljellyBox .leftBox01{
	width:431px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#contents #royaljellyBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #royaljellyBox .rightBox01{
	width:180px;
	float:left;
}

#contents #royaljellyBox .rightBox01 p{margin-bottom:5px; line-height:1.4;}

#contents #royaljellyBox .leftBox02{
	width:180px;
	float:left;
	margin:0 15px 25px 10px;
}

#contents #royaljellyBox .rightBox02{
	width:421px;
	float:left;
	padding-top:10px;
	margin-bottom:25px;
}

#contents #royaljellyBox .leftBox03{
	width:260px;
	float:left;
	margin:0 20px 10px 10px;
}

#contents #royaljellyBox .rightBox03{
	width:260px;
	float:left;
	margin-bottom:10px;
}

#contents #royaljellyBox .leftBox03 p{margin-bottom:5px;}
#contents #royaljellyBox .rightBox03 p{margin-bottom:5px;}

#contents #royaljellyBox .explanationBox{
	width:316px;
	padding:46px 290px 20px 30px;
	background:url(../../../../feelings/img/img_royaljelly_04.jpg) 0 0 no-repeat #D9D9BE;
}


/* ----------------------------------------------------------------------
	proporis
---------------------------------------------------------------------- */

#contents .proporis h2 { margin-bottom: 10px; }

#contents .proporis h3{ margin-bottom:15px;}

#contents .proporis h4{ margin-bottom:5px;}

#contents .proporis #proporisBox{ margin:0 2px 25px 2px;}

#contents .proporis #proporisBox strong{color:#5F9D1A;}

#contents .proporis #proporisBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #proporisBox .leftBox01{
	width:431px;
	float:left;
	margin-bottom:10px;
}

#contents #proporisBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #proporisBox .rightBox01{
	width:200px;
	float:left;
	margin-bottom:15px;
}


#contents #proporisBox .leftBox02{
	width:421px;
	float:left;
	margin-right:25px;
	margin-bottom:10px;
}

#contents #proporisBox .leftBox02 h4{ margin:0 0 10px 8px;}

#contents #proporisBox .leftBox02 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #proporisBox .rightBox02{
	width:180px;
	float:left;
}

#contents #proporisBox .leftBox03{
	width:194px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
#contents #proporisBox .rightBox03{
	width:410px;
	float:left;
	padding-top:30px;
	margin-bottom:20px;
}

#contents #proporisBox .leftBox04{
	width:381px;
	float:left;
	margin:0 10px 15px 0;
}

#contents #proporisBox .leftBox04 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #proporisBox .rightBox04{
	width:240px;
	float:left;
	margin-bottom:15px;
}

#contents #proporisBox .rightBox04 img{padding-bottom:5px;}
#contents #proporisBox .rightBox04 p{ text-align:center; padding-bottom:10px;}

#contents #proporisBox .leftBox05{
	width:265px;
	float:left;
	margin:0 20px 20px 0;
	padding-left:16px;
}

#contents #proporisBox .rightBox05{
	width:260px;
	float:left;
	margin-bottom:20px;
}

#contents #proporisBox .leftBox05 p{margin-bottom:5px;}
#contents #proporisBox .rightBox05 p{margin-bottom:5px;}


/* ----------------------------------------------------------------------
	cosmetics
---------------------------------------------------------------------- */

#contents .cosmetics h2 { margin-bottom: 10px; }

#contents .cosmetics h3{ margin-bottom:15px;}

#contents .cosmetics h4{ margin-bottom:5px;}

#contents .cosmetics #cosmeticsBox01{ margin:0 2px 25px 2px;}

#contents .cosmetics #cosmeticsBox01 strong{color:#5F9D1A;}

#contents .cosmetics #cosmeticsBox01 p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #cosmeticsBox01 .leftBox01{
	width:365px;
	float:left;
	margin:0 22px 5px 0;
}
#contents #cosmeticsBox01 .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #cosmeticsBox01 .rightBox01{
	width:240px;
	float:left;
}
#contents #cosmeticsBox01 .rightBox01 img{margin-bottom:5px;}

#contents #cosmeticsBox01 .leftBox02{
	width:240px;
	float:left;
	margin:0 15px;
}
#contents #cosmeticsBox01 .leftBox02 img{margin-bottom:6px;}
#contents #cosmeticsBox01 .leftBox02 p{line-height:1.5;}

#contents #cosmeticsBox01 .rightBox02{
	width:350px;
	float:left;
	margin-bottom:15px;
}
#contents #cosmeticsBox01 .rightBox02 p{margin-bottom:10px;}


#contents #cosmeticsBox01 .centerBox01{
	width:618px;
	height:466px;
	padding:0 10px 0 8px;
	margin-bottom:20px;
	background:url(../../../../feelings/img/img_cosmetics_04.jpg) 0 0 no-repeat;
}
#contents #cosmeticsBox01 .centerBox01 p.innerTxt01{ padding-left:8px;}
#contents #cosmeticsBox01 .innerTxt02 { width:300px; padding-left:313px;}
#contents #cosmeticsBox01 .centerBox01 span{ padding:0 2px;}

#contents #cosmeticsBox01 .leftBox03{
	width:417px;
	float:left;
	margin-right:20px;
}
#contents #cosmeticsBox01 .leftBox03 p{ padding:0 5px 0 8px; margin-bottom:10px;}

#contents #cosmeticsBox01 .rightBox03{
	width:181px;
	float:left;
	margin-bottom:10px;
}
#contents #cosmeticsBox01 .rightBox03 img{margin-bottom:6px;}
#contents #cosmeticsBox01 .rightBox03 p{line-height:1.5;}


#contents #cosmeticsBox01 .centerBox02{
	margin:0 5px;
}

#contents #cosmeticsBox01 .centerBox02 dl{
	float:left;
	margin:0 14px 18px 0;
}
#contents #cosmeticsBox01 .centerBox02 dl dt{ margin-bottom:4px;}
#contents #cosmeticsBox01 .centerBox02 dl dd{ padding:0 3px; font-size:90%; line-height:1.5;}
#contents #cosmeticsBox01 .centerBox02 dl.dlBox01{width:219px;}
#contents #cosmeticsBox01 .centerBox02 dl.dlBox02{width:192px;}
#contents #cosmeticsBox01 .centerBox02 dl.dlBox03{width:185px;margin-right:0;}
#contents #cosmeticsBox01 .centerBox02 dl.dlBox04{width:256px;margin:0 14px 0 13px;}
#contents #cosmeticsBox01 .centerBox02 dl.dlBox05{width:310px;margin:0 0 0 0;}


#contents .cosmetics #cosmeticsBox02{ margin:0 2px 25px 2px;}

#contents .cosmetics #cosmeticsBox02 strong{color:#5F9D1A;}

#contents .cosmetics #cosmeticsBox02 p {
	font-size: 90%;
	line-height: 1.8;
}

#contents .cosmetics #cosmeticsBox02 .leftBox01{
	width:240px;
	float:left;
	margin-bottom:15px;
}
#contents .cosmetics #cosmeticsBox02 .rightBox01{
	width:391px;
	float:left;
	margin-bottom:15px;
}
#contents .cosmetics #cosmeticsBox02 .rightBox01 p{ margin:0 5px 10px 16px;}

#contents .cosmetics #cosmeticsBox02 .rightBox01 dl{margin-left:17px;}
#contents .cosmetics #cosmeticsBox02 .rightBox01 dl dt{
	color:#5F9D1A;
	font-size:100%;
	font-weight:bold;
	padding-left:13px;
	margin-bottom:5px;
	background:url(../img/icon_c_o_02.gif) 0 3px no-repeat;
}
#contents .cosmetics #cosmeticsBox02 .rightBox01 dl dd{ font-size:90%;line-height:1.5; margin-left:14px;}


#contents .cosmetics #cosmeticsBox02 .leftBox02{
	width:395px;
	float:left;
	margin:0 15px 15px 0;
}
#contents .cosmetics #cosmeticsBox02 .leftBox02 p{ margin:0 5px 10px 15px;}

#contents .cosmetics #cosmeticsBox02 .rightBox02{
	width:210px;
	float:left;
	margin:2px 0 15px 0;
}

#contents .cosmetics #cosmeticsBox02 .rightBox02 dl{font-size:90%; margin-top:7px;}
#contents .cosmetics #cosmeticsBox02 .rightBox02 dl dt{font-weight:bold; margin-bottom:5px;}

#contents .cosmetics #cosmeticsBox02 .pointBox{
	width:636px;
	position:relative;
	padding-bottom:35px;
}

#contents .cosmetics #cosmeticsBox02 .pointBox img.pht01{
	position:absolute; top:40px; left:360px;
}
#contents .cosmetics #cosmeticsBox02 .pointBox img.pht02{
	position:absolute; top:40px; left:360px;
}
#contents .cosmetics #cosmeticsBox02 .pointBox img.pht03{
	position:absolute; top:35px; left:375px;
}
#contents .cosmetics #cosmeticsBox02 .pointBox img.pht04{
	position:absolute; top:35px; left:375px;
}
#contents .cosmetics #cosmeticsBox02 .pointBox img.pht05{
	position:absolute; top:65px; left:320px;
}

#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxH{
	height:76px;
	background:url(../../../../feelings/img/img_cosmetics_06.gif) 0 0 no-repeat;
}
#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxH p{
	width:210px;
	height:65px;
	display:block;
	text-indent:-9999px;
}

#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxM{
	background:url(../../../../feelings/img/img_cosmetics_07.gif) 0 0 repeat-y;
}
#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxM p{
	width:310px;
	font-size:90%;
	padding-left:43px;
}
#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxM p.w270{width:270px;}

#contents .cosmetics #cosmeticsBox02 .pointBox .pointBoxB{
	height:20px;
	background:url(../../../../feelings/img/img_cosmetics_08.gif) 0 0 repeat-y;
}


/* ----------------------------------------------------------------------
	honeysu
---------------------------------------------------------------------- */

#contents .honeysu h2 { margin-bottom: 10px; }

#contents .honeysu h3{ margin-bottom:15px;}

#contents .honeysu h4{ margin-bottom:5px;}

#contents .honeysu #honeysuBox{ margin:0 2px 25px 2px;}

#contents .honeysu #honeysuBox strong{color:#5F9D1A;}

#contents .honeysu #honeysuBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #honeysuBox .leftBox01{
	width:431px;
	float:left;
	margin:0 7px 10px 0;
}

#contents #honeysuBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #honeysuBox .rightBox01{
	width:194px;
	float:left;
}

#contents #honeysuBox .centerBox dl dt{ margin:5px 0 3px 0;}
#contents #honeysuBox .centerBox dl dd{ margin:0 10px 20px 10px; font-size:90%; line-height:1.4;}

#contents #honeysuBox .leftBox02{
	width:192px;
	float:left;
	margin:0 25px 10px 4px;
}
#contents #honeysuBox .centerBox02{
	width:192px;
	float:left;
	margin:0 25px 10px 0;
}
#contents #honeysuBox .rightBox02{
	width:192px;
	float:left;
	margin-bottom:10px;
}

#contents #honeysuBox .centerBox03{ margin:0 8px;}

#contents #honeysuBox .centerBox03 h4{margin-bottom:10px;}

#contents #honeysuBox .centerBox03 .txtInnar p{ margin-left:8px;}
#contents #honeysuBox .centerBox03 .txtInnar p.txtsmail{ padding-top:10px; font-size:80%;}


/* ----------------------------------------------------------------------
	ninnikuroyal
---------------------------------------------------------------------- */

#contents .ninnikuroyal h2 { margin-bottom: 10px; }

#contents .ninnikuroyal h3{ margin-bottom:15px;}
#contents .ninnikuroyal h3.h3ver2{ margin-bottom:0;}

#contents .ninnikuroyal h4{ margin-bottom:5px;}
#contents .ninnikuroyal h4.h4ver2{ margin-bottom:10px;}

#contents .ninnikuroyal #ninnikuroyalBox{ margin:0 2px 25px 2px;}

#contents .ninnikuroyal #ninnikuroyalBox strong{color:#5F9D1A;}

#contents .ninnikuroyal #ninnikuroyalBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #ninnikuroyalBox .leftBox01{
	width:431px;
	float:left;
	margin-bottom:10px;
}

#contents #ninnikuroyalBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #ninnikuroyalBox .rightBox01{
	width:194px;
	float:left;
}

#contents #ninnikuroyalBox .centerBox dl dt{ margin:5px 0 3px 0;}
#contents #ninnikuroyalBox .centerBox dl dd{ margin:0 10px 20px 10px; font-size:90%; line-height:1.4;}

#contents #ninnikuroyalBox .leftBox02{
	width:192px;
	float:left;
	margin:0 25px 5px 4px;
}
#contents #ninnikuroyalBox .centerBox02{
	width:192px;
	float:left;
	margin:0 25px 5px 0;
}
#contents #ninnikuroyalBox .rightBox02{
	width:192px;
	float:left;
	margin-bottom:5px;
}

#contents #ninnikuroyalBox .centerBox03{padding:20px 0 5px 10px;background:url(../../../../feelings/img/img_ninnikuroyal_06.jpg) 0 0 no-repeat;}

#contents #ninnikuroyalBox .centerBox03 h4{margin-bottom:15px;}

#contents #ninnikuroyalBox .centerBox03 p.txtInner01{ padding:0 290px 10px 10px;}
#contents #ninnikuroyalBox .centerBox03 p.txtInner02{ padding:0 320px 0 10px;}

/* ----------------------------------------------------------------------
	chondroitin
---------------------------------------------------------------------- */

#contents .chondroitin h2 { margin-bottom: 10px; }

#contents .chondroitin h3{ margin-bottom:15px;}

#contents .chondroitin h4{ margin-bottom:5px;}
#contents .chondroitin h4.h4ver2{ margin:0 8px 10px 8px;}

#contents .chondroitin #chondroitinBox{ margin:0 2px 25px 2px;}

#contents .chondroitin #chondroitinBox strong{color:#5F9D1A;}

#contents .chondroitin #chondroitinBox p {
	font-size: 90%;
	line-height: 1.8;
}

#contents #chondroitinBox .explanationBox{
	width:636px;
	padding-bottom:250px;
	background:url(../../../../feelings/img/img_chondroitin_03.jpg) 0 0 no-repeat;
}

#contents #chondroitinBox .leftBox01{
	width:389px;
}

#contents #chondroitinBox .leftBox01 p{ padding:0 5px 0 15px; margin-bottom:10px;}

#contents #chondroitinBox .leftBox02{
	width:338px;
	float:left;
	margin:0 15px 15px 8px;
}

#contents #chondroitinBox .rightBox02{
	width:260px;
	float:left;
	padding-top:25px;
}

#contents #chondroitinBox .leftBox03{
	width:338px;
	float:left;
	margin:0 15px 0 8px;
}

#contents #chondroitinBox .rightBox03{
	width:260px;
	float:left;
	padding-top:10px;
}

#contents #chondroitinBox .rightBox03 p{ margin-bottom:24px;}


/* -- end -- */