@import url(reset.css);
@import url(base.css);
@charset "utf-8";
/*====================================================================================
■01.Content PAGE 
====================================================================================*/

/*---------------LAYOUT----------------*/
.img-hover:hover{opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)";-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;-o-transition: 0.8s linear;-ms-transition: 0.8s linear;transition: 0.8s linear;}
a img:hover, a:hover
{opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)";-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;-o-transition: 0.8s linear;-ms-transition: 0.8s linear;transition: 0.8s linear;}
#aside{width:230px; float: left;}
#section{width: 740px; float: right;}
.clear{font-size:0; height: 0; clear: both;}
/*---------------------BREADCUMB----------------------*/
#breadcumb{margin-bottom:30px;}
#breadcumb ul li{float: left; font-size:12px; padding-right: 5px; }

#breadcumb ul li a{text-decoration: underline;}
#breadcumb ul li.home a {color:#9c4b81;text-decoration: underline;}


.page_up {
  position: absolute;
  bottom: 30px;
  right: 40px;
}

/*---------------------SECTION----------------------*/
.next-prev a{display: block;width:160px; height: 40px; text-indent: -9999px;}
.next-prev a.prev{background:url('../news/images/prev.png') no-repeat 0 0; float: left;}
.next-prev a.next{background:url('../news/images/next.png') no-repeat 0 0; float: right;}
.next-prev a:hover{background-position: bottom;}
/*---------------------ASIDE----------------------*/
/*ul.aside-list li{margin-bottom:10px;box-shadow: 2px 2px 5px #bababa;position:relative; height: 120px;}
ul.aside-list li:hover img{opacity: 0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60)";-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;-o-transition: 0.8s linear;-ms-transition: 0.8s linear;transition: 0.8s linear;}
ul.aside-list li a{color:#ffffff; text-decoration:none; display: block; width: 100%; height:40px; line-height: 40px; position: absolute; bottom: 0; left:0; }
ul.aside-list li:hover a img{opacity: 1; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=100)";}*/
.ads{background: url('../common_img/bg_ads.jpg') no-repeat 0 0; padding:14px 10px 15px 10px; }
.ads a{display: block;width: 210px; height: 158px; margin-top:12px; }
.ads a:hover img{opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70)";-webkit-transition: 0.8s linear;-moz-transition: 0.8s linear;-o-transition: 0.8s linear;-ms-transition: 0.8s linear;transition: 0.8s linear;}
#aside .block{margin-bottom:20px;}
.aside-contact .info{padding:15px 10px 0 10px; border-right:1px solid #04549e;border-bottom:1px solid #04549e;border-left:1px solid #04549e;}
.aside-contact .info img{ margin:0 auto 10px auto; display: block;}
.aside-contact .info p{border-bottom:1px dotted #808080;padding-bottom:10px; margin-bottom: 10px; line-height: 160%}
.aside-contact .info a{display: block; margin:20px auto 14px auto;}
ul.aside-cate li{margin-bottom: 8px;}
ul.aside-cate li:last-child{margin-bottom:0;}
/*---------------------NEWS----------------------*/
#news{background: url('../news/images/bg_news.jpg') no-repeat top center;}
.section-tt{background: url('../news/images/bline_dotted.png') repeat-x left center; margin-bottom: 23px; }
.section-tt .date{background:#fff url('../news/images/news_date.png') no-repeat 0 0; height: 30px; line-height: 30px; font-size: 14px; color: #ffffff; text-align: center; width: 120px; float: left; padding-right: 20px; font-weight: bold; }
.article h3.tt{color: #1868b2; font-weight: normal; font-size: 26px; margin-bottom: 30px;}
.product{margin-bottom: 80px}
.product-img{float: left;width:300px;}
.product-img a{display: block;width:292px; height: 212px; padding:3px; background-color:#fff; border:1px solid #c5c5c5; position: relative;}
.product-img span.icon-zoom{background:url('../news/images/icon_zoom.png') no-repeat; right:3px;bottom:3px; position: absolute; text-indent: -9999px; display: block; width: 25px; height: 27px;}
.product-info{float: right;width:410px;}
.product-more{padding:30px 0 0 0;}
.product-more ul li{margin-bottom:5px;}
.product-more p{text-decoration: underline; line-height: 180%;}
.pink{color:#846fc8;}
.red{color:#bf1b33;}
.grey{color: #a2a2a2;}
.green{color: #9ac464;}
.blue{color: #6482c3;}
/*---------------------CONTACT----------------------*/
.contact-top{position: relative; height:209px; margin-bottom: 59px; }
.contact-top p{font-size: 14px; color: #333333; font-weight: bold; position: absolute; top:150px; left: auto; text-align: center; width: 100%;  text-shadow: 2px 2px 3px #fff}
.contact-top a{color:#fb4a6b; text-decoration: underline;}
.contact-top a:hover{text-decoration: none;}
#contact .tt{margin-bottom:23px;}
#contact a{color: #ff0000;}
.txtcolor{color: #0990d3; font-weight: bold;}
ul.l-contact li{background: url('../contact/images/icon_l.png') no-repeat 0 10px; padding:2px 0 2px 10px;}
.article p{line-height: 180%; color: #333333; font-size: 14px;}

.contact-content{padding:0 20px; }

table.contact-table{width: 100%;}
table.contact-table02{width: 100%; margin-bottom: 30px}
table.contact-table02 th,
table.contact-table th{text-align: left; background-color: #86c1e0; color: #fff;padding:10px 20px;}
table.contact-table02 td,
table.contact-table td{padding:18px 20px; vertical-align: top;}
table.contact-table02 td,
table.contact-table td{border:1px solid #e7e7e7 ;}
table.contact-table02 td input[type="radio"],
table.contact-table td input[type="radio"]{float: left; margin-top: 7px}
table.contact-table02 td span,
table.contact-table td span{display: block; float: left;}
table.contact-table02 td input.textbox-01,
table.contact-table td input.textbox-01{width: 500px;}
table.contact-table02 td input.textbox-02,
table.contact-table td input.textbox-02{width: 450px;}
table.contact-table02 td input.textbox-03,
table.contact-table td input.textbox-03{width: 98.5%}
table.contact-table02 td input[type="text"],
table.contact-table td input[type="text"],
table.contact-table02 td textarea,
table.contact-table td textarea{border:1px solid #999999; padding:5px; font-size: 12px}
table.contact-table td textarea{width: 98.5%; height: 100px; max-height: 100px; max-width: 98.5%;}
table.contact-table02 td input[type="text"],
table.contact-table td input[type="text"]{float: left;}
table.contact-table td p{}
table.contact-table02 td span,
table.contact-table td span{line-height: 27px;}
table.contact-table02 td select{border:1px solid #999999; ;width: 245px;padding:2px 10px;}
table.contact-table02 td a,
table.contact-table td a{color: #6bb7df!important; text-decoration: underline;}
table.contact-table02 td a:hover{text-decoration: none;}
.bgtd{background-color: #f5f5f5; color:#333333; font-weight: bold; width: 180px;}
.bgtd img{margin-right:7px;}
.contact-btn{margin-bottom:75px;}
.contact-btn a{display:block; width:410px; height: 60px; margin:0 auto;}
table.contact-table02 optgroup {background-color: #cccccc;color: #333333;  font-style: normal;}
table.contact-table02 option {margin:0 5px 0 0;	background-color:#ffffff;	color:#333333;}
.bg-transparent{background-color: #fafafa; padding:10px 0;}




/*---------------------APPEAL----------------------*/
.appeal-block01{background: url('../appeal/images/bg_01.jpg') no-repeat 0 0; height: 478px; margin-bottom: 30px;}
.appeal-block01 .box{padding:40px 20px; text-align: center;}
.appeal-block01 .box h3{margin-bottom: 25px;}
.appeal-block01 .box img{text-align: right;}
.appealimg-01{text-align: right; margin:20px 20px 0 0;}
.appeal-block01 p{line-height: 178%!important;}

.appeal-block02{margin-bottom: 76px;}
.appeal-block02 .box{padding:14px 22px ;}
.appealimg-02{float: left; margin-right: 17px;}
.appeal-block02 .b-top{background: url('../appeal/images/appeal_bg01.png') no-repeat 0 0; height: 7px;}
.appeal-block02 .b-center{background: url('../appeal/images/appeal_bg02.png') repeat-y 0 0}
.appeal-block02 .b-bottom{background: url('../appeal/images/appeal_bg03.png') no-repeat 0 0;height: 6px;}
.appeal-block02 h5{color: #3f8c00; font-size: 14px; margin-bottom: 2px}

.appeal-block03{margin-bottom: 74px;}
.appeal-block03 h3.tt03{background: url('../appeal/images/appeal_tt01.png') no-repeat 0 0; height: 45px; margin-bottom: 40px; display: block; text-indent: -99999px; font-size: 0}
.appeal-block03 .img-click{position: relative; margin-bottom: 58px;}
.appeal-block03 .img-click p{color: #003775; font-size:24px; font-weight: bold;}
.appeal-block03 .img-click a{color: #018dd1; text-decoration: none; display: block; text-indent: -12px; float: left;}
.appealimg-03{position: absolute; right: 0; top: -71px;}
.appeal-block03 .item{background:url('../appeal/images/hline.png') repeat-x bottom left; padding-bottom: 40px; margin-bottom: 35px;}
.appeal-block03 .item img{float: left; margin-right: 20px;}
.appeal-block03 .info{width: 460px; float: right;}
.appeal-block03 .info h4{border-bottom:1px dotted #85c6e8; padding-bottom:0px; margin-bottom: 16px; font-size: 20px;}

.appeal-block04{background:url('../appeal/images/appeal_bg.jpg') no-repeat; position: relative; padding-top: 80px; padding-bottom:23px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
}
.appeal-block04 h3.tt04{position: absolute; top: -20px; left: 0}
.appeal-block04 .box{padding:0 20px;}

.content-04{margin:20px 0;}
.content-04 .detail{width: 380px; float: left;}
.content-04 .detail p{color: #fff; line-height: 172%;}
.content-04 img{float: right; display: block; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);box-shadow: 0px 0px 10px 0px rgba(0,0,0,1);}

.content-05{margin-bottom: 40px}
.content-05 .bg-top{background:url('../appeal/images/appeal_10top.png') no-repeat; height: 7px;}
.content-05 .bg-center{background:url('../appeal/images/appeal_10cen.png') repeat-y;}
.content-05 .bg-bottom{background:url('../appeal/images/appeal_10bot.png') no-repeat; height: 7px;}
.content-05 .box-sub{padding:14px 16px 0 16px;}
.item-list05{background:url('../appeal/images/appeal_hline.png') repeat-x bottom center; padding: 20px 0 29px 0}
.bg-none{background:none!important;}
.bd-none{
  border: none !important;
}
.pd-none{padding-top:0!important;}
.item-list05 h4{color: #333333; font-size: 22px; font-weight: bold; margin-bottom:7px;}
.item-list05 span{display: block; float: left;}
.item-list05 span.point{ margin:0 12px 0 -15px; }
.item-list05 span.txt{ padding-top:5px;}
.item-list05 ul li{background:url('../appeal/images/l_icon.png') no-repeat 3px 17px; padding:11px 0 0px 23px;}

.content-06 h3{margin-bottom: 18px;}
/*---------------------COMPANY----------------------*/
.company-block01{background: url('../company/images/company_03.jpg') no-repeat 0 0; margin-bottom: 58px;}
.company-block01 .box{text-align: center; padding:40px 20px 30px 20px;}
.company-block01 .box h3{margin-bottom: 30px;}
.company-block01 .item-01,
.company-block01 .item-02{background: url('../company/images/company_trans.png') repeat;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;padding: 27px 30px 27px 19px;width: 290px;height: 156px;  text-align: left;}
.company-block01 .item-01{float: left; margin-right: 19px;}
.company-block01 .item-02{float: right;}
.company-block01 .item-01 h4,
.company-block01 .item-02 h4{color: #2b3a5d; font-size: 18px; margin-bottom: 10px;}
.company-block02{margin-bottom: 60px;}
.company-block02 h3{margin-bottom: 40px;}
table.company-table{width: 100%; margin-bottom: 60px;}
table.company-table th{background-color: #eef4f7; color: #003775; width: 140px; text-align: left;}
table.company-table td,
table.company-table th{border:1px solid #e7e7e7; padding:14px 19px;}
.map{margin: 17px 0 0 0}
.txt-bold{padding-right: 20px; font-weight: bold;}
.company-block03 h3{margin-bottom: 30px;}

/*---------------------FLOW----------------------*/
.flow-block01{margin-bottom: 80px;}
.flow-block01 h3{margin-bottom: 19px;}
.flow-block01 .box{border:1px solid #2067a9; margin:25px 0 20px 0;}
table.flow-table{width:100%;}
table.flow-table td{vertical-align: middle; text-align: left;}
table.flow-table td .info{padding:19px 20px;} 
.form-ct{padding:20px;background-color: #eef4f7; margin-top:5px;}
.form-ct .tel-fax{float: left; width: 173px;}
.form-ct .tel-fax img{margin-top: 5px;}
.form-ct .btn{float: right;}
.form-ct .btn a{display: block; width: 190px; height: 60px; background:url('../flow/images/flow_email.png') no-repeat top center; text-indent: -9999px; font-size: 0}
.form-ct .btn a:hover{background-position:bottom;}
.arrow{padding-left: 106px;}

.flow-block02 h3{margin-bottom: 30px;}
.flow-block02 .b-top{background:url('../flow/images/flow_top.png') no-repeat 0 0; height: 28px;}
.flow-block02 .b-center{background:#f5f5f5 url('../flow/images/flow_center.png') no-repeat center center; padding:0 10px;}
.flow-block02 .b-bottom{background:url('../flow/images/flow_bot.png') no-repeat 0 0; height: 20px;}
.flow-frame{background-color: #fff; padding: 0 20px 0px 10px;}
table.flow-table02 td{padding:0 0 20px 10px}
table.flow-table02 td.question{vertical-align: middle; font-weight: bold; font-size: 18px; color: #003775; }
.flow-block02 .box{margin-bottom: 30px;}


/*---------------------SERVICE----------------------*/
.service-block01{background:url('../service/images/img_01.jpg') no-repeat 0 0; padding:0px 0 24px 0; margin-bottom: 38px;}
.service-block01 p{line-height: 178%; font-size: 14px; color: #333; padding-left: 30px;}
.service-block01 a{color: #fb4a6b; text-decoration: underline;}
.service-block01 a:hover{text-decoration: none;}

.service-block02{}
.service-block02 .box{margin-bottom: 60px;}
.service-block02 h3{ margin-bottom: 34px; }
.service-block02 .info{float: left;width:460px;}
.service-block02 .info h4{font-size: 20px; color: #333;border-bottom:1px dotted #85c6e8; margin-bottom: 4px; padding-bottom: 3px;}
.service-block02 .info p.txt{font-size:18px; color: #0089d1; margin-bottom: 8px; }
.service-block02 .service-img{float: right;}
.service-block02 .service-img img{border:1px solid #ececec;}

.service-block03{background:url('../service/images/service_contactf.png') no-repeat; margin-bottom: 80px;}
.service-block03 .box{padding:30px;}
.service-block03 .info{background:url('../service/images/hline.png') no-repeat bottom center; text-align: center; font-size: 21px; color:#333; font-weight: bold; padding-bottom: 10px;margin-bottom: 10px;}
.service-block03 .info span{font-size:28px; color: #fb4a6b}
.method .tel-fax{float: left;}
.method .btn{float: right;}
.method img{margin:10px 0 0 10px;}
.method img:first-child{margin-right:10px;}
.method .btn a{display: block; width: 190px; height: 50px; background:url('../service/images/service_contact.png') no-repeat top center; text-indent: -9999px; font-size: 0}
.method .btn a:hover{background-position:bottom;}

table.sevice-table .info-top p,
table.sevice-table .info-top a{display: block; width: 150px; height: 139px; position: relative; float: left;margin-right: 20px;}
table.sevice-table .info-top .zoom-icon{background:url('../service/images/zoom.png') no-repeat; width: 26px; height: 28px; position: absolute; bottom:5px; right: 5px; font-size: 0; text-indent: -9999px;}
table.sevice-table .name-title{float: left;width: 180px;} 
table.sevice-table .name-title h4{font-size:18px; color: #0089d1}
table.sevice-table .name-title span{font-size: 14px; color: #0089d1}
table.sevice-table td{padding:30px 0; background:url('../service/images/hline_table.png') repeat-x 0 100%;}
table.sevice-table td.no-bg{background:none!important;}
table.sevice-table .info-center{padding:18px 20px; background-color: #eef4f7; color: #003775; margin: 20px 0}

/*BANNER*/
.banner {
    background: url("../common_img/bgbanner.png") repeat-x 0 0;
}
.banner .banner-c {
    background: url("../common_img/banner.png") no-repeat top center;
    height: 130px;
}
.container h2 {
    padding-top: 50px;
    text-align: center;
}
.content_page {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}
.page-cont .content_page .content {
    background-color: #f4f3ee;
    width: 665px;
    float: right;
    padding: 10px 48px 0 0px;
}
/*crumb*/
.page-sub {
    background: #f4f3ee url("../common_img/bg.jpg") repeat-y top center;
  }
  .banner .banner-c {
    background-position: top center;
  }

/*NEWS*/
#page_news .cont {
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
	margin-bottom: 45px;
}
.cont .ttl{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
}
.cont .date{
	color: #3f60a0;
	font-weight: 14px;
}
.img_news_box {
    float: left;
    margin: 0 25px 25px 0;
    width: 248px;
}
.text_box{
	float: right;
	width: 392px;
}
.btn {
	background: #000;
	text-align: center;
	padding: 15px 0px; 
	width: 130px;
	margin-bottom: 200px;
}
.btn:hover{
	opacity: 0.7;
}
/*COMPANY*/
.title{
	margin: 0px 0px 15px;
  font-size: 20px;
}
.stl_tble{
	width: 665px;
	margin-bottom: 50px;
}
.stl_tble th{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 15px;
	background: #d8d8f1;
	border: 1px solid #9b9bc9;
	vertical-align: middle;
	width:160px; 
}
.stl_tble td{
	font-size: 14px;
	text-align: left;
	padding: 15px;
	background: #fff;
	border: 1px solid #9b9bc9;
	vertical-align: middle;
}
.stl_tble td.w60px {
  width: 60px !important;
}
/*PROFILE*/
.part {
	margin-top: 20px;
}
.part .img_box{
	float: left;
	width: 282px;
	margin-right: 25px;
}
.part .main_text{
	float: right;
	width: 355px;
	
}
.main_text .table{
	background: url("../profile/images/bg_1.png") repeat-y 40px;
}
.main_text table{
	margin-bottom: 30px;
	
}
.main_text tr{
	margin-bottom: 30px;
}
.main_text th{
	border-radius: 40px;
	width: 80px;
	padding: 30px 0px;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.main_text td{
	font-size: 14px;
	padding-left: 20px;
	width: 255px;
	vertical-align: middle;
}
/*WORKS*/
#page_works .cont{
	margin-bottom: 45px;
}
.cont .title{
	font-weight: bold;
	font-size: 18px;
	color: #6844a3;
	margin-bottom: 15px;
}
/*CONTACT*/
.page-cont#page_contact{
	background: #f4f3ee;
}
#page_contact .title{
	margin-bottom: 15px;
}
#private .banner{
    background: linear-gradient(#e6d8ee,#ffffff);
    border: 1px solid #c4a1da;
    margin-top: 20px;
    padding: 20px;
    margin-bottom: 50px;
    line-height: 2;
}
.link a{
	text-decoration: underline !important;
	color: #6844a3;
}
.dv_form table{
	padding: 15px;
}
.dv_form th p{
	text-align: left;
    padding-left: 70px;
}
.dv_form th .need{
	background: url("../contact/images/need.png") no-repeat 15px;
	padding-right: 5px;
}
.dv_form th .noneed{
	background: url("../contact/images/noneed.png") no-repeat 15px;
	padding-right: 5px;
}
.dv_form th{
	background: #d8d8f1;
	border: 1px solid #9b9bc9;
	width: 265px;
	vertical-align: middle;
	padding: 12px 0px;
}
.dv_form td{
	background: #fff;
	border: 1px solid #9b9bc9;
	width: 720px;
	padding: 12px 15px;

}
.checkform {
	margin-left: 340px;
    margin-top: 30px;
}

/*SHOPPING*/
/*1: LIST*/
.product_list{
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.list{
	margin-bottom: 40px;
}
.list li{
	float: left;
	width: 212px;
	margin-right: 14px;
}
.list .ttl{
	font-weight: bold;
	font-size: 14px;
	color: #d969a0;
	padding: 15px 0px 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
/*2:DETAIL*/
.gallery{
	float: left;
	margin-right: 20px;
}
.photo {
    width: 267px;
    float: left;
}
.photo_in {
    width: 267px;
    height: 326px;
    position: relative;
}
.photo_in img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.thumbnail {
  padding: 10px 0 0;
  margin-top: 10px;
}
.thumbnail li{
  margin-right: 7px;
  float: left;
  width: 84px;
  margin-top: 10px;
}
.thumbnail li a {
    display: block;
    position: relative;
    width: 84px;
    height: 103px;
}
.thumbnail a img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pr_detail{
	float: right;
	width: 370px;
}
.pr_detail .ttl{
	font-weight: bold;
	font-size: 18px;
	color: #d969a0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
}
.pr_detail .des{
	margin-bottom: 20px;
}
.pr_detail .price{
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0px 25px;
}
.box_text{
  padding-bottom: 50px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}
.box_text_01{
  padding: 17px;
  background: #fff;
  border: 1px solid #9c387b;
  margin-top: 30px;
}
.box_text_01 .ttl{
  color: #9c387b;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}
.box_text_02{
  padding: 17px;
  background: #fff;
  border: 1px solid #6844a3;
  margin-top: 30px;
}
.box_text_02 .ttl{
  color: #6844a3;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}
.list_btn li{
  float: left;
  width: 132px;
  margin-right: 134px;
}
/*REGIST*/
/*TMPL_CARLIST*/
.list_active li{
  float: left;
  text-align: center;
  padding: 10px 0 ;
  width: 140px;
  background: #383854;
  font-weight: bold;
  font-size: 13px;
  margin-right: 35px;
  color: #fff;
  position: relative;
  margin-bottom: 30px;
}
.list_active li:after {
  position: absolute;
  content: url(../regist/images/arrow.png);
  width: 13px;
  height: 5px;
  right: -23px;
  top: 50%;
  margin-top: -3px;
}
.list_active li.none:after {
  content: "";
}
.list_active li.active {
  background: #871f23;
}
.current_cart .ttl{
  font-weight: bold;
  font-size: 16px;
  color: #282828;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.current_cart .list_btn li{
  float: left;
  width: 205px;
  margin-right: 25px;
}

/*BASE*/
.box_anchorlink{
  border: 1px solid #6844a3;
  padding: 20px;
  margin-bottom: 25px;
}
.box_anchorlink li{
  float: left;
  margin-right: 45px;
  width: 170px;
}
.box_anchorlink li a{
  text-decoration: underline;
  color: #000;
}
.list_anchorlink{
  margin: 15px 0px;
}
.list_anchorlink dl{
  float: left;
}
.list_anchorlink dt{
  width: 25px;
  margin-right: 10px;
  float: left;
  margin-left: 35px;
}
.list_anchorlink dd{
  float: left;
}
.con .ttl{
  margin: 45px 0px 15px;
}
.arrow1 a{
  color: #6844a3;
}
.arrow1{
  background: url("../common_img/arrow_01.png") no-repeat right 7px;
  text-decoration: underline;
  margin-top: 30px;
  padding-right: 15px;
}
.arrow2{
  background: url("../common_img/arrow_02.png") no-repeat right 7px;
  text-decoration: underline;
  margin-top: 30px;
  padding-right: 15px;
}
.arrow2 a{
  color: #9c387b;
}
.arrow3{
  background: url("../common_img/arrow_03.png") no-repeat right 7px;
  text-decoration: underline;
  margin-top: 30px;
  padding-right: 15px;
}
.arrow3 a{
  color: #3e698c;
}
#erasestain .tit{
  font-weight: bold;
  font-size: 22px;
  margin: 45px 0px 15px;
}
.ban_tei{
  background: #fff url("../common_img/bg_tei.png") no-repeat top right;
  border: 1px solid #bac0c6;
  padding: 28px; 
  margin-top: 25px;
}
.ban_tei .pull_right{
  width: 428px;
}
#erasestain .tit_1{
  font-weight: bold;
  font-size: 18px;
  color: #6844a3;
  margin: 45px 0px 15px;
}
.list_banner{
  margin-bottom: 150px;
}
.list_banner li{
  margin-top: 45px;
  float: left;
  width: 217px;
  margin-right: 7px;
}
/*TEI*/
.tei .cont{
  margin-bottom: 40px;
}
.tei .cont li{
  background: url("../common_img/list_style_01.jpg") no-repeat left 5px;
  padding-left: 15px;
  margin-bottom: 10px;
}

.ban_tei li{
  background: url("../common_img/arrow_04.png") no-repeat left 5px;
  float: left;
  width: 190px;
  margin-right: 0px;
  margin-bottom: 15px;
  padding-left: 15px;
}
.ban_tei li a{
  text-decoration: underline;
  color: #000;
}

.cont_tei .img{
  float: left;
  width: 110px;
  margin-right:15px; 
  margin-bottom: 30px;
}
.page_control .cont_tei .txt{
  float: right;
  width: 390px;
}
.cont_tei .txt .ttl{
  padding-right: 15px;
  margin-bottom: 20px;
}
.cont_tei .txt .ttl a{
  background: url("../common_img/arrow_02_1.png") no-repeat right 7px;
  font-size: 16px;
  font-weight: bold;
  color: #9c387b;
  text-decoration: underline;
  padding-right: 20px;
}
.intro_pro{
  margin-bottom: 40px;
}
.intro_pro .img_left{
  float: left;
  width: 200px;
  margin-right: 20px;
}
.intro_pro .cont_mid{
  position: relative;
  float: left;
  width: 230px;
  margin-right: 15px;
}
.intro_pro .cont_mid:after{
  position: absolute;
  content: "";
  background: url("../common_img/arrow_05.png") no-repeat;
  width: 18px;
  height: 93px;
  right: -5px;
  top: 40%;
}
.intro_pro .cont_mid .ttl{
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #c5519e;
  padding-bottom: 10px;
}
.intro_pro .cont_mid dl{
  display: table;
  margin-top: 4px;
  margin-left: 3px;
}
.intro_pro .cont_mid dt{
  float: left;
  width: 37px;
  margin-right: 15px;
  vertical-align: middle;
}
.intro_pro .cont_mid dd{
  display: table-cell;
  width: 160px;
  vertical-align: middle;
}
.intro_pro .cont_mid dd a{
  text-decoration: underline;
}
.intro_pro .img_right{
  float: right;
  width: 200px;
}
.beforeafter {
  margin-bottom: 40px;
}
.beforeafter .img_left {
  float: left;
  width: 216px;
}
.beforeafter .img_left img {
	width: auto;
	max-width: 100%;
}
.beforeafter .cont_right {
  float: right;
  position: relative;
  width: 445px;
}
.beforeafter .cont_right .ttl {
  margin-top: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #c5519e;
}
.beforeafter .cont_right dl {
  display: table;
  margin-top: 15px;
  width: 100%;
}
.beforeafter .cont_right dt {
  display: table-cell;
  width: 60px;
  text-align: center;
  vertical-align: middle;
}
.beforeafter .cont_right dt::before {
  content:"";
  display: inline-block;
  width: 36px;
  height: 36px;
  border-width: 2px;
  border-style: solid;
  border-radius: 20px;
}
.beforeafter .cont_right dl:nth-child(2) dt::before {
  border-color: rgba(248,222,154,1);/* #f8de9a */
  background-color: rgba(249,222,160,0.3);/* #f9dea0 */
}
.beforeafter .cont_right dl:nth-child(3) dt::before {
  border-color: rgba(104,68,168,0.15);/* #6844a3 */
  background-color: rgba(104,68,168,0.3);/* #6844a3 */
}
.beforeafter .cont_right dl:nth-child(4) dt::before {
  border-color: rgba(197,81,158,0.4);/* #c5519e */
  background-color: rgba(197,81,158,0.3);/* #c5519e */
}


.beforeafter .cont_right dd {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.beforeafter .cont_right dd a {
  text-decoration: underline;
}
/*CONTROL*/
.ban_purple {
  background: #fff url("../control/images/bg_bb_1.png") no-repeat bottom right;
  margin: 30px 0px 40px;
}
.ban_purple .cont_top{
  background: url("../control/images/bg_t_1.png") no-repeat top;
  padding: 30px 35px;
}
.ban_pink {
  background: #fff url("../control/images/bg_bb_2.png") no-repeat bottom right;
  margin: 30px 0px 40px;
}
.ban_pink .cont_top{
  background: url("../control/images/bg_t_2.png") no-repeat top;
  padding: 30px 35px;
}
.cont_top .img{
  float: left;
  width: 160px;
  margin-right: 30px;
}
.cont_top .ttl_img{
  text-align: center;
  color: #e075ab;
  font-weight: bold;
  padding: 15px 0px;
  width: 160px;
}
.cont_top .txt{
  float: right;
  width: 400px;
}
/*KRYOLAN*/
.cont_kryolan{
  background:  url("../kryolan/images/bg_1.png") repeat-y top;
  padding: 30px;
  border: 1px solid #ccc;
  margin-top: 45px;
}
.page_kryolan .cont_tei .txt {
    float: right;
    width: 335px;
}
.bann_kry0lan{
  background: #6844a3;
  padding: 20px;
  margin-top: 50px;
}
.bann_kry0lan .pull_right li{
  float: left;
  width: 120px;
  margin-right: 30px;
  background:  url("../kryolan/images/arrow_01.png") no-repeat 5px;
  padding-left: 20px;
}
.bann_kry0lan .pull_right li a{
  color: #fff;
  text-decoration: underline;
}
.cont_kryolan .cont_tei .img{
  width: 250px;

}
/*TECHNIQUE*/
.anchor_link{
  background: #9c387b;
  padding: 25px 30px;
  color: #fff;
  margin-top: 25px;
}
.anchor_link li{
  margin-bottom: 10px;
}
.anchor_link li a{
  color: #fff;
  text-decoration: underline;
}
.ban_01 {
  background:  url("../technique/images/bg_bn1.png") no-repeat;
  border: 1px solid #ccc;
  padding: 25px;
  margin-top: 25px;
}
.ban_02{
  background:  #fff url("../technique/images/bg_bn2.png") no-repeat top right;
  border: 1px solid #ccc;
  padding: 22px;
  margin-top: 45px;
}
.ban_02 a{
  color: #9c387b;
  text-decoration: underline;
  background: url("../common_img/arrow_02.png") no-repeat 5px;
  padding-left: 20px;
}
/*TOOL*/
#brush .cont {
  margin-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #ccc;
}
#brush .cont .txt {
  float: left;
  width: 420px;
  margin-right: 30px;
}
#brush .cont .txt .ttl{
  color: #9c387b;
  font-weight: bold;
  font-size: 18px;
}
#brush .cont .img{
  float: right;
  width: 215px;
}
/*FOUNDATION*/
.box_style1 {
  border: 1px solid #ccc;
  background: #fff url("../foundation/images/bg_br.png") no-repeat bottom right;
  padding: 30px;
}
.box_style2{
  border: 1px solid #ccc;
  background: #efe6fb;
  padding: 30px;
}
.box_style2 a{
  text-decoration: underline;
  color: #9c387b;
}
/*KUMA*/
.ban_tow_tei {
  background: #fff url("../kuma/images/bg_01.png") no-repeat top;
  border: none;
  padding: 28px;
  margin-top: 25px;
}
.ban_eyes{
  background: #fff;
  border: 1px solid #cfcdd4;
  padding: 35px 30px;
}
.ban_eyes li{
  float: left;
  width: 260px;
}
/*ABOUT*/
.tei_collec,
.kryolan {
  position: relative;
}
.btn_tei,
.btn_kryolan {
  position: absolute;
  top: -10px;
  left: 160px;
}
/*PP*/
.sec_pp {
  background: #fff url("../pp/images/bg_01.png") no-repeat top;
  border: 1px solid #bdb2ce;
  padding: 25px;
  margin-top: 20px;
}
.sec_pp .ttl{
  font-weight: bold;
  color: #6844a3;
  margin-bottom: 15px;
}
.sec_pp li{
  background: url(../common_img/list_style_02.png) no-repeat left 8px;
  padding-left: 10px;
  margin-bottom: 5px;
}
/* KIYAKU */
.sec_child{
  margin-bottom: 20px;
}
.sec_child .ttl{
  font-size: 16px;
  font-weight: bold;
  color: #6844a3;
  margin-bottom: 10px;
  text-decoration: underline;
}
/* KIYAKU */
#page_law a {
  text-decoration: underline;
}
/*SPECIAL*/
#page_special .box_anchorlink li{
  width: 290px !important;
  margin-right: 0px !important;
}
.sec_infor h3{
  margin-bottom: 20px;
}
.cont_infor .text{
  float: left;
  width: 410px;
  margin-right: 20px;
}
.cont_infor .img{
  float: right;
  width: 235px;
}
.ban_infor {
  padding: 30px;
  background: #efe6fb;
  margin-top: 30px;
  border: 1px solid #d2d2d2;
}
/*BRIDAL*/
.cont_infor .text a{
  text-decoration: underline;
}
/*GALLERY*/
.gallery_show{
}
#Target_img {
  width: 655px;
  height: 374px;
  display: table;
  text-align: center;
  background-color: #fbfcfd;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1), inset 0 0 15px rgba(0,0,0,.3);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,.1), inset 0 0 15px rgba(0,0,0,.3);
  box-shadow: 0 0 5px rgba(0,0,0,.1), inset 0 0 15px rgba(0,0,0,.3);
  border: solid 5px #010101;
}
.list_gallery{
  background: #fff;
  margin-top: 60px;
  border: 5px solid #4c381f;
  padding: 50px 14px 14px;
  position: relative;
}
.top_bg {
  position: absolute;
  top: -20px;
  left: -5px;
}
.list_gallery li {
  float: left;
  width: 148px;
  margin-right: 11px;
  margin-bottom: 10px;
}
.list_gallery li:nth-child(4n){
  margin-right: 0px;
  float: right;
}
#Thumbs{
  margin-top: 30px;
}
#Thumbs li{
  float: left;
  width: 148px;
  margin-right: 11px;
  margin-bottom: 10px;
}
#Thumbs li:nth-child(4n){
  margin-right: 0px;
  float: right;
}
/*STAGE*/
.sec_new .text{
  float: left;
  width: 410px;
  line-height: 1.8;
}
.sec_new .img{
  float: right;
  width: 235px;
  margin-left: 20px;
}