@charset "Shift_JIS";

/*arisaka bace--------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:#604C3F;}

p{color:#535346; font-size:12px;}

q:before,q:after{content:'';}


abbr,acronym {border:0;}

body * {}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* --------------------------------------------------------- */

/*
 2.link [
----------------------------------------------------------- */
a{
	}/*�����N���ꂽ����*/
a:link			 {color:#604C3F;}/*���K���̃����N*/
a:visited		 {color:#604C3F;}/*�K�����̃����N*/
a:active		 {color:#604C3F;}/*�N���b�N��*/
a:hover			 {color:#D4CAB5;text-decoration:none;}/*�}�E�X���悹���Ƃ�*/

a img { cursor:pointer; }
#header a:link		{}
#header a:visited	{}
#header a:active		{}
#header a:hover		{}

#footer a:link		{}
#footer a:visited	{}
#footer a:active	 	{}
#footer a:hover	 	{}

/*
 3.page [
----------------------------------------------------------- */
.container {
	width:1100px;
	margin:0 auto;
	background-image:url(../images/backimg.jpg);
	background-repeat:repeat-y;
}

.stafback {
	width:1100px;
	margin:0 auto;
	background-image:url(../images/staff_back.jpg);
	background-repeat:no-repeat;
}


html{
	overflow-y:scroll;

}/*�_�~�[�̃X�N���[�����\����page�̉����̕ω����}����*/
body{
	background-color:#F0F0ED;}



.contenst{
	padding:20px 100px 0px 100px
}

*{
	margin:0 auto;
	padding:-2px;
	font-family: '�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r �o�S�V�b�N',sans-serif;
	font-size:9pt;
	text-decoration:none;
	color:#630;
}


img{
	border:0;
	vertical-align: bottom;
}

ul{
	text-decoration:none;

}

li {
margin-left:0px;
list-style-type: none;
}

.clearfix {
  zoom:1;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.left{
	float:left;
}

.right{
	float:right;
}

h1{
	font-size:13px;
}

h2{
	font-size:12px;
}

.right h3{
	font-size:15px;
	font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:3pt;
	padding:0 0 0 70px;
}

h3{
	font-size:15px;
	font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:3pt;
}

h4{
	font-size:11px;
	margin:1px 0 0 5px;
}


#main{
	margin:17px 0 0 0;
}

#footer{
	text-align:center;
}

address{
	color:#535346;
	font-size:13px;
	margin:2px 0 20px 0;

}



/*index----------------------------------------------------------------------------------------------------------------------*/

.main_index{
	width:900px;
	height:441px;
	margin:20px 0 0 0;
}

.nav{
	margin:0 0 0 2px;
}

.nav li{
	float:left;
	padding:0 4px 0 0 ;
	margin-top:392px;
}

.notice{
	background-image:url(../images/notice_bg.png);
	background-repeat:no-repeat;
	width:641px;
	height:477px;
	margin:35px 0 0 0;
	padding:0;
	font-size: 12px;
}

.news{
	background-image:url(../images/topics_bg2.png);
	background-repeat:no-repeat;
	width:640px;
	height:353px;
	margin:35px 0 0 0;
	padding:0;
	font-size: 14px;
}


.news a{
	color:#630;
	font-size: 14px;
}

.news a:hover	{color:#D4CAB5;text-decoration:none;}/*�}�E�X���悹���Ƃ�*/

.topics {
}

.topics p {
    line-height: 1.6;
	font-size: 14px;
}

.topics .bullet {
    font-size: 10px;
	color: #604e38;
}

.topics .add {
	margin: 0 0 0 0;
}

.box{
	text-align:center;
	margin:20px 0 13px 0;
}

.box p{
	padding:0 0 7px 0;
}

.map{
	background-image:url(../images/salondata02.png);
	background-repeat:no-repeat;
	width:250px;
	height:338px;
}

.data{
	margin: 60px 0 0 0;
}
.data .newmap{
	margin: -15px 0 0 15px;
}

.googledate{
	margin:0 0 0 60px;
}

.infodate{
	margin:0 0 0 48px;
}

.nam li{
	margin:30px 0 0 0;
}

/*���y�[�W����css---------------------------------------------------------------------------------------------------------------------*/

#submain{

	margin:45px 0 0 0;

}



.staffmenu{
	width:900px;
	height:257px;
	margin:20px 0 0 0;
}

.nav2 li{
	float:left;
	padding:0 4px 0 0 ;
	margin-top:207px;
}

.headerReserve {
	text-decoration: underline;
	text-align: right;
}

.headerReserve a {
	color: #630;
}

/*���C�����j���[�o�b�N�C���[�W��---------------------------------------------------------------------------------------------------------------------*/

.mainmenu{
	background-image:url(../images/concept_back.jpg);
  	background-repeat:no-repeat;
	width:900px;
	height:257px;
	margin:20px 0 0 0;
}

.stylemenu{
	background-image:url(../images/style/style_back.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:257px;
	margin:20px 0 0 0;
}

.menumenu{
	background-image:url(../images/menu/menu_back.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:257px;
	margin:20px 0 0 0;
}

.infomenu{
	background-image:url(../images/info/info_back.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:257px;
	margin:20px 0 0 0;
}





/*�R���Z�v�gp css---------------------------------------------------------------------------------------------------------------------*/

.main_co p{
	text-align:center;
	margin:20px 0 40px 0;
}


/*���j���[p css---------------------------------------------------------------------------------------------------------------------*/

.menubox p{
	color:#40220F;
	font-size:12px;
	font-weight:350;
}

.menubox2 p{
	color:#40220F;
	font-size:12px;
	font-weight:350;
}

.menubox{
	margin:15px 0 0 90px;
}


.menubox2{
	margin:15px 90px 0 0px;
}

.menublock{
	margin:0 0 20px 0;
}

.menublock h2{
	margin:0 0 14px 0;
}

.cut{
	margin:0 0 0 10px;
	width:320px;
}

.koumoku{
	width:260px;
}

.nedan{
	 text-align: right;

}

.menuTitle {
	width: 100%;
	height: 60px;
	position: relative;
}

.menuPlan {
	text-align: center;
	margin: 20px 0 10px 0;
}


.reserve {
	width: 226px;
	height: 60px;
	position: absolute;
	top: -10px;
	right: 0;
}



/*�X�^�b�t---------------------------------------------------------------------------------------------------------------------*/


.staffback{
	width:1100px;
	margin:0 auto;
	background-image:url(../images/backimg.jpg);
}


.staff{
	padding:65px 0 0 150px;
}

.rightstaff{
	padding:0 0 0 90px;
}

.pro{
	margin:20px 0 0 0;
}

.come{
	margin:20px 0 0 0;
	background-image:url(../images/staff/comentsback.png);
	background-repeat:no-repeat;
	width:285px;
	height:87px;
	padding:30px 0 0 20px;

}

.come p{
	font-size:11px;
	line-height:150%;
}

.sns{
	margin:10px 0 0 0;
}

.sns li{
	float:left;
	padding:0 15px 0 0 ;
}




/*info---------------------------------------------------------------------------------------------------------------------*/
.info{
	margin:30px 0 0 0;
	padding:0 0px 0 40px;
}


.infoleft{
	margin:40px 0 0 0;
}


.tag{
	padding:0 0 20px 0 ;
}

.saloninfo{
	background-image:url(../images/info/boxback.png);
	background-repeat:no-repeat;
	width:340px;
	height:139px;
	margin:20px 0 20px 0;
	padding:45px 0 0 20px;
}

.info p{
	color:#40220F;
}


.infoside{
	margin:0 40px 0 0;
}

/*.infoside{
	background-image:url(../images/info/sideback02.png);
	background-repeat:no-repeat;
	width:340px;
	height:378px;
	margin:0 0 0 0;
}*/

/*info---------------------------------------------------------------------------------------------------------------------*/

.style_bace{
	background-image:url(../images/style/style_back.png);
	background-repeat:no-repeat;
	width:339px;
	height:459px;
	margin:55px 0 80px 45px;
}


.style_tab{
	margin:55px 0 0 0px;
}

.styleb li{
	float:left;
	margin:0 0 0 20px;
}

.styleb{
	margin:0 0px 20px 0;
}



.area {
    display: none;
	padding:25px 0 0 25px;
}

.area p{
	padding:0 0 10px 0;
}


.mainstyle{
	margin:0 20px 20px 0;
}

.topics{
   padding: 2em;
}


.recr1 {
	float:left;
	margin:25px 30px 0 20px;
	color:#630;

	}

.rece_tit {
	text-align: center;
    margin: 36px 20px 0px 10px;
    color: #630;
}

.rece_tit p {
	font-size:20px;
	font-weight:500;
	color:#630;
}


.recr2 {
    width: 500px;
    float: left;
    margin: 25px 20px 80px 10px;
    font-size: 12px;
    font-weight: 500;
    color: #630;
}

.recr2 p {
	font-size:12px;
	color:#630;
	}


.text_01 {
	background-image: url(../images/ushiro.png);
	background-repeat:no-repeat;
	width:300px;
	height:450px;
	float:left;
	color:#630;
	margin:20px 0 45px 0;

	}


.text_01 p {
	width:310px;
	font-size:14px;
	font-weight:500;
	margin:25px 30px 0 20px;
	color:#B6696B;
	}

.text_01 table tr td {
	width:250px;
	font-size:12px;
	font-weight:300;
	color:#630;
	}

.tel_01 {
	text-align:center;
	margin:0 auto;

}

.bolder{
	font-weight:bold;
}

p.information {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}