@charset "UTF-8";

/*-------------------------------------------------------------
  スタイル
-------------------------------------------------------------*/


/* pagetop
-----------------------------*/
.pagetop {
	clear: both;
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
}

/* arrow
-----------------------------*/
.arrow {
	vertical-align: middle;
	padding: 0px 5px 0px 0px;
}


/*-------------------------------------------------------------
  サイドバー
-------------------------------------------------------------*/
#sidebar h4 {
	margin: 5px 0px 10px;
	text-align: left;
}
#sideAdd {
	width: 180px;
	padding-left: 20px;
	text-align: left;
	margin: 10px 0px;
}
#sidebar .access {
	width: 180px;
	margin: 0px auto 10px;
	text-align: right;
}
.sideBtn {
	margin-bottom: 10px;
}
#sidebar .salonName {
	text-align: center;
}

#facebook {
	width: 200px;
	margin: 20px 10px;
	background-color:#FFF;
}


/*-------------------------------------------------------------
  メイン
-------------------------------------------------------------*/

/* メインビジュアル
-----------------------------*/
#topImg {
	width: 960px;
	text-align: center;
	height: 207px;
	margin: 0px auto;
	background: url(../images/bg_topimg.jpg) no-repeat left top;
	padding-top: 8px;
}

/* 見出しごとのボックス
-----------------------------*/
#mainContent h3 {
	padding: 0px 0px 15px 10px;
}

.box {
	padding-left: 15px;
	width: 685px;
	margin:30px 0 30px 10px;
	font-size:14px;
}
.box2 {
	padding-left: 15px;
	width: 685px;
	margin:30px 0 30px 10px;
	font-size:14px;
}
.box2 p{
	padding-left:1em;
	
}

.small{
	font-size:12px;
	color:#EF6365;
}

/* float設定
-----------------------------*/
.floatBox {
	margin-right: 15px;
}
.floatBox .left {
	float: left;
	width: 380px;
}
.floatBox .right {
	float: right;
}

.floatBox2 {
	width:685px;
}
.floatBox2 .left {
	float: left;
}
.floatBox2 .right {
	float: right;
	width: 437px;
}


/*-------------------------------------------------------------
  トップページ
-------------------------------------------------------------*/
/* メインビジュアル
-----------------------------*/
#topImgIndexBlock {
	width: 1070px;
	text-align: center;
	margin: 0px auto;
	background: url(../images/bg_main.png) repeat-y center top;
}
#topImgIndex {
	background: url(../images/top/bg_topimg.png) no-repeat center top;
	height: 507px;
	padding-top: 38px;
}

/* 新着情報
-----------------------------*/
.newBox {
	margin-top: 20px;
}
.newBox p{
	margin-bottom: 5px;
}
.newBox div ul li{
	margin-left: 10px;
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}
/*.newBox dt {
	margin-bottom: 5px;
}
.newBox dd {
	margin-left: 10px;
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}*/

/* リンクバナー
-----------------------------*/
.topBtn {
	width: 620px;
	margin: 20px 0px 0px 43px;
}
.topBtn li {
	float: left;
	margin: 0px 36px 20px 0px;
}

/* お悩み別／部位から探す
-----------------------------*/
.searchBox {
	width: 684px;
	background: url(../images/top/bg_3parts.gif) repeat-y left top;
	margin: 0px 0px 20px 10px;
	padding-left: 16px;
}

.searchInBox {
	width: 211px;
	margin-right: 17px;
	float: left;
}
.comment {
	padding: 5px 5px 0px 10px;
	height: 70px;
}
.searchInBox ul {
	padding: 10px 5px 0px 10px;
}
.searchInBox ul li {
	background: url(../images/ico.gif) no-repeat left 5px;
	padding-left: 15px;
	margin: 0px 0px 4px 2px;
}


/*-------------------------------------------------------------
  おすすめメニュー
-------------------------------------------------------------*/
.recLead {
	background: url(../images/recommend/bg_lead.jpg) no-repeat right bottom;
	margin: 0px 20px 0px 10px;
	padding: 15px;
}
.recLead p {
	margin-bottom: 15px;
}
.recAnchor {
	padding: 10px 0px 20px 10px;
}
.recAnchor li {
	float: left;
}

/* おすすめポイント
-----------------------------*/
#recPoint {
	width: 344px;
	margin: 20px auto 0px;
	text-align: center;
}
#recPoint dt {
	margin-bottom: 5px;
}

