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

/*#navi
----------------------------------------------------------------------------------------------*/
#navi {
	overflow:hidden;
	border-bottom: solid 1px #D9D9D9;
	background:#fff;
}
#navi li a {
	float:left;
	width:212px;
	height:30px;
	text-align:center;
	border-right: solid 1px #D9D9D9;
	padding:19px 0 0 0;
	color:#525252;
}
#navi li a:hover {
	color:#6F645A;
}
#navi .li_last a {
	border-right:none;
}


/*side
----------------------------------------------------------------------------------------------*/

#wrapper{
background:#F7F8F9;}

.staff h4.headline{
color:#4C463F;
margin:25px 0;}

.staff #mv {
  background-color: #FFFFFF;
  overflow: hidden;
  padding: 50px 0 0 0;
}
.staff h2 {
  text-align: center;
}
.staff #mv .pageNavi {
  float: right;
  margin: 3px 4px 6px 0px;
  padding: 0 2em 0 0;
  text-align: right;
}
.staff #mv .pageNavi li {
  float: left;
  font-size: 10px;
  text-align: right;
  margin-left: 3px;
}
.staff #mv .pageNavi li a {
  display: block;
}
.staff #mv .pageNavi li a:hover {
  text-decoration: underline;
}

/* #side
----------------------------------------------------------------------------------------------*/
#side #side_list {
	border-top:solid 1px #D9D9D9;
}
#side #side_list .fs13 {
	font-size:13px;
}
#side #side_list li {
	border-bottom:solid 1px #D9D9D9;
}
#side #side_list a {
	padding:18px 0 19px 18px;
	background:url(../../images/info_icon.png) no-repeat 95% center;
	font-size:16px;
}
#side #side_list a:hover {
	background:url(../../images/info_icon.png) no-repeat 95% center #E3E2E1;
}
#side #service {
	background:#EAEEF1;
}
#side #service li:hover {
	display:block;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#side #external-links-tx {
	background:#EAEEF1;
}
#side #external-links-tx li:hover {
	display:block;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#side ul#external-links {
  border-bottom: solid 1px #D9D9D9;
}

#top #side ul#external-links {
  border-bottom: none;
}

/* . 共通
----------------------------------------------------------------------------------------------*/
.staff #contents {
	width: 945px;
	min-height:800px;
	border-top: solid 1px #D9D9D9;
	background-color: #FFFFFF;
	padding: 60px 29px 0 32px;
	float: left;
}
.staff #contents h3 {
	font-size: 26px;
	font-weight: normal;
	padding:0 0 0 15px;
	margin:60px 0 20px;
	border-left: 1px solid #4F4740;
	clear:both;
}
.staff #contents .first_title{
    margin:0 0 40px;
}
.staff p{
    margin-bottom:40px;
}
.staff p.none{
    margin-bottom:0;
}

.staff .main_text span{
   display:block;
   margin-bottom:1.8em;
}
.staff .item_wrap {
overflow:hidden;}

.staff .item_left {
  width: 600px;
  float: left;
  margin: 0 28px 0 0;
}
.staff .item_left_s {
  width: 500px;
  float: left;
  margin: 0 28px 0 0;
}
.staff .item_right {
  float:right;
}

.staff .item_left_s02 {
  width: auto;
  float: left;
  margin: 0 28px 0 0;
}



.staff #contents{
  line-height: 1.8;
}
.staff h4{
font-size:20px;
margin-bottom:25px;
font-weight:bold;
color:#4C463F;
}
.staff .overf{
overflow:hidden;
margin-bottom:40px;
}

.staff #contents #service_linup{ overflow:hidden; margin:0 0 30px 0;}

.staff #contents #service_linup .img{
float:left;}
.staff #contents #service_linup li {
width:450px;
position:relative;
float:left;}

.staff #contents #service_linup li.left{
margin:0 40px 0 0;
}

.staff #contents #service_linup li p.text{ padding-left:150px;}

.staff #contents #service_linup li .btn a{
	position:absolute;
	color:#4F4740;
	font-weight:bold;
	border:1px solid #4F4740;
	text-align:center;
	display:block;
	width:226px;
	bottom:0;
	left:224px;
	padding:3px 0;
	margin:0;
}

.staff #contents #service_linup li .btn a:hover{
	background-color:#4F4740;
	color:#FFFFFF;
}

.staff p.none{
    margin-bottom:0;
}

/*#header #footer ナビゲーションの背景指定
----------------------------------------------------------------------------------------------*/
.header-contents .btn-link .online_order a, .footer-contents .btn-link .online_order a {
	background-color: #878787;
}
.header-contents .btn-link .order a, .footer-contents .btn-link .order a {
	background-color: #847F7A;
}
.header-contents .btn-link .contact a, .footer-contents .btn-link .contact a {
	background-color: #69625C;
}
.header-contents .btn-link .catalog a, .footer-contents .btn-link .catalog a {
	background-color: #4F4740;
}
.footer-contents .btn-link .top a {
	background-color: #2D2824;
}
#footer {
	clear: both;
}
#footer .top_btn {
	background-color:#4F4740;
}


