@charset "utf-8";

/*---------------------------------------------------

common

----------------------------------------------------*/
body#top{
	background: url(../img/cmn/bg_body.jpg) repeat center top;
}


/********** headline **********/
.bg_h01{
	min-height: 40px;
	margin: 0 0 10px 0;
	padding: 8px 0 2px 28px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #ffffff;
	background: url(../img/cmn/bg_h01.jpg) no-repeat left top;

    font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝","メイリオ",Meiryo,sans-serif;

}
.bg_h01 span{
	display: inline-block;
	margin-left: 10px;
	font-size: 14px;
}

.bg_h02{
	min-height: 35px;
	margin: 0 0 15px 0;
	padding: 8px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #633f1f;
	text-align: center;
	background: url(../img/cmn/bg_h02.jpg) no-repeat center top;
	box-sizing: border-box;

	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}
.bg_h02 span{
	display: inline-block;
	margin-left: 10px;
}



.fwb1{
	margin-bottom: 20px;
	font-size: 18px;
	letter-spacing: 0.2em;
	color: #633f1f;
	text-align: center;
}

.clr1{
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 1.2;
	color: #cc3333;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}

/********** /headline **********/

/*パンくずリスト*/
#bread{
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 30px 0;
	font-size: 13px;
	line-height: 1.2;
	color: #633f1f;
}


/*全画面*/
#border_display{
	width: 100%;
	min-width: 960px;
	height: auto;
}

/********** header **********/
#header_area{
	position: relative;
	width: 100%;
	background: url(../img/cmn/bg_header.jpg) repeat-x left top;
}
#header_in{
	position: relative;
	width: 960px;
	height: 180px;
	margin: 0 auto;
	background: url(../img/cmn/bg_header_in.jpg) no-repeat center top;
}
	#header_in .logo{
		position: absolute;
		top: 10px;
		left: 333px;
	}
	#header_in .headline{
		position: absolute;
		top: 3px;
		left: 0px;
		font-size: 10px;
	}

/*}#header_in*/

/********** navi **********/
#bg_navi{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/cmn/bg_navi.png) repeat left top;
}
#navi{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#navi li{
	float: left;
}
#navi a{
	display: block;
	width: 137px;
	height: 80px;
	text-indent: -9999px;
}

#navi #n01 a{ width: 121px; }
#navi #n02 a{ width: 140px; }
#navi #n03 a{ width: 130px; }
#navi #n04 a{ width: 150px; }
#navi #n05 a{ width: 122px; }
#navi #n06 a{ width: 136px; }
#navi #n07 a{ width: 161px; }

#navi a{ background: url(../img/cmn/bnr_navi.png) no-repeat left top; }
#navi #n01 a{ background-position:     0   0; }
#navi #n02 a{ background-position:  -121px 0; }
#navi #n03 a{ background-position:  -261px 0; }
#navi #n04 a{ background-position:  -391px 0; }
#navi #n05 a{ background-position:  -541px 0; }
#navi #n06 a{ background-position:  -663px 0; }
#navi #n07 a{ background-position:  -799px 0; }

#navi #n01 a:hover{ background-position:     0   bottom; }
#navi #n02 a:hover{ background-position:  -121px bottom; }
#navi #n03 a:hover{ background-position:  -261px bottom; }
#navi #n04 a:hover{ background-position:  -391px bottom; }
#navi #n05 a:hover{ background-position:  -541px bottom; }
#navi #n06 a:hover{ background-position:  -663px bottom; }
#navi #n07 a:hover{ background-position:  -799px bottom; }


/********** main **********/
#main_area{
	width: 960px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0 0 80px 0;
	overflow: hidden;
}
#main_image{
	background: url(../img/cmn/bg_main.jpg) repeat center top;
}
#main_image img{
	display: block;
	width: 960px;
	margin: 0 auto 0 auto;
}

