@include url('http://yui.yahooapis.com/3.5.0/build/cssreset/cssreset-min.css');
@include url('http://yui.yahooapis.com/3.5.0/build/cssbase/cssbase-min.css');
@include url('http://yui.yahooapis.com/3.5.0/build/cssfonts/cssfonts-min.css');

@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

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

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

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

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

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

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
a{text-decoration:none;color: #21759b;}
a:hover{text-decoration:underline;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;text-decoration:none;}


body {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	background: #f8f8f8;
	margin: 0;
	padding: 0;
	color: #101010;
	text-align:center;
}


/** ヘッダー **/
.WorpHNaviBox{
	background:url("../image/bg_h.png") repeat-x;
	width:100%;
	height:90px;
	position:fixed;
	top:0px;
	z-index:100;
	text-align:left;
}
.HNaviBox{
	width:960px;
	margin:0px auto;
	text-align:left;
	background:#0C0;
}
.HNaviBox .SiteName{
	margin: 0 ;
	padding: 0;
	margin-top:4px;
	float:left;
}
.HeaderNavi{
	margin-left:120px;
}
.HeaderNavi ul{
	margin: 0;
	padding: 0;
	display:block;
}
.HeaderNavi li{
	float:left;
	display:block;
	margin:13px 60px 0px 0px;
}
.HNaviBox .HContact{
	float:right;
	display:block;
	width:250px;
	font-size:12px;
	line-height:22px;
}
.HNaviBox .HContact .HTel{
	margin:0;
	padding:0;
	font-size:24px;
	letter-spacing:0.07em;
}
.HeaderText{
	background: #ffffff;
	padding-left:120px;
}

.HeaderText p{
padding: 0px;
margin:0px;
font-size:12px;
}


/** 共通 **/
.txtPink{
	color:#e56d98;
}
.txtRose{
	color:#dc4381;
}
.txtGray{
	color:#646464;
}
.Font12{
	font-size:12px;
}
.WContainer{
	background:#f8f8f8;
	width:100%;
}
.Container{
	width:960px;
	margin: 0px auto;
	padding:26px 0px 20px 0px;
	text-align:center;
	background:url(../image/bg_title.png) no-repeat top center;
}
.Container h2{
	margin: 0;
	padding: 0;
}
.Container h3{
	margin:1.5em 0;
	padding: 0;
	font-size:22px;
}
.Container p{
	margin: 1em 0;
	padding: 0;
	font-size:16px;
	line-height:180%;
}

.textwidget iframe {
    display: inline-block;
    width: 45%;
    margin: 0 2%;
}

SiteName.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

.modal {
  display: none;
  background: #eee;
  padding: 0 20px 20px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 500px;
  min-height: 300px;
}

.modalLink{
  z-index:900;
}
.closeBtn{
	position:absolute;
	top:10px;
	right:10px;
	font-size:40px;
}
a.closeBtn{
	text-decoration:none;
	color:#252525;
}
a.closeBtn:hover{
	text-decoration:none;
	color:#dc4381;
}


/** コンテンツ切り替えライン **/
#LinkConcept{
	display:block;
	margin-top: -140px; /* リンク位置上昇分 */
	padding-top: 140px; /* 上昇分を戻す分 */
	z-index:-1000;
}
#LinkCourse{
	display:block;
	margin-top: -140px; /* リンク位置上昇分 */
	padding-top: 140px; /* 上昇分を戻す分 */
}
#LinkAccess{
	display:block;
	margin-top: -140px; /* リンク位置上昇分 */
	padding-top: 140px; /* 上昇分を戻す分 */
}
#LinkBlog{
	display:block;
	margin-top: -140px; /* リンク位置上昇分 */
	padding-top: 140px; /* 上昇分を戻す分 */
}
.LineBottom{
	margin-top:400px;
	background:url(../image/bg_img_b.png) repeat-x top left;
	height:132px;
	width:100%;
}
.LineTop{
	margin-bottom:300px;
	background:url(../image/bg_img_t.png) repeat-x top left;
	height:132px;
	width:100%;
}
.LineBottom.MainImg{
	margin-top:400px;
}


/** 背景 **/
.bgmaximage{
  position:fixed !important;
  display:none;
}
#maincontent {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}
.loader {
  position:absolute;
  z-index:9999;
  width:39px;
  height:39px;
  top:49%;
  left:49%
}


