@charset "UTF-8";


/* index page
=============================================================================*/
#index #cont01 {
	background: url(../img/top_rssbg.jpg) no-repeat center top,
	url(../img/bg_topgra.jpg) repeat-x center top,
	url(../img/mat01.jpg) repeat center top;
	height: 370px;
	}
	#index #cont01 h3 {
	display:none;
	}
	#index #cont01 .txtArea {
	width: 540px;
	position: absolute;
	left: 537px;
	top: 115px;
	}
div#feed {
	width: 100%;
	height: 210px;
	overflow: auto;
	line-height: 1.6em;
	font-size: 0.93em;
	}
	div#feed dl {
	width: 100%;
	display: block;
	}
	div#feed dt {
	width: 10em;
	float: left;
	}
	div#feed dd {
	margin-bottom: 0.8em;
	color: #998866;
	padding-left: 10em;
	}
	div#feed a { text-decoration: underline; 	}

#index #cont02 {
	background: url(../img/top_01bg.jpg) no-repeat center top,
	url(../img/mat02.jpg) repeat center top;
	height: 770px;
	}
	#index #cont02 h3, #index #cont02 h4 {
	display:none;
	}
	#index #cont02 .txtArea {
	width:600px;
	position: absolute;
	left: 480px;
	top: 220px;
	text-align: right;
	font-size: 0.93em;
	}

#index #cont03 {
	background: url(../img/top_02bg.jpg) no-repeat center top,
	url(../img/mat_perple.jpg) repeat center top;
	height: 870px;
	}
	#index #cont03 h3, #index #cont03 h4 {
	display:none;
	}
	#index #cont03 .txtArea {
	width:620px;
	position: absolute;
	left: 0px;
	top: 585px;
	font-size: 0.93em;
	}
	#index #cont03 .btn {
	position: absolute;
	left: -10px;
	top: 720px;
	}
#index #cont04 {
	background: url(../img/top_03bg.jpg) no-repeat center top;
	height: 670px;
	}
	#index #cont04 h3, #index #cont04 h4 {
	display:none;
	}
	#index #cont04 .txtArea {
	width:540px;
	position: absolute;
	left: 598px;
	top: 351px;
	font-size: 0.93em;
	}
	#index #cont04 .btn {
	position: absolute;
	left: 600px;
	top: 530px;
	}
	#index #cont04 .btn2 {
	position: absolute;
	left: 600px;
	top: 595px;
	}
#index #cont05 {
	background: url(../img/top_04bg.jpg) no-repeat center top,
	url(../img/mat_green.jpg) repeat center top;
	height: 650px;
	}
	#index #cont05 h3 {
	display:none;
	}
	#index #cont05 .txtArea {
	width:540px;
	position: absolute;
	left: 11px;
	top: 332px;
	font-size: 0.93em;
	}
	#index #cont05 .btn {
	position: absolute;
	left: 10px;
	top: 480px;
	}
#index #cont06 {
	background: url(../img/bg_decosasaw.png) no-repeat center top;
	height: 270px;
	padding: 50px 0px;
	}


/*=============================================================================
   Lower Page
=============================================================================*/
/* common  *******************************************************************/
#lead {
	}
	#lead h3 {
	}
	#lead .txtArea p {
	}
div.menu_list {	width: 100%;	}
	div.menu_list:after{content: ""; display: block; clear: both;}
	div.menu_list > div {
	width: 50%;
	float: left;
	}
	div.menu_list h4 {
	width: 90%;
	margin: 0px auto 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #43220d;
	font-weight: bold;
	display: block;
	}
	div.menu_list h4 + p {
	width: 90%;
	margin: -9px auto 10px;
	}
	div.menu_list h5 {
	width: 90%;
	margin: 0px auto 5px;
	font-size: 1.06em;
	font-weight: bold;
	}.menu_list h5:before, .menu_list h5:after {content:" 〜 "; }
	div.menu_list dl {
	margin-bottom: 25px;
	line-height: 1.6em;
	}
	div.menu_list dt, div.menu_list dd {
	font-weight: normal;
	width: 90%;
	margin: 0px auto;
	display: block;
	padding-bottom: 0.2em;
	}
	div.menu_list dt {
	text-align: left;
	}
	div.menu_list dd {
	color: #CC6300;
	text-align: right;
	border-bottom: 1px dotted #765;
	margin-top: -1.6em;
	margin-bottom: 0.4em;
	}
		div.menu_list dd.ex {
	text-align: left;
	color: #741;
	font-weight: normal;
	font-size: 1em;
	border-bottom: none;
	margin-top: 0.1em;
		}
		div.menu_list dd + dd.ex {
	margin-top: -0.4em;
	padding-bottom: 0.4em;
		}
		div.menu_list dt.photo, div.menu_list dd.photo {
	border-bottom: none;
	margin-top: 0;
	text-align: center;
	padding: 0px 0px 2px;
	margin-bottom: 0px;
		}
		div.menu_list dt.photo img, div.menu_list dd.photo img {
	border: 1px solid #eee;
	height: auto;
	width: 100%;
		}

