@charset "UTF-8";

/* -----------------------------------------------
FileName: style.css
----------------------------------------------- */

/* #top トップページ（修正 - 2016.1.26） */
#top #mainImg {
	width: 960px;
	margin: 0 auto 20px;
}
#top #mainImg ul {
	text-align: center;
}
#top #mainImg li {
	width: 312px;
	height: 234px;
	display: inline-block;
	/*border: 1px solid #e2e2e2;*/
}
#top #mainImg li:hover {
	opacity: 0.8;
}

/* #top トップページ */

#top #keyImg {
	width:960px;
	height:370px;
	padding:0;
	background:#fdfdfd;
	margin:0 0 0 0;
	
}

#top #slider {
	width:960px;
	height:370px;
	background:#fdfdfd;
	z-index:20;
}

#top #supportArea {
	margin:0 0 35px 0;
}
#top #supportArea a:hover {
	opacity: 0.8;
}
#top #supportArea h3,
#top #prd_area h3,
#top #voice_area h3 {
	margin: 0 0 12px;
	padding: 10px;
	color: #3389B8;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

#top #supportArea nav li {
	float:left;
	margin:0 17px 0 0;
	width: 190px;
	height: 135px;
	/*border: 1px solid #d5d5d5;*/
}

#top #bannerArea {
	clear:both;
	margin:0 0 50px 0;
}

#top #bannerArea li {
	float:left;
}

#top #productsArea {
	clear:both;
	position:relative;
	margin:0 0 50px 0;
}

#top #productsArea li {
	float:left;
}

#top #slider-prev a{
	position:absolute;
	top:48px;
	left:-70px;
	width:50px;
	height:135px;
	background:url(../../images/left_btn.gif) 0 0 no-repeat;
	cursor:pointer;
}

#top #slider-next a{
	position:absolute;
	top:48px;
	right:-70px;
	width:50px;
	height:135px;
	background:url(../../images/right_btn.gif) 0 0 no-repeat;
	cursor:pointer;

}

#top #bottomL {
	width:525px;
	float:left;
}

#top #bottomR {
	width:260px;
	float:right;
}

#top #voiceArea {
	width:525px;
}

#top #ribiyoArea {
	width:260px;
	margin:0 0 30px 0;
	font-size:0.8em;
	line-height:130%;
}

#top #ribiyoArea dt {
	color:#2C4DC4;
	font-weight:bold;
	
}

#top #ribiyoArea dd  {
	margin:0 0 5px 0;
}

#top #ribiyoWrap {
	width:240px;
	height:146px;
	background:url(../../images/ribiyo_bg.gif) 0 0 no-repeat;
	padding:10px;
}

#top #facebookArea {
	width:260px;
}

#top #voiceArea h3,
#top #facebookArea h3,
#top #ribiyoArea h3 {
	margin:0 0 15px 0;
}

#top #voiceL {
	float:left;
	width:260px;
}

#top #voiceR {
	float:right;
	width:240px;
}

#top #voiceR .photo {
	width:52px;
	height:52px;
	padding:2px;
	background:#fff;
	float:left;
}

#top #voiceR h4{
	width:175px;
	float:right;
	font-weight:bold;
	margin:0 0 5px 0;
}

#top #voiceR .salonName {
	float:right;
	text-align:right;
	font-size:0.8em;
	color:#2c84c1;
}

#top #voiceR .message {
	clear:both;
}

/* #sales 売上げが伸びなくて困ってます */


#sales #keyImg {
	position:relative;
	height:198px;
}

#sales #keyImg p {
	position:absolute;
	top:-22px;
	left:0;
}

#sales #point {
	margin:0 0 22px 0;
}

#sales #point li {
	float:left;
	margin:0 20px 0 0;
}

#sales #box {
	width:625px;
	margin:0 0 20px 0;
}

#sales #boxRe {
	width:575px;
	background:url(../../sales/images/box_re.gif) 0 0 repeat-y;
	padding:0 25px;
}

#sales #box h4 {
	margin:0 0 10px 0;
}

#sales #box img {
	vertical-align:bottom;
	display:block;
}

#sales #message {
	padding:0 10px 35px 10px;
	background:url(../images/arrow.gif) bottom center no-repeat;
	margin:0 0 20px 0;
}

/* 140714 */

#sales #contentL .hint {
	margin: 20px 0 10px;
	padding:0 10px 10px 10px;
}

#sales h4 {
	padding: 8px 5px;
	color: #5d8f8f;
	font-size: 18px;
	font-weight: bold;
	border-top: 3px solid #c2e8e8;
	border-bottom: 4px double #c2e8e8;
}

