/* CSS Document */

body {
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Helvetica, Arial,sans-serif;
font-size:14px;
line-height:1.1;
margin:0;
padding:0;
color:#222;
min-width:920px;
}
#hponly{
display:none;
}
.corpcolor{
color:#bc233a;
}
div, h1, h2, h3, h4, p, dl, dt, dd{
padding:0;
margin:0;
}
a{
text-decoration:none;
}
img{
border:0;
}
/* Float解除 --- */
.clear{
clear:both;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* End Float解除 --- */
/* Header, Navigation, Footer --- */
#header ul, #nav ul, #footer ul, .area-ad ul{
margin:0;
padding:0;
}
#header li, #nav li, #footer li, .area-ad li{
list-style:none;
margin:0;
padding:0;
float:left;
}
.pagetop a{
margin:5px 0 5px auto;
display:block;
width:100px;
line-height:20px;
font-size:0.875em;
padding-left:24px;
background:url(../images/arrow_pagetop.gif) 0 50% no-repeat;
}
/* End Header, Navigation, Footer --- */


/* Header --------------------------------------------- */
#header{
background:url(../images/merge_water_head.jpg) 50% 50% no-repeat;
height:70px;
border-top:5px solid #bc233a;
}
.inner-head{
width:850px;
margin:0 auto;
}
#logo{
width:400px;
}
#member-btt{
text-align:right;
width:450px;
}
#member-btt a{
text-align:left;
margin:12px 0 0 auto;
width:110px;
height:47px;
display:block;
text-indent:-9999px;
background-image:url(../images/btt_mem.png);
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
}
#member-btt a:hover{
background-position:0 -47px;
}
/* End Header ----------------------------------------- */

/* Navigation ----------------------------------------- */
#nav{
width:100%;
height:50px;
background:url(../images/bk_nav.gif) repeat-x;
text-align:center;
}
#nav .inner-nav{
margin:0 auto;
width:863px;/*862px*/
}
#nav ul{
margin:9px 0;
font-size:16px;
font-weight:normal;
line-height:1;
border-right:1px solid #f99;
border-left:1px solid #bc233a;
}
#nav li{
width:170px;
border-left:1px solid #f99;
border-right:1px solid #bc233a;
display: -moz-inline-box;
display:inline-block;
}
#nav li a{
display:block;
padding:8px 0;
color:#fff;
background-image:none;
}
#nav li a:hover{
background:url(../images/bk_nav_hover.gif) 50% 50% no-repeat;
}
#nav li.on a{
background:url(../images/bk_nav_on.gif) 50% 50% no-repeat;
color:#fff;
}
/* End Navigation ------------------------------------- */

/* Footer --------------------------------------------- */
#footer{
font-size:12px;
text-align:center;
height:80px;
background:url(../images/bk_footer.jpg) 50% 0 no-repeat;
}
.inner-foot{
width:850px;
margin:0 auto;
}
#footer ul{
margin:20px 0 10px;
}
#footer li{
padding:2px;
color:#933;
}
#footer a{
margin-left:20px;
color:#00c;
text-decoration:underline;
}
#footer a:hover{
color:#f00;
}
#footer .copyright{
font-family:Helvetica, Arial, sans-serif;
}
/* for Old IE --- */
.inner-foot{
_width:500px;
}
*:first-child+html .inner-foot{
width:500px;
}
/* End for Old IE --- */
/* End Footer ----------------------------------------- */

/* Main Content --------------------------------------- */
#home{
background:url(../images/merge_water.jpg) 50% 0 no-repeat;
padding-top:400px;
margin-bottom:10px;
}
.wrap{
width:100%;
text-align:center;
}
.container{
margin:0 auto;
width:900px;
text-align:left;
}
.container-item{
margin:0 auto;
width:1200px;
text-align:left;
}
.main{
}
.main h1{
text-align:center;
font-weight:normal;
}
/* End Main Content ----------------------------------- */

/* Ad declaration ------------------------------------- */
.area-ad{
text-align:center;
}
.area-ad li{
margin:10px 0;
}
.area-ad li span.left{
margin-right:20px ;
}
.area-ad li span.right{
margin-left:20px ;
}
/* for Old IE --- */
.area-ad ul{
margin:0 auto;
width:646px;/* w300px banner X2 + margin LR40px */
_width:650px;
}
*:first-child+html .area-ad ul{
margin:0 auto;
}
/* End for Old IE --- */
/* End Ad declaration --------------------------------- */

