@charset "UTF-8";
/*
	デザ☆スタ
	Copyright (C) dezasta. All Rights Reserved

*/

/*------------------------------------------------------------------------------
1-GLOBAL
2-HEADER
3-FOOTER
4-CONTENTS
5-UNDER PAGES
6-JAVASCRIPT
7-HI-SPEC-COADING
8-RESET
 -------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////
[1 GLOBAL] 
////////////////////////////////////////////////// */

html{
	height:100%;
}

body  {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-attachment: scroll;
	font-size:14px;
	background-color:#fff;
    -webkit-text-size-adjust: none;
	margin:0 auto;
	padding:0;
}

/*P*/
body p{
	line-height:160%;
	font-size:12px;
}

/*TABLE*/
body table{
	width:100%;
}
body table.type01{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:separate;
	border-spacing:0px;
}
body table.type01 th{
	width:25%;
	padding:8px;
	text-align:left;
	color:#444;
	background-color:#feedf3;
	border-left:3px double #999;
	border-top:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
body table.type01 td{
	padding:8px;
	background-color:#fafafa;
	/* [disabled]border-right:1px solid #ccc; */
	border-bottom:1px solid #ccc;
}
body table.type02{
	width:100%;
	border-collapse:collapse;
}
body table.type02 th{
	width:25%;
	padding:8px;
	text-align:left;
	color:#444;
	background-color:#feedf3;
	border:1px solid #999;
}
body table.type02 td{
	width:75%;
	padding:8px;
	border:1px solid #999;
}


/*UL*/
body li{
	list-style-type:none;
}
body ul.type01 li{
	border-left:solid 1px #e6003b;
	float:left;
}
body ul.type01 li:last-child{
	border-right:solid 1px #e6003b;
}

/*content*/
body .content{
	width:900px;
	margin:20px auto 0;
}
body .content main{
	width:640px;
	float:left;
}
body .content .right_box{
	width:250px;
	float:right;
}
body .content .right_box div{
	margin-bottom:10px;
}
	body .content .right_box .time h3{
		padding-left:5px;
		color:#6d3e02;
		font-size:16px;
		line-height:26px;
		border-top:solid #ece8e8 2px;
		border-bottom:dotted #ece8e8 1px;
	}
	body .content .right_box .time ul{
		padding:10px 10px 0px;
	}
	body .content .right_box .time li{
		position:relative;
		font-size:14px;
		list-style-type:none;
		line-height:25px;
		padding-left:65px;
	}
	body .content .right_box .time li img{
		position:absolute;
		top:0;
		left:0;
	}
	body .content .right_box .time p{
		margin-left:10px;
	}

/*box01*/
body .box01{
	margin-top:10px;
	width:100%;
}

/*-----------------------------------------------------------------------  global*/


/* //////////////////////////////////////////////////
[2 HEADER] 
////////////////////////////////////////////////// */

body.top header{
	background:url(../images/top/main_bg.jpg) repeat-x;
	width:100%;
	height:547px;
	margin:0;
	padding:0;
}
	.top header .inbox{
		margin:0 auto;
		padding:0;
		position:relative;
		width:900px;
		height:499px;
	}
		.top header .inbox img{
			position:absolute;
		}
			.top header .inbox img.h1{
				top:380px;
			}
		.top header .inbox h1{
			text-indent:-9999px;
		}
body.type01 header{
	background:url(../images/global/head_bg.jpg) repeat-x;
	width:100%;
	height:273px;
	margin:0;
	padding:0;
}
	body.type01 header .inbox{
		margin:0 auto;
		padding:0;
		position:relative;
		width:900px;
		height:225px;
	}
		body.type01 header .inbox img{
			position:absolute;
		}
			body.type01 header .inbox img.h1{
				top:55px;
				left:380px;
			}
		body.type01 header .inbox h1{
			text-indent:-9999px;
		}

body header .nav{
	width:900px;
	height:48px;
	margin:0 auto;
}
	body header .nav li{
		display:block;
		height:48px;
		float:left;
	}
	body header .nav a{
		display:block;
		height:48px;
		float:left;
		text-indent:-9999px;
	}

		body header .nav #home a{
			width:128px;
			background:url(../images/global/nav01.jpg) no-repeat 0 0;
		}
		body header .nav #salon a{
			width:129px;
			background:url(../images/global/nav02.jpg) no-repeat 0 0;
		}
		body header .nav #price a{
			width:128px;
			background:url(../images/global/nav03.jpg) no-repeat 0 0;
		}
		body header .nav #faq a{
			width:128px;
			background:url(../images/global/nav04.jpg) no-repeat 0 0;
		}
		body header .nav #voice a{
			width:128px;
			background:url(../images/global/nav05.jpg) no-repeat 0 0;
		}
		body header .nav #reserve a{
			width:129px;
			background:url(../images/global/nav06.jpg) no-repeat 0 0;
		}
		body header .nav #contact a{
			width:130px;
			background:url(../images/global/nav07.jpg) no-repeat 0 0;
		}
		body header .nav #home a:hover{
			width:128px;
			background:url(../images/global/nav01.jpg) no-repeat 0 -48px;
		}
		body header .nav #salon a:hover{
			width:129px;
			background:url(../images/global/nav02.jpg) no-repeat 0 -48px;
		}
		body header .nav #price a:hover{
			width:128px;
			background:url(../images/global/nav03.jpg) no-repeat 0 -48px;
		}
		body header .nav #faq a:hover{
			width:128px;
			background:url(../images/global/nav04.jpg) no-repeat 0 -48px;
		}
		body header .nav #voice a:hover{
			width:128px;
			background:url(../images/global/nav05.jpg) no-repeat 0 -48px;
		}
		body header .nav #reserve a:hover{
			width:129px;
			background:url(../images/global/nav06.jpg) no-repeat 0 -48px;
		}
		body header .nav #contact a:hover{
			width:130px;
			background:url(../images/global/nav07.jpg) no-repeat 0 -48px;
		}

