﻿@charset "utf-8";
/* ------------------------------------------------------
共通
------------------------------------------------------ */
div#contentsAria {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	width: 910px;
	line-height: 22px;
	color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: left 110px;
}
div.mens10endBlock {
	margin: 0px;
	padding: 0px;
	clear: both;
}
div#contentsAria h3 {
	margin: 0px;
	padding: 0px;
}
div#contentsAria div,
div#contentsAria h4,
div#contentsAria h5,
div#contentsAria h6,
div#contentsAria p,
div#contentsAria table,
div#contentsAria th,
div#contentsAria td,
div#contentsAria ul,
div#contentsAria ol,
div#contentsAria li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000000;
}
div#contentsAria a {
	text-decoration: none;
}
div#contentsAria p.ancPageTop {
	clear: both;
	height: 25px;
	width: 170px;
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 630px;
}
div#contentsAria p.ancPageTop a {
	display: block;
	height: 25px;
	width: 170px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

div#contentsAria div#preloadImage {
	display: none;
	visibility: hidden;
}

/* ------------------------------------------------------
ヘッダー
------------------------------------------------------ */
div#contentsAria div#pageHeaderBlock {
	height: 540px;
	width: 805px;
	padding-left: 75px;
	padding-right: 30px;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsAria div#pageHeaderBlock h3 {
	height: 174px;
	width: 450px;
	float: left;
	text-indent: -9999px;
}
div#contentsAria div#pageHeaderBlock p {
	float: left;
	width: 335px;
	padding-top: 30px;
	color:#000000;
}
div#contentsAria div#pageHeaderBlock p em {
	font-style: normal;
	font-weight: normal;
	color: #BD239B;
}
div#contentsAria div#pageHeaderBlock ul {
	list-style-type: none;
	width: 795px;
}
div#contentsAria div#pageHeaderBlock ul li {
	float: left;
	height: 155px;
	width: 159px;
	display: block;
}
div#contentsAria div#pageHeaderBlock ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 154px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
div#contentsAria div#pageHeaderBlock ul li a:hover {
	background-position: bottom;
}
div#pageHeaderBlock li#pageNavi01 a {
	background-image: url(images/header_btn_01.jpg);
}
div#pageHeaderBlock li#pageNavi02 a {
	background-image: url(images/header_btn_02.jpg);
}
div#pageHeaderBlock li#pageNavi03 a {
	background-image: url(images/header_btn_03.jpg);
}
div#pageHeaderBlock li#pageNavi04 a {
	background-image: url(images/header_btn_04.jpg);
}
div#pageHeaderBlock li#pageNavi05 a {
	background-image: url(images/header_btn_05.jpg);
}
div#pageHeaderBlock li#pageNavi06 a {
	background-image: url(images/header_btn_06.jpg);
}
div#pageHeaderBlock li#pageNavi07 a {
	background-image: url(images/header_btn_07.jpg);
}
div#pageHeaderBlock li#pageNavi08 a {
	background-image: url(images/header_btn_08.jpg);
}
div#pageHeaderBlock li#pageNavi09 a {
	background-image: url(images/header_btn_09.jpg);
}
div#pageHeaderBlock li#pageNavi10 a {
	background-image: url(images/header_btn_10.jpg);
}


