@charset "UTF-8";

/*main*/
body{
  font-family : Arial,'ＭＳ Ｐゴシック',sans-serif;
}

.footer{
  padding:0 29px;
}

#wrapper{
  width:942px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:45px;
}

#wrapper_bg{
  width:100%;
  height:100%;
  float:left;
}

#main{
  width:780px;
  float:right;
  background-color:#ffffff;
  padding:0 0 30px 0;
}

/* main_sub
-----------------------------------------------------------------------------------------------------------*/

#sub_nav_fixed{
  width:140px;
}

#sub_nav .nav{
  padding-top:6px;
  padding-bottom:4px;
}

.info p{
  padding-bottom:8px;
}

#sub_nav .nav img{
  margin-top:2px;
}


/* clearfixでwrapperに高さを出す */
div.contents-wrapper{
  zoom : 1;
}

.tab li{
  padding-left:9px;
  display:inline;
}

li.tab_top{
  padding-left:0;
}

.company_bnr li{
  padding-left:6px;
  display:inline;
}

li.bnr_top{
  padding-left:0;
}

div.contents-wrapper:after{
  content : '';
  display : block;
  clear : both;
}

/* subを固定幅 */
div.sub-contents-wrapper{
  margin-right : -140px;
  float : left;
  width : 140px;
  position : relative;
  z-index:1;
}

/* メインコンテンツを可変幅 */
div.main-contents-wrapper{
  float : left;
  width:100%;
  position : relative;
}

.contents_inner_01{
  width:720px;
  text-align:left;
  padding:0 0 0 30px;
}

.contents_inner_01 li{
  display: inline;
  overflow:hidden;
}

.contents_inner_01 ul{
  margin:14px 0 0 0;
}

.contents_inner_03 li{
  display: inline;
  overflow:hidden;
}

.contents_inner_03 ul{
  margin:80px 0 0 0;
}

li.products_img{
  margin:0 5px 0 0;
}

.titlebox01{
  background-image:url("../images/title_bg.gif");
  background-repeat:no-repeat;
  text-align:left;
  width:780px;
  height:66px;
}

h3.h3_top{
  color:#32b400;
  font-size:20px;
  font-weight:500;
  letter-spacing:2px;
  margin:30px 0 14px 0;
}

h3{
  color:#32b400;
  font-size:20px;
  font-weight:500;
  letter-spacing:2px;
  margin:0 0 14px 0;
}

p.text_01{
  color:#646464;
  font-size:12px;
  letter-spacing:1px;
  line-height:18px;
}

p.text_02{
  color:#646464;
  font-size:14px;
  letter-spacing:1px;
  margin:14px 0 0 0;
  line-height:22px;
}

.to_top{
  text-align:right;
  padding:50px 0 0 0;
}

.p_top_bg01_inner a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

.p_top_bg02_inner a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}

#mainimg_wrapper{
  height: 370px;
  background:url("../images/top/bg_02.gif") repeat-x scroll 0 0 transparent;
}

#mainimg_inner{
  width:1000px;
  margin:0 auto;
}

.mainimg_left{
  float:left;
}

.mainimg_right{
  float:left;
}

.p_top_bg01{
  background-color:#ffffff;
  background-repeat:no-repeat;
}

.p_top_bg01_inner{
  width:906px;
  margin:0 auto;
  padding: 0 47px;
}

.p_top_bg01 ul{
  padding:13px 0 10px 0;
}

.p_top_bg01 li{
  display:inline;
}

li.p_top_bg01_img{
  margin:0 10px 0 0;
}

.p_top_bg02{
  background:url("../images/top/bg_04.gif") repeat-x scroll 0 0 transparent;
  height:99px;
  margin-top:10px;
}

.p_top_bg02_inner{
  width:906px;
  margin:0 auto;
  padding:5px 47px 0;
}

.p_top_bg02 ul{
  padding:1px 0 0 0;
}

.p_top_bg02 li{
  display:inline;
}

li.p_top_bg02_img{
  margin:0 6px 0 0;
}



/*サイトマップ*/
.sitemap_inner_01{
  width:720px;
  text-align:left;
  padding:0 0 0 30px;
}

.sitemap_inner_01 li{
  color:#0096FF;
  font-size:14px;
  letter-spacing:1px;
  line-height:24px;
}

.sitemap_inner_01 li li{
  margin-left:10px;
}

