@charset "utf-8";


/* ================= font-size ================= */


/* ----- if default size == 12px ----- */

#main_eminet .summary .lft ul,
.fs16 {
font-size:134%;
}
.fs15 {
font-size:125%;
}
#main_eminet .return_contact .inner p strong,
.fs14,
#main_eminet .box_sub,
#main_eminet .box_sub20,
#main_eminet .component .txt,
#main_eminet .component table,
#main_eminet .component p,
#main_eminet .usage .flow .flow_txt,
.soap_point .point_b p,
#main_eminet .summary .lft p,
#main_eminet p.lead,
#main_eminet .lineup_sec{
font-size:117%;
}
.fs13 {
font-size:109%;
}
.fs12 {
font-size:100%;
}
.fs11 {
font-size:92%;
}
.fs10,
#main_eminet .guide_box .btm .box .note,
#main_eminet .usage .flow .flow_txt p.indent {
font-size:84%;
}
.fs9 {
font-size:75%;
}



@charset "utf-8";

#header_eminet,
#gnav_eminet,
.pagetop,
#footer_eminet {
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
font-size:74%;
text-align:left;
}
.pagetop a,
#footer_eminet a {
text-decoration:underline;
color:#822427;
}
.pagetop a:hover,
#footer_eminet a:hover {
text-decoration:none;
color:#822427;
}
#header_eminet img,
#gnav_eminet img,
#footer_eminet img {
border:0;
}
#gnav_eminet ul,
#footer_eminet ul {
margin:0;
padding:0;
list-style:none;
}
#gnav_eminet li,
#footer_eminet li {
margin:0;
padding:0;
}


/* =============================================================== 
*** base *** 
=============================================================== */

body {
background:url(../img/bg_body.gif) repeat left top;
}

#container {
width:925px;
margin:0 auto;
padding:0 30px;
background:#FFFFFF;
text-align:center;
}


/* =============================================================== 
*** header *** 
=============================================================== */

#header_eminet {
position:relative;
width:925px;
height:68px;
padding:6px 0 10px 0;
background:url(../img/bg_header.jpg) repeat-x left top;
}
#header_eminet p.logo {
float:left;
display:inline;
width:174px;
margin:0 0 0 20px;
}
#header_eminet p.tel {
float:right;
width:284px;
display:inline;
margin:0 20px 0 0;
}

#header_eminet p.anniversary {
position:absolute;
left:262px;
top:20px;
}



/* =============================================================== 
*** global-navi *** 
=============================================================== */

#gnav_eminet {
clear:both;
width:925px;
height:52px;
margin:0 0 27px 0;
background:url(../img/bg_gnav.jpg) no-repeat left top;
}
* html #gnav_eminet {
overflow:hidden;
}
#gnav_eminet ul.gnav {
float:left;
width:680px;
}
#gnav_eminet ul.gnav li {
float:left;
}
#gnav_eminet ul.gnav li a,
#gnav_eminet ul.gnav li img {
display:block;
}
#gnav_eminet ul.snav {
float:left;
width:226px;
padding:12px 0 0 19px;
}
#gnav_eminet ul.snav li {
float:left;
width:97px;
margin:0 15px 3px 0;
}
* html #gnav_eminet ul.snav li {
margin:0 13px 3px 0;
}
#gnav_eminet ul.snav li.rgt {
margin:0 0 3px 0;
}
#gnav_eminet ul.snav li a,
#gnav_eminet ul.snav li img {
display:block;
}


/* =============================================================== 
*** pagettop *** 
=============================================================== */

.pagetop {
clear:both;
width:925px;
margin:0 0 20px 0;
padding:40px 0 0 0;
}
.pagetop .inner {
border:1px solid #CCCCCC;
}
.pagetop .inner p {
width:921px;
padding:2px 0;
border:1px solid #FFFFFF;
background:#F8F3F4;
text-align:right;
}
.pagetop .inner p a {
margin:0 9px 0 0;
padding:0 10px 0 0;
background:url(../img/icn_arw_pagetop.gif) no-repeat right center;
}