/********** sidebar **********/
#sidebar{
	float: right;
	width: 261px;
}
#sidebar .news{
	position: relative;
	width: 261px;
	min-height: 640px;
	margin-bottom: 20px;
	padding: 20px 0px 0px 15px;
	background: url(../img/cmn/bg_side_news_b.jpg) no-repeat left top;
	box-sizing: border-box;
}
#sidebar .news .title{
	margin-bottom: 15px;
	font-size: 23px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	line-height: 1.2;
	letter-spacing: 0.2em;
	color: #634221;
	text-align: center;
}
#sidebar ul#feed1{
	width: 200px;
	margin: 0 auto 0 auto;
	line-height: 1.2;
	color: #633f1f;
}
#sidebar ul#feed1 li{
	margin-bottom: 10px;
	padding: 0 0 3px 10px;
	border-bottom: 1px solid #6f5842;
}
#sidebar ul#feed1 li:nth-child(n+5){
	display: none;
}
#sidebar ul#feed1 .rss_title{
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}
#sidebar .news .link{
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 11px;
	color: #633f1f;
}


#sidebar .bnr{
	margin-bottom: 10px;
}
#sidebar .bnr li{
	margin-bottom: 5px;
}


#sidebar .info{
	min-height: 527px;
	margin-bottom: 27px;
	padding: 78px 0 0 0;
	background: url(../img/cmn/bg_side01.jpg) no-repeat left top;
	box-sizing: border-box;
}
#sidebar .info .logo{
	margin-bottom: 25px;
	text-align: center;
}
#sidebar .info dl{
	text-align: center;
}
#sidebar .info dt{
	width: 96px;
	margin: 0 auto 10px auto;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	color: #ffffff;
	line-height: 32px;
	background: url(../img/cmn/bg_01.jpg) no-repeat left top;
}
#sidebar .info dd{
	margin-bottom: 13px;
	font-size: 15px;
	line-height: 1.5;
	color: #633f1f;
}
#sidebar .mail{
	margin-bottom: 25px;
}


/********** main_content **********/
#main_content{
	float: left;
	width: 670px;
}
#main_content:only-child{
	float: none;
	width: auto;
	padding: 0 5px;
}

/********** footer **********/
#footer_area{
	position: relative;
	width: 100%;
	background: url(../img/cmn/bg_footer.png) repeat-x center bottom;
}
#footer_area .map{
	position: absolute;
	top: 118px;
	width: 100%;
	height: 340px;
}
#footer_area .map iframe{
	width: 100%;
	height: 340px;
}
#footer_in{
	position: relative;
	width: 960px;
	height: 545px;
	margin: 0 auto;
	background: url(../img/cmn/bg_footer_in.jpg) no-repeat center top;
}
	/*ナビ*/
	#footer_in ul#fnavi{
		position: absolute;
		bottom: 30px;
		left: 30px;
	}
		#footer_in ul#fnavi li{
			float: left;
			border-left: 1px solid #fff;
		}
		#footer_in ul#fnavi li:first-child{
			border-left: 0;
		}
			#footer_in ul#fnavi li a{
				display: block;
				padding: 0 19px;
				font-size: 13px;
				line-height: 1.2;
				color: #ffffff;
			}
/*		}#footer_in ul#fnavi li*/

/*	}#footer_in ul#fnavi*/

	/*トップへ戻る*/
	#footer_in .pagetop{
		position: absolute;
		top: 23px;
		right: 0;
	}
	#footer_in .bnr{
		position: absolute;
		bottom: 15px;
		right: 50px;
	}
	#footer_in .bnr img{
		display: block;
	}
/*}#footer_in*/

.img_txt,
.img_txt .txt{
	overflow: hidden;
}

.d_tb{ display: table; border-collapse: collapse; }
.d_tb dl{ display: table-row; }
.d_tb dt, .d_tb dd{ display: table-cell; }

