﻿@charset "utf-8";
/* CSS Document */

body{
padding:0;
color:#333;
text-align:center;
font-size:12px;
line-height:1.5em;
}

a img{border:none;}
.bdb{ border-bottom:1px #333 solid;}
.bdb2{ border-bottom:1px #ccc solid;}
.txl{ text-align:left;}
.pbCancel{ padding-bottom:1px!important;}
.gray{ background-color:#f7f7f7;}
.l0{ line-height:0;}
.font120{ font-size:120%;line-height:1.5em;}
.font140{ font-size:140%;}
.w100{ width:100%;}

header{ overflow:hidden; padding:40px 0; width:937px; margin:0 auto;}
header h1{ display:inline-block; float:left;}
header ul{ list-style:none; overflow:hidden; float:right;}
header ul li{ float:left; display:inline-block; margin-left:60px; width:60px; border-bottom:3px solid white; /* padding:20px 0; */}
header ul li.current,
header ul li:hover{border-bottom:3px solid #f5b6d1;}

.titArea{ background:#f5b6d1; padding:40px 0; margin-bottom:0px; color:white; font-size:150%;}
.titArea .inner{ width:937px; margin:0 auto; text-align:left;}

.bgcolo{background:url(../images/common/bg.jpg) bottom center repeat-x #f7f7f7; padding-bottom:100px;}
.mainArea{ width:787px; margin:0 auto; padding-top:40px;}
.mainArea .box_1{ overflow:hidden;}
.mainArea .box_1 .left{ float:left; width:371px; padding-right:20px; text-align:left;}
.mainArea .box_1 .left table{ border-top:1px solid #f5b6d1;border-left:1px solid #f5b6d1; width:100%; font-size:80%; line-height:120%; }
.mainArea .box_1 .left table td{ border-right:1px solid #f5b6d1;border-bottom:1px solid #f5b6d1; padding:10px;}
.mainArea .box_1 .right{ float:left; width:396px;}
.mainArea .submit input{ border:#333 solid 1px; font-size:150%; background:#f5b6d1; border-radius:10px; display:block; padding:10px; width:100%;}

.area1 ul{ list-style:none; overflow:hidden; }
.area1 p{ padding:30px 10px;}
.area1 ul li{ float:left; display:inline-block; margin-right:4px;}

footer{ background:#727171; padding-top:80px; padding-bottom:40px; color:white; text-align:left;}
footer .wrap{width:937px; margin:0 auto; overflow:hidden;}
footer .inner{width: 33.33333%; float:left;}
footer .inner ul{ list-style:none; overflow:hidden; padding-bottom:30px;}
footer .inner ul li{ float:left; display:inline-block; margin-left:10px; }
footer .inner ul.ul_1 li{  float:none; display:block; margin-left:10px; margin-bottom:10px; }
footer a,
footer a:visited,
footer a:active{ color:white; text-decoration:none;}
footer a:hover{ text-decoration:underline;}

.whiteArea{ padding:40px;}

#talk .inner{  width:937px; margin:0 auto;background:url(../images/talk/arrow.png) center right no-repeat;}
#talk .box_1{  padding:30px 0; text-align:left; display:table; width:100%;}
#talk .white{ background: white; padding:30px 0; text-align:left; display:table; width:100%;}
#talk .thumb,
#talk .detail{ display: table-cell;; vertical-align:middle;}
#talk .thumb{ width:189px; padding-right:20px;}
#talk .detail{ width:690px; padding-right:30px;}

#talk .bannerArea{ background:#f5b6d1; padding:20px 0; margin-bottom:15px;}
#talk .inner{  width:937px; margin:0 auto;}

#salon{ width:937px; margin:0 auto;}
#salon .area1 { padding-bottom:30px;}
#salon .box_salon{ padding:30px 0; border-bottom:1px solid #f5b6d1; }
#salon .thumb,
#salon .detail{ display: table-cell;; vertical-align:middle; text-align:left;}
#salon .thumb{ width:326px; padding-right:20px;}
#salon .detail{ width:591px; padding-right:30px;}
#salon .area2 ul{ list-style:none; overflow:hidden; padding-bottom:30px; text-align:center;}
#salon .area2 ul li{ display:inline-block; margin:0px 15px 30px 15px; line-height:0;}
#salon .area2 p{ background:#f5b6d1; padding:15px; text-align:center; line-height:150%;}
#salon .pager{ list-style:none; overflow:hidden; padding-bottom:30px; text-align:left!important;}
#salon .pager li{ border:2px solid #f5b6d1; border-radius: 25px; height:50px; width:50px; display:inline-block; margin:0px 5px 0 0 !important; line-height:50px!important; font-weight:700; font-size:150%;text-align:center!important}
#salon .thumb { overflow:hidden;}
#salon .thumb img{ float:left; margin:2px;}


#talkpage{ width:937px; margin:0 auto;}
#talkpage .div_1,
#talkpage .div_2{ overflow:hidden; padding:30px 0 0 0 ;}
#talkpage .thumb_salon{ float:left;}
#talkpage .bloon_1{ position:relative;border:2px solid #f5b6d1; background:white; border-radius:10px; min-height:50px; float:left; margin-left:50px; margin-top:30px; max-width:760px; min-width:200px;}
#talkpage .bloon_1 p{  text-align:left; padding:30px 50px;}
#talkpage .bloon_1 .img_1{ position:absolute; left:-45px;  top:10px;}
#talkpage .div_2 .bloon_1{ position:relative;border:2px solid #f5b6d1; background:white; border-radius:10px; min-height:50px; float:right; margin-right:50px; margin-top:0px; max-width:760px; min-width:200px;}
#talkpage .div_2 .bloon_1 p{  text-align:left; padding:30px 50px;}
#talkpage .div_2 .bloon_1 .img_2{ position:absolute; right:-45px;  top:10px;}

.bannerArea2{ background:#f5b6d1; padding:20px 0; margin-bottom:15px;}
.bannerArea2 .inner{  width:937px; margin:0 auto;}
.bannerArea2 p{ position:relative; display:inline-block; width:485px; height:77px;}
.bannerArea2 .baloon{ position: absolute; right:30px; top:-30px;}

#model{ width:937px; margin:0 auto; overflow:hidden; padding:30px 0;}
#model .photoArea{ width:457px; float:left ; overflow:hidden;}
#model .photoArea img{ margin:0 15px 15px 0; float:left;}
#model .ModelDetailArea{ float:right; width:480px; text-align:left;}
#model .ModelDetailArea table{ border-top:1px solid #f5b6d1;border-left:1px solid #f5b6d1; width:100%; font-size:80%; line-height:120%; width:413px; }
#model .ModelDetailArea table td{ border-right:1px solid #f5b6d1;border-bottom:1px solid #f5b6d1; padding:10px;}
#model .ModelDetailArea .bd_none{ border-right:none;}

#modelArc .area2{ font-size: 150%; /* font-weight: bold;*/ width:920px; margin:0 auto;}
#modelArc .area2 ul{ list-style:none; overflow:hidden; padding-bottom:0px; text-align:center;}
#modelArc .area2 ul li{ display:inline-block; margin:0px 7px 16px 7px; line-height:0;}

#modelArc .area2 .favorite_models { background:#f5b6d1; padding:15px; text-align:center; line-height:150%; color:white; font-size:150%;}
#modelArc .area2 .pickup_models { background:#fec98f; padding:15px; text-align:center; line-height:150%; color:white; font-size:150%;}
#modelArc .area2 .new_comer_models { background:#c4aad5; padding:15px; text-align:center; line-height:150%; color:white; font-size:150%;}

#modelArc .pager{ list-style:none; overflow:hidden; padding-bottom:30px; text-align:center!important;}
#modelArc .pager li{ border:2px solid #f5b6d1; border-radius: 25px; height:50px; width:50px; display:inline-block; margin:0px 5px 0 0 !important; line-height:50px!important; font-weight:700; font-size:150%;text-align:center!important; background:white;}
#modelArc .sort{ list-style:none; padding-top:30px; padding-bottom:20px;}
#modelArc .sort li{  font-size: 130%;font-weight: bold;display:inline-block; padding:0  10px;}

/*20151217①テキスト修正▼*/
#bosyuu{ width:940px; margin:0 auto; overflow:hidden; }
#bosyuu .bosyuuArea1 .left{ float:left;}
#bosyuu .bosyuuArea1 .right{ float:left; text-align:left; padding-left:15px; width:500px;  }
#bosyuu .bosyuuArea1 .right p{ font-size:130%;line-height:160%;}
.mb10{ padding:10px;}

#bosyuu .bosyuuArea2{ overflow:hidden;}
#bosyuu .bosyuuArea2 dl{ overflow:hidden; width:50%; float:left; margin-bottom:10px;}
#bosyuu .bosyuuArea2 dl h2{ padding-bottom:5px; font-size:120%;}
#bosyuu .bosyuuArea2 dl dt{ margin-right:10px;}
#bosyuu .bosyuuArea2 dl dd{ width:385px; padding-right:15px;}
#bosyuu .bosyuuArea2 dl dt,
#bosyuu .bosyuuArea2 dl dd{display: inline-block; vertical-align:middle; text-align:left;}

#bosyuu .bosyuuArea3{ overflow:hidden; padding:30px 0; text-align:left;}
#bosyuu .bosyuuArea3 .left{ float:left; width:50%;}
#bosyuu .bosyuuArea3 dl{ overflow:hidden; margin-bottom:8px;}
#bosyuu .bosyuuArea3 dl.dl_1 { padding-top:10px;}
#bosyuu .bosyuuArea3 dl dt,
#bosyuu .bosyuuArea3 dl dd{ float:left; height:35px;}
#bosyuu .bosyuuArea3 dl.dl_1 dt,
#bosyuu .bosyuuArea3 dl.dl_1 dd{ float:left; height:auto;}
#bosyuu .bosyuuArea3 dl dt{ line-height:0; margin-right:10px;}

/*20151217②テキスト修正▼グレーの幅を修正*/
#bosyuu .bosyuuArea3 dl dd{ background:#f8f8f8; line-height:35px; width:870px; padding:0 10px;}
#bosyuu .bosyuuArea3 dl.dl_1 dd{  background:none; line-height:170%; padding-top:10px; }

#bosyuu .bosyuuArea3 dl.dl_a dt,
#bosyuu .bosyuuArea3 dl.dl_a dd{ float:left; height:auto;}
#bosyuu .bosyuuArea3 dl.dl_a dd{  background:none; line-height:170%; padding-left:55px; }

#bosyuu .bosyuuArea3 .comment{ color:white; background:#a67d8d; width:409px;}
#bosyuu .bosyuuArea3 .comment .p_1{ padding:30px;}

#bosyuu .bosyuuArea4{ overflow:hidden; padding:30px 0; text-align:left;}
#bosyuu .bosyuuArea4 .left{ float:left; width:50%;}
.bosyuubtm{background:url(../images/bosyuu/bottom.jpg) center bottom repeat-x; height:19px;}

#login{ width:956px; margin:0 auto; overflow:hidden; padding:60px 0  0 0;}
#login .left{ float:left; width:460px; margin:0 8px;}
#login .loginArea .inner{ border:1px #ccc solid; background:white; padding:30px;}
#login .loginArea .inner dl{ overflow:hidden; color:#ccc;}
#login .loginArea .inner dl dt,
#login .loginArea .inner dl dd{ float:left; }
#login .loginArea .inner dl dt{ width:100px; line-height:30px;}
#login .loginArea .inner dl dd{ width:294px;}
#login .loginArea .inner dl dd input{ border:1px #ccc solid; height:30px; line-height:30px; width:100%;}
#login .loginArea .inner ul{ list-style:none; text-align:left;}

#kiyaku, #privacy, #faq, #company, #recruit{ width:940px; margin:0 auto; overflow:hidden; padding:60px 0  0 0; text-align:left;  line-height:170%; font-size:110%;}

.main{ position:relative;}
/*201512175⑤ ボタン(画像)追加&位置じゃっかん変更▼*/
.main .div_1{ position:absolute; left:37px; bottom:10px; display:inline-block; width:170px;}

.mess {  padding:40px;}
.mess .tx_1{border:3px solid #f5b6d1; padding:20px;}
.mess h2{line-height:150%;}
.mess p{line-height:170%;}

/*20151217③ ボタン(画像)追加と背景色を変更▼*/
.mess_2{ background-color:#ffedf5; padding:20px 0; color:white;margin:30px 0}


.div_3{ padding:0px 0 40px 0;}
.div_3 ul{ list-style:none; overflow:hidden;}
.div_3 ul li{ width:320px; height:350px; display:inline-block; background:#f2f2f2; vertical-align:top; margin:0 3px;}
.div_3 ul li div{ padding:40px 20px 0 20px;}
.div_3 ul li div h2{ padding-bottom:10px;}

.div_4{ padding-bottom:40px;}
.div_4 dl{ overflow:hidden; padding:20px; width:440px; height:110px; background:#f2f2f2; display:inline-block;}
.div_4 dl dt,.div_4 dl dd{ float:left;}
.div_4 dl dt{ width:115px; padding-right:10px;}
.div_4 dl dd{ width:315px; text-align:left;}

.div_5{ padding:20px 0; background-color:#f2f2f2;}
.div_5 ul{ list-style:none; overflow:hidden; padding-bottom:6px;}
.div_5 ul li{ width:214px; height:166px; display:inline-block; background:#f2f2f2; vertical-align:top; margin:0 3px;}
.div_5 .btn{ padding-top:15px;}
.div_5 .btn a{  padding:15px 100px; border:1px ; color:#fff;display:inline-block; background-color:#f5b6d1; text-decoration:none; font-size:150%; line-height:1em;}

.div_6{ padding:40px 0;}

.div_7{ background-color:#f6bdd6; padding:40px 0; color:white;}
.div_7 h2{ margin-bottom:10px;}
.div_7 .btn a{  padding:15px 150px; border-radius:10px; color:#f5b6d1;display:inline-block; background-color:white; text-decoration:none; font-size:150%; line-height:1em;}

.div_8{ background:url(../images/pc/bg.jpg) center no-repeat; background-size:cover; padding:40px 0; color:white;}
.div_8 .btn a{  padding:15px 150px; border-radius:10px; color:#fff;display:inline-block; background-color:#f5b6d1; text-decoration:none; font-size:150%; line-height:1em;}

.div_9{ padding-bottom:40px;}
.div_9 dl{ overflow:hidden; padding:20px; width:440px; height:110px; background:#fef3f8; display:inline-block;}
.div_9 dl dt,.div_9 dl dd{ float:left;}
.div_9 dl dt{ width:115px; padding-right:10px;}
.div_9 dl dd{ width:315px; text-align:left;}

/*20151217④ボタン(画像)追加▼*/
.div_10{ padding-top:40px; padding:50px 0px;}

#form{ width:850px; margin:0 auto;}

#form .dl_1,
#form .dl_2{ overflow:hidden; text-align:left;}

#form .dl_1,
#form .dl_2{ margin-bottom:15px;}

#form .dl_1 dt,
#form .dl_1 dd,
#form .dl_2 dt,
#form .dl_2 dd{ float:left;}

#form .dl_1 dt,
#form .dl_2 dt{ clear:both;}

#form .dl_1 dt{ width:150px; color:#f5b6d1;}
#form .dl_2 dt{ color:#333; display:inline-block;}
#form .dl_3 dt { color:#333; display:inline-block;}

#form .dl_1 dd{ width:700px;}
#form .dl_1 dd input,
#form .dl_1 dd textarea{ border:1px #f2f2f2 solid; padding:8px; width:97%;}
#form .dl_1 dd div{ overflow:hidden; display:inline-block;}
#form .dl_1 dd label,
#form .dl_1 dd input{ display:inline-block; float:left;}
#form .dl_1 dd div input{ width:auto;}

#form .dl_2 dd { width:300px;}
#form .dl_3 dd { width:550px;}
#form .dl_3 dd input { width:96%!important;}

#form .submit { padding:20px 0 60px 0;}
#form .submit input{ border:#333 solid 1px; font-size:150%; background:#f5b6d1; border-radius:10px; display:block; padding:10px; width:100%;}


.ryoukinhyou{
float:left;
text-align: center;
width: 550px;
height:400px;
margin:20px 0px  50px 0px;
border-collapse: separate;
border-spacing: 0px;
border-top: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}
.ryoukinhyou th{
width:40px;
vertical-align:middle!important;
padding:3px;
text-align:ign: top;
color: #444;
background-color: #feedf3;
border-left: px solid #ffffff;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
.ryoukinhyou td{
width:250px;
padding:20px;
text-align: left;
background-color: #fafafa;
border-left: 3px solid #ffffff;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}
#ryoukin{ width:970px; margin:0 auto; overflow:hidden; padding:10px 0px  0px 0px; text-align:left;  line-height:170%; font-size:110%;}
.step{
float:left;
padding:20px 0px 0px 0px;
    width:400px;
    height:380px;
}
.step_model_photo{
    float:right;
    width:400px;
    height:px;
	padding:50px 0px 0px 10px;
}
.salon_image{ overflow:hidden; margin-bottom:20px;}
.salon_image img{ float:left; margin:1px;}



#sakuhinichiran{
	 float: left;
width:430px;
//height:450px;
}
#toukou{
	    float:left;
width:425px;
height:450px;
}

 .sakuhinichiran_text   {
 margin:00px 0px  0px 0px;
        width: 425px;
        color: ;
        position: 5px 10px;
        text-align: left;
		background-image: url("../images/pc/line.jpg");
	background-repeat: no-repeat;
	background-position: left top
    }

	 .naiyounyuryoku_text   {
 margin:0px 0px 30px 10px;
        width: 425px;
        color: ;
        position: 5px 10px;
        text-align: left;
		background-image: url("../images/pc/line.jpg");
	background-repeat: no-repeat;
	background-position: left top
    }

	#sakuhinichiran_bar  {
        float: left;
		   }

	#sakuhinphoto {
	float: left;
	clear: both;
	margin:20px 0px  20px 0px;
    width:px;
	height:px;
}

#sakuhin{
}

.sakuhintouroku {
	margin:10px 5px  10px 5px;
    width:425px;
	height:40px;
    font-size:15px;
    font-weight:;
    display:block;
    text-align:center;
    color:;
    background-color:#f5b6d1;
    border-radius:5px;
}


.mypage_modoru {
	margin:10px 5px  10px 5px;
    width:425px;
	height:40px;
    font-size:15px;
    font-weight:;
    display:block;
    text-align:center;
    color:;
    background-color:#f5b6d1;
    border-radius:5px;
}

#sakujyo_btn {
	 float: left;
	padding:5px 5px  5px 5px;
	}

	#gazo_sentaku {
		 float: left;
	clear: both;
	padding:5px 5px  5px 5px;
	}

	.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


#irainaiyou_nyuuryoku{
    margin: 10px;
	padding:5px 0px  0px 0px;
	    float:left;
width:400px;
//height:900px;
}

#model_name {
	 float: left;
	 clear: both;
	 text-align: center!important;
	padding:5px 5px  5px 5px;
	}

	.nyuryokusitekudasai{
	padding:100px 0px 100px 0px;
	 margin:50px 0px 50px 0px;
}

#irainaiyou_nyuuryoku #form{ width:400px; margin:0 auto;}

#irainaiyou_nyuuryoku #form .dl_1,
#irainaiyou_nyuuryoku #form .dl_2{ overflow:hidden; text-align:left;}

#irainaiyou_nyuuryoku #form .dl_1,
#irainaiyou_nyuuryoku #form .dl_2{ margin-bottom:15px;}

#irainaiyou_nyuuryoku #form .dl_1 dt,
#irainaiyou_nyuuryoku #form .dl_1 dd,
#irainaiyou_nyuuryoku #form .dl_2 dt,
#irainaiyou_nyuuryoku #form .dl_2 dd{ float:left;}

#irainaiyou_nyuuryoku #form .dl_1 dt,
#irainaiyou_nyuuryoku #form .dl_2 dt{ clear:both;}

#irainaiyou_nyuuryoku #form .dl_1 dt{ width:150px; color:#f5b6d1;}
#irainaiyou_nyuuryoku #form .dl_2 dt{ color:#333; display:inline-block;}
#irainaiyou_nyuuryoku #form .dl_3 dt { color:#333; display:inline-block;}

#irainaiyou_nyuuryoku #form .dl_1 dd{ width:234px;}
#irainaiyou_nyuuryoku #form .dl_1 dd input,
#irainaiyou_nyuuryoku #form .dl_1 dd textarea{ border:1px #f2f2f2 solid; padding:8px; width:97%;}
#irainaiyou_nyuuryoku #form .dl_1 dd div{ overflow:hidden; display:inline-block;}
#irainaiyou_nyuuryoku #form .dl_1 dd label,
#irainaiyou_nyuuryoku #form .dl_1 dd input{ display:inline-block; float:left;}
#irainaiyou_nyuuryoku #form .dl_1 dd div input{ width:auto;}

#irainaiyou_nyuuryoku #form .dl_2 dd { width:50px;}

.map { width:396px; height:314px; border:0; }

.talkpage {
width:px; height:30px
text-align: center;
padding:30px 0px 20px 0px;
}

#global-footer-form {
	padding:30px 0px 20px 0px;

}
#global-footer .txt {

  position: absolute;
  border-color: rgba(0, 0, 0, 0.2);
  top: 6px;
  left: 10px;
  border-radius: 9px;
  width: 200px;
  height: 24px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
  -webkit-appearance: none;
}


a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
message_kinyuu {
	text-align: left;
}

#talk_image_btn {
    border: 0px;
    width: 100px;
    height: 30px;
    background-image:  url('../images/talkpage/talk_image_btn.png') left top no-repeat;
}