@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 h3.bdr {
font-weight:bold;
color:#6C1619;
font-size:134%;
background:url(../../products/img/ttl_bar_btm.gif) no-repeat left bottom;
padding:0 0 2px 0;
margin:0 0 15px 10px;
}
#main_eminet h3.bdr span{
background:url(../../products/img/ttl_bar.gif) no-repeat left top;
padding:5px 0 0 10px;
min-height:22px;
display:block;
}
#main_eminet h3.icon_bdr {
background:transparent url(../img/icn_topic.gif) no-repeat scroll 0 0;
font-weight:bold;
letter-spacing:0.25em;
line-height:1.6;
margin:0 0 8px;
padding:0 0 0 10px;
}
#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 p.lead {
margin:0 0 20px;
padding:17px 20px 12px;
background:url(../../products/img/bg_product_lead.gif) repeat 0 0;
font-weight:bold;
line-height:1.6;
}
#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;
}