#sales .title4 {
	margin: 10px 0 20px;
	padding: 8px 5px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border: 4px double #d5d5d5;
	background: #fcf9ef;
}

#sales #prdt2 {
	padding: 0 0 40px;
	list-style: none;
	overflow: hidden;
}

#sales #prdt2 li {
	padding-left: 8px;
	float: left;
}


/* #hp ホームページ */

#hp #message {
	padding:0 10px 20px 10px;
	margin:0 0 20px 0;
	border-bottom:1px dotted #ccc;
}

#hp #message p {
	margin:0 0 15px 0;
}

#hp #designArea {
	width:960px;
	margin:0 0 30px 0;
}

#hp #designArea h4,
#hp #exampleArea h4 {
	margin:0 0 15px 0;
}

#hp #designArea #mainImg {
	border:1px solid #e5e5e5;
	width:623px;
	height:303px;
	margin:0 0 15px 0;
}

#hp #designArea #thum-pager {
	width:625px;
	text-align:center;
}

#hp #designArea #thum-pager a {
	margin: 0 2px;
}

#hp #designArea #thum-pager a img {
	padding: 0px;
	border: solid #ccc 1px;
}

#hp #designArea #thum-pager a:hover img,
#hp #designArea #thum-pager a.active img {
	border: solid #0099cc 1px;
}



/* #dtp チラシ/リーフ */

#dtp #message {
	padding:0 10px 20px 10px;
	margin:0 0 20px 0;
	border-bottom:1px dotted #ccc;
}

#dtp #message p {
	margin:0 0 15px 0;
}

#dtp #designArea {
	width:960px;
	margin:0 0 30px 0;
}

#dtp #designArea h4,
#dtp #exampleArea h4 {
	margin:0 0 15px 0;
}

#dtp #designArea #mainImg {
	border:1px solid #e5e5e5;
	width:623px;
	height:303px;
	margin:0 0 15px 0;
}

#dtp #designArea #thum-pager {
	width:625px;
	text-align:center;
}

#dtp #designArea #thum-pager a {
	margin: 0 3px;
}

#dtp #designArea #thum-pager a img {
	padding: 3px;
	border: solid #ccc 1px;
}

#dtp #designArea #thum-pager a:hover img,
#dtp #designArea #thum-pager a.active img {
	border: solid #0099cc 1px;
}

#dtp #exampleArea {
	clear:both;
	margin:0 0 50px 0;
}

#dtp #exampleArea .exampleList {
	width:625px;
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	border-bottom:double 1px #e2e2e0;

}

#dtp #exampleArea .exampleL {
	float:left;
	width:290px;
}

#dtp #exampleArea .exampleR {
	float:right;
	width:310px;
}

#dtp #exampleArea h5 {
	border-bottom: 1px solid #e2e2e0;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
	color:#02a0c7;
	font-weight:bold;
	font-size:1.2em;
}

#dtp #exampleArea h5 span {
	color:#555;
}

#dtp #exampleArea p.result {
	color:#c3ab60;
	margin:0 0 10px 0;
	font-size:0.9em;
	line-height:140%;
}

#dtp #exampleArea h6 {
	margin:0 0 5px 0;
}

/* #style スタイル写真 */

#style #priceArea {
	margin:0 0 40px 0;
}

#style #priceArea h3 {
	border-left:solid 5px #c8bb7d;
	padding:3px 0 3px 18px;
	margin:0 0 15px 0;
	font-size:1.2em;
	color:#555555;
}

#style #priceArea table {
	width:100%;
	border:1px solid #c8bb7d;
	color:#78624b;
	margin:0 0 5px 0;
}

#style #priceArea table th {
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	padding:10px;
	border:1px solid #c8bb7d;
}

#style #priceArea table td {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	background:#fdf9e6;
	border:1px solid #c8bb7d;
}


#style #priceArea table thead th {
	background:#e8deaf;
}

#style #priceArea table tbody th {
	background:#f9f2ce;
}

#style #priceArea p.attention {
	color:#6f5740;
	font-weight:normal;
}

#style #styleNavi {
	margin:0 0 35px 0;
}

#style #styleNavi li {
	float:left;
	margin:0 10px;
}

#style #styleList {
	clear:both;
	margin:0 0 40px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

#style .styleList {
	clear:both;
	margin:0 0 20px 0;
}

#style .styleList h4 {
	margin:0 0 10px 0;
}

#style .styleList li {
	float:left;
	margin:0 10px 10px 0;
}

#style .styleList li.nomr {
	margin:0 0 10px 0;
}

#photograph {
	clear:both;
	margin:0 0 30px 0;
}

/* #sns ソーシャルマーケティング */

#sns #cost {
	width:524px;
	margin:0 auto 20px auto;
}


