@charset "UTF-8";

/* CSS Information ========================================
File name: style.css
history:
		2014.06.01 new
======================================================= */
/********************************************************************
 *		header
 ********************************************************************/
#header h1 {
	margin-left:auto;
	margin-right:auto;
	width:164px;
	height:98px;	/* ここを変えた場合、initial.cssの#content_wrapperのtopを変更すること！！！ */
	margin-top:5px;	/* height-88/2 の値を設定する */

}

#header h1 a {
	display:block;
	background-image:url('../image/header/img_00_logo.jpg');
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:98px;	/* ここを変えた場合、initial.cssの#content_wrapperのtopを変更すること！！！ */
}
/********************************************************************
 *		contact
 ********************************************************************/
#contact {
	height:75px;
}

#contact p {
	font-size:18px;
	line-height:75px;
}

p#address {
	display:block;
	float:left;
	margin-left:180px;
}

#contact img {
	float:left;
	margin-top:24px;
	margin-left:50px;
}

p#number {
	float:left;
	margin-left:15px;
}

/********************************************************************
 *		NEWS
 ********************************************************************/
#news_reserve {
	clear:both;
	margin-top:80px;
	height:500px;
}

#news {
	width:439px;
	height:295px;
	background-image:url('../image/news/img_02_NEWS_bg.png');
	float:left;
}

#news h2 {
	text-indent:-9999px;
}

#news #articles {
	font-size:12px;
	line-height: 150%;
	letter-spacing:0.1em;
	font-family:Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-top:80px;
	margin-left:40px;
}

#news #articles .post-text {
	margin-top:20px;
}

#news #articles .post-text a{
	text-decoration:underline;
}

#news #articles a:focus {
	outline:none;
}

#news #articles a:link {
	color:#000000;
}

#news #articles a:visited {
	color:#000000;
}

#news #articles a:hover {
	color:#000000;
}

#news #articles a:active {
	color:#000000;
}

/********************************************************************
 *		RESERVATION
 ********************************************************************/
#link_reservation {
	position:relative;
	width:439px;
	height:295px;
	background-image:url('../image/reservation/img_03_RESERVATION_bg.png');
	float:right;
	font-size:12px;
}

#link_reservation h2 {
	text-indent:-9999px;
}

#link_reservation p#reserve_btn {
	position:absolute;
	top:76px;
	left:148px;
	background:url('../image/reservation/img_03_RESERVATION_btn_on.png') no-repeat;
}

#link_reservation p#reserve_btn a {
	display:block;
	width:139px;
	height:139px;
	background:url('../image/reservation/img_03_RESERVATION_btn.png') no-repeat;
	text-indent:-9999px;
}

#link_reservation p#reserve_btn a:hover {
	background-image:none !important;
}

#link_reservation a:focus {
	outline:none;
}

#link_reservation p#to_members {
	position:absolute;
	top:230px;
	left:100px;
	text-align:center;
	font-size:11px;
	line-height: 150%;
	letter-spacing:0.1em;
	font-family:Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#link_reservation a {
	color:#000000;
}

/********************************************************************
 *		EC LINK 20.10.28 追加
 ********************************************************************/

#link_EC {
	position:relative;
	width:900px;
	height:120px;
	background-image:url('../image/onlineshop/bn_ec_02.png');
	float:right;
	font-size:12px;
}

#link_EC h2 {
	text-indent:-9999px;
}

#link_EC p#link_btn {
	position:absolute;
	top:25px;
	left:20px;
	background:url('../image/onlineshop/bt_ec_link-text.png') no-repeat;
}

#link_EC p#link_btn a {
	display:block;
	width:860px;
	height:71px;
	background:url('../image/onlineshop/bt_ec_link-text.png') no-repeat;
	text-indent:-9999px;
}


#link_EC a:focus {
	outline:none;
}


/********************************************************************
 *		CONCEPT
 ********************************************************************/
#concept {
	clear:both;
	position:relative;
	width:891px;
	height:654px;
	background-image:url('../image/concept/img_04_CONCEPT_bg2.jpg');
	margin-left:auto;
	margin-right:auto;
}

#concept h2 {
	text-indent:-9999px;
}

#concept p {
	display:block;
	width:650px;
	position:absolute;
	top:225px;
	left:120px;
	font-size:12px;
	line-height:2.0em;
	font-family:Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align:center;
}

/********************************************************************
 *		SALON OPEN
 ********************************************************************/
#salon_open {
	width:900px;
}

#salon_open h2 {
	display:block;
	width:900px;
	height:36px;
	background-image:url('../image/salon_open/img_05_OPEN_title.png');
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:50px;
}