.staff #contents {
	padding: 60px 29px 200px 32px;
}

/* .company #lineup_detail
----------------------------------------------------------------------------------------------*/
ul#lineup_detail h4{
font-size:0;
text-align:center;
}
ul#lineup_detail p{
margin-bottom:0;
}
ul#lineup_detail li{
border-bottom: solid 1px #D9D9D9;
position:relative;
min-height:350px;
}

ul#lineup_detail li.left{
float:left;
width:502px;
border-right: solid 1px #D9D9D9;
}

ul#lineup_detail li.left .btn a{
text-align:center;
border:1px solid #4F4740;
padding:4px 0;
width:224px;
position:absolute;
bottom:25px;
left:146px;
}

ul#lineup_detail li.left .btn a:hover{
background-color:#4F4740;
color:#FFFFFF;
}

ul#lineup_detail li.right .btn a{
width:224px;
text-align:center;
padding:4px 0;
border:1px solid #4F4740;
position:absolute;
bottom:25px;
left:146px;}

ul#lineup_detail li.right .btn a:hover{
background-color:#4F4740;
color:#FFFFFF;

}

ul#lineup_detail li.right{
float:left;
width:504px;
}


ul#lineup_detail li .img{
margin-bottom:25px;}

ul#lineup_detail li .text{
margin:25px 30px 20px 30px;
line-height:180%;
font-size:14px;}

ul#lineup_detail li .text-h{
margin:25px 30px 21px 30px;
line-height:180%;
font-size:14px;
height:10em;}

/* .staff #contact_box
----------------------------------------------------------------------------------------------*/
#contact_box {
border-top:solid 1px #D9D9D9;
border-bottom:solid 1px #D9D9D9;
margin:60px 32px 57px 32px;}

#contact_box p{
font-size:20px;
font-weight:bold;
margin:34px 0 40px 32px;
color:#4D463F;}

#contact_box ul li{
float:left;
margin:0 0 34px 30px;
}

#contact_box .catalog a{
height:18px;
width:248px;
text-align:center;
padding:12px 0 18px;
color:#4F4740;
font-weight:bold;
background-color:#E3E2E1;
border:1px solid #847F7A;
}

#contact_box .catalog a:hover{
background-color:#4F4740;
color:#FFFFFF;
}

#contact_box .contact a{
height:18px;
width:248px;
text-align:center;
padding:12px 0 18px;
color: #FFFFFF;
font-weight:bold;
background-color:#4F4740;
border:1px solid #4F4740;
}

#contact_box .contact a:hover{
background-color:#E3E2E1;
color:#4F4740;
}



/* #ceo
------------------------------------------------------------------- */
#ceo h3.top_title{
margin:50px 0 0 0;
padding:0;
border:0;}

#ceo dt{
float:left;
width:100px;
}
#ceo dd{
padding-left:100px;
}

#ceo .item_left_s dl{
margin:0 0 50px 0;}

#ceo .center{
text-align:center;
}

#ceo #contents h3{
margin-bottom:0;
}

/* #press
------------------------------------------------------------------- */
#press .item_right p{
margin:0;
}

#press h3.top_title{
margin:0 0 30px 0;
padding:0;
border:0;}

/* #artisan
------------------------------------------------------------------- */
#artisan .item_right p{
margin:0;
}
/* #stylist
------------------------------------------------------------------- */
#stylist .item_right p{
margin:0;
}

#stylist h3.top_title{
margin:0 0 30px 0;
padding:0;
border:0;}

/* #repair
------------------------------------------------------------------- */
#repair #contents{
padding-top:40px;}

#repair #contents h3{
margin-top:40px;}

#repair .top_title{
margin:20px 0 0 0;}

#repair .item_wrap{
overflow:hidden;}

#repair .item_right p{
margin:0 0 10px 0;}

#repair .item_right ul {
overflow:hidden;}

#repair .item_right ul li{
float:left;
margin:0 10px 0 0;}

#repair .idea{
margin:40px 0 0 0;
border-top:1px dotted #CCCCCC;}
#repair .idea li{
padding:35px 0 30px 30px;
border-bottom:1px dotted #CCCCCC;
overflow:hidden;}

#repair .idea li .title{
float:left;
margin:5px 20px 0 0;}

#repair .idea li .text{
margin:0 10px 0 0;
}

#repair .idea li .img{
margin:0 20px 0 0;
float:left;
}

#repair .idea li.idea1 .text{
margin-top:10px;
}

#repair .bnr{
position:relative;
}
#repair .bnr .btn{
font-size:13px;
color:#FFFFFF;
border:1px solid #FFFFFF;
padding:5px 22px;
position:absolute;
top:62px;
left:416px;
}



/* #staff
------------------------------------------------------------------- */

#staff #contents{
padding:0;
width:1007px;
height:1350px;
}

#staff #contents ul{
overflow:hidden;}