/* Page Common ---------------------------------------- */

/* End Page Common ------------------------------------ */

/* Privacy Policy ------------------------------------- */
#privacy div{
width:650px;
margin:0 auto 20px;
}
#privacy h1{
background:none;
color:#444;
font-size:1.285em;/* 18px */
font-weight:700;
margin:50px auto;
padding:0;
height:auto;
}
#privacy h2{
font-size:1.143em;
font-weight:700;
margin-bottom:10px;
color:#900;
}
#privacy p{
margin-bottom:10px;
color:#000;
line-height:1.5;
}
#privacy .hr{
border-top:1px dotted #ccc;
padding-top:10px;
}
#privacy ol{
line-height:1.25;
margin-left:2em;
padding-left:1em;
color:#000;
}
#privacy ol li{
padding-bottom:10px;
margin-right:2em;
/* 均等割付 --- */
text-align:justify;
text-justify:inter-ideograph;
line-break: strict;/* for IE 禁則処理 */
/* End 均等割付 --- */
}

/* End Privacy Policy --------------------------------- */

/* Contact -------------------------------------------- */
#contact h1{
height:300px;
background-position:50% 0;
background-repeat:no-repeat;
width:820px;
margin:20px auto;
text-indent:-9999px;
background-image:url(../html/images/contact_headimg.jpg);
}
#contact div{
width:800px;
text-align:center;
margin:0 auto 20px;
}
#contact p{
line-height:1.5;
}
/* End Contact ---------------------------------------- */

/* Company -------------------------------------------- */
#company h1{
width:820px;
margin:20px auto;
background:url(../html/images/company_headimg.jpg) 50% 50% no-repeat;
height:50px;
text-indent:-9999px;
}
#company table{
border-collapse:collapse;
margin:0 auto 50px;
width:480px;
padding:20px;
line-height:1.25;
border-top:1px dotted #ccf;
}
#company th,#company td{
vertical-align:middle;
font-weight:normal;
text-align:left;
border-collapse:collapse;
}
#company th{
font-size:0.857em;
color:#666;
width:20%;
padding:15px 0 15px 5px;
border-bottom:1px dotted #ccf;
background-color:#f5f5f5;
}
#company td{
width:80%;
padding:15px 0 15px 5px;
border-bottom:1px dotted #ccf;
}
#company strong{
font-size:1.143em;
font-weight:700;
}
/* End Company ---------------------------------------- */