#sns .snsTool {
	border-top:1px solid #ccc;
	padding:35px 0 0 0;
	
}

#sns .snsTool h4 {
	margin:0 0 20px 0;
}

#sns .snsTool article {
	width:605px;
	background:#fff;
	padding:30px 10px;
	text-align:center;
}

#sns .snsTool article .pct {
	margin:0 0 30px 0;
}

/* #staff スタッフ */
#staff #message {
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	border-bottom:1px dotted #ccc;
}

#staff #staffList {
	margin:0 0 30px 0;
}

#staff #staffList h4 {
	margin:0 0 20px 0;
}

#staff #staffList li {
	float:left;
	margin:0 10px 20px 10px;
}

#staff #staffList dl {
	width:164px;
	margin:8px auto 0 auto;
}

#staff #staffList dt {
	color:#168383;
	margin:0 0 0 0;
	line-height:100%;
}

#staff #staffList dd {
	font-size:0.8em;
	margin:0 0 5px 0;
}

#staff #detail {
	width:625px;
	margin:20px auto;
}

#staff #detail #container {
	width:603px;
	margin:0 auto;
	padding:25px 0;
}

#staff #detail #detailL {
	float:left;
	width:235px;
}

#staff #detail #detailR {
	float:right;
	width:356px;
	padding:9px 0 0 0;
}

#staff #detail .name {
	margin:0 0 12px 0;
}

#staff #detail .type {
	margin:0 0 18px 0;
	background:url(../../staff/images/type_bg.gif) 0 0 no-repeat;
	height:20px;
	width:346px;
	font-weight:bold;
	padding:4px 0 0 10px;
}

#staff #detail .message {
	margin:0 0 15px 0;
}


/* staff 2017 */
.top-img {
	width: 100%;
	height: 100%;
}
#staffArea {
	margin-bottom: 60px;
	letter-spacing: 0.5px;
	overflow: hidden;
}



#staff_list {
	width: 625px;
	margin: 0 auto 70px;
	padding-bottom: 30px;
	overflow: hidden;
}
#staff_list figure {
	width: 145px;
	height: 193px;
	margin: 0 3px 3px;
	position: relative;
	overflow: hidden;
	/* float: left; */
	display: inline-block;
}
#staff_list figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 180px;
	height: 240px;
	background: rgba(0,0,0,.2);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
#staff_list figure:hover figcaption {
	opacity: 1;
}
#staff_list figure a {
	width: 145px;
	height: 193px;
	padding: 90px 0 5px;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
#staff_list figure a:hover {
	text-decoration: none;
}

.staff-more {
	text-align: right;
	position: relative;
	top: 10px;
}
.staff-more a {
	background: #4960a0;
	padding: 4px 20px;
	border-radius: 5px;
	color: #fff;
}
.staff-more a:hover {
	background: #91a2d2;
	color: #fff;
	text-decoration: none;
}
.staff-more a:active {
	background: #324375;
	color: #a5b5e2;
}





/* イメージ固定 */
#nav {
	width: 100%;
	height: 100%;
	position: relative;
}



#staffArea h4 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2em;
	line-height: 1.4em;
	margin-bottom: 12px;
	border-bottom: 1px solid #e6e6e6;
}
#staffArea h4 span {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding-left: 15px;
	font-size: 12px;
	letter-spacing: 1px;
}
#staffArea h5 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.6em;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 12px;
}
#staffArea p {
	line-height: 20px;
	margin-bottom: 10px;
}
#staffArea .staff-box {
	width: 100%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
#staffArea .staff-box {
	margin-top:-50px;
	padding-top:50px;
	border-top: 1px solid #e6e6e6;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
#staffArea .staff-img {
	width: 33.33333333%;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
#staffArea .staff-data {
	width: 66.66666667%;
	position: relative;
	min-height: 1px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	font-size: 13px;
	line-height: 21px;
}
#staffArea .staff-data dt {
	width: 25%;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	float: left;
	font-weight: bold;
	font-size: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 3px;
}
#staffArea .staff-data dd {
	width: 75%;
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#staffArea .col-pull-data {
	right: 33.33333333%;
}
#staffArea .col-push-img {
 	left: 66.66666667%;
}


/* #job 求人媒体 */
#job #message {
	margin:0 0 30px 0;
}

#job #message h4 {
	color:#0a9999;
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 10px 0;
}

#job #mediaNavi {
	margin:0 0 20px 0;
}

#job #mediaNavi li {
	float:left;
	margin:0 20px 15px 0;
}

#job #mediaNavi li.nomr {
	margin:0 0 15px 0;
}
 
#job .mediaArea {
	clear:both;
	margin:0 0 50px 0;
}

