@charset "UTF-8";
* {
  zoom: 1;
  font-family: Meiryo,"メイリオ","Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴProN W3",sans-serif;
}

body {
  font-size: 14px;
  color: #222;
  background: #FFF;
  line-height: 1.6em;
}

a:hover .alpha {
  filter: alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;
}

img {
  vertical-align: text-bottom;
}

#wrapper {
  text-align: center;
  min-width: 1020px;
  margin: 0 auto 150px auto;
}

/* header */
#header {
  width: 1020px;K
  margin: 0 auto;
  padding: 0;
  text-align: left;
  overflow: hidden;
}
#header h1 {
  float: left;
  margin-right: 36px;
}
#header .headerText {
  float: left;
  margin-top: 15px;
}

/* main */
#main.bk {
	width: 100%;
	background: url(/files/user/img/trial-new/bg_main.jpg) repeat-x top left;
	overflow: hidden;
	position: relative;
}
#main .mainImage {
  width: 1020px;
  height: 576px;
  margin: 0 auto;
}
#main .cvArea {
	position: relative;
	top: 0;
	margin: 0 auto;
}

/* cv */
.cvArea {
  width: 960px;
  margin: 30px auto 0;
}
.cvArea .cvBox {
  position: relative;
  margin-top: -120px;
  margin-bottom: 18px;
}
.cvArea .cvBox .cvIcon {
  position: absolute;
  top: -38px;
  left: -20px;
}
.cvArea .cvBox .cvBtn {
  position: absolute;
  bottom: 26px;
  right: 32px;
	
.cvBtn img {
    width: 100%;
    padding: 3.5% 5%;
}
	
}
.cvArea .cvNotice {
  text-align: left;
  font-size: 11px;
  line-height: 1.4em;
}
.cv .text02 {
  text-align: left;
  font-size: 10px;
  line-height: 1.4em;
  margin-left: 50px;
}
.cv_free_clall {
	margin-top: 30px;
	margin-bottom: 60px;
	margin-left: 28px;
}


.secBox {
	width: 960px;
	margin: 0 auto;
}

/* もっちりツヤ肌 */
.secSummary {
	margin: 0 auto 40px;
}
.secSummary .summaryImage {
	background: #ffffff url(/files/user/img/trial-new/bg_summary.jpg) no-repeat center bottom;
	margin-bottom: 48px;
}

/* 喜びの声 */
.secVoice {
	padding-bottom: 25px;
	margin: 0 auto 65px;
	max-width: 1300px;
}
.secVoice .noticeText {
	text-align: left;
	font-size: 11px;
	margin: 10px 10px 0;
}

/* オススメ */
.secRecommend {
  margin: 40px auto 60px;
}
.secRecommend h2 {
  margin-bottom: 53px;
}

/* 選ばれる理由 */
.secReason {
	margin: 30px auto 0 auto;
  background: url(/files/user/img/trial-new/bg_reason.png) repeat-x left top;
}

/* 選ばれる理由 */
.secAbout {
	margin: 0 auto 20px;
}
.secAbout .trouble {
	background: url(/files/user/img/trial-new/bg_about_trouble.png) repeat-x left bottom;
	margin-bottom: 46px;
}
.secAbout .trouble .checkImage {
	position: relative;
	top: 32px;
	z-index: 10; 
}
.secAbout .munoage {
	margin-top: 70px;
	background: url(/files/user/img/trial-new/bg_about_munoage.png) repeat-x left top;
}


/* 商品 */
.secItem {
	margin: 30px auto 130px;
}

/* 品質管理 */
.secQuality {
  margin: 50px auto 0 auto;
  background: url(/files/user/img/trial-new/bg_quality.jpg) repeat-x left top;
}
.secQuality .textBox {
  width: 875px;
  padding: 20px;
  margin: 0 auto;
  background-color: #FFF;  
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 1.2;
  text-align: left;
}
.secQuality .textBox span {
  color: #3447a4;
}

/* 商品のご紹介 */
.secIntroduction .textBox {
  text-align: left;
  font-size: 12px;
  line-height: 1.4em;
  overflow: hidden;
  width: 840px;
  margin: 20px auto 57px;
}
.secIntroduction .textBox .inBox {
  overflow: hidden;
}
.secIntroduction .textBox .inBox .left {
  width: 500px;
  float: left;
}
.secIntroduction .textBox .inBox .right {
  float: left;
}
.secIntroduction .textBox .inBox .right .telImage {
  margin-top: 23px;
}

/* ショッピングガイド */
.secShopping {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
.secShopping h2 {
  margin-bottom: 20px;
}
.secShopping h3 {
  background-color: #e9f1fe;
  border-bottom: 2px solid #00068b;
  padding: 8px 0 2px 10px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 14px;
}
.secShopping h3.center {
  font-size: 24px;
}
.secShopping .inBox {
  overflow: hidden;
  margin-bottom: 80px;
}
.secShopping .leftBox {
  width: 450px;
  float: left;
  margin-left: 10px;
  margin-right: 40px;
}
.secShopping .rightBox {
  width: 450px;
  float: left;
}
.secShopping .text {
  text-align: center;
  margin-bottom: 10px;
}

.skype {
	background: url(/files/user/img/trial-new/icon_skype.png) no-repeat left center;
	padding-left: 14px;
	height: 14px;
	line-height: 14px;
	color: #00adef;
	font-weight: bold;
}

.secFlow h2 {
    background-color: #e9f1fe;
    border-bottom: 2px solid #00068b;
    padding: 9px 0 7px;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 33px;
}

/* footer */
.footer {
  width: 100%;
  background-color: #00068b;
  font-size: 11px;
  padding: 5px 0 10px;
  color: #FFF;
}

/* banner */
.banner {
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  background-image: linear-gradient(transparent 20%, rgba(0,0,130,0.8) 20%);
  height: 110px;
}
.banner p {
  width: 960px;
  margin: 10px auto 0 auto;
}

/* その他 */
.mb10 { margin-bottom: 10px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb35 { margin-bottom: 35px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb45 { margin-bottom: 45px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb55 { margin-bottom: 55px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb65 { margin-bottom: 65px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb75 { margin-bottom: 75px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb85 { margin-bottom: 85px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb95 { margin-bottom: 95px!important;}
.mb100 { margin-bottom: 100px!important;}
.mb120 { margin-bottom: 120px!important;}
.mb24 {
  margin-bottom: 24px;
}

.mb54 {
  margin-bottom: 54px;
}

.center{text-align: center;}