/* =============================================================== 
*** footer *** 
=============================================================== */

#footer_eminet {
color:#666666;
clear:both;
width:925px;
}
#footer_eminet .footer_top {
border-top:1px solid #D6D6D6;
padding:8px 10px 18px 10px;
}
#footer_eminet .footer_top ul {
text-align:right;
}
#footer_eminet .footer_top ul li {
display:inline;
margin:0 0 0 10px;
padding:0 0 0 10px;
background:url(../img/icn_arw_01.gif) no-repeat left center;
font-size:100%;
}
#footer_eminet .footer_btm {
clear:both;
width:925px;
padding:10px 0 40px 0;
background:url(../img/bg_footer_btm.gif) no-repeat left top;
}
#footer_eminet .footer_btm p.address {
float:left;
display:inline;
margin:0 0 0 8px;
font-size:84%;
}
#footer_eminet .footer_btm p.copyright {
float:right;
display:inline;
margin:0 8px 0 0;
font-size:84%;
}


/* =============================================================== 
*** contents *** 
=============================================================== */

#contents {
width:925px;
}
#contents_inner {
line-height:1.2;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, Helvetica, sans-serif;
font-size:75%;
text-align:left;
color:#822427;
}
#contents_inner a {
text-decoration:underline;
color:#822427;
}
#contents_inner a:hover {
text-decoration:none;
}



/* ===================== main ===================== */

#main_eminet {
float:right;
width:685px;
padding:0 10px 0 0;
}



/* ===================== no-side ===================== */

#main {
width:905px;
margin:0 0 0 10px;
}

/* ===================== h1 template ===================== */
h1#tmpHead {
margin:0 0 20px 10px;
}


@charset "utf-8";

/* ===================== reset default style ===================== */


html {
color:#000;
background:#FFF;
}
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,textarea,
p,
blockquote,
th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
li {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,
q:after{
content:'';
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input,
textarea,
select {
*font-size:100%;
}



@charset "utf-8";

@import url("reset.css");

/* ===================== routine ===================== */

#main_eminet.routine .privilege {
padding:0 0 20px 0;
margin-bottom:40px;
border:1px solid #6c1619;
}
#main_eminet.routine .privilege ul {
padding:0 20px 0 19px;
}
#main_eminet.routine .privilege ul li {
padding:10px 0 19px 0;
background:url(../img/bdr_dot_side.gif) repeat-x 0 100%;
}
#main_eminet.routine .privilege ul li p {
float:left;
padding:0 10px 0 0;
}
#main_eminet.routine .privilege ul li dl {
float:left;
}
#main_eminet.routine .privilege ul li dl dt {
height:50px;
}
#main_eminet.routine .privilege ul li dl dd p {
float:none;
}
#main_eminet.routine .privilege ul li dl dd .box {
width:536px;
padding:10px;
margin:10px 0 10px 0;
background:url(../../assets/images/routine/img/bg_privilege_box.gif) repeat 0 0; 
}
#main_eminet.routine .privilege ul li dl dd .box .in {
padding:8px 10px 8px 10px;
background:#FFFFFF;
line-height:1.4;
}
#main_eminet.routine .privilege .privilege_box {
width:536px;
margin:20px 0 0 85px;
border:10px solid #d9bdbe;
}
#main_eminet.routine .privilege .privilege_box ul {
padding:8px 10px 8px 10px;
line-height:1.4;
}
#main_eminet.routine .privilege .privilege_box ul li {
padding:0 0 5px 12px;
background:url(../../assets/images/routine/img/bg_square.gif) no-repeat 0 2px; 
}
#main_eminet.routine .privilege .privilege_box ul li a img {
padding:5px 0 10px 0;
}
#main_eminet.routine .privilege .privilege_box ul li.note {
padding:0 0 0 1em;
text-indent:-1em;
background:none;
}
#main_eminet.routine .section .course {
margin:0 0 15px 0;
padding:15px 0 19px 19px;
border:1px solid #6c1619;
border-top:none;
}
#main_eminet.routine .section .mgb0 {
margin:0;
}
#main_eminet.routine .section .course .lft {
float:left;
width:320px;
padding:0 10px 0 0;
}
#main_eminet.routine .section .course .lft img {
vertical-align:top;
}
#main_eminet.routine .section .course .lft p.btn {
margin:0 0 5px 0;
padding:0 0 11px 0;
text-align:center;
background:url(../img/bdr_dot_side.gif) repeat-x 0 100%;
}
#main_eminet.routine .section .course .lft p.note {
margin:0 10px 0 0;
text-align:right;
}
#main_eminet.routine .section .course .rgt {
float:left;
width:525px;
}
#main_eminet.routine .section .course .rgt ul li {
height:62px;
margin:0 0 6px 0;
padding:12px 0 2px 15px;
background:#f8f3f4;
border:5px solid #f0e7e8;
vertical-align:bottom;
}
#main_eminet.routine .section .course .rgt ul li p {
float:left;
width:268px;
}
#main_eminet.routine .section .course .rgt ul li p.price {
width:217px;
padding:0 10px 0 0;
}
#main_eminet.routine .section .course .rgt ul li img {
margin:0 10px 10px 0;
vertical-align:top;
}
#main_eminet.routine .section .course .rgt p.note {
margin:-1px 10px 0 0;
text-align:right;
}