/* 5大効果
-----------------------------*/
.rec5effect {
	background: url(../images/recommend/img02.jpg) no-repeat right center;
}
.rec5effect .no1 {
	background: url(../images/recommend/no1.gif) no-repeat left top;
	padding: 10px 0px 15px 35px;
}
.rec5effect .no2{
	background: url(../images/recommend/no2.gif) no-repeat left top;
	padding: 10px 0px 15px 35px;
}
.rec5effect .no3 {
	background: url(../images/recommend/no3.gif) no-repeat left top;
	padding: 10px 0px 15px 35px;
}
.rec5effect .no4 {
	background: url(../images/recommend/no4.gif) no-repeat left top;
	padding: 10px 0px 15px 35px;
}
.rec5effect .no5 {
	background: url(../images/recommend/no5.gif) no-repeat left top;
	padding: 10px 0px 15px 35px;
}
.rec5effect .no2 ul {
	padding: 5px 0px 0px 5px;
}
.rec5effect .no2 ul li {
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}

/* 症例
-----------------------------*/
.beforeAfter {
	margin: 15px 0px 0px 13px;
}

/* コース内容紹介
-----------------------------*/
.courseImg {
	padding-bottom: 10px;
}
.courseImg li {
	height: 154px;
	width: 214px;
	margin: 0px 11px 11px 0px;
	float: left;
}
.recCourseBox{
	width:690px;
	margin-right: -28px;
	padding-left: 2px;
	overflow: hidden;
	_zoom:1;
}
.recCourse {
	width: 317px;
	padding-bottom: 30px;
	float: left;
	margin-right: 28px;
}
.recCourse ul {
	margin: 20px 0px 15px 20px;
}
.recCourse ul li {
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}
.recCourse .price {
	margin-left: 30px;
}
.recCourse .price p {
	float: left;
	margin-right: 15px;
	font-weight:bold;
}
.recCourse .price img {
	padding-right: 5px;
	vertical-align: middle;
}
.optionBox {
	padding: 20px 15px 0px 20px;
	width: 650px;
}
.option {
	width: 300px;
	margin-bottom: 20px;
	float: left;
}
.option dt {
	font-weight: bold;
	margin-bottom: 3px;
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}
.option dd {
	padding-left: 15px;
}
.optionParts {
	clear: both;
}
.optionParts dt {
	font-weight: bold;
	color: #ae905e;
	margin-bottom: 3px;
	font-size: 14px;
}

/*-------------------------------------------------------------
  メニュー
-------------------------------------------------------------*/
.menuBox {
	width: 672px;
	margin-left: 25px;
	padding-bottom: 20px;
}
.menuBox h4 {
	background: url(../images/menu/stit.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	color: #634233;
	padding: 0px 0px 10px 15px;
}
.menuBox h5 {
	font-size: 14px;
	font-weight: bold;
	color: #ff8585;
	padding-bottom: 3px;
}
.menuBox ul {
	padding: 0px 0px 10px;
}
.menuBox ul li {
	background: url(../images/ico.gif) no-repeat left 4px;
	padding-left: 15px;
}
.menuBox .btnInquire {
	text-align: right;
	padding-top: 10px;
}

#menuList {
	width: 682px;
	margin-left: 28px;
	padding: 15px 0px 20px;
}
#menuList li {
	height: 174px;
	width: 214px;
	margin: 0px 11px 11px 0px;
	float: left;
}
.menuBox .image {
	text-align: center;
	margin-top: 20px;
}
.menuBox p {
	padding: 5px 0px;
}
.menuBox ul.jewelryList {
	padding: 0px;
	margin: 0px -11px 0px 0px;
	width: 681px;
	overflow:hidden;
	_zoom:1;
}
.menuBox ul.jewelryList li {
	width: 216px;
	float: left;
	background: url(none);
	padding: 0px;
	margin: 0px 11px 11px 0px;
	text-align: center;
}
.menuBox ul.jewelryList li img {
	padding-bottom: 5px;
}
.menuBox dl dt {
	font-weight: bold;
	color: #ff8585;
}
.menuBox dl dd {
	margin-top: -1.5em;
	padding: 0px 0px 20px 40px;
}
/*料金表テーブル設定*/
.menuBox table {
	background: #cfc7b8;
	margin: 0px auto 10px;
	color:#333333;
}
.menuBox table tr th {
	text-align: center;
}
.menuBox table tr td {
	text-align: center;
	background: #FFF;
}
/*一般*/
.menuBox table tr td.bgG {
	background: #f6f5f3;
	font-weight:bold;
	width: 110px;
}
/*会員*/
.menuBox table tr td.bgP {
	background: #ffe8e8;
	font-weight:bold;
	width: 110px;
	color:#dd3c3d;
}
/*時間*/
.menuBox table tr td.time {
	width: 100px;
}