#job .mediaArea .mediaInfo {
	margin:0 0 25px 0;
}

#job .mediaArea .infoL {
	float:left;
	width:400px;
}

#job .mediaArea .infoL h4 {
	margin:0 0 25px 0;
}

#job .mediaArea .infoR {
	float:right;
	width:214px;
	margin:0 5px 0; 
}

#job .mediaArea .icon {
	margin:0 0 10px 0;
}

#job .mediaArea .icon li {
	float:right;
	margin:0 0 0 10px;
}

#job #toranet h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#ff7383 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #toranet .price {color:#ff7383;}

#job #town h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#ffcc66 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #town .price {color:#feb729;}
#job #town .attention {color:#0a9999;}

#job #hatalike h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#90c82e 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #hatalike .price {color:#54990f;}

#job #an h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#ff2e00 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #an .price {color:#ff2e00;}

#job #bipro h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#ff69a3 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #bipro .price {color:#ff69a3;}

#job #rejob h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#e95e5c 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #rejob .price {color:#e95e5c;}

#job #paper h5 {
	clear:both;
	font-size:1.3em;
	color:#555555;
	border-left:#666666 6px solid;
	padding:2px 0 2px 7px;
	margin:0 0 15px 0;
}
#job #paper .price {color:#666666;}

#job .mediaArea table {
	width:100%;
	margin:0 0 10px 0;
}


#job .mediaArea td {
	padding:8px 8px;
	color:#555555;
	text-align:center;
	vertical-align:middle;
	font-size:1.2em;
	border:1px solid #ccc;
	background:#fff;
}

#job .mediaArea td.cell1 {background:#dddcdc;}
#job .mediaArea td.cell2 {background:#e8e7e7;}
#job .mediaArea td.cell3 {background:#f0f0f0;}
#job .mediaArea td.cell4 {background:#f5f5f5;}


/* #works 制作実績 */

#works #wordsArea {
	clear:both;
	margin:0 0 30px 0;
}

#works #wordsArea .tabs {
	margin:0 auto;
	padding:0 0;
}

#works #wordsArea .tabs li {
	width:187px;
	height:37px;
	margin:0 10px 0 10px;
	float:left;
	cursor:pointer;
}

#works #wordsArea .tabs a {
	position: absolute;
	width: 1px; /* 0にしてしまうとダメ */
	height: 1px; /* 0にしてしまうとダメ */
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(0 0 0 0);
	overflow: hidden; 
}

#works #wordsArea li.tab1 {
	background:url(../../works/images/tab1.gif) 0 0 no-repeat;
}
#works #wordsArea li.tab2 {
	background:url(../../works/images/tab2.gif) 0 0 no-repeat;
}
#works #wordsArea li.tab3 {
	background:url(../../works/images/tab3.gif) 0 0 no-repeat;
}

#works #wordsArea li.tab1.active {
	background:url(../../works/images/tab1_on.gif) 0 0 no-repeat;	
}
#works #wordsArea li.tab2.active {
	background:url(../../works/images/tab2_on.gif) 0 0 no-repeat;	
}
#works #wordsArea li.tab3.active {
	background:url(../../works/images/tab3_on.gif) 0 0 no-repeat;	
}

#works #wordsArea .tabs_content {
	clear:both;
	padding:30px 0 0 0;
}

#works #wordsArea .tabs_content h4 {
	margin:0 0 15px 0;
}

#works #wordsArea .tabs_content table {
	width:100%;
	margin:0 0 30px 0;
}


#works #wordsArea .tabs_content td {
	border:1px solid #ccc;
	text-align:center;
	padding:10px;
}

#works #wordsArea .tabs_content td img {
	margin:0 0 10px 0;
}

/* 171016クリエイティブサイトリンク追加 */
.website_link {
	width:956px;
position: relative;
display: inline-block;
text-decoration: none;
color: #FFF;
background: #2b7ee7;/*色*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
font-weight: bold;
border: solid 2px #2b7ee7;/*線色*/ }.square_btn:active {/*押したとき*/ box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
display:block;
text-align:center;
margin-top: 10px;
margin-bottom: 10px;
font-weight:normal;
}
.website_link a:link{
	text-decoration:none;
	color:#fff;
	display:block;
	padding: 0.25em 0.5em;
	text-align:center;
}
.website_link a:hover{
	text-decoration:none;
	color:#fff;
	display:block;
	padding: 0.25em 0.5em;
	text-align:center;
	background:#74aff9;
}
.website_link a:visited{
	text-decoration:none;
	color:#fff;
	display:block;
	padding: 0.25em 0.5em;
	text-align:center;
}
.website_link_tit{
	margin:0;
	font-size:20px;
}.website_link_stc{
	margin:5px 0;
	font-size:15px;
	margin-top:5px;
}