/** コンテンツ　00.ネット予約 **/
.Reservation{
	color:#e56d98;
	margin:10px 0;
	padding: 0;
	font-size:22px;
}
.ReservationBn{
	list-style:none;
	margin:0 auto;
	padding:0;
	/*width:490px;*/
	width: 230px;
}
.ReservationBn li{
	list-style:none;
}
.ReservationBn li a{
	display:block;
	width:230px;
	height:68px;
	z-index:5;
}
.ReservationBn li img{
	z-index:-10;
}
.ReservationBn li.Left{
	float:left;
}
.ReservationBn li.Right{
	float:right;
}
p.reservation-text {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

/** コンテンツ　00.オンラインショップ **/
.OnlineShop {
    color: #e56d98;
    margin: 40px 0 10px;
    padding: 0;
    font-size: 22px;
}

.OnlineShopBn{
    list-style:none;
    margin:0 auto;
    padding:0;
    /*width:490px;*/
    width: 320px;
    height: 100px;
}
.OnlineShopBn li{
	list-style:none;
}
.OnlineShopBn li a{
	display:block;
	width:320px;
	height:68px;
	z-index:5;
}
.OnlineShopBn li img{
	z-index:-10;
}
.OnlineShopBn li.Left{
	float:left;
}
.OnlineShopBn li.Right{
	float:right;
}
p.shop-text {
    font-size: 12px;
    color: black;
}
span.red-txt {
    color: red;
    font-weight: bold;
}

/** コンテンツ　00.皆様へご挨拶 **/
.CommentTitle p{
	color:#e56d98;
	margin:1.5em 0;
	padding: 0;
	font-size:22px;
}
.CommentTxt p{
	line-height:30px;
}


/** コンテンツ　01.コンセプト **/
.FirstContents{
	padding-top:1px;
}
.ConceptKounou{
	margin:0;
	padding:0;
	width:670px;
	margin:auto;
	text-align:left;
	overflow:hidden;
}
.ConceptKounou dt{
	margin:0;
	padding:0;
	clear:both;
	float:left;
	width:210px;
	padding-bottom:54px;
}
.ConceptKounou dd{
	margin:0;
	padding:0;
	float:left;
	width:450px;
	padding-bottom:54px;
}
.ConceptKounou dd h4{
	margin:0;
	padding:0;
}


/** コンテンツ　02.コース・ご予約 **/
.Price{
	margin:0;
	padding:0;
	font-size:14px;
	margin:50px auto;
	text-align:left;
	width:440px;
	padding-left:34px;
}
.Price dt{
	margin:0;
	padding:0;
	float:left;
	width:190px;
}
.Price dd{
	margin:0;
	padding:0;
	padding-left:190px;
}
.Price span{
	font-size:24px;
	font-weight:bold;
}
.Step{
	margin:0;
	padding:0;
	width:940px;
	height:250px;
	margin:0px auto;
	position:relative;
	background:url(../image/img_course_step.png) no-repeat top left;
}
.Step li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	padding-top:180px;
	background:url(../image/icon_course_arrow.png) no-repeat bottom right;
}
.Step li h3{
	margin:0;
	padding:0;
	font-size:18px;
}
.Step li:hover h3{
	color:#dc4381;
}
	.Step li.Step01{
		width:197px;
	}
	.Step li.Step01 h3{
		width:160px;
		display:block;
		text-align:center;
	}
	.Step li.Step02{
		width:195px;
	}
	.Step li.Step02 h3{
		width:160px;
		display:block;
		text-align:center;
	}
	.Step li.Step03{
		width:195px;
	}
	.Step li.Step03 h3{
		width:160px;
		display:block;
		text-align:center;
	}
	.Step li.Step04{
		width:195px;
	}
	.Step li.Step04 h3{
		width:160px;
		display:block;
		text-align:center;
	}
	.Step li.Step05{
		width:150px;
		padding-top:175px;
		background:none;
	}
	.Step li.Step05 h3{
		width:150px;
		display:block;
		text-align:center;
		background:#006699;
	}
	.Step li.Step05 h3 span{
		display:block;
		float:left;
		line-height:120%;
	}
	.Step li.Step05 h3 span.Step5Left{
		padding-top:0.5em;
		width:40px;
		text-align:right;
	}
	.Step li.Step05 h3 span.Step5Right{
		text-align:left;
		font-size:17px;
	}