/*-----------------------------------------------------------------------  header*/

/* //////////////////////////////////////////////////
[3 FOOTER] 
////////////////////////////////////////////////// */
 
body footer{
	margin:50px auto 0;
	background:url(../images/global/foot_bg.png) repeat-x top;
	width:98%;
	vertical-align:top;
}
	body footer .inbox{
		margin:0 auto;
		padding-top:10px;
		width:900px;
		position:relative;
		height:200px;
	}
		body footer .inbox .logo{
			position:absolute;
			top:-15px;
			left:630px;
		}
	body footer nav{
		width:100%;
		float:left;
	}
	body footer nav ul{
		margin:13px 10px 0;
	}
		body footer nav li a{
			color:#e6003b;
			font-size:14px;
			padding:0 8px;
			display:block;
		}
	body footer .copy{
		width:100%;
		margin-top:5px;
		font-size:12px;
		text-align:center;
		line-height:25px;
		height:25px;
	}

/*-----------------------------------------------------------------------  footer*/

/* //////////////////////////////////////////////////
[4 CONTENTS] 
////////////////////////////////////////////////// */
.top h2{
}
.top h3{
	border-top:solid #ece8e8 2px;
	border-bottom:dotted #ece8e8 1px;
	margin-bottom:10px;
}
.top main h3{
	height:31px;
	text-align:right;
	color:#ece8e8;
	font-size:14px;
	line-height:31px;
	position:relative;
}
	.top main h3 img{
		position:absolute;
		top:0;
		left:0;
	}
.top main section{
	margin:20px 0 0;
}
	.top main .news dl{
		padding:15px 0;
		border-bottom:dotted 1px #ece8e8;
	}
		.top main .news dl dt{
			position:relative;
			padding-left:150px;
		}
			.top main .news dl dt span{
				position:absolute;
		}

				.top main .news dl dt span.icon{
					color:#ec6d88;
					top:0;
					left:5px;
				}
				.top main .news dl dt span.date{
					color:#e60740;
					top:0;
					left:40px;
				}
		.top main .news dl dd{
			padding:10px 0 0 40px;
		}

/*-----------------------------------------------------------------------  contents*/

/* //////////////////////////////////////////////////
[5 UNDER PAGES] 
////////////////////////////////////////////////// */
body.type01 h2{
}
body.type01 main h3{
	width:100%;
	color:#e60740;
	background:#feedf3;
	border-left:double 3px #e60740;
	margin-top:10px;
	text-indent:10px;
	line-height:40px;
	margin-bottom:10px;
}
body.type01 section{
	margin-top:10px;
	width:100%;
}
body.type01 .box01 .text01{
	float:right;
	width:330px;
	line-height:180%;
}
body.type01 .map{
}
	body.type01 .map p{
		margin-top:5px;
	}
body.type01 .faq dl{
	width:100%;
	margin-bottom:20px;
}
	body.type01 .faq dt{
		background:#feedf3;
		min-height:40px;
		position:relative;
		padding:10px 10px 10px 65px;
	}
		body.type01 .faq dt img{
			position:absolute;
			top:5px;
			left:5px;
		}
	body.type01 .faq dd{
		margin-top:10px;
		border:#ccc 1px solid;
		min-height:40px;
		padding:10px 10px 10px 65px;
		position:relative;
	}
		body.type01 .faq dd img{
			position:absolute;
			top:5px;
			left:5px;
		}
body.type01 .voice dl{
	border:#ccc 1px solid;
	width:100%;
	margin-bottom:20px;
}
	body.type01 .voice dt{
		background:#feedf3;
		padding:10px;
	}
	body.type01 .voice dd{
		padding:10px;
	}

/*-----------------------------------------------------------------------  UNDER PAGES*/

/* //////////////////////////////////////////////////
[6 JAVASCRIPT] 
////////////////////////////////////////////////// */