/* #about TOPに出来ること */

#about #message {
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:1px dotted #ccc;
	background:url(../../about/images/message_bg.gif) 460px 120px no-repeat;
}

#about #message h4 {
	margin:0 0 15px 0;
}

#about #relationArea {
	margin:0 0 50px 0;
}

#about #relationArea h4 {
	margin:0 0 15px 0;
}


#about #teamArea {
	clear:both;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	border-bottom:1px dotted #ccc;
}

#about #teamArea ul {
	width:565px;
	margin:20px auto 0 auto;
}

#about #teamArea li {
	float:left;
	margin:0 15px;
}

#about #copyBottom {
	text-align:center;
	margin:0 0 50px;
}

/* #hpb ホットペッパー */
#hpb .beautyCon {
	padding:0 10px;
	margin:0 0 30px 0;
	width:605px;
}

#hpb #accordion {
	margin:0 0 30px 0;
}

#hpb #accordion .title {
	height:27px;
	width:625px;
	background:url(../../products/hpb/images/btn_open.gif) right top no-repeat;
	margin:0 0 25px 0;
	cursor:pointer;
}

#hpb #accordion .title.selected {
	background:url(../../products/hpb/images/btn_close.gif) right top no-repeat;
}

#hpb #accordion .ex {
	margin:0 0 30px 0;
}

#hpb nav.hpbBtn {
	clear:both;
	margin:50px 0;
}

#hpb nav.hpbBtn li {
	float:left;
	margin:0 5px;
}

#hpb h4.term {
	color:#f0385e;
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 5px 0;
	background:url(../../products/hpb/images/hair/h4_term.gif) 0 0 no-repeat;
	min-height:21px;
	padding:23px 0 0 75px ;
}

#hpb .beautyCon table {
	margin:0 0 10px 0;
	font-size:1.2em;
	width:100%;
}

#hpb .beautyCon #tab1 th {
	border:2px solid #f47892;
	padding:8px;
	font-weight:bold;
	text-align:center;
	width:220px;
}

#hpb .beautyCon #tab1 td {
	border:2px solid #f47892;
	padding:10px;
	font-weight:bold;
	text-align:center;
}

#hpb .beautyCon .type1 th {
	background:#f47892;
	color:#fff;
}

#hpb .beautyCon .type1 td {
	background:#fff;
	color:#f47892;
}

#hpb .beautyCon .type2 th,
#hpb .beautyCon .type2 td {
	background:#fff2f5;
	color:#f0385e;
}

#hpb .beautyCon .type3 th {
	background:#fff;
	color:#f47892;
}

#hpb .beautyCon .type3 td {
	background:#ffffff;
	color:#f0385e;
}

#hpb .beautyCon .type3 td.th,
#hpb .beautyCon .type3 th.th {
	background:#fefff1;
	color:#f47892;
}

#hpb table.hair {
	margin:0 0 0 0;
	width:605px;
}


#hpb table.hair th {
	background:#f9f9f9;
	color:#f0385e;
}

#hpb table.hair th.net {
	background:#fefff1;
	color:#f0385e;
}

#hpb table.hair td.net {
	background:#fff;
	color:#f0385e;
}

#hpb table.hair th.tel {
	background:#f2f3e6;
	color:#f47892;
}

#hpb table.hair td.tel {
	background:#f3f3f3;
	color:#f47892;
}


/*キレイ*/

#hpb h4.term2 {
	color:#a07ee3;
	font-weight:bold;
	font-size:1.3em;
	margin:0 0 5px 0;
	background:url(../../products/hpb/images/nail/h4_term2.gif) 0 0 no-repeat;
	min-height:21px;
	padding:23px 0 0 75px ;
}

#hpb .beautyCon #tab2 th {
	border:2px solid #bea9e6;
	padding:8px;
	font-weight:bold;
	text-align:center;
}

#hpb .beautyCon #tab2 td {
	border:2px solid #bea9e6;
	padding:10px;
	font-weight:bold;
	text-align:center;
}

#hpb .beautyCon .type1b th {
	background:#bea9e6;
	color:#fff;
	vertical-align:middle;
	width:200px;
}

#hpb .beautyCon .type1b td {
	background:#fff;
	color:#a07ee3;
}

#hpb table.kirei {
	margin:0 0 10px 0;
	width:605px;
}


#hpb table.kirei th {
	background:#faf2ff;
	color:#8964d1;
}

#hpb table.kirei th.net {
	background:#fefff1;
	color:#8964d1;
	width:150px;
}

#hpb table.kirei td.net {
	background:#fff;
	color:#8964d1;
	width:150px;
}