@charset "utf-8";

@import url("reset.css");

/* ===================== products ===================== */



/* ================== common ================== */
#main_eminet h1 {
margin:0 0 20px;
}
#main_eminet h2 {
margin:0 0 15px;
}

#main_eminet .box_sub,
#main_eminet .box_sub20 {
width:645px;
margin:0 0 20px 20px;
}
#main_eminet .detail {
background:transparent url(../img/icn_arrow_detail.gif) no-repeat scroll left center;
margin:0 0 0 10px;
padding:0 0 0 13px;
float:right;
}
.fco {
color:#FF3300;
}
#main_eminet .box_sub,
#main_eminet .box_sub20,
#main_eminet .component .txt,
#main_eminet .component table,
#main_eminet .component p,
#main_eminet .usage .flow .flow_txt,
.soap_point .point_b p,
#main_eminet .summary .lft p,
#main_eminet .lineup_sec p.anno {
line-height:1.6;
}

/* ================== feature ================== */
#main_eminet .box_sub .lft_txt p,
#main_eminet .box_sub20 .lft_txt p{
float:left;
width:440px;
}
#main_eminet .box_sub .flt_area .lft_txt p,
#main_eminet .box_sub20 .flt_area .lft_txt p{
width:300px;
}
#main_eminet .box_sub .lft_txt span,
#main_eminet .box_sub20 .lft_txt span {
font-weight:bold;
}
#main_eminet .box_sub .pict,
#main_eminet .box_sub20 .pict {
width:185px;
float:right;
}
#main_eminet .box_sub .pict p,
#main_eminet .box_sub20 .pict p{
width:185px;
float:right;
}
#main_eminet .box_sub .flt_area .pict,
#main_eminet .box_sub20 .flt_area .pict {
width:334px;
}
#main_eminet .box_sub .flt_area .pict p,
#main_eminet .box_sub .flt_area20 .pict p{
width:334px;
}

/* ================== index ================== */
#main_eminet .bnr {
margin:0 0 35px;
}

