@charset 'utf-8';

/*-----------------------------------------------------
	基本設定
-------------------------------------------------------*/
body {
	background: url(../images/common/bg_container.png) repeat;
	color: #767676;
	font-size: 12px;
}

a {
	color: #0C5BA5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	filter: alpha(opacity=70);
	opacity: .7;
}

a:active img {
	border: none;
}

a:active {
	border: none;
}

address {
	font-style: normal;
}

/*-----------------------------------------------------
	見出し
-------------------------------------------------------*/
h1 {
	color: #959595;
	font-size: 11px;
	text-align: left;
}


/*-----------------------------------------------------
	ヘッダー
-------------------------------------------------------*/
#Header {
	border-top: solid 5px #beac51;
	min-width: 990px;
	padding-top: 5px;
	position: relative;
	z-index: 200;
}

.header-inner {
	margin: 0 auto;
	width: 990px;
}


/* GlobalNavi
------------------------------------------------*/
#GlobalNavi {
	margin: 30px auto 0;
}

#GlobalNavi a {
	display: inline;
	height: auto;
	overflow: auto;
}

#GlobalNavi ul {
	height: auto;
}

#GlobalNavi li {
	float: left;
	margin-left: 40px;
}

#GlobalNavi li:first-child {
	margin-left: 0;
}

#GlobalNavi a {
	background: none;
	padding-top: 0;
}

#GlobalNavi a:hover {
	filter: alpha(opacity=70);
	opacity: .7;
}

/* 2ndナビ */
#Navi-nail {
	position: relative;
}
.navi-2nd {/*ul*/
	background: #f0f6e0;
	bottom: -100px;
	display: none;
	font-size: 12px;
	left: -20px;
	position: absolute;
	z-index: 20;
}

.navi-2nd > li {
	background: url(../images/common/ico_secondnavi.png) 5px center no-repeat;
	padding: 5px 10px;
	margin-left: 0 !important;
	overflow: hidden;
	width: 120px;
}

.navi-2nd a {
	background: url(../images/common/cg_secondnavi_line.png) left bottom repeat-x;
	color: #ab951c;
	display: block;
	padding: 5px 10px 5px 15px;
}

/* 2ndナビ まつげエクステ */
#Navi-eyebrash {
	position: relative;
}
.navi-2nd-eyebrash {/*ul*/
	background: #f0f6e0;
	bottom: -42px;
	display: none;
	font-size: 12px;
	left: -20px;
	position: absolute;
	z-index: 20;
}

.navi-2nd-eyebrash > li {
	background: url(../images/common/ico_secondnavi_eyelash.png) 5px center no-repeat;
	padding: 5px 10px;
	margin-left: 0 !important;
	overflow: hidden;
	width: 120px;
}

.navi-2nd-eyebrash a {
	background: url(../images/common/cg_secondnavi_line.png) left bottom repeat-x;
	color: #ab951c;
	display: block;
	padding: 5px 10px 5px 15px;
}

/* 2ndナビ リンパマッサージ */
#Navi-rimph {
	position: relative;
}
.navi-2nd-rimph {/*ul*/
	background: #f0f6e0;
	bottom: -42px;
	display: none;
	font-size: 12px;
	left: -20px;
	position: absolute;
	z-index: 20;
}

.navi-2nd-rimph > li {
	background: url(../images/common/ico_secondnavi_lymph.png) 5px center no-repeat;
	padding: 5px 10px;
	margin-left: 0 !important;
	overflow: hidden;
	width: 120px;
}

.navi-2nd-rimph a {
	background: url(../images/common/cg_secondnavi_line.png) left bottom repeat-x;
	color: #ab951c;
	display: block;
	padding: 5px 10px 5px 15px;
}


/*-----------------------------------------------------
	メイン
-------------------------------------------------------*/
#Main {
	margin: 0 auto;
	width: 990px;
	position: relative;
	z-index: 1;
}

/* ボタン
------------------------------------------------*/
.btn-center {
	left: 375px;
	position: absolute;
	top: 170px;
}

.top-menu {
	background: url(../images/index/bg_main.png) center top no-repeat;
	height: 750px;
	position: relative;
	width: 100%;
}

.top-menu li {
	position: absolute;
}

.top-menu a {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
}