#hpb table.kirei th.tel {
	background:#fefff1;
	color:#8964d1;
	width:150px;
}

#hpb table.kirei td.tel {
	background:#f3f3f3;
	color:#a07ee3;
	width:150px;
}

#hpb .beautyCon .type2b th,
#hpb .beautyCon .type2b td {
	background:#faf2ff;
	color:#8964d1;
}

#hpb .beautyCon .type3b th {
	background:#fff;
	color:#a07ee3;
	width:200px;
}

#hpb .beautyCon .type3b td {
	background:#ffffff;
	color:#8964d1;
}

#hpb .beautyCon .type3b td.th,
#hpb .beautyCon .type3b th.th {
	background:#fefff1;
	color:#a07ee3;
}

#hpb #kireiArea {
	border:2px solid #cc99ff;
	background:#faf2ff;
	color:#a07ee3;
	padding:15px 30px;
	text-align:center;
	font-weight:bold;
	margin:0 0 10px 0;
}










#hpb #compareL {
	width:365px;
	float:left;
}

#hpb #compareR {
	width:220px;
	float:right;
}

/* #rakuhomu 楽ホム */
#rakuhomu #rakuhomuArea {
	background:url(../../products/rakuhomu/images/bg.jpg) 0 0 repeat-y;
	width:625px;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
}


#rakuhomu #pointArea {
	width:625px;
}

#rakuhomu #pointInner {
	width:505px;
	padding:0px 60px 20px 60px;
	background:url(../../products/rakuhomu/images/point_re.png) 0 0 repeat-y;
}

#rakuhomu #pointInner h3 {
	padding:20px 0 0 0;
}

#rakuhomu #pointInner p {
	color:#422c08;
	margin:0 0 10px 0;
}

#rakuhomu #pointInner p.atteintion {
	color:#a5825b;
	font-size:0.8em;
}


/* #rakuhomu 楽ホム - PDF */
#rakuhomu_pdf {
	width: 100%;
	margin: 0 auto 40px;
	overflow: hidden;
}
.pdf_inner {
	margin: 0 auto 20px;
	margin-top:10px;
	padding-bottom: 20px;
	overflow: hidden;
	/*border-bottom: 1px dotted #ccc;*/
}
.pdf_inner2 {
	margin: 0 auto 20px;
	padding-bottom: 20px;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}
#rakuhomu_pdf .pdf_img {
	width: 50%;
	float: left;
}
#rakuhomu_pdf .pdf_img ul {
	text-align: center;
}
#rakuhomu_pdf .pdf_img li {
	margin-right: 14px;
	float: left;
}
#rakuhomu_pdf .pdf_about {
	width: 50%;
	float: right;
}
#rakuhomu_pdf .pdf_about h4 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	color: #ec667c;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#rakuhomu_pdf .pdf_about p {
	margin-bottom: 5px;
}
#rakuhomu_pdf .pdf_btn {
	margin-bottom: 10px;
}
#rakuhomu_pdf .pdf_btn span {
	padding-right: 5px;
}
#rakuhomu_pdf .pdf_btn p {
	margin-bottom: 10px;
	text-align: right;
	font-size: 10px;
}
#rakuhomu_pdf .pdf_dl {
	text-align: center;
}
#rakuhomu_pdf .pdf_msg {
	margin: 7px;
	padding: 7px;
	color: #ae0808;
	text-align: center;
	border: 1px solid #ae0808;
}
#rakuhomu_pdf .pdf_adobe,
#rakuhomu_pdf .pdf_bn {
	margin: 7px;
	padding: 7px;
}
#rakuhomu_pdf .pdf_adobe a {
	color: #ae0808;
}
#rakuhomu_pdf .pdf_bn a:hover {
	opacity: 0.8;
}
/*導入実績*/
#rakuhomu_results{
	width:625px;
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom: 1px dotted #ccc;
}
#rakuhomu_results .box{
	width:202px;
	float:left;
	margin-right:3px;
	margin-left:3px;
}
#rakuhomu_results .box_tit{
	color:#ec667c;
	font-size:15px;
	margin-bottom:5px;
	text-align:center;
}
#rakuhomu_results .box_tit a:link{
	color:#ec667c;
	font-size:15px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none;
}
#rakuhomu_results .box_tit a:visited{
	color:#ec667c;
	font-size:15px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:none;
}
#rakuhomu_results .box_tit a:hover{
	color:#ec667c;
	font-size:15px;
	margin-bottom:5px;
	text-align:center;
	text-decoration:underline;
}
#rakuhomu_results .box_detail{
	font-size:12px;
	text-align:left;
	margin-top:10px;
}
.box a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* #company 会社概要 */
#company #rinen {
	margin:30px 0 60px 0;
	text-align:center;
}

