@charset "utf-8";

/* CSS Document */
/*------------------------------------------
guidline:Ver2.1
since:2010/02/26
writer:Aila　Maehara
last_editday:2010/03/31
last_editor:Aika　Maehara
------------------------------------------*/
/* ブラウザ初期化------------------------------------------ */
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"ＭＳ Ｐゴシック";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"ＭＳ Ｐゴシック";
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
}
/* ページ共通------------------------------------------ */
body {
	background-color: #21140c;
	background-image: url(../../images/base/bg_h1.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: auto;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 0px;
	margin-top: 6px;
}
a{outline:none;}
div#container {
	width: 950px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	background-color: #FFFFFF;
}
div#wapper {
}

div#contents {
	clear: both;
	height: auto;
	background-color: #FFFFFF;
}

div#header {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
	background-position: bottom;
	background-image: url(../../images/base/bg_h1.jpg);
	background-repeat: repeat-x;
}
h1 {
	font-size: 0px;
	background-image: url(../../images/index/logo.jpg);
	background-repeat: no-repeat;
	height: 25px;
	text-indent: -9000px;
	width: 200px;
	float: left;
}

div#header .p_h1 {
	float: right;
	padding-top: 6px;
}
div#fla {
	clear: both;
	height: 419px;
	width: 950px;
	display: block;
}
/* Menuの指定 */
div#navi
 {
	background-image: url(../../images/base/menu.jpg);
	height: 52px;
	background-repeat: no-repeat;
	width: 950px;
	clear: both;
	margin-top: -3px;
}
*html div#navi
 {
	background-image: url(../../images/base/menu.jpg);
	height: 52px;
	background-repeat: no-repeat;
	width: 950px;
	clear: both;
	margin-top: -3px;
}
ul {
	width:950px;             /* リスト全体の幅 */
	height:52px;             /* リスト全体の高さ */
	list-style:none;         /* リストマークを無しにする */
	margin-left: 0px;
	background-image: url(../../images/base/menu.jpg);
   }

/* 各項目 */
li {
	/* 項目の幅 */
	height:52px;             /* 項目の高さ */
	float:left;              /* 各項目を左側から回り込み */
	text-indent: -9000px;
   }

/* リンク部分 */

.home a {
	display:block;            /* リンク範囲をブロックに変換 */
	width:86px;               /* リンク範囲（幅）をリスト項目範囲全て */
	height:52px;              /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../../images/base/menu.jpg);   /* リンク範囲の背景画像設定 */
	background-position:0px 0px;
	/* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
    }
.home a:hover {
    background-image:url(../../images/base/menu.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -52px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
   }
a {
	overflow: hidden;
	outline: none;
	color: #FF3366;
}

.concept a {
    display:block;             /* リンク範囲をブロックに変換 */
	width:115px;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-86px 0px;
                     /* ★↑背景画像の（-150px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.concept a:hover {
    background-image:url(../../images/base/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-86px -52px;
                     /* ★↑背景画像の（-150px -35px）に移動★ */
   }

.gallery a {
    display:block;             /* リンク範囲をブロックに変換 */
	width:114px;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;    ;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-201px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
   
.gallery a:hover {
    background-image:url(../../images/base/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-201px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.menu a {
    display:block;             /* リンク範囲をブロックに変換 */
	width:106px;                /* リンク範囲（幅）をリスト項目範囲全て */
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-315px 0px;
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.menu a:hover {
    background-image:url(../../images/base/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-315px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.nailist a {
    display:block;             /* リンク範囲をブロックに変換 */
	width:115px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-421px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.nailist a:hover {
  background-image:url(../../images/base/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-421px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.qa a {
    display:block;             /* リンク範囲をブロックに変換 */
    width:94px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;                 /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-536px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.qa a:hover {
    background-image:url(../../images/base/menu.jpg); /*マウスが上に来た時の背景画像設定 */
    background-position:-536px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.yoyaku a {
    display:block;             /* リンク範囲をブロックに変換 */
    width:96px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-630px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.yoyaku a:hover {
    background-image:url(../../images/base/menu.jpg); /*マウスが上に来た時の背景画像設定 */
    background-position:-630px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.salon a {
    display:block;             /* リンク範囲をブロックに変換 */
    width:115px;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-726px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.salon a:hover {
    background-image:url(../../images/base/menu.jpg); /*マウスが上に来た時の背景画像設定 */
    background-position:-726px -52px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.recruit a {
	display:block;             /* リンク範囲をブロックに変換 */
	width:109px;                /* リンク範囲（幅）をリスト項目範囲全て */
	height:52px;                   /* リンク範囲（高さ）をリスト項目範囲全て */
	background-image:url(../../images/base/menu.jpg);/* リンク範囲の背景画像設定 */
	background-position:-840px 0px;
	/* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
	text-indent:-1000em;              /* リストの文字を枠外のずらす */
	text-decoration:none;             /* リストの下線を表示しない */
	   }
.recruit a:hover {
	background-image:url(../../images/base/menu.jpg); /*マウスが上に来た時の背景画像設定 */
	background-position:-840px -52px;
	                   /* ★↑背景画像の（-300px -35px）に移動★ */
    }	
/* Menuの指定end */	
	

div#gizi {
	clear: both;
	text-indent: -9000px;
	width: 950px;
	height: 1px;
}
div#container .gizi {
	clear: both;
	text-indent: -9000px;
	height: 1px;
}

div#footer {
	height: 217px;
	width: 100%;
	background-image: url(../../images/base/footer.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	clear: both;
	background-color: #FFFFFF;
	background-position: bottom;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

*html div#footer {
	height: 200px;
	width: 100%;
	background-image: url(../../images/base/footer.jpg);
	background-repeat: repeat;
	clear: both;
	background-position: top;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#footer #foot {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	clear: both;
}
div#foot #foot_left {
	float: left;
	width: 435px;
	padding-top: 20px;
}

div#foot_left img {
	margin-bottom: 20px;
}
div#foot_right {
	float: right;
	width: 500px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 20px;
}
div#foot_right a {
	color: f72a9c;
	text-decoration: none;
	font-size: 12px;
	line-height: 25px;
}
div#foot_right  a:hover {
	color: #FFCC00;
	text-decoration: underline;
	font-weight: bold;
	font-size: 13px;
}
div#foot_right img {
	margin-top: 30px;
}
div#foot_right hr {
	font-size: 2px;
	color: #FFFFFF;
}
div#main_kaso {
	padding-top: 0px;
	padding-right: 25px;
	padding-left: 20px;
	width: 905px;
	height: auto;
}
div#box_side {
	width: 200px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
}
div#box_side .img_mb10px {
	margin-bottom: 10px;
}
div#box_side .img_mb20px {
	margin-bottom: 20px;
}
div#main_kaso #main {
	width: 685px;
	float: right;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
div#container #top {
	background-color: #FFFFFF;
	clear: both;
	width: 950px;
	height: 49px;
	
}
html>/**/body div#container #top {
	background-color: #FFFFFF;
	clear: both;
	width: 950px;
	height: 49px;
	margin-bottom: -20px;
} 
.img_top {
	float: right;
}
*html div#box_side .img_mobile {
	margin-top: -140px;
	height: 265px;
	width: 200px;
}
div#foot_right hr {
	font-size: 1px;
	color: #FF9900;
}
div#foot_right .img_center {
	width: 316px;
	margin-left: 100px;
}