#main_eminet .bnr p.bnr_a {
margin:0 0 15px;
}
#main_eminet .bnr p.bnr_b {
margin:0 0 10px;
}
#main_eminet ul.series {
width:685px;
background:url(../img/bdr_dot_side.gif) repeat-x left bottom;
padding:0 0 16px;
margin:0 0 15px;
}
#main_eminet ul.series li{
padding:0 15px 0 0;
width:320px;
position:relative;
}
#main_eminet ul.series li h3 {
background:url(../../products/img/ttl_btm_pure-c.gif) no-repeat left bottom;
padding:0 0 2px;
margin:0 0 9px ;
}
#main_eminet ul.series li h3 span {
background:none;
padding:3px 0 0 6px;
font-weight:bold;
display:block;
border-left:5px solid #D3B762;
min-height:25px;
}
* html #main_eminet ul.series li h3 span {
height:25px;
}
#main_eminet ul.series li h3.category-b {
background:url(../../products/img/ttl_btm_maitake-m.gif) no-repeat left bottom;
}
#main_eminet ul.series li h3.category-b span {
border-left:5px solid #BBDA9B;
}
#main_eminet ul.series li h3.category-c {
background:url(../../products/img/ttl_btm_vitamin-c.gif) no-repeat left bottom;
}
#main_eminet ul.series li h3.category-c span {
border-left:5px solid #A7CFDB;
}

#main_eminet ul.series li.lft {
float:left;
background:url(../img/bdr-y_products.gif) repeat-y right top;
}
#main_eminet ul.series li.rgt {
float:right;
}
#main_eminet ul.last {
background:none;
}
#main_eminet ul.series p.pic {
float:left;
width:140px;
margin:0 10px 0 0;
}
#main_eminet ul.series .r-block {
width:170px;
float:right;
padding:0 0 1.5em 0;
}
#main_eminet ul.series .r-block .detail{
float:none;
position:absolute;
right:15px;
bottom:5px;
}
#main_eminet ul.series .r-block p.txt{
margin:0 0 8px ;
color:#666666;
}

#main_eminet .component table th.dcolor {
background:#DBBBBE;
}
#main_eminet .component table td.dcolor {
background:#EDDCDF;
}

/* ================== rara/adviser ================== */

#main_eminet .adviser .box_sub .lft_txt p,
#main_eminet .adviser .box_sub .lft_txt{
float:left;
width:415px;
}
#main_eminet .adviser .box_sub .pict {
width:200px;
float:right;
}
#main_eminet .adviser .box_sub .pict p{
width:200px;
float:right;
}
#main_eminet .adviser .box_sub .lft_txt p.u_bdr{
padding:0 0 20px 0;
margin:0 0 20px 0;
background:url(../img/bdr_dot_side.gif) repeat-x left bottom;
}


/* ================== rara/point ================== */
#main_eminet .box_sub {
margin:0 0 40px 20px;
}
#main_eminet .box_sub20 {
margin:0 0 20px 20px;
}

/* ================== rara/feature ================== */

#main_eminet .box_sub p.txt{
margin:0 0 15px ;
color:#822427;
}
#main_eminet .box_sub p.tac{
margin:15px 0 20px;
}

/* ================== gel/feature ================== */
#main_eminet .gel .box_sub .flt_area .pict {
width:205px;
}
#main_eminet .gel .box_sub .flt_area .pict p{
width:205px;
}

#main_eminet .box_sub .gel-ptn {
width:645px;
}
#main_eminet .box_sub .gel-ptn p{
width:180px;
float:left;
}
#main_eminet .box_sub .gel-ptn ul{
width:445px;
float:right;
}
#main_eminet .box_sub .gel-ptn ul li{
color:#333333;
}
#main_eminet .usage {
width:665px;
background:url(../../products/img/box_gel_btm.gif) no-repeat left bottom;
padding:0 0 7px;
margin: 0 0 25px 10px;
}
#main_eminet .usage .flow {
background:url(../../products/img/box_gel_top.gif) no-repeat 0 0;
padding:7px 0 0 0;
}
#main_eminet .usage .flow .flow_img{
width:230px;
float:left;
}
#main_eminet .usage .flow .flow_txt{
width:415px;
float:right;
padding:25px 10px 0 9px;
}
#main_eminet .usage .flow .flow_txt p.indent{
margin:10px 0 0 0;
text-indent:-1em;
padding:0 0 0 1em;
}

