@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);

*{
	font-size:small;
	line-height:1.6;
	margin:0 auto;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:none;
	list-style-type:none;
}

img{
	border:none;
}

body{
	background-image:url(../images/j_back.jpg);
	color: #333;
    background-attachment:fixed;
    background-position: top; 
}

h1{
	font-size: 24px;
}

h2{
	font-size: x-large;
	border-bottom:3px solid #660;
	font-family: 'Dancing Script', cursive;
  	margin:20px 0px 20px; 0;
}

h2:before {
  content: url("../images/h2.gif");

}


h3{
	font-size:x-large;
	font-weight:normal;
	border-bottom: solid 2px #960;
	font-family: 'Dancing Script', cursive;
	margin:20px 0;
}

h4{
	font-size: larger;
	border-left:solid 5px #6CC;
	margin-top:20px;
	}

.price{
	text-align:right;
	border-bottom:2px solid #6cc;
	font-size:20px;;
}

.font_1{
	font-size:medium;
}

@font-face{ 		
	font-family: 'anzu'; /* ���D���Ȗ��O�ɂ��܂��傤 */
	src: url('font/APJapanesefont.eot'); /* IE9�ȏ�p */
	src: url('font/APJapanesefont.eot?#iefix') format('embedded-opentype'), /* IE8�ȑO�p */
		url('font/APJapanesefont.woff') format('woff'), /* ���_���u���E�U�p */
		url('font/APJapanesefont.ttf') format('truetype'); /* iOS, Android�p */		
	font-weight: normal; /* �O�̈׎w�肵�Ă����܂� */
	font-style: normal;
}

.fonts_1 {
	font-family: 'anzu';
}

.fonts_2{
		font-family: 'Dancing Script', cursive;
		font-size:larger;
}

.fonts_3{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fonts_4 {
	font-family: 'Kokoro';
}
.font_big{
	font-size:18px;
}

.font_red{
	color:red;
	font-weight:bolder;
}

#warraper{
	width:950px;
	height:auto;
	margin:0 auto;
	background-color:#fff;
}
/*---------------ヘッダー部分-----------------------------*/
#header{
	width:950px;
	height:150px;
	margin:0 auto;
	position:relative;
}

#header img{
	margin-top:20px;
}

#header_inline{
	width:450px;
	float:left;
}

#about{
	color:white;
	padding-top:40px;
}


/*メニュー部分*/
/* navi */
#navi{
height: 40px;
margin-bottom: 30px;
}
#navi ul{
width:950px;
height:40px;
text-align:left;
margin:0 auto;
}

#navi ul li{
display:inline;
}

#navi ul li a{
background-image: url(../images/navi.png);
display:block;
height:40px;
float:left;
overflow:hidden;
text-indent:-9999px;
width:190px;
}

#navi ul li a.li01{
width:190px;
background-position:0px 0px;
}

#navi ul li a.li02{
width:190px;
background-position:-190px 0px;
}
#navi ul li a.li03{
width:190px;
background-position:-380px 0px;
}
#navi ul li a.li04{
width:190px;
background-position:-570px 0px;
}
#navi ul li a.li05{
width:190px;
background-position:-760px 0px;
}


#navi ul li a.li01:hover{
background-position:0 -40px;
}
#navi ul li a.li02:hover{
background-position:-190px -40px;
}
#navi ul li a.li03:hover{
background-position:-380px -40px;
}
#navi ul li a.li04:hover{
background-position:-570px -40px;
}
#navi ul li a.li05:hover{
background-position:-760px -40px;
}


/*メニュー部分ここまで*/







#main{
	width:950px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;

	
}






.header1{
	float:left;
}

.contact p{
	float:right;
	line-height:1em;
	}
	
#left_box{
	width:950px;
	background-image:url(../images/turu.png);
}

.left_box_inline{
	margin:0 auto;
	width:800px;
	background-color:white;
}

.left_box_inline img{
	margin:0 auto;
}

/*#right_box{
	
	float:left;
	width:400px;
	padding:0px 20px;
	background-color:#fff;

}
*/
#main_1{
	width:910px;
	height:auto;
	clear:both;
	padding-top:20px;
	margin:0 20;
}

#contents_1{
	width:500px;
	height:850px;
	float:left;
}

#contents_2{
	width:400px;
	height:850px;
	float:left;
	padding-left:10px;
	text-align:center;
}



/*.outer{
	margin:0px;
	padding:0px;
}	
#menu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	}
#menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #5E7830;
	display: block;
	background: url(../image/menu1.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #26370A;
	background: url(../image/menu1.gif) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #26370A;
	background: url(../image/menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	*/


#footer_box{
	clear:both;
	width:auto;
	background-color:#630;
	color:white;
}

#footer{
	width:100%;
}

.clear{
	clear:left;
}

	
.box_menu_center {
	float: left;
}
/*//////////////////////index_topics////////////////////////////////*/
.box{
	height:600px;
	overflow:auto;
}

/*//////////////////////staff_image////////////////////////////////*/

#staff{
height: 350px;
margin-bottom: 30px;
}
#staff ul{
width:800px;
height:319px;
text-align:left;
margin:0 auto;
}

#staff ul li{
display:inline;
}

#staff ul li a{
background-image: url(../images/juness_staff_6.jpg);
display:block;
height:160px;
float:left;
overflow:hidden;
text-indent:-9999px;

}

