@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;
	background-attachment: fixed;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
}

.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: 860px;
	background-image: url(../shared/bg_img.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#main {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#contents {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
/* -----ヘッダー部分---------------------------------------------------------------------- */
#header {
	padding-bottom:0px;
	width: 800px;
	height: 100px;
	position: relative;
}

#header h1 {
	padding-bottom:0px;
	font-size:10px;
	color:#C8BDB1;
	text-decoration:none;
	font-weight: normal;
	display: block;
	height: 20px;
	line-height: 170%;
}
#header h2 {
	font-size:11px;
	font-weight: normal;
	position: absolute;
	left: 325px;
	top: 25px;
	color: #C8BDB1;
}
#logo {
	height: 80px;
	width: 190px;
	float: left;
}
#tel {
	height: 25px;
	width: 610px;
	float: right;
}

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

#gnavi ul {
	height: 55px;
	width: 610px;
	padding-right: 0px;
}

#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:150px;
	height: 55px;
	padding-right: 0px;
	background-image: url(../shared/bt_top_off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

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

#gnavi li#gn-information a:hover, #gnavi li#gn-information a:active {
	width:150px;
	padding-right: 0px;
	background-image: url(../shared/bt_info_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-course a {
	width:150px;
	height: 55px;
	padding-right: 0px;
	background-image: url(../shared/bt_course_off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-course a:hover, #gnavi li#gn-course a:active {
	width:150px;
	padding-right: 0px;
	background-image: url(../shared/bt_course_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#gnavi li#gn-inquiry a {
	width:150px;
	height: 55px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_off.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#gnavi li#gn-inquiry a:hover, #gnavi li#gn-inquiry a:active {
	width:150px;
	padding-right: 0px;
	background-image: url(../shared/bt_inquiry_on.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* -----メイン画像エリア------------------------------------------------------ */
#main-img {
	width: 800px;
	height: 224px;
	padding-bottom: 0px;
}

/* コンテンツエリア-------------------------------------------------------------------------------------- */
#contents-area {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	padding-top: 12px;
}
#left_area {
	width: 158px;
	height: 530px;
	text-align: center;
	background-image: url(../shared/bg_left.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 28px;
	padding-right: 20px;
	padding-left: 20px;
	float:left;
}
#right-area {
	width: 587px;
	float:right;
	font-size: 11px;
}
#shopinfo {
	text-align: left;
	color: #370508;
	padding-top: 50px;
	padding-left: 4px;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 150%;
}
.shopname {
	font-size: 12px;
	padding-bottom: 15px;
	padding-top: 5px;
	padding-left: 55px;
}
.map-link {
	color: #370508;
	padding-left: 38px;
}
.map-link a {
	display: inline;
	color: #370508;
}
.map-link a:hover, map-link a:active {
	display: inline;
	color: #370508;
}
.shop-tel {
	color: #370508;
	font-size: 10px;
	letter-spacing: 0.1em;
	padding-left: 40px;
}

/* バナー---------------------------- */

#bana_top {
	width: 143px;
	padding-left: 8px;
	padding-top: 0px;
}
#bana_bottom {
	width: 121px;
	padding-left: 30px;
}
#left_area li a {
	overflow:auto;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
}

#bana1 a {
	width:143px;
	height: 46px;
	background-image: url(../shared/bt_onlineshop_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
}

#bana1 a:hover, #bana1 a:active {
	width:143px;
	height: 46px;
	padding-right: 0px;
	background-image: url(../shared/bt_onlineshop_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana2 a {
	width:143px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../shared/bt_nailsalon_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 9px;
}

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

#bana3 a:hover, #bana3 a:active {
	width:143px;
	height: 45px;
	padding-right: 0px;
	background-image: url(../shared/bt_blog_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana4 a {
	width:121px;
	height: 74px;
	background-image: url(../shared/bt_mailmagazine_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 10px;
}

#bana4 a:hover, #bana4 a:active {
	width:121px;
	height: 74px;
	padding-right: 0px;
	background-image: url(../shared/bt_mailmagazine_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bana5 a {
	width:121px;
	height: 31px;

	background-image: url(../shared/bt_pc_intro_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 10px;
}

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

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

.pagetop a {
	background-image:url(../shared/bt_pagetop_off.gif);
	background-position:left top;
	width:70px;
	display: block;
	height: 15px;
	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:70px;
	display: block;
	height: 15px;
}
/* ---登録番号の設定------------------------------------------------------------------------ */
.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;
}

#course_td_pro {
	color: #7e1495;
}
#course_td_cal {
	color: #306489;
}

#course_td_begi {
	color: #0a6e21;
}

#course_td_ibd {
	color: #c6245e;
}

#course_td_bio {
	color: #c66124;
}

#course_td_prejel {
	color: #484c44;
}