.sitemap_inner_01 a{text-decoration:underline;}
.sitemap_inner_01 a:link{color:#0096ff;}
.sitemap_inner_01 a:visited{color:#0096ff;}
.sitemap_inner_01 a:hover{text-decoration:none;}

.top_inner_left{
  width:360px;
  float:left;
  text-align:left;
  margin:14px 0 20px 0;
}

.sitemap_inner_01 ul li{
  background:url("../images/arrow.gif");
  background-repeat:no-repeat;
  text-indent:10px;
  margin-left:10px;
}

.top_inner_right{
  width:350px;
  float:left;
  text-align:left;
  margin:14px 0 20px 10px;
}

.sitemap_left{
  width:360px;
  float:left;
  text-align:left;
}

.left_inner{
  margin:14px 0 20px 0;
}

.sitemap_right{
  width:350px;
  float:left;
  text-align:left;
  margin-left:10px;
}

.right_inner{
  margin:14px 0 20px 0;
}

.sitemap_subtitle{
  margin:20px 0 20px 0;
}

/*個人情報保護方針	*/
.protection_box{
  margin:10px 0;
  overflow:auto;
  width:100%;
}

.protection_box_left{
  float:left
}

.protection_box_right{
  float: right;
  padding-top: 15px;
  width: 640px;
}

/*調整*/
.regulation01{
  padding:0 0 0 0 !important;
}

.mainimg_top{
  width:906px;
  margin:10px auto 0;
}

/*-----------------------------------------------------------------------------------------------------------

リニューアル201506

-----------------------------------------------------------------------------------------------------------*/
body {
  font-weight: 500;
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif !important;
}

#header_menu {
  float: none;
}

#contents {

}

#contents a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter:"alpha(opacity=70)";
}

#contents p a:hover {
  text-decoration: none;
  opacity: 1;
  -ms-filter:"alpha(opacity=100)";
}

.contents-inner {

}

.section {
  padding: 50px 0;
}

.section-inner {
  width: 1000px;
  margin: 0 auto;
}

.section-ttl {
  width: 380px;
  margin: 0 auto 20px;
  position: relative;
  z-index: 10;
  zoom: 1;
  line-height: 1;
}

.section-contents {
}

.section-contents li {
  float: left;
}

.section-text {
  text-align: center;
}

.list-text a {
  font-size: 15px;
}

.list-image {
  margin: 0 0 8px;
}

.section-lead-text {
  font-size: 14px;
}

.content-ttl {
  text-align: center;
  margin: 0 0 10px;
  color: #009142;
  font-size: 25px;
  font-weight: bold;
  line-height: 1;
}

.section-border {
  height: 4px;
  border-top: 1px solid #badeca;
  border-bottom: 1px solid #badeca;
  margin: 0;
}

.content-border {
  display: inline-block;
  border-top: 1px solid #c4c4c4;
  padding: 10px 0 0;
  margin: 0;
}

.reservation-btn {
  margin: 0 auto;
  width: 550px;
}

.salon-section {
  background: url(/images/top/salon_section_bg.png);
}

.salon-section .section-contents {
  position: relative;
  min-height: 350px;
}

.salon-list-bg {
  background: url(/images/top/salon_section_bg_japan.png);
  width: 380px;
  height: 302px;
  position: absolute;
  left: 606px;
  bottom: 10px;
}

.salon-section .section-inner {
  padding: 0 0 0 40px;
}

.salon-section .section-ttl {
  margin: 0 auto 30px;
}

.salon-list {
  float: left;
  width: 245px;
}

.salon-list.last {
  width: 225px;
}

.salon-area {
  margin: 0 0 20px;
}

.salon-area-ttl {
  color: #009142;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 14px;
  padding: 0 0 0 5px;
  border-left: 3px solid #009142;
}

.salon-area-ttl a {
  color: #009142;
  text-decoration: none;
}

.prefectures-ttl {
  color: #207245;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 8px;
}

.salon-area ul {
  margin: 0 0 10px;
}

.salon-area li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  margin: 0 15px 0 0;
  font-size: 13px;
}

.biotech-section {
  background: #f8f8f8;
}

.biotech-section .section-content-01 {
  background: url(/images/top/biotech_section_text_bg.jpg) no-repeat;
  width: 977px;
  height: 205px;
  position: relative;
  zoom: 1;
  margin: -43px auto 33px;
}

.biotech-section .section-content-01 p {
  position: absolute;
  top: 50px;
  left: 60px;
  width: 605px;
  font-size: 16px;
}

.biotech-section .section-content-02 ul {
  margin: 0 0 45px;
}

.biotech-section .section-content-02 li {
  width: 336px;
}

.biotech-section .section-content-02 .last {
  width: 328px;
}

.biotech-section .section-content-02 a {
  display: block;
}

.biotech-section .section-content-02 dl {
  padding: 0 0 48px 14px;
  position: relative;
  zoom: 1;
  margin: 0 0 10px;
}

.biotech-section .section-content-02 dt {
  position: absolute;
  bottom: 0;
  left: 0;
}

.biotech-section .section-content-02 li p {
  text-align: center;
  font-size: 14px;
}

.biotech-section .section-content-03 {
  overflow: hidden;
}

.biotech-section .section-content-03 ul {
  margin: 0 -10px;
}

.biotech-section .section-content-03 li {
  width: 490px;
  margin: 0 10px;
}

.biotech-section .section-content-03 li img {
  margin: 0 0 10px;
}

.biotech-section .section-content-03 li p {
  text-align: center;
  font-size: 14px;
}

.countermeasure-section {
  background: #f2f2f2;
}