#course_menu {
	background: url(../img/mat_green.jpg) repeat center top;
	height: auto;
	padding: 40px 0px;
	}
	#course_menu h3 {
	text-align: center;
	margin-bottom: 20px;
	}
	#course_menu .btn {
	width: 485px;
	position: absolute;
	left: 50%;
	top: 1000px;
	margin-left: -242px;
	}

#course_slide {
	width: 100%;
	position: relative;
	height: 500px;
	}
#course_slide .bx-wrapper .bx-viewport {
	width: 200% !important;
	position: absolute;
	margin: 0px 0px 0px -1155px;
	left: 50%;
	}
#course_slide .slide01 {
	margin: 0px auto;
	height: 500px;
	width: 750px;
	}
	#course_slide .slide01 li {
	height: 500px;
	width: 750px;
	}
	#course_slide .slide01 img { margin-left: 780px; 	}
#course_slide #Prev {
	width: 56px;
	height: 56px;
	background: url(../img/arrowbtn_r.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	right: 50%;
	margin-right: -405px;
	}
#course_slide #Next {
	width: 56px;
	height: 56px;
	background: url(../img/arrowbtn_l.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	margin-top: -28px;
	left: 50%;
	margin-left: -405px;
	}
#course_slide #Prev a, #course_slide #Next a {
	width: 56px;
	height: 1px;
	padding-top: 55px;
	overflow: hidden;
	display: block;
	opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}	
#course_slide #Prev a:hover, #course_slide #Next a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	}

#coursecap_wrap {
	margin: 0px auto 10px;
	width: 580px;
	height: 220px;
	padding-top: 30px;
	position: relative;
	}
	#coursecap_wrap .coursecap div {
	width: 580px;
	height: 220px;
	position: absolute;
	left: 0px;
	top: 30px;
	}
	#coursecap_wrap .coursecap div h4 { margin-bottom: 20px; }
	#coursecap_wrap .coursecap div p {
	width: 80%;
	margin: 0px auto 70px;
	}
	#coursecap_wrap .coursecap div a, #coursecap_wrap .coursecap div .active {
	width: 580px;
	height: 220px;
	display: block;
	opacity:0;
	transition:all 0.6s;
	color: #443322;
	cursor:default;
	}
	#coursecap_wrap .coursecap div a {
	opacity:0;
	transition:all 0.6s;
	}
	#coursecap_wrap .coursecap div a:hover { text-decoration: none; 	}
	#coursecap_wrap .coursecap div .active {
	opacity:1;
	transition:all 0.6s;
	}
p.posi-tr {
	position: absolute;
	top: 0px;
	right: 0px;
	}
p.posi-bl {
	position: absolute;
	left: 10px;
	bottom: 10px;
	height: auto;
	width: auto;
	}



#floormap_slide {
	height: 640px;
	width: 1100px;
	overflow: hidden;
	}

/* welcome page
=============================================================================*/
#welcome #cont01 {
	background: url(../img/welcome_01bg.jpg) no-repeat center top,
	url(../img/bg_topgra.jpg) repeat-x center top,
	url(../img/mat01.jpg) repeat center top;
	height: 750px;
	}
	#welcome #cont01 h3 {
	display:none;
	}
	#welcome #cont01 .txtArea {
	width:550px;
	position: absolute;
	left: 580px;
	top: 210px;
	line-height: 2.2em;
	}
#welcome #cont02 {
	background: url(../img/welcome_02bg.jpg) no-repeat center top,
	url(../img/mat02.jpg) repeat center top;
	height: 1490px;
	}
	#welcome #cont02 h3, #welcome #cont02 h4 {
	display:none;
	}
	#welcome #cont02 .txt01 {
	width:360px;
	position: absolute;
	left: 740px;
	top: 1125px;
	}
	#welcome #cont02 .txt02 {
	width:570px;
	position: absolute;
	left: 5px;
	top: 1260px;
	}
	#welcome #cont02 .btn {
	width: 485px;
	position: absolute;
	left: 0px;
	top: 1400px;
	bottom: 30px;
	}