.wbox{
	position: relative;
}
.wbox > div{
	width: 960px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.w570{
	width: 570px;
	margin: 0 auto 0 auto;
}
.w580{
	width: 580px;
	margin: 0 auto 0 auto;
}
.w590{
	width: 590px;
	margin: 0 auto 0 auto;
}
.w600{
	width: 600px;
	margin: 0 auto 0 auto;
}
.w620{
	width: 620px;
	margin: 0 auto 0 auto;
}
.w630{
	width: 630px;
	margin: 0 auto 0 auto;
}
.w650{
	width: 630px;
	margin: 0 auto 0 auto;
}

/*----------------------------------------

index.html

-----------------------------------------*/
/*---------------------------------------------
slideshow
-----------------------------------------------*/
#slideshow {
	position: relative;
	height:415px;
	margin: 0 auto 32px;
	text-align: center;
	overflow:hidden;
}
#slideshow div {
	width: 100%;
	height: 415px;
	margin: 0 auto 0 auto;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}
#slideshow .bg{
	position: absolute;
	top: -1000%;
	bottom: -1000%;
	left: -1000%;
	right: -1000%;
	margin: auto;
	min-width: 100%;
	min-height: 415px;
	width: auto;
	height: auto;
}

#slideshow ul {
	margin:-30px auto 0 auto;
	display:none;
	width:120px;
	overflow:hidden;
	text-align: center;
	position:relative;
	z-index:200;
}

#slideshow ul li {
	width: 10px;
	display: inline-block;
	cursor: pointer;
	margin:0 15px;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#slideshow p{
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	z-index: 1000;
}
#slideshow span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 415px;
	box-sizing: border-box;
	background: url(../img/top/bg_slide.png) repeat-x left top;
	z-index: 1100;
	text-indent: -9999px;
}
#slideshow #view1 p{
	padding-top: 150px;
}
#slideshow #view2 p{
	padding-top: 110px;
	text-align: left;
}
#slideshow #view3 p{
	padding-top: 110px;
	text-align: right;
}


#top_box01{
	min-height: 352px;
	margin-bottom: 37px;
	padding-top: 65px;
	font-size: 16px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	line-height: 1.7;
	letter-spacing: 0.4em;
	color: #633f1f;
	text-align: center;
	background: url(../img/top/bg_01.jpg) no-repeat left top;
	box-sizing: border-box;
}
#top_box01 .hx{
	margin-bottom: 10px;
}



#top_box02{
	margin-bottom: 40px;
	overflow: hidden;
}
#top_box02 li{
	float: left;
	width: 313px;
	margin: 0 5px 0 0;
}
#top_box02 li:last-child{ margin-right: 0; }
#top_box02 li img{
	display: block;
}



#top_box03{
	margin-bottom: 45px;
	margin-right: auto;
	margin-left: auto;
	width: 470px;
	height: 660px;
}

#top_box03 ul#feed1{
	width: 470px;
	height: 620px;
	padding: 70px 55px 0;
	font-size: 15px;
	line-height: 1.2;
	background: url(../img/top/bg_02_b.jpg) no-repeat left top;
	box-sizing: border-box;
}
#top_box03 ul#feed1 li{
	margin-bottom: 8px;
	padding: 0 30px 10px;
	border-bottom: 1px solid #958473;
	overflow: hidden;
}
#top_box03 ul#feed1 li:last-child{
	border: 0;
}
#top_box03 ul#feed1 .title{
	margin-bottom: 20px;
	padding-bottom: 0;
	border: 0;
	text-align: center;
	font-size: 30px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	line-height: 1.2;
	letter-spacing: 0.2em;
	color: #634221;
}
#top_box03 ul#feed1 .rss_day{
}
#top_box03 ul#feed1 .rss_title{
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}


#top_box04{
	position: relative;
	width: 742px;
	min-height: 460px;
	margin: 0 auto 0 auto;
	padding: 77px 0 0 0;
	background: url(../img/top/bg_03.jpg) no-repeat left top;
	box-sizing: border-box;
}
#top_box04 .logo{
	margin-bottom: 20px;
	text-align: center;
}


#top_box04 .info{
	width: 540px;
	margin-left: 150px;
}
#top_box04 .info th,
#top_box04 .info td{
	border-bottom: 10px solid transparent;
	font-size: 15px;
	vertical-align: middle;
	box-sizing: border-box;
}
#top_box04 .info th{
	width: 96px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
	color: #ffffff;
	line-height: 32px;
	text-align: center;
	background: url(../img/cmn/bg_01.jpg) no-repeat left top;
}
#top_box04 .info td{
	padding-left: 27px;
	color: #633f1f;
}

