@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix:after, .mod_business:after, .mod_policy:after, .mod_privacy:after, .mod_rd:after, .mod_press:after, .mod_sitemap:after, .mod_sitepolicy:after, .mod_business .business_list .subtext:after, .mod_business .business_list .subtext_last:after, .mod_business .business_list .brand .logo:after { content: ""; display: table; clear: both; }

.clearfix { /* clearfix is ​​already applied */ }

/* ====================================== */
.mod_business, .mod_policy, .mod_privacy, .mod_rd, .mod_press, .mod_sitemap, .mod_sitepolicy { /* clearfix is ​​already applied */ margin: 0 auto 50px; max-width: 980px; width: 100%; background: #f6f6f6; }

.mod_business p, .mod_policy p, .mod_rd p, .mod_press p, .mod_sitemap p, .mod_sitepolicy p { margin: 10px 0 0 10px; font-size: 13px; }
.mod_privacy p { margin: 0px 0 0 10px; font-size: 13px; }

/* ====================================== */
/* business */
.mod_business .business_list { margin: 20px 0 50px; }
.mod_business .business_list .subtext, .mod_business .business_list .subtext_last { /* clearfix is ​​already applied */ position: absolute; width: 640px; padding: 5px 10px; float: right; margin: -170px 0 0 340px; }
.mod_business .business_list .subtext span, .mod_business .business_list .subtext_last span { font-size: 13px; }
.mod_business .business_list .subtext span.mens, .mod_business .business_list .subtext_last span.mens { color: #1fb9ef; }
.mod_business .business_list .subtext span.ladies, .mod_business .business_list .subtext_last span.ladies { color: #d61518; }
.mod_business .business_list .subtext span.fontaine, .mod_business .business_list .subtext_last span.fontaine { color: #555c8c; }
.mod_business .business_list .subtext span.bosley, .mod_business .business_list .subtext_last span.bosley { color: #005098; }
.mod_business .business_list .subtext span.hairclub, .mod_business .business_list .subtext_last span.hairclub { color: #666666; }
.mod_business .business_list .subtext p, .mod_business .business_list .subtext_last p { margin: 0; }
.mod_business .business_list .subtext_last { margin-top: -150px; }
.mod_business .business_list .brand { position: relative; margin: 0 0 0 17px; width: 315px; height: 142px; background: #fff; border-width: 3px; border-style: solid; z-index: 0; }
.mod_business .business_list .brand.mens { color: #1fb9ef; border-color: #1fb9ef; margin-bottom: 20px; }
.mod_business .business_list .brand.ladies { color: #d61518; border-color: #d61518; margin-bottom: 20px; }
.mod_business .business_list .brand.fontaine { color: #555c8c; border-color: #555c8c; margin-bottom: 20px; }
.mod_business .business_list .brand.bosley { color: #005098; border-color: #005098; margin-bottom: 20px; }
.mod_business .business_list .brand.hairclub { color: #666666; border-color: #666666; }
.mod_business .business_list .brand:before, .mod_business .business_list .brand:after { position: absolute; content: ""; top: 80%; bottom: 15px; max-width: 300px; width: 100%; background: rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4); z-index: -1; }
.mod_business .business_list .brand:before { left: 0; -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); }
.mod_business .business_list .brand:after { right: 0; -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); }
.mod_business .business_list .brand .logo { /* clearfix is ​​already applied */ position: relative; width: 100%; height: 100%; background: #fff; z-index: 0; }
.mod_business .business_list .brand .logo a { position: relative; display: block; padding: 18px 0 10px; text-align: center; background: #fff; z-index: auto; }
.mod_business .business_list .brand .logo a:before, .mod_business .business_list .brand .logo a:after { position: absolute; top: 50%; right: 10px; bottom: 3px; left: 10px; content: ""; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -moz-border-radius: 100px / 10px; -webkit-border-radius: 100px; border-radius: 100px / 10px; z-index: -1; }
.mod_business .business_list .brand .logo p { margin: 15px 15px 0; font-size: 12px; }
.mod_business .business_list .brand.hairclub .logo a { padding: 8px 0 10px; }

/* ====================================== */
/* press */
.mod_press .press_tab { width: 100%; margin: 10px 0 20px; }
.mod_press .press_tab ul { width: 100%; height: 35px; position: relative; }
.mod_press .press_tab li { width: 237px; height: 35px; position: relative; float: left; margin-left: 10px; padding: 8px 20px; font-size: 15px; background-color: #727272; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mod_press .press_tab li:first-child { margin: 0; }
.mod_press .press_tab li span:before { position: absolute; top: 10px; left: 10px; display: block; content: ""; width: 3px; height: 17px; background: url("/corporate/common/new/images/bg_h2_title_off.png") no-repeat; }
.mod_press .press_tab li a { color: #fff; }
.mod_press .press_tab li.selected { background-color: #e5e5e5; color: #e50113; }
.mod_press .press_tab li.selected span:before { position: absolute; top: 10px; left: 10px; display: block; content: ""; width: 3px; height: 17px; background: url("/corporate/common/new/images/bg_h2_title_on.png") no-repeat; }
.mod_press .press_list { width: 960px; margin: 10px 0 0 20px; padding: 5px; }
.mod_press .press_list h3 { margin-bottom: 10px; padding: 3px; color: #e50113; border-bottom: 1px dotted #ccc; }
.mod_press .press_list div.pull_year { position: relative; float: right; top: -45px; font-size: 12px; }
.mod_press .press_list div.pull_year .dropdown { width: 120px; border: 1px solid #777; padding: 3px; background: #fff; border-radius: 3px; /* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); -webkit-border-radius: 3px; /* Firefox */ background: -moz-linear-gradient(top, #eee, #fff); -moz-border-radius: 3px; /* IE */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeee,endColorstr=#ffffff); zoom: 1; }
.mod_press .irp_comment { margin: 0 0 20px 25px; padding: 5px 0; font-size: 12px; }

/* ====================================== */
/* privacy */
.mod_privacy h2, .mod_rd h2 { display: block; margin-top: 30px; width: 100%; height: 35px; position: relative; padding: 8px 20px; font-size: 15px; color: #e60010; background-color: #e5e5e5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mod_privacy h2:before, .mod_rd h2:before { position: absolute; top: 10px; left: 10px; display: block; content: ""; width: 3px; height: 17px; background: url("/corporate/common/new/images/bg_h2_title_on.png") no-repeat; }
.mod_privacy ul, .mod_rd ul { margin: 20px 0 20px 50px; }
.mod_privacy ul li, .mod_rd ul li { font-size: 13px; padding: 5px; list-style: decimal; }
.mod_privacy .right, .mod_rd .right { text-align: right; margin-bottom: 40px; }

/* ====================================== */
/* rd */
.mod_rd .rd_left { width: 251px; float: left; margin: 20px 0 0 150px; }
.mod_rd .rd_right { width: 251px; float: right; margin: 20px 150px 0 0; }

/* ====================================== */
/* sitemap */
.mod_sitemap ul { font-size: 13px; }
.mod_sitemap ul li { margin-left: 20px; }
.mod_sitemap ul li:before { position: relative; display: block; content: ""; width: 7px; height: 7px; top: 10px; background: url("/corporate/common/new/images/bg_sitemap_arrow.png") no-repeat; }
.mod_sitemap ul li a { margin-left: 15px; }
.mod_sitemap ul li a span { margin-left: 45px; }
.mod_sitemap ul li.inn { margin-left: 50px; }
.mod_sitemap h2 { display: block; margin-top: 30px; width: 310px; height: 35px; position: relative; padding: 8px 20px; font-size: 15px; background-color: #e5e5e5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mod_sitemap h2:before { position: absolute; top: 10px; left: 10px; display: block; content: ""; width: 3px; height: 17px; background: url("/corporate/common/new/images/bg_h2_title_on.png") no-repeat; }
.mod_sitemap h2 a { color: #e60010; }
.mod_sitemap h2.double { height: 60px; }
.mod_sitemap h2.triple { height: 90px; }
.mod_sitemap .left { float: left; margin-right: 25px; }
.mod_sitemap .right { float: right; }

/* ====================================== */
/* policy */
.mod_policy p.inquiry { margin-left: 50px; }
.mod_policy h2 { display: block; margin-top: 30px; width: 100%; height: 35px; position: relative; padding: 8px 15px; font-size: 15px; color: #e60010; background-color: #e5e5e5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mod_policy ul span { display: block; font-size: 13px; margin: 10px 0 -10px 30px; }
.mod_policy ul li { font-size: 13px; margin: 10px 0 0 50px; list-style: decimal; }
dl.dairi dt {padding-left: 4em;}
dl.dairi dd {padding-left: 8em;}
dl.indentmod.sec dd {
    font-size: 13px;
    text-indent: -1.5em;
    margin-left: 2.5em;
}

/* ====================================== */
/* sitepolicy */
.mod_sitepolicy p.right { display: block; width: 780px; float: right; margin: 10px 0 0 20px; }
.mod_sitepolicy a { color: #e60010; }
.mod_sitepolicy h2 { display: block; margin-top: 30px; width: 100%; height: 35px; position: relative; padding: 8px 20px; font-size: 15px; color: #e60010; background-color: #e5e5e5; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.mod_sitepolicy h2:before { position: absolute; top: 10px; left: 10px; display: block; content: ""; width: 3px; height: 17px; background: url("/corporate/common/new/images/bg_h2_title_on.png") no-repeat; }
.mod_sitepolicy h3 { display: block; margin: 20px 0 0 20px; color: #e60010; border-bottom: 1px dotted #ccc; }
.mod_sitepolicy a img { margin: 10px 0 0 20px; }