@charset "utf-8";
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color: #555;
	background-color:#f6faec;/*背景色*/
}
* {
	margin:0;
	padding:0;
}
a, a:visited {
	text-decoration: none;
	color: #690;/*基本リンクカラー*/
}
a:hover {
	text-decoration:underline;
}
a img:hover {
	opacity:0.8;
}
img {
	border:none;
}
.wrapper {
	width:980px;
	margin:0 auto;
	padding-bottom:20px;
}
#main{
	width:730px;
	height:auto;
	float:right;
	overflow:hidden;
}
#side{
	width:232px;
	height:auto;
	float:left;
	overflow:hidden;
}
/*サブページ背景設定*/
body.body-salon{
	background:url(images/header-bg-salon.jpg) 50% 0 no-repeat #f6faec;
	background-size:100% auto;
}
body.body-price{
	background:url(images/header-bg-price.jpg) 50% 0 no-repeat #f6faec;
	background-size:100% auto;
}
body.body-calendar{
	background:url(images/header-bg-calendar.jpg) 50% 0 no-repeat #f6faec;
	background-size:100% auto;
}
body.body-contact{
	background:url(images/header-bg-contact.jpg) 50% 0 no-repeat #f6faec;
	background-size:100% auto;
}
/**********************************[共通装飾]***/

.middle {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.clearfix {
	overflow:hidden;
	zoom:1;
}
.r6 {
	border-radius: 6px;
}
.r20 {
	border-radius: 20px;
}

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center !important;
}
.alignright {
	float:right;
}
.alignleft {
	float:left;
}
.notice {
	border-radius:10px;
	background-color:#996600;
	color:#fff;
	display:inline-block;
	margin-left:20px;
}
.notice-btm{
	font-size:0.9em;
	color:#993333;
	margin-top:-10px;
}
.btm20{
	margin-bottom:20px;
}
.red{
       color:#c66;
       font-size:0.9em;
       padding: 5px 0 !important;
}
/**********************************[Home]***/
.logo-home{
	position: absolute;
	bottom:0;
	right:0;
	margin:0 20px 120px 0;
}
.tel:before{
	content:"";
	background:url(images/tel.png) 0 2px no-repeat;
	width:26px;
	height:21px;
	float:left;
}
.tel a{
	transition-duration: 1s;
	color:#663300;
	font-size:1.4em;
	letter-spacing:4.2px;
}
.tel a:hover{
	transition-duration: 1s;
	color:#CC3333;
	text-decoration:none;
}
.tel-w:before{
	content:"";
	background:url(images/tel.png) 0 -26px no-repeat;
	width:26px;
	height:21px;
	float:left;
}
.tel-w a{
	transition-duration: 1s;
	color:#fff;
	font-size:1.4em;
	letter-spacing:4.2px;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.3);
}
.tel-w a:hover{
	transition-duration: 1s;
	color: #300;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}
.tel-home{
	padding:14px 20px 0 0;
	letter-spacing:0.8px !important;
}
.open{
	color:#fff;
	font-size:13px;
}
/**********************************[Header]***/
#header{
	width:100%;
	height:170px;
	text-align:right;
}
.logo {
	padding:13px 0;
}
/**********************************[Global]***/
#global li{
	display:inline;
	letter-spacing:0.7px;
	text-align:right;
	text-shadow:1px 1px 1px rgba(255,255,255,1);
	padding-right:20px;
}
#global {
	padding:10px 20px;
	list-style:none;
	font-size:1.4em;
}
#global li a{
	color:#663300;
}
#global li a:hover{
	text-decoration:none;
}
#global li.current a small{
	color:#696;
}
#global li a small{
	transition-duration: 1s;
	color:#cc9;
}
#global li a:hover small{
	transition-duration: 1s;
	color:#6c6;
}
/**********************************[Content]***/
#content{
	background-color:rgba(246,250,236,0.9);/*背景色90%*/
	box-shadow:1px 0 1px rgba(0,0,0,0.4) inset;
	width:100%;
	padding-bottom:30px;
}
#content .half-box{
	width:50%;
	float:left;
}
#content .title{
	background:url(images/circle.png) 0 50% no-repeat;
	height:110px;
	line-height:150px;
	font-weight:normal;
	font-size:1.2em;
	color:#754a35;
}
#content .title img{
    padding: 0 30px;
}
#content .title-salon:before{
	content:"";
	display:block;
	box-sizing:border-box;
	float:right;
	height:110px;
	width:470px;
	background:url(images/salon-head.png) right 50% no-repeat;
}
#content .title-price:before{
	content:"";
	display:block;
	box-sizing:border-box;
	float:right;
	height:110px;
	width:470px;
	background:url(images/price-head.png) right 50% no-repeat;
}
#content .title-calendar:before{
	content:"";
	display:block;
	box-sizing:border-box;
	float:right;
	height:110px;
	width:470px;
	background:url(images/calendar-head.png) right 50% no-repeat;
}
#content .title-contact:before{
	content:"";
	display:block;
	box-sizing:border-box;
	float:right;
	height:110px;
	width:470px;
	background:url(images/contact-head.png) right 50% no-repeat;
}
#content .sub-title{
	border-bottom:#fff 6px dotted;
	padding: 10px 20px;
	margin:20px 0;
	clear:both;
	font-weight:normal;
	font-size:1.2em;
	color:#963;
}
#content .tenpo:before{
	content:"";
	background:url(images/icons.png) 0 -58px no-repeat;
	width:30px;
	height:20px;
	float:left;
	display:block;
}
#content .cut:before{
	content:"";
	background:url(images/icons.png) 0 -116px no-repeat;
	width:30px;
	height:30px;
	float:left;
	display:block;
}
#content .himekuri:before{
	content:"";
	background:url(images/icons.png) 0 -146px no-repeat;
	width:30px;
	height:30px;
	float:left;
	display:block;
}
#content .toi:before{
	content:"";
	background:url(images/icons.png) 0 -176px no-repeat;
	width:30px;
	height:30px;
	float:left;
	display:block;
}
#content table{
	margin:0 20px 20px;
	background-color: #fff;
	border-radius:20px;
}