#welcome #cont03 {
	background: url(../img/welcome_03bg.jpg) no-repeat center top;
	height: 1050px;
	}
	#welcome #cont03 h3, #welcome #cont03 h4 {
	display:none;
	}
	#welcome #cont03 .txtArea {
	width:420px;
	position: absolute;
	left: 127px;
	top: 721px;
	}
	#welcome #cont03 .note {
	width:auto;
	position: absolute;
	left: 70px;
	top: 980px;
	}
#welcome #cont04 {
	}
#faq_header {
	height: 475px;
	padding: 25px 0px;
	background: url(../img/mat02.jpg);
	}
	#faq_header.fixed {
	position: fixed;
	top: 0px;
	z-index: 100;
	}
	#faq_header h3 { text-align: center; 	}
	#faq_header .itemArea { height: 390px; }
	#faq_header li {
	}
	#faq_header li a {
	display: block;
	}
	#faq_header li#Q01 {
	position: absolute;
	left: 50px;
	top: 80px;
	}
	#faq_header li#Q02 {
	position: absolute;
	left: 400px;
	top: 100px;
	}
	#faq_header li#Q03 {
	position: absolute;
	left: 680px;
	top: 80px;
	}
	#faq_header li#Q04 {
	position: absolute;
	left: 90px;
	top: 270px;
	}
	#faq_header li#Q05 {
	position: absolute;
	left: 650px;
	top: 240px;
	}
#faq_main {
	height: auto;
	width: 960px;
	margin: 0px auto;
	padding: 60px 0px;
	min-height: 1300px;
	}
	#faq_main dl {
	border-bottom: 1px dotted #999999;
	clear: both;
	margin-bottom: 40px;
	padding-bottom: 40px;
	}
	#faq_main dt {
	font-size: 2em;
	margin-bottom: 0.3em;
	}
	#faq_main dd {
	padding-left: 40px;
	width: 560px;
	float: left;
	display: inline-block;
	}#faq_main dd:first-letter{
	font-size: 2em;
	line-height: 1;
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
	}
	#faq_main dd.imgArea {
	margin: 0px 10px 10px 20px;
	height: auto;
	width: auto;
	padding: 0px;
}
#welcome #cont05 {
	background: url(../img/mat_green.jpg) repeat center top;
	height: auto;
	padding-bottom: 70px;
	padding-top: 50px;
	}
	#welcome #cont05 h3 {
	text-align: center;
	margin-bottom: 60px;
	width: auto;
	}
	#welcome #cont05 .itemlist { height: 435px; }
	#welcome #cont05 ul {
	}
	#welcome #cont05 li {
	width: 25%;
	display: inline-block;
	float: left;
	}
	#welcome #cont05 .txtArea {
	margin: 0px auto;
	text-align: center;
	background: url(../img/welcome_05txtArea.png) no-repeat center bottom;
	height: 390px;
	width: 800px;
	padding-top: 50px;
	}
#welcome .btnArea { padding: 70px 0px; 	}
#welcome .btnArea li {
	}

/* ceremony page
=============================================================================*/
#ceremony #cont01 {
	background: url(../img/ceremony_01bg.jpg) no-repeat center top,
	url(../img/mat_perplight.jpg) repeat center top;
	height: auto;
	padding: 230px 0px 50px;
	}
	#ceremony #cont01 h3, #ceremony #cont01 h4 {
	display:none;
	}
	#ceremony #cont01 .txtArea {
	width:470px;
	margin-left: 630px;
	height: 450px;
	}
	#ceremony #cont01 .txtArea p { margin-bottom: 1em; 	}
	#ceremony #cont01 #houjiList {
	height: auto;
	padding-top: 100px;
	height: 390px;
	}
	#houjiList dl {
	background: url(../img/white03.png);
	width: 230px;
	padding: 10px;
	height: 340px;
	margin-right: 20px;
	display: block;
	float: left;
	}
	#houjiList dl:last-child {
	margin-right: 0px;
	}
	#houjiList dt {
	height: 115px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999999;
	}
	#houjiList dd { height: auto; }
#ceremony #cont02 {
	background: url(../img/ceremony_02bg.jpg) no-repeat center top,
	url(../img/mat02.jpg) repeat center top;
	height: 1900px;
	}
	#ceremony #cont02 h3, #ceremony #cont02 h4 {
	display:none;
	}
	#ceremony #cont02 .txt01 {
	width: 510px;
	position: absolute;
	left: 50px;
	top: 630px;
	}
	#ceremony #cont02 .txt02 {
	width: 500px;
	position: absolute;
	left: 580px;
	top: 860px;
	}
	#ceremony #cont02 .txt03 {
	width: 500px;
	position: absolute;
	left: 0px;
	top: 1260px;
	}
	#ceremony #cont02 .txt04 {
	width: 500px;
	position: absolute;
	left: 550px;
	top: 1445px;
	}
	#ceremony #cont02 .txt05 {
	width: 500px;
	position: absolute;
	left: 530px;
	top: 1675px;
	}