#top_box04 .bnr{
	position: absolute;
	bottom: 30px;
	left: 117px;
}


/*----------------------------------------

wedding

-----------------------------------------*/
#wedding_box01{
	margin-bottom: 50px;
}
#wedding_box01 img{
    display: block;
	margin-bottom: 23px;
}

#wedding_box02{
    margin-bottom: 30px;
}
#wedding_box02 .bnr{
	overflow: hidden;
}
#wedding_box02 .bnr li{
	float: left;
	margin: 0 9px 0 0;
}
#wedding_box02 .bnr li:last-child{ margin-right: 0; }



.wedding_list{
	width: 630px;
	margin: 0 auto 50px auto;
}
.wedding_list li{
	margin-bottom: 30px;
	overflow: hidden;
}
/*
.wedding_list .image{
	float: right;
	width: 190px;
}
*/
.wedding_list .txt{
	padding: 0;
	box-sizing: border-box;
}






.wedding_list .hx{
	min-height: 35px;
	width: 619px;
	margin: 0 0 20px 0;
	padding: 8px 0 0 0;
	font-size: 15px;
	color: #633f1f;
	text-align: center;
	background: url(../img/wedding/bg_01.jpg) no-repeat left top;
	box-sizing: border-box;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}
.wedding_list .hx span{
	color: #fff;
}
.wedding_list ul{
    overflow: hidden;
}
.wedding_list ul li{
    float: left;
    margin: 0 21px 0 0;
}
.wedding_list ul li:last-child{ margin-right: 0; }



/*----------------------------------------

gallery

-----------------------------------------*/
#gallery_wrap{
	width: 630px;
	margin: 0 auto 0 auto;
}
#gallery_wrap .txt1{
	margin-bottom: 20px;
}
#gallery_wrap .txt1 p{
	margin-bottom: 15px;
}


#gallery_list > li{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border: 1px solid #634221;
}
#gallery_list .title{
	margin-bottom: 20px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1.2;
	color: #ffffff;
	text-align: center;
	background: #ac9887;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}
#gallery_list .image{
	width: 576px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#gallery_list .image li{
	width: 282px;
}
#gallery_list .image li:nth-child(2n){
	float: right;
}
#gallery_list .image li:nth-child(2n+1){
	clear: both;
	float: left;
}
#gallery_list .image img{
	width: 100%;
	height: auto;
}



/*----------------------------------------

lesson

-----------------------------------------*/
.lesson_box01{
	margin-bottom: 20px;
	padding: 0 20px;
	overflow: hidden;
}
.lesson_box01 .image{
	float: right;
}
.lesson_box01 .txt{
	overflow: hidden;
}
.lesson_box01 dl{
	line-height: 1.2;
}
.lesson_box01 dt{
	color: #cc3333;
}
.lesson_box01 dd{
	margin-bottom: 20px;
	color: #633f1f;
}
.lesson_box01 .ex{
	color: #cc3333;
}

.lesson_p1{
	margin-bottom: 30px;
	padding: 0 40px 0 30px;
	color: #cc3333;
}
.lesson_p2{
	padding: 0 0px 0 30px;
}



/*----------------------------------------

rental

-----------------------------------------*/
#rental_box01{
	margin-bottom: 30px;
	text-align: center;
}
#rental_box01 p{
	margin-bottom: 15px;
}
#rental_box01 p:last-child{
	margin-bottom: 0;
}

.rental_list{

}
.rental_list dt{
	color: #006633;
}
.rental_list dd{
	margin-bottom: 15px;
	color: #633f1f;
}


.tb01{
	width: 620px;
	table-layout: fixed;
	margin: 0 auto 20px auto;
}
.tb01 th,
.tb01 td{
	padding: 10px 0 10px 0;
	border: 1px dotted #633f1f;
	color: #633f1f;
	box-sizing: border-box;
}
.tb01 th{
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(../img/cmn/bg_02.jpg) repeat left top;
}
.tb01 td{
	padding-right: 30px;
	text-align: right;
	background: url(../img/cmn/bg_03.jpg) repeat left top;
}