/* ================== teacher/feature ================== */



#main_eminet .summary {
margin:0 0 40px;
} 
#main_eminet .summary .lft {
float:left;
width:410px;
padding:0 0 0 10px;
} 

#main_eminet .summary .lft ul li {
margin:0 0 8px;
padding:0 0 2px 0;
background:url(../../products/img/ttl_bar_btm.gif) no-repeat 0 100%;
font-weight:bold;
line-height:1.6;
letter-spacing:0.1em;
}
#main_eminet .summary .lft ul li span.bdr {
display:block;
background:url(../../products/img/ttl_bar.gif) no-repeat 0 0;
padding:5px 0 0 10px;
min-height:22px;
}
#main_eminet .summary .lft p {
margin:0px 0 0 10px;
}
#main_eminet .summary .rgt {
float:right;
width:242px;
padding:0 10px 0 0;
text-align:right;
}
#main_eminet h2.ttl_component {
margin:40px 0 15px;
}
#main_eminet .component {
width:647px;
margin:0 0 40px 20px;
letter-spacing:0.1em;
}
#main_eminet .component dl {
width:647px;
line-height:1.5;
}
#main_eminet .component table {
width:100%;
margin:5px 0 0px;
}
#main_eminet .component table th {
width:190px;
padding:8px 20px 6px;
border:1px solid #FFFFFF;
background:#F0E7E8;
font-weight:bold;
color:#6C1619;
}
#main_eminet .component table td {
width:450px;
padding:8px 20px 6px;
border:1px solid #FFFFFF;
background:#FBF3F4;
color:#6C1619;
}
#main_eminet .component p.note {
margin:5px 0 0 0;
text-align:right;
font-size:84%;
letter-spacing:1px;
}

#main_eminet .try h3 {
width:638px;
background:#FF6600;
padding:10px 0 6px 8px;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
}
#main_eminet .ordinary h3 {
width:638px;
background:#D5C778;
margin:0 0 0px;
padding:10px 0 6px 8px;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
}
#main_eminet .recommend h3 {
width:638px;
background:#F6B2F6;
margin:0 0 0px;
padding:10px 0 6px 8px;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
}
#main_eminet .regular_area {
width:645px;
background:#99CCFF;
margin:0 0 10px;
}
#main_eminet .regular_area h3 {
float:left;
margin:0 10px 0 0;
padding:10px 0 6px 8px;
background:#99CCFF;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
}
#main_eminet .regular_area p {
float:left;
width:84px;
padding:6px 0 6px 0;
}
#main_eminet .regular_area p img {
vertical-align:middle;
}

#main_eminet .try {
width:645px;
margin:0 0 15px 20px;
border:1px solid #FF6600;
border-top:none;
}
#main_eminet .ordinary {
width:645px;
margin:0 0 15px 20px;
border:1px solid #D5C778;
border-top:none;
}
#main_eminet .lemon .ordinary {
margin:0 0 45px 20px;
}
#main_eminet .recommend {
width:645px;
margin:0 0 15px 20px;
border:1px solid #F6B2F6;
border-top:none;
}
#main_eminet .regular {
width:645px;
margin:0 0 15px 20px;
border:1px solid #99CCFF;
border-top:none;
}
#main_eminet .lineup_sec {
width:625px;
padding:10px 0px 0px 9px;
text-align:center;
letter-spacing:0.15em;
}
#main_eminet .lineup_sec ul {
width:615px;
}
#main_eminet .lineup_sec li {
margin:0 0 10px;
padding:0 0 10px;
background:url(../img/bdr_dot_side.gif) repeat-x 0 100%;
}
#main_eminet .lineup_sec li.last {
margin:0;
background:none;
}
#main_eminet .lineup_sec table {
width:625px;
height:93px;
font-size:100%;
}
#main_eminet .lineup_sec table th {
width:130px;
vertical-align:top;
}
#main_eminet .lineup_sec table td {
padding:0 0 0 12px;
background:url(../img/bdr-y_products.gif) repeat-y 0 0;
vertical-align:middle;
}
#main_eminet .lineup_sec table td.description_l {
width:316px;
padding:0 12px;
color:#000000;
text-align:left;
line-height:3;
}
#main_eminet .lineup_sec table td.description {
width:316px;
padding:0 12px;
color:#000000;
text-align:left;
line-height:1.6;
}
#main_eminet .lineup_sec table td.description img {
vertical-align:middle;
}
#main_eminet .lineup_sec table td.description img.sp_price {
margin:20px 0 5px;
}
#main_eminet p.rough_guide {
text-align:center;
margin:0 0 10px;
padding:0 0 11px;
background:url(../img/bdr_dot_side.gif) repeat-x 0 100%;
}
#main_eminet .alert {
color:#FF0033;
font-weight:bold;
margin:0 0 20px;
}
#main_eminet .anno {
text-align:left;
text-indent:-1em;
margin:0 0 20px 2em;
color:#FF0033;
font-weight:bold;
}
#main_eminet table td.description_l strong,
#main_eminet table td.description strong {
color:#FF0033;
}