/* Business ------------------------------------------- */
#business h1{
height:60px;
text-indent:-9999px;
background:url(../html/images/business_h1.gif) 50% 0 no-repeat;
margin:50px auto 10px;
}
#business .catchcopy{
margin-bottom:50px;
}
#business .catchcopy p{
line-height:1.5;
margin-bottom:10px;
text-align:center;
}
#business h2{
height:80px;
text-indent:-9999px;
background:url(../html/img_cam/campaign_h2.gif) 50% 0 no-repeat;
}
/* Campaign */
.campaign{
background:url(../html/img_cam/bk_campaign.gif) 50% 0 no-repeat;
}
.campaign h1{
height:60px;
text-indent:-9999px;
background-position:50% 0;
background-repeat:no-repeat;
margin:50px auto 10px;
}
.cam_slide h1{
background-image:url(../html/img_cam/business_h2cam1.gif);
}
.cam_fresh h1{
background-image:url(../html/img_cam/h1_cam_fresh.gif);
height:120px;
margin-top:0;
}
.cam_1stanniv h1{
background-image:url(../html/img_cam/h1_cam_1st_anniv.gif);
height:120px;
}
.cam_fresh .subtitle{
padding-top:30px;
font-weight:bold;
font-size:1.2em;
}
.cam_fresh .limit{
font-size:1.428em;
font-weight:900;
background-color:#036;
color:#ffc;
padding:5px 0;
}
.cam_fresh .present{
color:#900;
font-weight:bold;
}
.cam_fresh .details dl{
margin:0 auto 10px auto;
padding:5px 0;
text-align:left;
width:400px;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
}
.cam_fresh .details dt{
font-size:12px;
color:#666;
width:50px;
float:left;
}
.cam_fresh .details dd{
font-size:12px;
width:350px;
float:left;
}
.cam_stepup h1{
background-image:url(../html/img_cam/h1_cam_stepup.gif);
height:120px;
}
.cam_stepup .subtitle{
padding-bottom:10px;
font-weight:bold;
font-size:1.2em;
}
.cam_stepup .limit{
font-size:1.428em;
font-weight:900;
background-color:#036;
color:#ffc;
padding:5px 0;
}
.cam_stepup table{
width:100%;
border-collapse:collapse;
border:1px solid #039;
margin:20px 0;
}
.cam_stepup th,.cam_stepup td{
border-collapse:collapse;
border:1px solid #039;
padding:4px;
}
.cam_stepup th{
background-color:#efa;
font-weight:normal;
color:#333;
}
.cam_stepup tr{
background-color:#fff;
}
.cam_stepup tr:hover{
background-color:#f5f5f5;
}
.cam_stepup .joken{
text-align:left;
font-size:12px;
}
.cam_stepup .gm_special{
width:350px;
margin:20px auto;
border:1px solid #006;
padding:5px;
}
.cam_stepup .gm_special dt{
width:60px;
float:left;
margin-right:20px;
}
.cam_stepup .gm_special dd{
width:260px;
float:left;
text-align:left;
padding-top:10px;
}
.cam_stepup td.cam{
font-weight:bold;
color:#000066;
font-size:1.148em;
}
.campaign{
width:550px;
text-align:center;
margin:20px auto;
border:1px solid #ccc;
padding:0 20px;
}
.campaign p.limit{
text-align:center;
margin-bottom:30px;
}
/* Print PDF --- */
.campaign .printsheet{
font-size:0.875em;
width:280px;
padding:10px;
margin:20px auto 0 auto;
text-align:left;
}
.campaign .printsheet .pdflink{
font-size:1.334em;
text-align:center;
margin-bottom:10px;
padding:5px 0;
border:1px dotted #ccc;
background-color:#f5f5f5;
}
.campaign .printsheet .pdflink:hover{
text-decoration:underline;
}
/* End Print PDF --- */
.cam_slide .details{
text-align:left;
margin:20px auto;
width:550px;
}
.cam_slide dl{
padding:10px;
margin:10px 0;
border:1px dotted #cc6;
background-color:#ffc;
}
.cam_slide dt{
font-size:1.285em;
font-weight:700;
color: #660;
padding-left:24px;
background-position:0 50%;
background-repeat:no-repeat;
}
.cam_slide dt.num01{
background-image:url(../html/img_cam/num_sq01.gif);
}
.cam_slide dt.num02{
background-image:url(../html/img_cam/num_sq02.gif);
}
.cam_slide dt.num03{
background-image:url(../html/img_cam/num_sq03.gif);
}
.cam_slide dt span{
font-size:0.778em;
}
.cam_slide dd{
padding:5px 0 5px 24px;
}
.cam_slide dd span{
color:#f00;
}
.cam_slide ol {
line-height:1.5;
color:#006;
}
.cam_lankup{
padding-bottom:10px;
}
.cam_lankup h1{
background-image:url(../html/img_cam/business_h2cam2.gif);
}
.cam_lankup table{
width:100%;
border-collapse:collapse;
border:1px solid #039;
margin:20px 0;
}
.cam_lankup th,.cam_lankup td{
border-collapse:collapse;
border:1px solid #039;
padding:4px;
}
.cam_lankup th{
background-color:#69f;
font-weight:normal;
color:#fff;
}
.cam_lankup tr{
background-color:#fff;
}
.cam_lankup tr:hover{
background-color:#f5f5f5;
}
/* Added 120202 */
.campaign h3{
margin-bottom:0.5em;
line-height:1.25;
color:#66c;
}
.campaign h3 strong{
font-size:1.5em;
color:#c36;
}
.campaign h3 span{
font-weight:normal;
color:#222;
font-size:0.75em;
}
/* End Added 120202 */
/* End Business --------------------------------------- */