#step{
	width: 620px;
	margin: 0 auto 0 auto;
}
#step li{
	margin-bottom: 20px;
	background: url(../img/rental/bg_step.jpg) repeat-y left top;
}
#step .hx{
	min-height: 75px;
	margin-bottom: 20px;
	padding: 42px 0 0 0;
	font-size: 16px;
	line-height: 1.2;
	color: #633f1f;
	text-align: center;
	background: url(../img/rental/bg_step_top.jpg) no-repeat left top;
	box-sizing: border-box;
}
#step .hx span{
	font-size: 20px;
	font-family: "HGS明朝E","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}
#step .txt{
	padding-bottom: 67px;
	line-height: 1.6;
	color: #633f1f;
	text-align: center;
	background: url(../img/rental/bg_step_bottom.jpg) no-repeat left bottom;
}
#step li:last-child .txt{
	padding-bottom: 20px;
	background: url(../img/rental/bg_step_bottom_last.jpg) no-repeat left bottom;
}
#step .txt p{
	margin-bottom: 10px;
}
#step .txt p:last-child{
	margin-bottom: 0;
}
#step .txt p.p1{
	margin-bottom: 0;
	font-size: 19px;
	font-weight: bold;
	color: #cc3333;
}
#step .p2{
	font-weight: bold;
	color: #cc3333;
}

.pmatter {
    width: 620px;
    padding: 30px 0px;
    margin: 0 auto 30px;
    border-bottom: 1px solid #633F1F;
}
.pmatter p {
    padding: 10px 40px;
}
.pmatter h4 {
    display: table;
    text-align: center;
    white-space: nowrap;
}
.pmatter h4:after, .pmatter h4:before {
    content: '';
    display: table-cell;
    width: 50%;
    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
    -webkit-background-clip: padding;
    background-clip: padding;
}
.pmatter h4:after {
    border-left: 1px solid transparent;
}
.pmatter h4:before {
    border-right: 1px solid transparent;
}
.pmatter h4 {
    font-size: 1.2em;
    color: #633F1F;
}

/*----------------------------------------

company

-----------------------------------------*/
.tb02{
	width: 620px;
	margin: 0 auto 20px auto;
}
.tb02 th,
.tb02 td{
	padding: 10px 0 10px 0;
	border: 1px dotted #633f1f;
	color: #633f1f;
	box-sizing: border-box;
}
.tb02 th{
	width: 150px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(../img/cmn/bg_02.jpg) repeat left top;
}
.tb02 td{
	padding-left: 30px;
	background: url(../img/cmn/bg_03.jpg) repeat left top;
}

ul.teacher {
    width: 620px;
    overflow: hidden;
    margin: 0 auto;
}
    ul.teacher li {
        float: left;
        margin-left: 17px;
    }
    ul.teacher li:first-child {
        margin-left: 0;
    }
    ul.teacher li img {
        display: block;
        widows: 195px;
        height: 230px;
    }
#company_box01{
	width: 650px;
	margin: 0 0 40px auto;
	overflow: hidden;
}
#company_box01 .left{
	float: left;
	width: 298px;
}
#company_box01 .right{
	float: right;
	width: 318px;
}
#company_box01 .list{
	margin-bottom: 15px;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.2;
}
#company_box01 .p1{
	font-weight: bold;
	text-align: center;
}


#privacy{
	width: 620px;
	margin: 0 auto 0 auto;
}
#privacy .list1{
	line-height: 1.2;
	text-align: center;
}
#privacy .list1 > li{
	margin-bottom: 30px;
}
#privacy .bg_h02{
	margin-bottom: 20px;
}
#privacy .list1 .p1{
	margin-bottom: 20px;
	font-size: 16px;
	color: #cc3333;
}
#privacy .list1 .p2{
	margin-bottom: 30px;
}
#privacy .list1 .p2 span{
	display: inline-block;
	margin: 0 20px;
}