/* 花・ビジュー
------------------------------------------------*/
.menu-obj li {
	z-index: 100;
}

.menu-obj1 {
	left: 200px;
	top: 200px;
}

.menu-obj2 {
	left: 220px;
	top: 350px;
}

.menu-obj3 {
	left: 650px;
	top: 190px;
}

.menu-obj4 {
	left: 790px;
	top: 490px;
}

.menu-obj5 {
	left: 810px;
	top: 620px;
}


/* btn01 Nail
------------------------------------------------*/
.btn-menu li {
	text-indent: -9999px;
	z-index: 10;
}


.btn-menu01 {
	left: 20px;
	top: 10px;
	width: 280px;
}

.btn-menu01 a {
	background-image: url(../images/index/btn_nail.png);
	height: 245px;
}

.btn-menu01 a:hover {
	background-position: left -245px;
	height: 231px;
}


/* btn02 
------------------------------------------------*/
.btn-menu02 {
	left: 0;
	top: 250px;
	width: 304px;
/*	background-image: url(../images/index/btn_left-frame.png);
	height: 379px;*/
}

.btn-menu02 a {
	background-image: url(../images/index/btn_left-frame.png);
	height: 379px;

}

.btn-menu02 a:hover {
	background-position: left -379px;
	height: 366px;
}


/* btn03 SalonInfo
------------------------------------------------*/
.btn-menu03 {
	left: 200px;
	top: 490px;
	width: 244px;
}

.btn-menu03 a {
	background-image: url(../images/index/btn_saloninfo.png);
	height: 229px;

}

.btn-menu03 a:hover {
	background-position: left -229px;
	height: 229px;

}


/* btn04 gallery
------------------------------------------------*/
.btn-menu04 {
	left: 670px;
	top: 0;
	width: 290px;
}

.btn-menu04 a {
	background-image: url(../images/index/btn_gallery.png);
	height: 272px;

}

.btn-menu04 a:hover {
	background-position: left -272px;
	height: 251px;

}


/* btn05 
------------------------------------------------*/
.btn-menu05 {
	left: 700px;
	top: 270px;
	width: 287px;
	background-image: url(../images/index/btn_right-frame.png);/* <- aタグ付与後、aに設定 */
	height: 232px;/* <- aタグ付与後、aに設定 */
}

.btn-menu05 a {
	background-image: url(../images/index/btn_right-frame.png);
	height: 232px;
}

.btn-menu05 a:hover {
	background-position: left -232px;
	height: 232px;
}


/* btn06 access
------------------------------------------------*/
.btn-menu06 {
	left: 600px;
	top: 500px;
	width: 267px;
}

.btn-menu06 a {
	background-image: url(../images/index/btn_access.png);
	height: 235px;

}

.btn-menu06 a:hover {
	background-position: left -235px;
	height: 206px;

}

/* トップテキスト
------------------------------------------------*/
.top-text {
	color: #554800;
	line-height: 2;
	text-align: center;
}


/*-----------------------------------------------------
	フッター
-------------------------------------------------------*/
#Footer {
	border-top: solid 5px #beac51;
	margin-top: 55px;
	min-width: 990px;
	padding-top: 15px;
}

#Footer a {
	color: #777;
}

/* 「ページの先頭へ」ボタン
------------------------------------------------*/
.page-top-wrapper {
	border: solid 5
	margin: 0 auto;
	width: 990px;
}

.page-top {
	text-align: right;
}

.page-top img {
	vertical-align: bottom;
}

.page-top a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
	text-align: right;
}

/* footer-inner
------------------------------------------------*/
.footer-inner {
	width: 990px;
	margin: 0 auto;
}

/* footer-navi
------------------------------------------------*/
.footer-navi a {
	color: #fff;
}

.footer-navi ul {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
}

.footer-navi li {
	display: inline-block;
 /padding: 0 10px;
 /display: inline;
 /zoom: 1;
}

.footer-navi li:first-child {
	margin-left: 0;
}

.footer-navi span {
	padding: 0 3px;
}

.footer-navi li:first-child:before {
	display: none;
}

.footer-inner-left {
	padding-bottom: 10px;
}



/* コピーライト
------------------------------------------------*/
.copyright {
	margin-top: 40px;
	text-align: right;
}