/*SLIDER*/

/*----------------------------------------------------------------------- JAVA SCRIPT*/

/* //////////////////////////////////////////////////
[7 HI-SPEC-COADING] 
////////////////////////////////////////////////// */

/*WIDTH */
.w10{ width:10px; } .w20{ width:20px; } .w30{ width:30px; } .w60{ width:60px; } .w70{ width:70px; } .w100{ width:100px; } .w140{ width:140px; } .w200{ width:200px; } .w300{ width:300px; } .w320{ width:320px; }

/*HEIGHT */
.h10{ height:10px; }

/* MARGIN */
.m0a		{  margin:0px auto 0px !important; }
.m10l		{  margin:10px 10px 10px 0 !important; }
.m10r		{  margin:10px 0 10px 10px !important; }
.m10a		{  margin:10px auto 0px !important; }
.m15a		{  margin:15px auto 15px !important; }
.m20a		{  margin:20px auto 0px !important; }
.mt3		{ margin-top: 3px !important; }
.mt5		{ margin-top: 5px !important; }
.mt8		{ margin-top: 8px !important; }
.mt10		{ margin-top: 10px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/* PADDING */
.p5			{ padding: 5px !important; }
.pt10		{ padding-top: 10px !important; }
.pt20		{ padding-top: 20px !important; }
.pt30		{ padding-top: 30px !important; }
.pt40		{ padding-top: 40px !important; }
.pt50		{ padding-top: 50px !important; }
.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }
.pr30		{ padding-right: 30px !important; }
.pr40		{ padding-right: 40px !important; }
.pr50		{ padding-right: 50px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb30		{ padding-bottom: 30px !important; }
.pb40		{ padding-bottom: 40px !important; }
.pb50		{ padding-bottom: 50px !important; }
.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }
.pl30		{ padding-left: 30px !important; }
.pl40		{ padding-left: 40px !important; }
.pl50		{ padding-left: 50px !important; }

/* OVERFLOW */
.ofh{ overflow: hidden !important; } .ofa{ overflow: auto !important; } .ofs{ overflow: scroll !important; } .ofxs{ overflow-x: scroll !important; } .ofys{ overflow-y: scroll !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/* FONT-SIZE */
.fwb		{ font-weight: bold !important; }
.fs8		{ font-size: 8px !important; }
.fs9		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs12		{ font-size: 12px !important; }
.fs14		{ font-size: 14px !important; }
.fs16		{ font-size: 16px !important; }
.fs18		{ font-size: 18px !important; }
.fs20		{ font-size: 20px !important; }
.fs22		{ font-size: 22px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }

/* TEXT-ALIGN */
.tac			{ text-align: center !important; }
.tar			{ text-align: right !important; }
.tal			{ text-align: left !important; }

/* FLOAT */
.fl		{  float:left !important; }
.fr		{  float:right !important; }

/* DISPLAY */
.dpi{ display:inline;}
.dpb{ display:block;}

/* DECORATION */
.tdn {	text-decoration: none;}

/* COLOR */
.color1{	color:#006027;}
.color2{	color:#e24949;}
.color3{	color:#aa4e35;}
.color4{	color:#ff0000;}
.color5{	color:#ffcdcd;}

/*BUTTON*/
.btn_area{
	text-align:center;
	
}
	.btn_area .button{
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 auto;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font: 12px/100% Arial, Helvetica, sans-serif;
		padding: .5em 2em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		line-height:160%;
	}
	.green {
		color: #e8f0de;
		border: solid 1px #538312;
		background: #64991e;
		background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
		background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
		}
	.gray {
		color: #e9e9e9;
		border: solid 1px #555;
		background: #6e6e6e;
		background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
		background: -moz-linear-gradient(top,  #888,  #575757);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
	}
	.orange {
		color: #fef4e9;
		border: solid 1px #da7c0c;
		background: #f78d1d;
		background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	}
/* POSI */
.posi_right{
	float:right;
	margin:5px 0 5px 5px;
}
.posi_left{
	float:left;
	margin:5px 5px 5px 0;
}

/* UL */
ul.normal{
	list-style:none;
}
	ul.normal li{
		background:url(../images/global/icon03.png) 5px 8px no-repeat;
		background-size:8px 8px;
		-moz-background-size:8px 8px;
		-ms-background-size:8px 8px;
		-o-background-size:8px 8px;
		-webkit-background-size:8px 8px;
		padding:3px 0 5px 20px;
		font-size:12px;
		line-height:160%;
		margin-top:5px;
		
	}

/* BORDER */
.bobo{
	border-bottom:1px solid #DEDEDE;
}
.bobd{
	border-bottom:1px dotted #DEDEDE;
	padding-bottom:10px;
}

/* CLEAR */
.clf{
	clear:fixed;
	min-height: 1px;
}
.clf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[8 RESET] 
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.print_next {
page-break-before: always;
}
/*----------------------------------------------------------------------- RESET*/z