#company #message {
	margin:0 0 30px 0;
}

#company #message #messageL {
	float:left;
	width:380px;
}

#company #message #messageR {
	float:right;
	width:220px;
}

#company table.graff_table {
	width:100%;
	margin:0 0 30px 0;
}

#company table.graff_table th {
	padding:8px;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

#company table.graff_table td {
	padding:8px;
	border:1px solid #ccc;
}


/* #contact お問い合わせ */

#contact #formArea h4 {
	color:#0066FF;
	font-weight:bold;
	margin:0 0 5px 0;
}

#contact #formArea table {
	width:100%;
	margin:10px 0 30px 0;
}

#contact #formArea th {
	padding:8px;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	width:10em;
}

#contact #formArea td {
	padding:8px;
	border:1px solid #ccc;
}

#contact #formArea .inputM {
	border:1px solid #cccccc;
	padding:5px;
	width:98%;
}

#contact #formArea .inputS {
	border:1px solid #cccccc;
	padding:5px;
	width:70px;
}

#contact #formArea textarea {
	border:1px solid #cccccc;
	padding:5px;
	width:98%;
	height:220px;
}

#contact  #err {
	color:#CC0000;
	padding:7px;
	margin:10px 0 0 0;
	font-size:0.8em;
	border:3px solid #CFCFCF;
	background:#F9F9F9;
}

#contact  #err li {
	background: url(../../contact/images/error_small-trans.png) 0 50% no-repeat;
	padding:0px 0px 0px 20px;
}

/* #case 成功事例 */

#case .caseList {
	clear:both;
	margin:0 0 30px 0;
}

#case .caseList .mainImg {
	text-align:center;
	margin:0 0 30px 0;
}

#case .caseList .voiceArea {
	width:625px;
	margin:0 0 30px 0;
}

#case .caseList .voiceRe {
	width:575px;
	padding:10px 25px;
	background:url(../../case/images/voice_re.gif) 0 0 repeat-y;
}

#case .caseList .voiceL {
	float:left;
	width:160px;
}

#case .caseList .voiceR {
	float:right;
	width:415px;
}

#case .caseList .caseData {
	clear:both;
	margin:0 0 30px 0;
}

#case .caseList .caseData h5 {
	font-weight:bold;
	font-size:1.2em;
	padding:2px 0 2px 13px;
	border-left:3px solid #70d6d3;
	margin:0 0 15px 0;
}

#case .caseList .caseData table {
	width:100%;
	color:#555555;
}

#case .caseList .caseData th {
	padding:10px 5px;
	text-align:center;
	border:1px solid #cccccc;
	background:#eaeaea;
	font-weight:normal;
}

#case .caseList .caseData td {
	text-align:center;
	padding:10px 5px;
	background:#fff;
	border:1px solid #cccccc;
}

#case .caseList .pointArea {
	position:relative;
	width:600px;
	margin:0 auto 30px auto;
}

#case .caseList .pointArea h4 {
	padding:0 0 0 15px;
}

#case .caseList .pointBox {
	border:1px solid #ccc;
	background:#fff;
	padding:30px 15px 15px 15px;
	margin:-15px 0 0 0;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(../common/PIE-1.0.0/PIE.htc);

}


/* #reservia リザービア */
#reservia #reserviaArea {
	margin:0 0 40px 0;
}

#reservia #aboutArea {
	text-align:center;
	margin:50px 0 0 0;
}

#reservia #aboutArea p {
	margin:0 0 45px 0;
}

#reservia #infoArea p {
	margin:0 0 20px 0;
}


/* .summer 夏季休暇のお知らせ */
.summer {
	width: 798px;
	margin: 14px 0;
	padding: 20px 80px 40px;
	text-align: left;
	border: 1px solid #e2e2e2;
}
.summer p {
	margin: 6px 0 12px;
	padding: 3px 8px;
	font-size: 14px;
	display: block;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #e2e2e2;
}



/* #recruit 求人ページ */

#recruit #bosyuYoko {
	clear:both;
	margin:0 auto 10px auto;
	width:625px;
}

#recruit #bosyuYoko h4 {
	font-weight:bold;
	font-size:1.3em;
	clear:both;
	margin:0 0 5px 0;
	padding:0;
	color:#0a9999;
}

#recruit #bosyuYoko #tabNavi {
	clear:both;
	margin:0 0 20px 0;
	border-bottom:2px solid #ccc;
	position:relative;
}

#recruit #bosyuYoko #tabNavi li {
	float:left;
	cursor:pointer;
	text-align:center;
	padding:15px 10px;
	font-size:1.2em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:2px solid #ccc;
	margin:0 10px 0 0;
	position:relative;
	top:2px;
	background:#eee;
	
}