#ceremony #cont04 {
	background: url(../img/bg_decosasaw.png) no-repeat center top;
	padding: 40px 0px;
	}
	#ceremony #cont04 h3 {
	margin-bottom: 30px;
	text-align: center;
	}
	#ceremony #cont04 .photo {
	background: url(../img/floomapslide_photo.jpg) no-repeat center top;
	height: 650px;
	}
	#ceremony #cont04 .btn {
	width: 485px;
	position: absolute;
	left: 570px;
	top: 1350px;
	}
#ceremony #cont05 {
	background: url(../img/ceremony_05bg.jpg) no-repeat center top;
	height: 380px;
	}
	#ceremony #cont05 .tel {
	position: absolute;
	left: 10px;
	top: 235px;
	width: 700px;
	height: 60px;
	}
	#ceremony #cont05 .tel a {
	width: 100%;
	height: 1px;
	padding-top: 59px;
	overflow: hidden;
	display: block;
	}
	#ceremony #cont05 .tel span {
	}
#ceremony .bnrArea {
	text-align: center;
	padding: 70px 0px;
	}

/* menu page
=============================================================================*/
#menu #cont01 {
	background: url(../img/menu_01bg.jpg) no-repeat center top;
	height: 1160px;
	padding-bottom: 95px;
	}
	#menu #cont01 h3, #menu #cont01 h4 { display:none; }
	#menu #cont01 .txtArea {
	width:350px;
	position:absolute;
	top:300px;
	left:500px
	}
	#menu #cont01 .btn {
	width:485px;
	position:absolute;
	top:1100px;
	left:50px;
	}
	#menu #cont01 .btn2 {
	width: 485px;
    position: absolute;
    top: 1172px;
    left: 52px;
	}
#menu #cont02 {
	}
#menu #cont02 h3, #menu #cont02 h4 { display: none; 	}
#menu #cont02 .menuArea {
	}
#menu #cont02 .price {
	font-size: 2.5em;
	color: #D57700;
	font-family: YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
	line-height: 1.2em;
	font-weight: bold;
	}
#menu #cont0201 {
	background: url(../img/menu_0201bg.jpg) no-repeat center top,
	url(../img/mat02.jpg) repeat center top;
	height: 830px;
	}
#menu #cont0201 .txt01 {
	position: absolute;
	width: 480px;
	top: 144px;
	right: 0px;
	}
#menu #cont0201 .txt02 {
	position: absolute;
	top: 530px;
	width: 450px;
	left: 23px;
	}
	#menu #cont0201 .txt02 dl { margin-bottom: 10px; 	}
	#menu #cont0201 .txt02 dt { color: #CC6300;
	}
	#menu #cont0201 .txt02 dd {
	border-bottom: 1px dotted #765;
	}
#menu #cont0201 .txt03 {
	}
#menu #cont0202 {
	background: url(../img/menu_0202bg.jpg) no-repeat center top,
	url(../img/mat02.jpg) repeat center top;
	height: 1380px;
	padding-bottom: 100px;
	}
#menu #cont0202 .txt01 {
	position: absolute;
	top: 130px;
	right: -35px;
	}
#menu #cont0202 .txt02 {
	position: absolute;
	left: -30px;
	top: 450px;
	width: 340px;
	}
#menu #cont0202 .txt03 {
	position: absolute;
	width: 360px;
	top: 534px;
	left: 325px;
	background: url(../img/white03.png);
	padding: 15px;
	}
#menu #cont0202 .txt04 {
	position: absolute;
	width: 400px;
	top: 680px;
	right: -35px;
	}
#menu #cont0202 .txt04.menu_list dl { margin-bottom: 5px; }

#menu #cont0203 { position: relative; 	}
	#menu #cont0203 .container {
	width: 1000px;
	padding: 50px;
	}
	#menu #cont0203 .togglebtn {
	width: 460px;
	position: absolute;
	left: 50%;
	top: -110px;
	margin-left: -230px;
	height: 80px;
	}

#menu #cont03 {
	background: url(../img/mat_green.jpg) repeat center top;
	}
	#menu #course_menu { }
	#menu #cont03 .bnrArea {
	text-align: center;
	padding-bottom: 50px;
	}

