@charset "utf-8";
/* -----初期化---------------------------------------------------------------------- */
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}

ul,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0px;
}

/* -----基本設定---------------------------------------------------------------------- */
body{
	text-align:center;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	line-height:160%;
	height:100%;
	background-color: #FFFFFF;
}

a,
a:link,
a:visited {
	color:#D1C0A5;
	text-decoration:none;
}

a:hover,
a:active {
	color:#D1C0A5;
	text-decoration:underline;
}
.clear {/* float解除のhack box */
	clear:both;
}
/* -----色の設定------------- */
.red1 {
	color: #A40000;
}
.beige {
	color: #A6937C;
}
/* -----各コンテナの設定---------------------------------------------------------------------- */

#wrapper {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
	position:relative;
	width: 100%;
	background-image: url(../shared/bg_top.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#main{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* -----ヘッダー部分---------------------------------------------------------------------- */
#header {
	padding-bottom:0px;
	width: 840px;
	height: 97px;
	position: relative;
}
#header-h1 {
	height: 20px;
	width: 820px;
	padding-left: 20px;
}
#header-h1 h1 {
	padding-bottom:0px;
	font-size:10px;
	color:#C8BDB1;
	text-decoration:none;
	font-weight: normal;
	line-height:20px;
}#header h2 {
	font-size:11px;
	font-weight: normal;
	position: absolute;
	top: 25px;
	color: #C8BDB1;
	text-align: right;
	right: 25px;
	width: 530px;
}
#header-img {
	height: 38px;
	width: 199px;
	position: absolute;
	left: 195px;
	top: 54px;
}
#logo {
	height: 77px;
	width: 100px;
	position: absolute;
	left: 20px;
	top: 20px;
}
#tel-img {
	height: 36px;
	width: 244px;
	position: absolute;
	top: 51px;
	right: 25px;
}

/* -----グローバルナビ---------------------------------------------------------------------- */
#gnavi {
	width:840px;
	height: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#gnavi ul {
	height: 50px;
	width: 800px;
	padding-left: 23px;
}

#gnavi li {
	float:left;
	height: 50px;
}

#gnavi li a {
	overflow:auto;
	height: 50px;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
}