/* ------------------------------------------------------
サロン共通
------------------------------------------------------ */
div#contentsAria div#salonWrapper {
	padding-right: 30px;
	padding-left: 30px;
}
div#contentsAria div#salonWrapper div#salon01,
div#contentsAria div#salonWrapper div#salon02,
div#contentsAria div#salonWrapper div#salon03,
div#contentsAria div#salonWrapper div#salon04,
div#contentsAria div#salonWrapper div#salon05,
div#contentsAria div#salonWrapper div#salon06,
div#contentsAria div#salonWrapper div#salon07,
div#contentsAria div#salonWrapper div#salon08,
div#contentsAria div#salonWrapper div#salon09,
div#contentsAria div#salonWrapper div#salon10 {
	padding-right: 20px;
	padding-left: 30px;
	height: 505px;
	width: 790px;
	background-image: url(images/salon_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*サロン名*/
div#contentsAria div#salonWrapper h4 {
	height: 80px;
	width: 790px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
/*サロン左------------------------------------------------------------*/
div#contentsAria div#salonWrapper div.salonLeftBlock {
	float: left;
	height: 375px;
	width: 480px;
}
div#contentsAria div#salonWrapper div.salonLeftBlock h5 {
	text-indent: -9999px;
	height: 26px;
	width: 480px;
}
div#contentsAria div#salonWrapper div.salonLeftBlock p.styleComment {
	height: 83px;
	width: 456px;
	padding-left: 14px;
}
div#contentsAria div#salonWrapper div.salonLeftBlock p.salonComment {
	height: 145px;
	width: 272px;
	padding-right: 10px;
	padding-left: 8px;
	background-repeat: no-repeat;
	background-position: left bottom;
	float: right;
}
div#contentsAria div#salonWrapper div.salonLeftBlock p.salonImage {
	float: left;
	height: 145px;
	width: 190px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsAria div#salonWrapper div.salonLeftBlock p.salonImage a {
	display: block;
	height: 145px;
	width: 190px;
	text-indent: -9999px;
}
/*ボタン２種*/
div#contentsAria div#salonWrapper div.salonLeftBlock ul {
	list-style-type: none;
}
div#contentsAria div#salonWrapper div.salonLeftBlock ul li {
	float: left;
	height: 35px;
	width: 240px;
}
div#contentsAria div#salonWrapper div.salonLeftBlock ul li a {
	display: block;
	height: 35px;
	width: 230px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsAria div#salonWrapper div.salonLeftBlock ul li a:hover {
	background-position: bottom;
}
div.salonLeftBlock ul li.ancSalonInfoOdd a {
	background-image: url(images/btn_salon_info_odd.jpg);
}
div.salonLeftBlock ul li.ancSalonInfoEven a {
	background-image: url(images/btn_salon_info_even.jpg);
}
div.salonLeftBlock ul li.ancSalonMapOdd a {
	background-image: url(images/btn_salon_map_odd.jpg);
}
div.salonLeftBlock ul li.ancSalonMapEven a {
	background-image: url(images/btn_salon_map_even.jpg);
}
/*スタイル写真*/
div#contentsAria div#salonWrapper p.styleImage {
	height: 375px;
	width: 310px;
	float: left;
}
div#contentsAria div#salonWrapper p.styleImage a {
	display: block;
	height: 330px;
	width: 310px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
div#contentsAria div#salonWrapper p.styleImage a:hover {
	background-position: bottom;
}



/* ------------------------------------------------------
サロン個別
------------------------------------------------------ */