/* 各コースイメージ
-----------------------------*/
.menuBg02 {
	background: url(../images/menu/bg_img02.jpg) no-repeat right 30px;
}
.menuBg03 {
	background: url(../images/menu/bg_img03.jpg) no-repeat right 10px;
	height: 200px;
}
.menuBg04 {
	background: url(../images/menu/bg_img04.jpg) no-repeat right 30px;
	height: 200px;
}
.menuBg05 {
	background: url(../images/menu/bg_img05.jpg) no-repeat right 30px;
	height: 200px;
}
.menuBg06 {
	background: url(../images/menu/bg_img06.jpg) no-repeat right 10px;
	height: 200px;
}
.menuBg07 {
	background: url(../images/menu/bg_img07.jpg) no-repeat right 100px;
}
.menuBg08 {
	background: url(../images/menu/bg_img08.jpg) no-repeat right 30px;
}
.menuBg09 {
	background: url(../images/menu/bg_img09.jpg) no-repeat right 30px;
}
.menuBg10 {
	background: url(../images/menu/bg_img10.jpg) no-repeat right 30px;
}
.menuBg11 {
	background: url(../images/menu/bg_img11.jpg) no-repeat right 30px;
}
.menuBg12 {
	background: url(../images/menu/bg_img12.jpg) no-repeat right 30px;
	height: 200px;
}
.menuBg13{
	background: url(../images/menu/bg_img13.jpg) no-repeat right 30px;
}

/*-------------------------------------------------------------
  サロン/アクセス
-------------------------------------------------------------*/
#picturesBox {
	margin: 0px 0px 20px 60px;
	height: 477px;
	width: 600px;
	overflow: hidden;
}
.salonInfo {
	font-size: 14px;
	background: url(../images/salon/bg_salon.jpg) no-repeat right top;
	width: 670px;
	height:300px;
	margin-left: 25px;
	padding-bottom: 20px;
}
.salonInfo ul li {
	background: url(../images/ico.gif) no-repeat left 5px;
	padding: 0px 0px 5px 15px;
}
.googleMap {
	height: 350px;
	width: 660px;
	border: 1px solid #cfc7b8;
	margin: 0px 0px 20px 29px;
}

/*-------------------------------------------------------------
  セラピスト紹介
-------------------------------------------------------------*/
.therapistComment {
	padding: 15px 15px 15px 30px;
}

/*-------------------------------------------------------------
  スクール
-------------------------------------------------------------*/
.schoolList {
	width: 667px;
	margin-left: 43px;
	padding: 15px 0px 20px;
}
.schoolBox {
	width: 672px;
	margin-left: 25px;
	padding-bottom: 20px;
}
.schoolBox h4 {
	background: url(../images/menu/stit.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	color: #634233;
	padding: 0px 0px 10px 15px;
}
.schoolBox h5 {
	font-size: 14px;
	font-weight: bold;
	color: #ff8585;
	padding-bottom: 3px;
}
.schoolBox .btnInquire {
	text-align: right;
	padding-top: 10px;
}
.schoolBox p {
	padding: 5px 0px;
}

/*料金表テーブル設定*/
.schoolBox table {
	background: #cfc7b8;
	margin: 0px auto 20px;
}
.schoolBox table tr td {
	text-align: left;
	background: #FFF;
	padding-left: 20px;
	color:#333333;
}
/*料金*/
.schoolBox table tr td.bgP {
	background: #ffe8e8;
	font-weight:bold;
	width: 150px;
	color:#dd3c3d;
	text-align: center;
}
.schoolList li {
	margin-right: 26px;
	float: left;
}

/*-------------------------------------------------------------
  サイトマップ
-------------------------------------------------------------*/
.sitemapList {
	margin-left: 15px;
}
.sitemapList li {
	line-height:2;
	background: url(../images/arrow2.gif) no-repeat left 8px;
	padding-left: 20px;
	font-size: 14px;
}
.sitemapList .menu {
	padding-bottom: 10px;
	width: 630px;
}
.sitemapList .menu li {
	background: url(../images/arrow.gif) no-repeat left 5px;
	font-size: 12px;
	margin-right: 20px;
	float: left;
	width: 170px;
}