#gnavi li#gn-top a {
	width:134px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_top_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-top a:hover, #gnavi li#gn-top a:active {
	width:134px;
	padding-right: 0px;
	background-image: url(../shared/bt_top_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-information a {
	width:132px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_info_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-information a:hover, #gnavi li#gn-information a:active {
	width:132px;
	padding-right: 0px;
	background-image: url(../shared/bt_info_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-menu a {
	width:132px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_menu_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-menu a:hover, #gnavi li#gn-menu a:active {
	width:132px;
	padding-right: 0px;
	background-image: url(../shared/bt_menu_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-gallery a {
	width:132px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_gallery_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-gallery a:hover, #gnavi li#gn-gallery a:active {
	width:132px;
	padding-right: 0px;
	background-image: url(../shared/bt_gallery_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-recruit a {
	width:132px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_recruit_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-recruit a:hover, #gnavi li#gn-recruit a:active {
	width:132px;
	padding-right: 0px;
	background-image: url(../shared/bt_recruit_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-inquiry a {
	width:134px;
	height: 50px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-inquiry a:hover, #gnavi li#gn-inquiry a:active {
	width:134px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* -----メイン画像エリア------------------------------------------------------ */
#main_img_area {
	width: 840px;
	height: 451px;
}
#gallery_area {
	width: 170px;
	height: 451px;
	float: left;
	background-image: url(../img/bg_gallery.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_img {
	width: 670px;
	height: 451px;
	float: right;
}
/* -----ギャラリー画像エリア-------------------- */
#bt-reservation {
	width:160px;
	height: 46px;
	padding-left: 5px;
	padding-top: 7px;
}
#bt-reservation a {
	width:160px;
	height: 46px;
	overflow:auto;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
	background-image: url(../img/bt_reservation_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
	padding-top: 7px;
}
#bt-reservation a:hover, #bt-reservation a:active {
	width:160px;
	height: 46px;
	background-image: url(../img/bt_reservation_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 5px;
	padding-top: 7px;
}
#new_nail {
	width: 128px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 45px;
}

.nail1 {
	width: 120px;
	display: inline;
}

.nail1 a {
	width: 120px;
	border: 3px solid #907F74;
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 7px;
}

.nail1 a:hover,
.nail1 a:active
{
	border-top-color: #E8DDCB;
	border-right-color: #E8DDCB;
	border-bottom-color: #E8DDCB;
	border-left-color: #E8DDCB;
}

.nail2 {
	width: 120px;
	display: inline;
}

.nail2 a {
	width: 120px;
	border: 3px solid #907F74;
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 7px;
}

.nail2 a:hover,
.nail2 a:active
{
	border-top-color: #E8DDCB;
	border-right-color: #E8DDCB;
	border-bottom-color: #E8DDCB;
	border-left-color: #E8DDCB;
}

.nail3 {
	width: 120px;
	display: inline;
}

.nail3 a {
	width: 120px;
	border: 3px solid #907F74;
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 7px;
}

.nail3 a:hover,
.nail3 a:active
{
	border-top-color: #E8DDCB;
	border-right-color: #E8DDCB;
	border-bottom-color: #E8DDCB;
	border-left-color: #E8DDCB;
}
.nail_other {
	color: #D1C0A5;
	text-align: center;
	font-size: 11px;
}

.nail_other a {
	color: #D1C0A5;	
}
.nail_other a:hover,
.nail_other a:active
{
	color: #A40000;
	text-decoration: none;
}


/* インラインフレームを囲むインフォメーションエリア---------------------------------------- */
#info-area {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 15px;
}

/* 新着情報のインラインフレーム------- */
#news-area {
	width: 518px;
	float: left;
	padding-right: 10px;
	height: 202px;
}
#news-area img {
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
}
.iframe_box {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #45372E;
	border-left-color: #45372E;	
}
/* バナー---------------------------- */
#bana_area {
	width: 272px;
	height: 145px;
	float: right;
	padding-top: 15px;
}
#bana_left {
	width: 142px;
	float: left;
	padding-right: 10px;
}
#bana_right {
	width: 120px;
	float: right;
}
#bana_area li a {
	overflow:auto;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
}

#bana1 a {
	width:142px;
	height: 45px;
	background-image: url(../img/bt_onlineshop_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana1 a:hover, #bana1 a:active {
	width:142px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../img/bt_onlineshop_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana2 a {
	width:142px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../img/bt_calgel_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana2 a:hover, #bana2 a:active {
	width:142px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../img/bt_calgel_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana3 a {
	width:142px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../img/bt_blog_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana3 a:hover, #bana3 a:active {
	width:142px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../img/bt_blog_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana4 a {
	width:120px;
	height: 73px;
	background-image: url(../img/bt_mailmagazine_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana4 a:hover, #bana4 a:active {
	width:120px;
	height: 73px;
	padding-right: 0px;
	background-image: url(../img/bt_mailmagazine_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana5 a {
	width:120px;
	height: 31px;
	background-image: url(../img/bt_pc_intro_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana5 a:hover, #bana5 a:active {
	width:120px;
	height: 31px;
	padding-right: 0px;
	background-image: url(../img/bt_pc_intro_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana6 a {
	width:120px;
	height: 31px;
	background-image: url(../img/bt_mo_intro_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
}

#bana6 a:hover, #bana6 a:active {
	width:120px;
	height: 31px;
	padding-right: 0px;
	background-image: url(../img/bt_mo_intro_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ---ページトップへのボタン------下マージンなし------------------------------------------- */
.pagetop {
	width:75px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 470px;
}

.pagetop a {
	background-image:url(../shared/bt_pagetop_off.gif);
	background-position:left top;
	width:75px;
	display: block;
	height: 18px;
	text-indent: -9999px;
	overflow:hidden;
	text-decoration:none;
	background-repeat: no-repeat;
}

.pagetop a:hover, .pagetop a:active {
	background-image:url(../shared/bt_pagetop_on.gif);
	background-position:left top;
	width:75px;
	display: block;
	height: 18px;
}
/* ---登録番号の設定------------------------------------------------------------------------ */
.number {
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	text-align: right;
}
.number2 {
	font-size: 11px;
	color: #333333;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	text-align: right;
}
/* ---フッター部分------------------------------------------------------------------------ */
#wrapper_bottom {
	padding-bottom:0px;
	width: 100%;
	height: 41px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../shared/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#copy {
	font-size: 10px;
	color: #45372E;
	padding-top: 10px;
}