.countermeasure-section .section-ttl {
  width: 455px;
}

.countermeasure-section .section-lead-text {
  margin: 0 0 30px;
}

.countermeasure-section .section-content-01 {
  margin: 0 0 40px;

}

.countermeasure-section .section-content-02 {
  margin: 0 0 50px;
}

.countermeasure-section .section-content-02 .content-ttl {
  margin: 0 0 30px;
}

.countermeasure-section .section-content-02 ul {
  margin: 0 0 50px 35px;
}

.countermeasure-section .section-content-02 li {
  width: 193px;
}

.countermeasure-section .section-content-03 .content-border {
  margin: 0 0 20px;
}

.countermeasure-section .section-content-03 ul {
  margin: 0 0 8px;
}

.countermeasure-section .section-content-03 li {
  width: 341px;
}

.countermeasure-section .section-content-03 .last {
  width: 318px;
}

.countermeasure-section .section-content-03 {
  margin: 0 0 51px;
  text-align: center;
}

.treatment-section {
  text-align: center;
  background: #f8f8f8;
}

.treatment-section .content-ttl {
  margin: 0 0 10px;
}

.treatment-section .section-lead-text {
  margin: 0 0 45px;
}

.treatment-section .content-border {
  margin: 0 0 30px;
}

.treatment-section .section-content-01 {
  margin: 0 0 50px;
}

.treatment-section li {
  width: 510px;
}

.treatment-section .last {
  width: 490px;
}

.treatment-section .center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.treatment-section .section-content-02 {
  margin: 0 0 50px;
}

.news-area {
  padding: 10px 0;
}

.news-area-inner {
  width: 920px;
  margin: 0 auto;
  position: relative;
}
.news-ttl {
  line-height: 1;
  font-size: 14px;
  color: #7bca00;
  font-weight: bold;
  position: absolute;
  top: 10px;
  left: 0;
}

.news-list {
  margin: 0 0 10px 70px;
}

.news-list div {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.news-list a {
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
}

.news-all {
  text-align: right;
}

.news-all a {
  font-size: 14px;
  text-decoration: none;
  position: relative;
  padding: 0 20px 0 0;
}

.news-all-icon {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-color: #009142;
}

.news-all-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -4px 0 0 -4px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #ffffff;
}

.news-all-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -4px 0 0 -6px;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #009142;
}

.other-list-area {
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
}

#otherSlider {
  position: relative;
  zoom: 1;
}

#otherSlider img {
  border: 1px solid #009142;
}

.other-slider-image {
  margin: 0 0 8px;
}

/*.other-list-area li {
  float: left;
  width: 192px;
}*/

#otherSlider a {
  display: block;
  text-align: center;
}

#otherSlider img {

}

#footer_bg01 {
  background-color: #f8f8f8;
}

#footer_item {
  padding: 25px 0;
}

/*slider*/

.wideslider {
  width: 100%;
  min-width: 1000px;
  text-align: left;
  position: relative;
  background: #f2f2f2;
  height: 522px !important;
}

.wideslider ul,
.wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
}

.wideslider ul li img {
  width: 100%;
  display: none;
}

.wideslider_base {
  top: 0;
  position: absolute;
}
.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;

}

.slider_prev_cover,.slider_next_cover {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  opacity: 0.5;
}
.slider_prev_cover {background: #000  no-repeat right center;}
.slider_next_cover {background: #000  no-repeat left center;}

.slider_prev_01, .slider_next_01 {
  position: absolute;
  top: 50%;
  z-index: 100;
  cursor: pointer;
  width: 39px !important;
  height: 56px !important;
  display: block;
  margin-top: -28px;
  text-indent: -9999px;
}

.slider_prev_01 {
  left: -20px !important;
  background: url(/images/top/slider_prev_01.png) no-repeat;
}
.slider_next_01 {
  left: 960px !important;
  background: url(/images/top/slider_next_01.png) no-repeat;
}

.slider_prev_02, .slider_next_02 {
  position: absolute;
  bottom: 0;
  z-index: 300;
  cursor: pointer;
  width: 19px !important;
  height: 36px !important;
  display: block;
  text-indent: -9999px;
}

.slider_prev_02 {
  left: -10px !important;
  background: url(/images/top/slider_prev_02.png) no-repeat;
}
.slider_next_02 {
  left: 970px !important;
  background: url(/images/top/slider_next_02.png) no-repeat;
}

.pagination {
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 200;
}

.pagination .pagination-inner {
  width: 920px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

.pagination .pagination-inner ul {
  position: absolute;
  top: 0;
  left: 0;
  float: none;
  display: block;
}

.pagination a {
  margin: 0;
  display: block;
  overflow: hidden;
}
.pagination a.active {
}

.pagination li img {
  width: 100%;
}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul {
  display: inline-block;
  overflow: hidden;
}

/* =======================================
    loading
======================================= */
.wideslider:before {
  content: "";
  width: 64px;
  height: 64px;
  background-image: url(/images/top/loading.gif);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px;
}