#salon_open h3 {
	background-color:#000000;
	width:90px;
	height:20px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	text-align:center;
}

#salon_open img {
	width:150px;
	height:197px;
	float:left;
	margin-left:94px;
}

#salon_open p {
	font-size:12px;
	line-height: 2.0em;
	letter-spacing:0.1em;
	font-family:Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-top:10px;
}

#salon_open #salon_info {
	float:left;
}

#salon_open #business_hours {
	float:left;
	margin-left:50px;
	margin-bottom:27px;
}

#salon_open #reception_hours {
	float:left;
	margin-left:43px;
}

#salon_open #regular_holiday {
	clear:both;
	margin-left:50px;
}

/********************************************************************
 *		STYLIST
 ********************************************************************/
#stylist {
	clear:both;
}
#stylist h2 {
	text-indent:-9999px;
}

#stylist .member {
	position:relative;
	height:321px;
	width:900px;
	background-image:url('../image/salon_open/img_05_OPEN_line.jpg');
	background-repeat:no-repeat;
	background-position:center top;
}

#stylist .member {
	position:relative;
	height:321px;
	width:900px;
	background-image:url('../image/salon_open/img_05_OPEN_line.jpg');
	background-repeat:no-repeat;
	background-position:center top;
}

#stylist #matsu {
	height:358px;
}

#stylist #chie {
	height:358px;
}

#stylist #risa {
	height:358px;
}

#stylist #mayu {
	height:358px;
}

#stylist .member img {
	position:absolute;
	top:57px;
	left:86px;
}

#stylist .member p.profile {
	display:block;
	position:absolute;
	top:57px;
	left:258px;
	width:211px;
}

#stylist .member p.profile, #stylist .member p.post {
	font-size: 11px;
	line-height: 120%;
	letter-spacing: 0.1em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#stylist .member p.post {
	width:150px;
	position:absolute;
	top:263px;
	left:86px;
	text-align:center;
}

#stylist .member p.name {
	width:150px;
	font-size: 24px;
	font-family: 'Paytone One', sans-serif;
	font-weight: 400; 
	display:block;
	position:absolute;
	top:270px;
	left:86px;
	text-align:center;
}

#stylist .member a#matsu-insta {
	display:block;
	position:absolute;
	top:249px;
	left:60px;
}

#stylist .member a#chies-insta {
	display:block;
	position:absolute;
	top:249px;
	left:60px;
}

#stylist .member a#RISAs-insta {
	display:block;
	position:absolute;
	top:249px;
	left:60px;
}

#stylist .member a#MAYUs-insta {
	display:block;
	position:absolute;
	top:249px;
	left:60px;
}

#stylist .member .calendar {
	position:absolute;
	top:33px;
	right:86px;
}

#stylist #assistant {
	height:150px;
	background-image:url('../image/salon_open/img_05_OPEN_line.jpg');
	background-repeat:no-repeat;
	background-position:center top;
}

/*
#stylist #assistant img {
	margin-top:76px;
	margin-left:186px;
	float:left;
}
*/
#stylist #assistant a {
	width:30px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#stylist #assistant #assistant01 {
	width:104px;
	margin-top:51px;
	margin-left:110px;
	float:left;	
}

#stylist #assistant #assistant01 a {
	margin-top:10px;
}

#stylist #assistant #assistant01 p {
	font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.1em;
    font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
}

#stylist #assistant #assistant02 {
	width:104px;
	margin-top:51px;
	margin-left:40px;
	float:left;
}

#stylist #assistant #assistant02 a {
	margin-top:10px;
}

#stylist #assistant #assistant02 p {
	font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.1em;
    font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
}


#stylist #assistant #assistant03 {
	width:104px;
	margin-top:51px;
	margin-left:40px;
	float:left;
}

#stylist #assistant #assistant03 a {
	margin-top:10px;
}

#stylist #assistant #assistant03 p {
	font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.1em;
    font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
}


#stylist #assistant #assistant04 {
	width:104px;
	margin-top:51px;
	margin-left:40px;
	float:left;
}

#stylist #assistant #assistant04 a {
	margin-top:10px;
}

#stylist #assistant #assistant04 p {
	font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.1em;
    font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
}


#stylist #assistant #assistant05 {
	width:98px;
	margin-top:51px;
	margin-left:40px;
	float:left;
}

#stylist #assistant #assistant05 a {
	margin-top:0px;
}

#stylist #assistant h3 {
	float:left;
	width:700px;
	margin-top:76px;
	margin-left:116px;
	font-size: 24px;