/*salon01*/
div#contentsAria div#salonWrapper div#salon01 h4 {
	background-image: url(images/salon_01_title.jpg);
}
div#contentsAria div#salonWrapper div#salon01 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_01_number.jpg);
}
div#contentsAria div#salonWrapper div#salon01 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_01_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon01 p.styleImage a {
	background-image: url(images/salon_01_style.jpg);
}
/*salon02*/
div#contentsAria div#salonWrapper div#salon02 h4 {
	background-image: url(images/salon_02_title.jpg);
}
div#contentsAria div#salonWrapper div#salon02 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_02_number.jpg);
}
div#contentsAria div#salonWrapper div#salon02 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_02_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon02 p.styleImage a {
	background-image: url(images/salon_02_style.jpg);
}
/*salon03*/
div#contentsAria div#salonWrapper div#salon03 h4 {
	background-image: url(images/salon_03_title.jpg);
}
div#contentsAria div#salonWrapper div#salon03 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_03_number.jpg);
}
div#contentsAria div#salonWrapper div#salon03 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_03_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon03 p.styleImage a {
	background-image: url(images/salon_03_style.jpg);
}
/*salon04*/
div#contentsAria div#salonWrapper div#salon04 h4 {
	background-image: url(images/salon_04_title.jpg);
}
div#contentsAria div#salonWrapper div#salon04 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_04_number.jpg);
}
div#contentsAria div#salonWrapper div#salon04 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_04_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon04 p.styleImage a {
	background-image: url(images/salon_04_style.jpg);
}
/*salon05*/
div#contentsAria div#salonWrapper div#salon05 h4 {
	background-image: url(images/salon_05_title.jpg);
}
div#contentsAria div#salonWrapper div#salon05 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_05_number.jpg);
}
div#contentsAria div#salonWrapper div#salon05 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_05_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon05 p.styleImage a {
	background-image: url(images/salon_05_style.jpg);
}
/*salon06*/
div#contentsAria div#salonWrapper div#salon06 h4 {
	background-image: url(images/salon_06_title.jpg);
}
div#contentsAria div#salonWrapper div#salon06 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_06_number.jpg);
}
div#contentsAria div#salonWrapper div#salon06 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_06_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon06 p.styleImage a {
	background-image: url(images/salon_06_style.jpg);
}
/*salon07*/
div#contentsAria div#salonWrapper div#salon07 h4 {
	background-image: url(images/salon_07_title.jpg);
}
div#contentsAria div#salonWrapper div#salon07 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_07_number.jpg);
}
div#contentsAria div#salonWrapper div#salon07 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_07_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon07 p.styleImage a {
	background-image: url(images/salon_07_style.jpg);
}
/*salon08*/
div#contentsAria div#salonWrapper div#salon08 h4 {
	background-image: url(images/salon_08_title.jpg);
}
div#contentsAria div#salonWrapper div#salon08 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_08_number.jpg);
}
div#contentsAria div#salonWrapper div#salon08 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_08_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon08 p.styleImage a {
	background-image: url(images/salon_08_style.jpg);
}
/*salon09*/
div#contentsAria div#salonWrapper div#salon09 h4 {
	background-image: url(images/salon_09_title.jpg);
}
div#contentsAria div#salonWrapper div#salon09 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_09_number.jpg);
}
div#contentsAria div#salonWrapper div#salon09 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_09_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon09 p.styleImage a {
	background-image: url(images/salon_09_style.jpg);
}
/*salon10*/
div#contentsAria div#salonWrapper div#salon10 {
	height: 495px;
}
div#contentsAria div#salonWrapper div#salon10 h4 {
	background-image: url(images/salon_10_title.jpg);
}
div#contentsAria div#salonWrapper div#salon10 div.salonLeftBlock p.salonComment {
	background-image: url(images/salon_10_number.jpg);
}
div#contentsAria div#salonWrapper div#salon10 div.salonLeftBlock p.salonImage {
	background-image: url(images/salon_10_photo.jpg);
}
div#contentsAria div#salonWrapper div#salon10 p.styleImage a {
	background-image: url(images/salon_10_style.jpg);
}


/* ------------------------------------------------------
フッター
------------------------------------------------------ */
div#contentsAria div#pageFooterBlock {
	height: 140px;
	width: 855px;
	padding-top: 30px;
	padding-left: 55px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsAria div#pageFooterBlock ul {
	list-style-type: none;
}
div#contentsAria div#pageFooterBlock li {
	float: left;
	height: 95px;
	width: 80px;
}
div#contentsAria div#pageFooterBlock ul li a {
	display: block;
	height: 95px;
	width: 75px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
}
div#contentsAria div#pageFooterBlock ul li a:hover {
	height: 91px;
	width: 71px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
div#contentsAria div#pageFooterBlock ul li.footerOdd a:hover {
	border-top-color: #D71EA7;
	border-right-color: #D71EA7;
	border-bottom-color: #D71EA7;
	border-left-color: #D71EA7;
} 
div#contentsAria div#pageFooterBlock ul li.footerEven a:hover {
	border-top-color: #1C7BF9;
	border-right-color: #1C7BF9;
	border-bottom-color: #1C7BF9;
	border-left-color: #1C7BF9;
}