/* Product -------------------------------------------- */
#product h1{
height:330px;
background-position:50% 0;
background-repeat:no-repeat;
width:820px;
margin:20px auto 0;
text-indent:-9999px;
background-image:url(../html/product/images/product_head_items.jpg);
}
#product .showcase{
width:820px;
margin:10px 0;
padding:0 45px;
}
#product .showcase12{
width:1120px;
margin:10px 0;
padding:0 45px;
}
#product .itembox img{
border:0;
}
#product .itembox{
text-align:center;
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/bk_itembox250.gif) 50% 0 no-repeat;
float:left;
}
.itembox-blank{
text-align:center;
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/bk_itembox-blank.gif) 50% 0 no-repeat;
float:left;
}
#product .cosme{
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/h2_skincare.gif) 50% 0 no-repeat;
float:left;
}
#product .accessories{
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/h2_tools.gif) 50% 0 no-repeat;
float:left;
}
#product .haircare{
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/h2_haircare.gif) 50% 0 no-repeat;
float:left;
}
#product .cosme h2,#product .accessories h2,#product .haircare h2{
text-indent:-9999px;
}
#product .blank{
width:250px;
height:250px;
margin:10px;
_margin:5px;
background:url(../html/product/images/img_blank.jpg) 100% 100% no-repeat;
float:left;
}
#product .whiteblank{
width:250px;
height:250px;
margin:10px;
_margin:5px;
float:left;
}
#product .itembox img{
width:140px;
height:140px;
margin:0 auto;
padding-top:30px;
}
#product h2{
font-size:0.857em;
font-weight:600;
text-align:center;
color:#bc233a;
margin:5px;
}
#product h2 a{
color:#bc233a;
}
#product .itembox div{
width:200px;
}
#product ul{
font-size:0.857em;
text-align:left;
width:120px;
margin:0;
padding:0;
float:left;
}
#product li{
list-style:none;
margin:0;
padding:0;
}
#product .spec1 a{
float:right;
width:60px;
height:24px;
display:block;
margin:5px 0 0;
background:url(../html/product/images/btt_details.gif) no-repeat;
line-height:24px;
text-align:center;
font-size:14px;
color:#fff;
}
#product .spec1 a:hover{
text-decoration:underline;
}
/* Side Navigation --- */
.side-nav{
width:167px;
margin:20px 15px 20px 20px;
float:left;
_margin-left:10px;/* for IE6 */
}
.side-nav dt{
font-size:0.875em;
line-height:30px;
background-image:url(../html/product/images/bk_side_index_l.gif);
background-position:100% 0;
background-repeat:no-repeat;
color:#bc233a;
padding-top:8px;
border-bottom:1px dotted #ccc;
}
.side-nav dt span{
background-color:#fff;
padding-right:4px;
}
.side-nav dt.longname{
background-position:110px 0;
}
.side-nav dd{
font-size:0.875em;
line-height:1.1;
border-bottom:1px dotted #ccc;
color:#ccc;
}
.side-nav a{
color:#666;
padding:6px 0 6px 14px;
background:url(../html/product/images/icon_disc_corpred.gif) 0 50% no-repeat;
display:block;
}
.side-nav a:hover{
background-color:#eee;
}
.side-nav .on{
background-color:#fee;
}
.side-nav dd.allitems{
margin-top:10px;
border-top:1px dotted #ccc;
}
.side-nav dd.allitems a{
padding:12px 14px 12px 40px;
background:url(../html/product/images/ico_allitems.gif) 5px 50% no-repeat;
background-color:#ffc;
}
.side-nav dd.allitems a:hover{
background-color:#eed;
}
/* End Side Navigation --- */
/* Items --- */
.item .box{
margin-top:20px;
padding-bottom:20px;
float:left;
position:relative;
}
.item .box img{
float:left;
margin-right:15px;
}
.item .spec{
width:360px;
float:left;
}
.item .spec h1{
text-align:left;
color:#bc233a;
font-size:1.357em;
font-weight:900;
line-height:2;
background:url(../html/product/images/bar_itemhead.gif) 0 0 no-repeat;
margin:0;
padding:30px 0 0 22px;
}
.item .spec p{
margin:5px 0 0 22px;
line-height:1.5;
}
.item .spec ul{
margin:20px 0 0;
padding:5px 0 0;
border-top:1px dotted #993;
}
.item .spec li{
margin:0 0 5px 0;
padding:0 0 0 15px;
background:url(../html/product/images/icon_disc_999900.gif) 0 0 no-repeat;
font-size:0.875em;
line-height:1.25;
list-style:none;
/* 均等割付 --- */
text-align:justify;
text-justify:inter-ideograph;
line-break: strict;/* for IE 禁則処理 */
/* End 均等割付 --- */
}
.item .spec .daynight{
margin:5px 0 0 22px;
}
/* End Items --- */
/* How To & Attention --- */
.item .howto, .item .attention{
width:675px;
margin-top:20px;
padding-top:10px;
background:url(../html/product/images/line_check_999900.gif) 0 0 no-repeat;
}
.item .howto h2{
font-size:1em;
font-weight:700;
color:#990;
}
.item .attention h2{
font-size:1em;
font-weight:700;
color:#c66;
}
.item .howto p{
font-size:0.875em;
line-height:1.25;
margin:0.5em 0 2em 0;
color:#660;
}
.item .attention p{
font-size:0.875em;
line-height:1.25;
margin:0.5em 0 2em 0;
color:#c00;
}
.item .howto ol{
color:#660;
font-size:0.875em;
line-height:1.25;
margin:0.5em 0 2em 0;
}
/* End How To --- */
/* Chart --- */
.item .howto .chart{
margin:0;
padding:0;
font-size:0.875em;
}
.item .howto .chart li{
list-style:none;
float:left;
width:96px;
text-align:center;
background-image:url(../html/product/images/ico_chart.gif);
background-position:-288px 0;
background-repeat:no-repeat;
height:50px;
}
.item .howto .chart .wshort{/*2015.06.25 飯田追加*/
width: 75px;
}
.item .howto .chart .wshort.wcenter{/*2015.06.25 飯田追加*/
text-align:center;
}
.item .howto .chart .wshort.wleft{/*2015.06.25 飯田追加*/
text-align:left;
}
.item .howto .chart .wshort.wright{/*2015.06.25 飯田追加*/
text-align:right;
}
.item .howto .chart .tleft{/*2015.06.25 飯田追加*/
text-align:left;
}
.chart li a{
background-color:#fff;
padding:2px;
color:#999;
}
.chart li a:hover{
color:#f60;
}
.item .howto .chart .alltheday{
background-position:0 0;
}
.item .howto .chart .alltheday.w75{
width: 75px;
background-position:-12 0;
}
.item .howto .chart .alltheday.w75.tleft{
width: 75px;
text-align:left;
background-position:-20 0;
}
.item .howto .chart .night.w75.tleft{
width: 75px;
text-align:left;
background-position:-115px 0;
}
.item .howto .chart .night{
background-position:-96px 0;
}
.item .howto .chart .morning{
background-position:-192px 0;
}
.item .howto .chart .morning.w75.tcenter{
width: 75px;
text-align:center;
background-position:-202px 0;
}
.item .howto .chart .morning.tleft{
text-align:left;/*2015.06.25 飯田追加*/
background-position:-215px 0;/*2015.06.25 飯田-192から変更*/
}
.chart .alltheday a, .chart .night a, .chart .morning a{
color:#222;
}
.chart  a:link.choice, .chart a:visited.choice{
color:#999;
}
.chart a:hover.choice{
color:#f60;
}
/* End Chart --- */
/* Sneak Preview --- */
.sneakpre{
text-align:left;
width:1020px;
margin:10px auto;
}
/* End Sneak Preview --- */
/* End Product ---------------------------------------- */

/* Top Page Info -------------------------------------- */
.info{
	width:380px;
	margin:0 auto;
	padding:5px 5px 5px 30px;
	background:url(../images/title_info.png) 0 4px no-repeat;
	/*border-bottom:2px solid #F99;
	border-top:2px solid #F99;*/
	text-align:left;
	color:#000;
	line-height:1.25;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Helvetica, Arial, sans-serif;
}
.info h3{
display:none;
}
/* End Top Page Info ---------------------------------- */