.Step .DetailStep{
	width:376px;
	position:absolute;
	top:200px;
	left:0px;
	display:none;
}
.Step .DetailStep p{
	margin:0;
	padding:0;
	padding:0px 16px 16px 16px;
	background:url(../image/bg_course_step_detail_b.png) no-repeat bottom center;
	font-size:14px;
	text-align:left;
}
.Step .Step01:hover .DetailStep{
	display:block;
	left:-100px;
}
.Step .Step02:hover .DetailStep{
	display:block;
	left:90px;
}
.Step .Step03:hover .DetailStep{
	display:block;
	left:290px;
}
.Step .Step04:hover .DetailStep{
	display:block;
	left:480px;
}
.Step .Step05:hover .DetailStep{
	display:block;
	left:680px;
}

.Container p.CautionTxt{
	clear:both;
	font-size:11px;
}
.Container .CautionList{
	clear:both;
	font-size:11px;
	width:300px;
	margin:0px auto;
	text-align:left;
}

.ReservationsTitle{
	font-size:18px;
}
.ReservationsTitle span{
	font-size:14px;
	font-weight:400;
}
.ReservationsTimeList{
	width:300px;
	margin:0px auto;
	text-align:left;
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
}
.ReservationsTimeList dt{
	font-size:12px;
	font-weight:400;
	float:left;
}
.ReservationsTimeList dt.In{
	margin-left:95px;
}
.ReservationsTimeList dt.Out{
	margin-left:75px;
}
.ReservationsTimeList dd{
	clear:both;
	width:100%;
	margin-bottom:10px;
}
.ReservationsTimeList dd span{
	display: block;
	float:left;
}
.ReservationsTimeList dd span.Number{
	width:1.6em;
}
.ReservationsTimeList dd span.In{
	width:3.3em;
}
.ReservationsTimeList dd span.Out{
	width:5em;
}
.TelNumber{
	width:500px;
	margin:0px auto;
	text-align:left;
}
.TelNumber *{
	display:inline;
}
.TelNumber dd{
	font-size:34px;
	letter-spacing:0.2em;
	margin:0;
	margin-left:22px;
}
.OpeningHours *{
	display:inline;
}
.OpeningHours dd{
	font-size:28px;
	letter-spacing:0.2em;
	margin:0;
	margin-left:22px;
}




.Container .AccessTxt{
	margin-top:60px;
}
.Container p.Address{
	line-height:120%;
	font-size:20px;
	font-weight:bold
}
.Container p.Address span{
	font-size:14px;
	font-weight:400;
}
.AccessMap{
	background:url(../image/img_access_map.png) no-repeat top center;
	width:651px;
	height:507px;
	margin:0px auto;
	position:relative;
}
.AccessMap ul{
	margin:0;
	padding:0;
}
.AccessMap ul li{
	margin:0;
	padding:0;
	position:absolute;
	list-style:none;
}
.AccessMap .AccessKihizayoku{
	top:60px;
	left:347px;
}
.AccessMap .AccessPhoto01{
	top:382px;
	left:163px;
}
.AccessMap .AccessPhoto02{
	top:345px;
	left:286px;
}
.AccessMap .AccessPhoto03{
	top:321px;
	left:425px;
}
.AccessMap .AccessPhoto04{
	top:275px;
	left:244px;
}
.AccessMap .AccessPhoto05{
	top:290px;
	left:425px;
}
.AccessMap .AccessPhoto06{
	top:218px;
	left:425px;
}
.AccessMap .AccessPhoto07{
	top:146px;
	left:468px;
}


.BlogTopList{
	margin:0;
	padding:0;
	margin:60px 0px;
	text-align:center;
}
.BlogTopList li{
	margin:0;
	padding:0;
	margin:30px 0px;
	list-style:none;
	text-align:center;
	font-size:18px;
}
.BlogTopList li .BlogIconNew{
	font-size:10px;
}
.BlogTopList li .BlogUpDate{
	font-size:12px;
	color:#beb8b8;
}


.Footer{
	padding:60px 0px 30px 0px;
	font-size:14px;
	color:#beb8b8;
}


#main{
	margin:0 auto;
	margin-top:120px;
	text-align: left;
	width: 960px;
}
#secondary{
text-align: left;
}