@charset "utf-8";
/* CSS Document */

body{
	background-color: #000000;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#contents{
	margin: 0 auto;
	width: 1100px;
}

#header_wrap{
}

#header_wrap p {
	text-align: center;
	margin-bottom: 20px;
}

#title_img{
	
	margin-bottom:3px;
	width:100%;
	height:100px;
	background-color:#000000;
	
}


#title_img img{
	padding-top:15px;
	padding-left:10px;	
}

#top_menu{
	float:right;
	vertical-align:bottom;
	padding-top:40px;
}

.header_menu{
	display:flex;
}

.header_menu p{
	padding-top:40px;
	padding-left:10px;
}

.header_menu a{
	height:20px;
	font-size:14px;
	text-align:center;
	padding-top:5px;
	width:100px;
	margin:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(44%,#000000), color-stop(100%,#515151)); /* Chrome,Safari4+ */
  	color: #fff;
  	display: block;
  	text-decoration: none;
}




#top_info ul,#menu_info ul{
	display: flex;
}

#menu_info{
margin-left:10px;	
}

#top_info li:first-child{
	text-align:left;
	width:500px;
	
}

#menu_info li:first-child{
	text-align:left;
	width:400px;
}

#top_info li:nth-child(2){

	text-align:left;
	
}
#menu_info li:nth-child(2){
	text-align: left;
	width: 200px
	
}
#top_info p{
	line-height:1.5em;
}

#photo_screen{
	
	width:100%;
	background-color:#000;
}

.info01 table, .info02 table{
width:680px;	
}


.info01 th, .info03 th{
	vertical-align:bottom;
	padding-left:10px;
}

.info02 th{
	vertical-align:top;	
}
.info02 img{
	padding-top:100px;	
}

#thumb-h{
	padding:5px 0;
	margin:0 auto;	
}

#menuwrap{
	width:1024px;
	margin:0 auto;
	background-color:#3A3A3A;	
	
}

#menulink{
	margin-top:3px;
	background-color:#000000;
	
	
}

#maincontents {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	padding-top: 50px;
}

.infotitle{
	font-weight: bold;
	font-size: 60px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 20px;
}

.top_info{
	width: 750px;
	line-height: 2em;
	float: left;
}


.sub_info{
	width: 292px;
	float: right;
	margin-right: 40px;
}

.sub_info-contact {
	width: 292px;
	height: 300px;
	background-color: #777777;
	margin-bottom: 10px;
}

.sub_info-button {
	margin-top: 30px;
	margin-bottom: 10px;
}

.sub_info-pict {
	margin-bottom: 10px;
}
.sub_info-pict-right {
	margin-bottom: 10px;
	margin-right: 6px;
}

.sub_info-contact h3 {
	text-align: center;
	padding-top: 22px;
	padding-bottom: 13px;
}

.sub_info-contact p {
	margin-bottom: 20px;
	text-align: center;
}

p.sub_info-attention {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.5em;
}


.staff_info{
	width30%:
	text-align:left;
	margin-bottom: 10px;
	border: solid 1px #E1E1E1;
	width: 0px;	
	
}

.staff_info img{
	width:40%;
	text-align:center;
}

.top_info_box{
	width: 720px;
	margin-left: 30px;
}

.top_info_boxSALON{
    width: 720px;
    margin-left: 30px;
    background-image: url(../img/bg-salon.jpg);
    background-repeat: no-repeat;
    background-size: 360px auto;
    background-position: 320px 0%;
    height: 1600px;
}


.top_photo{
margin-left:30px;
display:flex;

	
}

.top_photo li:nth-child(1){
	width:400px;	
}

.top_photo li:nth-child(2){
	padding-top:45px;	
}



.staff_info{
	margin-top:115px;
	font-size:20px;
}

.info02 ul,.info03 ul{
 width:400px;	
 padding:10px 0 10px 0;

}

.info02 ul{

padding-left:5px;	
}


.top_img{
text-align:center;	
	
}

#pinterest_api{
padding:0 5px 0 5px;
	
}

.main-nav{
	justify-content: center;
	display:flex;
}
.main-nav a {
	font-size:20px;
	text-align:center;
	width:180px;
margin:5px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(44%,#000000), color-stop(100%,#515151)); /* Chrome,Safari4+ */
  color: #fff;
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.main-nav .logo {
  background: #4584b1;
}

#menu_frame{
 color:#FFFFFF;	
	
	
}

.gallery-home-button{
	width: 292px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

.gallery-box {
	margin-left: auto;
	margin-right: auto;
	width: 1040px;
	margin-bottom: 80px;
}

.gallery-box h2 {
	margin-left: 10px;
}

.gallery_list {
	display: flex;
}


.gallery_list li {
	padding:10px;
}

.gallery_listSquare {
	display: flex;
}


.gallery_listSquare li {
	padding:14px;
}

.small_logo{
	text-align:center;
}



.openday:nth-child(2){
margin-bottom:-20px;	
	
}

.openday li:nth-child(1){
width:50px;	

}

.openday li:nth-child(2){
width:800px;	
	
}


.link_btn img{
	
	padding-top:20px;
}

.accecs li{
	
	width:700px;
	
}


.map_img{
	
margin-top:120px;	
}

h1{
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

h2{
}


h3.menuH3{
	text-align: center;
	margin-bottom: 20px;
	font-size: 20px;
}

hr {
	background-image: url(../img/hr.png);
	width: 728px;
	height: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-width: 0px;
	border-style: none;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

.rhythmus-font {
	font-family: "Courier New", Courier, monospace;
}

.space10{
	width: 100%;
	height: 10px;
}

.space20{
	width: 100%;
	height: 20px;
}

.img-space10{
	margin-bottom: 10px;
}

.img-right10{
    margin-right: 20px;
}

.img-center{
	text-align: center;
	margin-bottom: 20px;
}


.fontSize50{
	font-size: 50%;
}

.fontSize70{
	font-size: 70%;
}

.fontSize80{
	font-size: 80%;
}

.fontPixel18{
	font-size: 18px;
}

.fontColorRed{
    color: #D52A2D;
}


.thAttention{
	font-size: 80%;
	line-height: 1.75em;
}

.tax{
	font-size: 70%;
}

.clear{
	clear: both;
}

.icon-tel,.icon-watch,.icon-address,.icon-close,.icon-access {
	background-image: url(../img/icon_tel.png);
	background-repeat: no-repeat;
	font-size: 20px;
	line-height: 2em;
	padding-bottom: 10px;
	text-indent: 50px;
}

.icon-tel {
	background-image: url(../img/icon_tel.png);
}

.icon-watch {
	background-image: url(../img/icon_watch.png);
}

.icon-address {
	background-image: url(../img/icon_address.png);
}

.icon-close {
	background-image: url(../img/icon_close.png);
}

.icon-access {
	background-image: url(../img/icon_access.png);
}

.icon-attention {
	background-image: url(../img/icon_attention.png);
	background-repeat: no-repeat;
	text-indent: 50px;
	line-height: 2em;
}

.bottom10{
    padding-bottom: 10px;
}

.bottom20{
    padding-bottom: 20px;
}

address{
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	font-size: 14px;
	width: 100%;
	line-height: 5em;
	height: 100px;
}