#menu #cont04 { padding: 50px 0px 60px; 	}
	#menu #cont04 h3 {
	height: 60px;
	margin-bottom: 20px;
	text-align: center;
	}
	#menu #cont04 .itemlist {
	padding: 0px 30px;
	width: 1040px;
	}
	#menu #cont04 .price {
	font-family: YuMincho, "Hiragino Mincho ProN", "HGS明朝E", serif;
	font-size: 1.5em;
	color: #506500;
	font-weight: bold;
	}
	#menu #cont04 dl {
	margin: 0px 30px 20px;
	float: left;
	width: 460px;
	}
	#menu #cont04 dt {
	height: 310px;
	width: 460px;
	display: block;
	}
	#menu #cont04 dd {
	text-align: center;
	padding: 5px;
	}


/* shop page
=============================================================================*/
#shop #cont01 {
	background: url(../img/shop_01bg.jpg) no-repeat center top;
	height: 590px;
	}
	#shop #cont01 h3 { display: none; 	}
	#shop #cont01 .txtArea {
	width: 550px;
	left: 10px;
	top: 300px;
	position: absolute;
	}
#shop #cont02 {
	background: url(../img/shop_02_02bg.jpg) no-repeat center top,
	url(../img/mat_perplight.jpg) repeat center top;
	height: 1200px;
	}
	#shop #cont02 h3 { display: none; 	}
	#shop #cont02 h4 {
	margin: 0px auto 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #43220d;
	font-weight: bold;
	display: block;
	}
	#shop #cont02 .txt01 {
	position: absolute;
	width: 450px;
	left: 75px;
	top: 750px;
	}
	#shop #cont02 .txt02 {
	position: absolute;
	width: 450px;
	left: 575px;
	top: 750px;
	}
#shop #cont03 {
	background: url(../img/shop_03_02bg.jpg) no-repeat center top,
	url(../img/mat_perplight.jpg) repeat center top;
	height: 1200px;
	}
	#shop #cont03 h3 { display: none; 	}
	#shop #cont03 h4 {
	margin: 0px auto 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #43220d;
	font-weight: bold;
	display: block;
	}
	#shop #cont03 .txt01 {
	position: absolute;
	width: 450px;
	left: 75px;
	top: 750px;
	}
	#shop #cont03 .txt02 {
	position: absolute;
	width: 450px;
	left: 575px;
	top: 750px;
	}
#shop #cont04 { padding: 40px 0px; 	}
#shop #cont04 h3 {
	margin-bottom: 30px;
	text-align: center;
	}
#floormap_slide {
	height: 640px;
	width: 1100px;
	overflow: hidden;
	}
#shop #cont04 .photo {
	background: url(../img/floomapslide_photo.jpg) no-repeat center top;
	height: 650px;
	}

/* info page
=============================================================================*/
#info #cont01 {
	background: url(../img/info_01bg.jpg) no-repeat center top,
	url(../img/bg_topgra.jpg) repeat-x center top,
	url(../img/mat01.jpg) repeat center top;
	height: 1110px;
	}
	#info #cont01 h3 { display: none; 	}
	#info #cont01 .txtArea {
	position: absolute;
	width: 450px;
	left: 10px;
	top: 330px;
	}
#info #cont02 {
	background: url(../img/info_02bg.jpg) no-repeat center top;
	height: 760px;
	padding-top: 140px;
	}
	#info #cont02 h3 { display: none; 	}
	#info #cont02 .txtArea {
	width: 520px;
	margin-left: 50px;
	}
	#info #cont02 .txtArea dl {
	}
	#info #cont02 .txtArea dt, #info #cont02 .txtArea dd { padding: 4px 0px; 	}
	#info #cont02 .txtArea dt {
	width: 130px;
	float: left;
	font-weight: bold;
	}
	#info #cont02 .txtArea dd {
	border-bottom: 1px dotted #765;
	padding-left: 150px;
	}
#g-map {
	height: 650px;
	width: 100%;
	}
#info #cont03 {
	background: url(../img/info_03bg.jpg) no-repeat center top,
	url(../img/mat_blue.jpg) repeat center top;
	height: 730px;
	}
	#info #cont03 h3 { display: none; 	}
	#info #cont03 .txtArea {
	position: absolute;
	width: 400px;
	left: 600px;
	top: 130px;
	}

.oshirase{
	text-align: center;
	padding: 20px;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0 0 10px rgba(255,255,255,0.8);
	width: 600px;
	margin: 20px auto;
	border: 4px solid;
}

.oshirase h3{
	font-size: 21px;
	font-weight: bold!important;
	padding-bottom: 10px!important;
}