#content table td.last{
	border-bottom:none !important;
}
#content table td{
	padding:10px;
	border-bottom:1px solid #e2c9af;
}
#content table th.first{
	border-radius:20px 0 0 0;
}
#content table th.last{
	border-radius:0 0 0 20px;
	border-bottom:none !important;
}
#content table th{
	font-weight:normal;
	padding:10px;
	border-bottom:1px solid #e2c9af;
	background-color:#e6f0cc;
	white-space:nowrap;
}
#content .photos{
	text-align:right;
	float:right;
	padding:0 2px 20px 0;
}
#content .photos img{
	border-radius:10px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	margin-left:6px;
}
#content p{
	padding:0 20px;
}
#content .gmap{
	float:right;
	border-radius:20px;
	background-color:#fff;
}
#content .gmap iframe{
	padding:10px;
}
#content #gcalendar{
	background-color:#fff;
	padding:20px;
	border-radius:10px;
}
#content #gcalendar iframe{
	border:none;
	width:940px;
	height:450px;
}
/**********************************[お問い合わせ]***/
.mailform {
	margin:30px;
}
.mailform input, .mailform textarea, .mailform select, .mailform button{
	border-radius:4px;
	border:1px solid #ccc;
}
/**********************************[Footer]***/
#footer {
	background-color:#f6faec;/*背景色*/
	width:100%;
	clear:both;
}
#footer .copyright {
	font-size:0.8em;
	padding:5px 20px;
	text-align:right;
	color: #993;
}
#footer .copyright a {
	color:#993;
}
.f-home{
		box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;
}
/**********************************[to pagetop]***/
#pageTop {
	background:#fff;
	color: #693;
	padding:10px;
	position:fixed;
	bottom:0;
	right:20px;
	font-weight:bold;
	font-size:2em;
	line-height:1;
	text-align:center;
	box-shadow:1px 1px 2px #333;
	opacity:0.7;
}
#pageTop:hover {
	background:#fff;
	color: #960;
	opacity:1;
	text-decoration:none;
}
#pageTop small {
	font-weight:normal;
	font-size:12px;
}