/* ================== soap/feature ================== */
.soap_point{
width:490px;
border:5px solid #E4AEB0;
margin:0 0 40px 90px;
}
.soap_point h3{
margin:20px 0 11px;
}
.soap_point .point_t{
width:450px;
background:url(../../products/img/bdr_point.gif) repeat-x left bottom;
padding:0 0 21px;
margin:0 0 0 20px;
}
.soap_point .point_t dl{
width:90px;
float:left;
margin:0 30px 0 0;
}
.soap_point .point_t dl.last{
margin:0 0 0 0;
}
.soap_point .point_b{
width:450px;
margin:0 0 20px 20px;
}

.soap_point .point_b dl.lft_dl{
width:235px;
float:left;
}
.soap_point .point_b dt{
width:85px;
float:left;
margin:0 9px 0 0;
}
.soap_point .point_b dd{
padding:33px 0 0;
}



@charset "utf-8";

/* ===================== general style ===================== */


/* ================== utility ================== */


/* ----- clear fix ----- */

.cmn_cl:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
font-size:0.1em;
line-height:0;
}
.cmn_cl {
display:inline-block;
}

/* Hides from IE-mac \*/
* html .cmn_cl {
height:1%;
}
.cmn_cl{
display:block;
}


/* ----- clear ----- */

.clear {
clear:both;
width:1px;
height:1px;
overflow:hidden;
}


/* ================== style ================== */
#main_eminet .fwb {
font-weight:bold;
}
#main_eminet .tar {
text-align:right;
}
#main_eminet .tac {
text-align:center;
}
#main_eminet .mgb0 {
margin:0 0 0px 0;
}
#main_eminet .mgb5 {
margin:0 0 5px 0;
}
#main_eminet .mgb10 {
margin:0 0 10px 0;
}
#main_eminet .mgb15 {
margin:0 0 15px 0;
}
#main_eminet .mgb20 {
margin:0 0 20px 0 !important;
}
#main_eminet .mgb25 {
margin:0 0 25px 0;
}
#main_eminet .mgb30 {
margin:0 0 30px 0;
}
#main_eminet .mgb40 {
margin:0 0 40px 0;
}
#main_eminet .mgl10 {
margin:0 0 0 10px;
}
#main_eminet .fll {
float:left;
}
#main_eminet .flr {
float:right;
}

#main_eminet p.link {
padding:0 0 0 12px;
background:url(../img/icn_arrow_detail.gif) no-repeat 0 3px;
}


/* ================== noside style ================== */

.noside #main_eminet {
float:none;
width:905px;
margin:0 0 0 10px;
}
.noside #main_eminet h1 {
margin:0 0 20px 0;
}
.noside #main_eminet h2 {
margin:0 0 15px 0;
}
.noside #main_eminet .section {
margin-left:5px;
margin-right:5px;
}