font-family: 'Paytone One', sans-serif;
font-weight: 400;
}

#stylist #assistant ul {
	float:left;
	margin-top:20px;
	margin-left:136px;
	line-height:1.5em;
}

/********************************************************************
 *		STYLES
 ********************************************************************/
#styles {
	clear:both;
	margin-top:300px;
	height:850px;
	background-image:url('../image/styles/img_06_STYLES_bottom.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}

#styles h2 {
	display:block;
	width:900px;
	height:36px;
	background-image:url('../image/styles/img_06_STYLES_title.png');
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:50px;

}

#styles img#CheckItOut {
	margin-top:-390px;
	margin-left:630px;
}

#styles ul {
	margin-left:23px;
}

#styles ul li {
	float:left;
	margin-right:14px;
	margin-bottom:10px;
}

#styles ul li a:focus {
	outline:none;
}

/********************************************************************
 *		MENU
 ********************************************************************/
#menu {
	margin-top:230px;
}

#menu h2 {
	width:900px;
	height:36px;
	background:url('../image/menu/img_07_MENU_title.png') no-repeat;
	text-indent:-9999px;
	margin-bottom:50px;
}

#menu .left {
	float:left;
}

#menu .right {
	float:right;
}

#menu .menu_box {
	width:450px;
	margin-bottom:45px;
}

#menu .menu_box h3 {
	font-size: 24px;
	font-family: 'Paytone One', sans-serif;
	font-weight: 400;
	padding-bottom:20px;
	border-bottom:1px #000000 solid;
	width:414px;	
}

#menu .left h3 {
	margin-left:19px;
}

#menu .right h3 {
	margin-left:17px;
}

#menu .menu_box table {
	margin-top:6px;
}

#menu .left table {
	margin-left:19px;
}

#menu .right table {
	margin-left:17px;
}

#menu .menu_box .tbl_price th {
	display:none;
}

#menu .menu_box .tbl_price td.cell_menu {
	width:350px;
}


#menu .menu_box .comment {
	width:414px;
	border-bottom:1px #000000 solid;
}

#menu .left .comment {
	margin-left:19px;
}

#menu .right .comment {
	margin-left:17px;
}

#menu .menu_box p {
	display:block;
	margin-top:12px;
	margin-left:10px;
	width:380px;	
	font-size: 10px;
	line-height: 150%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;	
	padding-bottom:10px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

#menu #notice {
	clear:both;
	height:400px;
	text-align:center;
	font-size: 10px;
	line-height: 180%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-bottom:80px;
}

/********************************************************************
 *		ACCESS
 ********************************************************************/
#access h2 {
	background:url('../image/access/img_08_ACCESS_title.png') no-repeat;
	width:900px;
	height:36px;
	text-indent:-9999px;
	margin-top:80px;
	margin-bottom:50px;
}

#access h3 {
	margin-top:30px;
	font-size: 24px;
	font-family: 'Paytone One', sans-serif;
	font-weight: 400;
	width:350px;
	height:50px;
	border-bottom:1px #000000 solid;
}

#access p {
	font-size: 11px;
	line-height: 170%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin-top:15px;
	margin-left:10px;
}

#access #location {
	width:414px;
	float:left;
}

#access #contact {
	width:414px;
	float:right;
	height:180px;
}

#access #web_reservation {
	width:414px;
	float:right;
	margin-right:30px;
}

#access p#reservation_link {
	background-color:#000000;
	color:#ffffff;
	width:160px;
	text-align:center;
}

#access p#reservation_link a:focus {
	outline:none;
}

#access p#reservation_link a:link {
	color:#ffffff;
}

#access p#reservation_link a:visited {
	color:#ffffff;
}

#access p#reservation_link a:hover {
	color:#ffffff;
}

#access p#reservation_link a:active {
	color:#ffffff;
}

#access p#members_only a:focus, #access #location a:focus {
	outline:none;
}

#access p#members_only a:link, #access #location a:link {
	color:#000000;
}

#access p#members_only a:visited, #access #location a:visited {
	color:#000000;
}

#access p#members_only a:hover, #access #location a:hover {
	color:#000000;
}

#access p#members_only a:active, #access #location a:active {
	color:#000000;
}

#access #map {
	clear:both;
	padding-top:80px;
}

/********************************************************************
 *		WEDDING
 ********************************************************************/
#wedding h2 {
	background:url('../image/wedding/img_09_WEDDING_title.png') no-repeat;
	width:900px;
	height:36px;
	text-indent:-9999px;
	margin-top:110px;
	margin-bottom:50px;
}