#staff ul li a.li01{
width:150px;
background-position:0px 0px;
}

#staff ul li a.li02{
width:150px;
background-position:-150px 0px;
}
#staff ul li a.li03{
width:190px;
background-position:-300px 0px;
}
#staff ul li a.li04{
width:160px;
background-position:-490px 0px;
}
#staff ul li a.li05{
width:150px;
background-position:-650px 0px;
}
#staff ul li a.li06{
width:150px;
background-position:0px -160px;
}

#staff ul li a.li07{
width:150px;
background-position:-150px -160px;
}
#staff ul li a.li08{
width:190px;
background-position:-300px -160px;
}
#staff ul li a.li09{
width:160px;
background-position:-490px -160px;
}
#staff ul li a.li10{
width:150px;
background-position:-650px -160px;
}

#staff ul li a.li01:hover{
background-position:0 -319px;
}
#staff ul li a.li02:hover{
background-position:-150px -319px;
}
#staff ul li a.li03:hover{
background-position:-300px -319px;
}
#staff ul li a.li04:hover{
background-position:-490px -319px;
}
#staff ul li a.li05:hover{
background-position:-650px -319px;
}
#staff ul li a.li06:hover{
background-position:0 -479px;
}
#staff ul li a.li07:hover{
background-position:-150px -479px;
}
/*#staff ul li a.li08:hover{
background-position:-300px -479px;
}*/
#staff ul li a.li09:hover{
background-position:-490px -479px;
}
#staff ul li a.li10:hover{
background-position:-650px -479px;
}

/*//////////////////////////////staff詳細///////////////////////////////*/

.staff{
	width:800px;
	height:auto;
	padding:30px;
	margin:30px 0;
	/*border:2px solid #630;*/
	background-image:url(../images/s_back.jpg);
/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.65098) 3px 5px 6px 3px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 3px 5px 6px 3px;
-moz-box-shadow:rgba(113, 135, 164, 0.65098) 3px 5px 6px 3px;

}

.staff td{
	font-size:21px;
	font-family: 'anzu';
}

.staff_hobby{
	border:1px solid #333;
	padding:20px;
	font-family: 'anzu';
}

.re_top{
	text-align:right;
	font-size:12px;
	color:#360;
}

/*//////////////////////////////facial部分///////////////////////////////*/

.main_image{
	width:950px;
	/*text-align:center;*/
}

/*//////////////////////facial_image////////////////////////////////*/

#facial{
height: 350px;
margin-bottom: 30px;
}
#facial ul{
width:795px;
height:318px;
text-align:left;
margin:0 auto;
}

#facial ul li{
display:inline;
}

#facial ul li a{
background-image: url(../images/facial_top6.png);
display:block;
height:159px;
float:left;
overflow:hidden;
text-indent:-9999px;

}

#facial ul li a.li01{
width:265px;
background-position:0px 0px;
}

#facial ul li a.li02{
width:265px;
background-position:-265px 0px;
}
#facial ul li a.li03{
width:265px;
background-position:-530px 0px;
}
#facial ul li a.li04{
width:265px;
background-position:0px -159px;
}
#facial ul li a.li05{
width:265px;
background-position:-265px -159px;
}
#facial ul li a.li06{
width:265px;
background-position:-530px -159px;
}


#facial ul li a.li01:hover{
background-position:0 -318px;
}
#facial ul li a.li02:hover{
background-position:-265px -318px;
}
#facial ul li a.li03:hover{
background-position:-530px -318px;
}
#facial ul li a.li04:hover{
background-position:0px -477px;
}
#facial ul li a.li05:hover{
background-position:-265px -477px;
}
#facial ul li a.li06:hover{
background-position:-530 -477px;
}


/*//////////////////////////////transport部分///////////////////////////////*/

.transport p{
	font-size:24px;
}

.transport ul{
	color:red;
	margin:20px 20px;
}

.transport ul li{
		font-size:22px;
		font-weight:bolder;
}

.margin{
	margin:25px;
}


/*//////////////////////////////salon部分///////////////////////////////*/

.salon_menu{
	margin-left:20px;
}

.salon_menu tr td{
	font-size:1.2em;
	border-bottom:1px dotted #960;
}


.salon_ladys{
	font-size: x-large;
	border-bottom:3px solid #F9C;
	font-family: 'Kokoro';
  	margin:20px 0px 20px; 0;
}


/*////////////////////////////共通///////////////////////////////////*/

.faceal img{
	margin:10px;
	border:1px double green;
}

/*///////////////////////ドクターコスメ/////////////////////*/
#skincare-list{
	text-align:left;
}

.font16{
	font-size:123.1%;
	text-decoration:none;
	color:#7e7550;
}

.font17{
	font-size:123.1%;
	text-decoration:none;
	color:#7e7550;
	font-weight:bolder;
}

.font11{font-size:85%;
}

.font9{
	font-size:69%;
}

.cal{font-size:5px;
	color:#FFF;
}

/*//////////////////////////////求人部分///////////////////////////////*/
#recrute th{
	background-color:#3F9;
}

#recrute td{ padding:3px;
background-color:#FFC;
}

.recrute_1{
width:40px;
height:10px;
background:#fff;
font-size:1.5em;
}

.recrute_2{
	margin-left:80px;}