#recruit #bosyuYoko #tabNavi li.active {
	border-bottom:2px solid #f9f9f9;
	font-weight:bold;
	background:#f9f9f9;
	color:#0a9999;
}


#recruit #bosyuYoko table {
	clear:both;
	width:605px;
	margin:20px auto 30px auto;
}



#recruit #bosyuYoko th {
	padding:10px;
	border:1px solid #ccc;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

#recruit #bosyuYoko td {
	padding:10px;
	border:1px solid #ccc;
}

#recruit #entryBtn {
	clear:both;
	text-align:center;
}

/* フォーム系 */
#form #formArea {
	margin:0 auto 30px auto;
	width:600px;
	padding:20px;

}

#form #formArea h1 {
	font-weight:bold;
	color:#136579;
	font-size:1.4em;
	border-left: 5px solid #136579;
	padding:0 0 0 10px;
	text-align:left;
	margin:0 0 15px 0;
}

#form #formArea table {
	width:100%;
	margin:0 0 30px 0;
}

#form #formArea th {
	padding:10px;
	font-weight:normal;
	width:10.5em;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #CFCFCF;
}

#form #formArea td {
	padding:10px;
	border-bottom:1px solid #CFCFCF;
}


#form #formArea select {
	font-size:1.1em;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
}


#form #formArea input.M {
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	width:40%;
	background:#F3FAFB;
	font-size:1.1em;
}


#form #formArea input.L {
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	width:70%;
	background:#F3FAFB;
	font-size:1.1em;
}

#form #formArea input.L2 {
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	width:55%;
	background:#F3FAFB;
	font-size:1.1em;
}

#form #formArea input.S {
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	width:130px;
	background:#F3FAFB;
	font-size:1.1em;
}

#form #formArea input.S2 {
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	width:100px;
	background:#F3FAFB;
	font-size:1.1em;
}

#form #formArea textarea {
	width:90%;
	height:100px;
	padding:5px;
	border-top:1px solid #CFCFCF;
	border-left:1px solid #CFCFCF;
	background:#F3FAFB;
}


#form #err {
	color:#CC0000;
	padding:7px;
	margin:10px 0 15px 0;
	border:3px solid #CFCFCF;
	background:#F9F9F9;
}

#form #err li {
	background: url(../../contact/images/error_small-trans.png) 0 50% no-repeat;
	padding:0px 0px 0px 25px;
	font-size:1em;
}

.recruit--img {
	margin: 10px 0;
	overflow: hidden;
}
.recruit--img ul {
	text-align: center;
}
.recruit--img li {
	margin: 0 6px;
	display: inline-block;
}

/* 年末年始営業時間お知らせ */
#holiday {
	margin: 20px 0 30px;
	padding: 20px;
	border: 1px solid #e2e2e2;
}
#holiday .hd_title {
	font-size: 1.999em;
	margin-bottom: 0.6em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#holiday .hd_date {
	font-size: 1.414em;
	margin-bottom: 0.8em;
}

/*トップページスライダー（2017.02.20追加）*/
.wideslider {
	width: 100%;
	/*height:420px !important;*/
	min-width: 960px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

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

.wideslider ul li img {
	width: 100%;
	min-width: 960px;
	display: none;
}

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

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../../images/slider/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../../images/slider/next.jpg) no-repeat left center;}

.pagination {
	display:none;
	/*bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 50;*/
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/*リンク画像エフェクト*/
.row_blog{
	transition:all 0.5s;
}
.row_blog a:hover {
	border-color:2px solid #000;
}

/*スライダー下バナー*/
.slider_btm{
	margin:0 auto;
	width:960px;
}
.slider_bnr li{
	display:inline-block;
	margin:5px 2px;　/*←上下5px、左右1pxのマージン指定の場合*/
}
.slider_bnr li img {
	width: 311px;
    margin-top: 5px;
    border: 1px solid #ccc;
}
.slider_bnr li img:hover {
	width: 311px;
    margin-top: 5px;
    outline: 3px solid #96caec;
}

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

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}
.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 94px;
	text-align: center;
	position: absolute;
	z-index: 50;
}

.pagination a {
	margin: 0 5px;
	width: 300px;
	height: 94px;
	display: inline-block;
	overflow: hidden;
	
}
.pagination a.pn1 {background: transparent url(../../images/slider/slider_01.jpg) no-repeat left top; background-size:300px 94px;}
.pagination a.pn2 {background: transparent url(../../images/slider/slider_02.jpg) no-repeat left top; background-size:300px 94px;}
.pagination a.pn3 {background: transparent url(../../images/slider/slider_03.jpg) no-repeat left top; background-size:300px 94px;}