#wedding p {
	margin-top:80px;
	text-align:center;	font-size: 11px;
	line-height: 170%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/********************************************************************
 *		JOIN US
 ********************************************************************/
#join_us {
	margin-top:250px;
	height:1770px;
}

#join_us h2 {
	background:url('../image/joinus/img_10_JOIN-US_title.png') no-repeat;
	width:900px;
	height:36px;
	text-indent:-9999px;
	margin-bottom:50px;
}

#join_us #blog-and-facebook {
	clear:both;
	margin-top:80px;
}
#join_us #blogs {
	float:left;
}
#join_us #chies_blog {
	background:url('../image/joinus/img_10_chie_blog_btn_on.jpg') no-repeat;
}

#join_us #chies_blog a {
	display:block;
	width:329px;
	height:287px;
	background:url('../image/joinus/img_10_chie_blog_btn.jpg') no-repeat;
	text-indent:-9999px;
}

#join_us #pearls_blog {
	background:url('../image/joinus/img_10_pearl_blog_btn_on.jpg') no-repeat;
}

#join_us #pearls_blog a {
	margin-top:25px;
	display:block;
	width:329px;
	height:287px;
	background:url('../image/joinus/img_10_pearl_blog_btn.jpg') no-repeat;
	text-indent:-9999px;
}

#join_us #chies_blog a:hover, #join_us #pearls_blog a:hover {
	background-image:none !important;
}

#join_us #facebook {
	float:right;
	background-color:#FFF;
	width:551px;
	height:601px;
	margin-bottom:120px;
}

#join_us img#dryer {
	margin-top:-140px;
	margin-left:660px;
}



/********************************************************************
 *		RECRUIT
 ********************************************************************/
#recruit {
	clear:both;
}

#recruit h2 {
	background:url('../image/recruit/img_11_RECRUIT_title.png') no-repeat;
	width:900px;
	height:36px;
	text-indent:-9999px;
	margin-bottom:50px;
}

#recruit {
	border-bottom:1px #000000 solid;
}

#recruit_link {
	width:769px;
	height:207px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../image/recruit/img_11_center-line.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:80px;
}

#recruit p {
	display:block;
}

#recruit p a {
	display:block;
	width:337px;
	height:208px;
	text-indent:-9999px;
}

#recruit p a:hover {
	background-image:none !important;
}

#recruit p#halfway {
	float:left;
	background:url('../image/recruit/img_11_left_btn_on.jpg') no-repeat;
}

#recruit p#halfway a {
	background:url('../image/recruit/img_11_left_btn.jpg') no-repeat;
}

#recruit p#newer {
	float:right;
	background:url('../image/recruit/img_11_right_btn_on.jpg') no-repeat;	
}

#recruit p#newer a {
	background:url('../image/recruit/img_11_right_btn.jpg') no-repeat;
}


/********************************************************************
 *		Recruit Page 2014.11.13 add
 ********************************************************************/
 
 #recruitPage {
	 height : 650px;
	 width : 700px;
 }
 
 
 #recruitPage p {
	margin-top:60px;
	margin-left:100px;
	margin-bottom:60px;
	text-align:left;
	font-size: 12px;
	line-height: 170%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 }
 
  #recruitPage_student p {
	margin-top:60px;
	margin-left:100px;
	margin-bottom:40px;
	text-align:left;
	font-size: 12px;
	line-height: 170%;
	letter-spacing: 0.2em;
	font-family: Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
 }
 
 /********************************************************************
 *		2016.10.13 Instagram add Emi
 ********************************************************************/
 
#instagram {
	height:700px;
	margin-top:13px;
	background-color:#ffffff;
}

#instagram h3 {
	display:block;
	width:143px;
	height:105px;
	background:url('../image/joinus/insta_title.png') no-repeat;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}

#instagram a#icon-instagram {
	display:block;
	padding-top:34px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#instagram h2 {
	color:#4b4b6d;
	padding-top:10px;
}

#instagram #articles {
	margin-top:30px;
	margin-left:20px;
}

#instagram .article {
	width:205px;
	height:245px;
	float:left;
	margin-left:0;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:20px;
}

#instagram .pic {
	text-align:center;
}

#instagram .pic a img {
	max-height:172px;
}
#instagram .article p {
	text-align:center;
	padding-top:10px;
}
 
img#joinus-image {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	height:202px;
}

/********************************************************************
 *		FOOTER
 ********************************************************************/
#footer {
	clear:both;
}
#footer #copyright {
	text-align:center;
	line-height:130px;
	font-size: 10px;
	letter-spacing:0.1em;
	font-family:Verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}