/* 初期値CSS */
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

#top{
	position: relative;
}
#header{
	height: 70px;
	width: 100%;
	position: absolute;
	z-index: 2;
	background-position: bottom;
	background-color: #224a8c;
	margin-bottom:10px;
	
	/* box-shadow */
	box-shadow:0px 0px 7px -2px #000;
	-moz-box-shadow:0px 0px 7px -2px #000;
	-webkit-box-shadow:0px 0px 7px -2px #000;
}
#header img{
	margin-left: 20px;
	padding-top: 0px;
	display:block;
}

/*#header_mainimage{
	background-size: 980px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../../../form/images/main_image00.jpg);
}*/
#header_mainimage #header_maincopy{
	width: 612px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/* グローバルﾅﾋﾞCSS */
#globalnav{
	background-image: url(../images/globalnav_bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 80px;
    width: 100%;
    padding-top: 70px;
}
#globalnav ul{
	width:980px;
	margin-right:auto;
	margin-left:auto;
}

#globalnav li{
	float: left;
	width: 196px;
	text-align: center;
	font-size: 14px;
	color: #362921;
}

#globalnav li a{
	display: block;
	width: 196px;
	height: 70px;
	padding-top: 10px;
	color: #362921;
	text-decoration: none;
}
#globalnav li a:hover{
	background-image: url(../images/globalnav_bg_on.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#globalnav li a span{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #665738;
}
/* 見出し2 */
.h2{
	text-align: center;
	font-size: 50px;
	background-image: url(../../_test/images/h2_kazari.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}
.h2 span{
	display: block;
	font-size: 14px;
	margin-top: 10px;
	
	
}
/*-------------- 汎用パーツ------------------ */
.img_block{
	display:block;
}
.large{
	font-size: large;
}
.small{
	font-size: small;
}
.mb_s{
	margin-bottom:30px;
}
.mb_m{
	margin-bottom:50px;
}
.mb_l{
	margin-bottom:80px;
}
.center{
	text-align: center;
}
.gray_bg{
	background: #f4f4f4;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
}
.white_bg{
	background:#FFF;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
}
/* 汎用ボタン */
.general_btn{
	background-color: #bda571;
	text-decoration: none;
	color: #FFF;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.general_btn:hover{
	background-color: #e2ca9f;
}
/* トップページ用のフェアCSS */
#top_fair{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	
}
#top_fair #near_fair{
	width:670px;
	float:left;
	
}
#top_fair #calender{
	width:230px;
	float:right;
	
}
/* コンセプトCSS */
#consept{
	position: relative;
	color: #333;
}

#consept #txtbox{
	position: absolute;
	z-index: 4;
	top: 50px;
	width: 25%;
	background-color: rgba(255,255,255,0.9);
	right: 15%;
	padding:20px;
}
#consept #txtbox h3{
	font-size: medium;
	margin-bottom: 30px;
	line-height: 180%;
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#consept #txtbox p{
	font-size: small;
}
#consept_img{
	width:100%;
}
/* 施設紹介CSS */
#chapel{
	position: relative;
	background-color: #bda571;
}
#chapel_txt{
	width: 100%;
	background-color: #bda571;
	padding-bottom: 0px;
}
#banquet_txt{
	width: 100%;
	background-color: #665738;
	padding-bottom: 0px;
}
#chapel_txt_width,#banquet_txt_width{
	width: 840px;
	padding-top: 50px;
	margin-right: auto;
	padding-bottom: 100px;
	margin-left: auto;
	color: #FFF;
	line-height: 200%;
	font-size: large;
}
#chapel_txt_width h3,#banquet_txt_width h3{
	text-align:center;
	font-size:x-large;
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", seri;
	margin-bottom:30px;
}
#banquet #banquet_top{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
}
#chapel #chapel_end,#banquet #banquet_end{
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 0px;
}
#banquet{
	position: relative;
	background-color: #665738;
	
}

/* Open告知CSS */
#open_info{
	position: relative;
	
}
#open_info #open_header{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	width:100%;
}
#open_info #open_footer{
	position: absolute;
	z-index: 3;
	left: 0px;
	bottom: 0px;
	width:100%;
}

#open_info #open_info_waku{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 4;
	margin: auto;
	width: 600px;
	height: 140px;
	background-color: rgba(94,101,111,0.9);
	padding: 20px;
	font-size: xx-large;
	text-align: center;
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #FFF;
	padding: 50px;
	line-height: 200%;
}
/* プロフィルCSS */
#profile{
	color: #fff;
	background-color: #362921;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
	margin: 0px;
}
#profile #profile_txt{
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: x-large;
	text-align: center;
	margin-bottom: 60px;
	line-height: 180%;
}
#profile #profile_waku{
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	border: 1px dotted #999;
	padding: 20px;
}
#profile #profile_waku dt{
	float:left;
	width:170px;
}
#profile #profile_waku dt img{
	padding:2px;
	background:#FFF;
}
#profile #profile_waku dd{
	color: #E0E0E0;
	float: right;
	width: 710px;
}
/* サロンとアクセスCSS */
#salon_bg{
	background: #bda571;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 80px;
	padding-left: 0px;
	color: #fff;
}
.adress-map_width{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.adress-map_width .adress-txt{
	width:48%;
	float:left;
}
.adress-map_width .adress-txt .freedial{
	background-image: url(../../_test/images/freedial.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
	font-size: 30px;
	margin-bottom: 30px;
}

.adress-map_width .google_map{
	width:48%;
	float:right;
}


#access_bg{
	background: #362921;
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
	color: #fff;
}
#salon_bg .h2,#access_bg .h2{
	color: #FFF;
	background-image: url(../../_test/images/h2_kazari2.png);

}
/* フッダCSS */

#footer_bg{
	background-color: #243c6d;
	/*position: absolute;*/
	color: #FFF;
	width:100%;
}
#footer{
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 40px;
	font-size: small;
}
#footer_adress{
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	background-color: #243c6d;
	color: #FFF;
	margin-bottom: 40px;
}

#footer_adress #footer_logo{
	width: 230px;
	margin-right: 20px;
	float: left;
	text-align: center;
}

#footer_adress #footer_tel{
	min-width:410px;
	float:left
}

#footer_adress #footer_btn{
	width: 240px;
	margin-left:20px;
	float: right
}
#footer_adress #footer_btn a{
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #243c6d;
	border: 1px solid #FFF;
	padding: 5px;
	margin-bottom: 10px;
	text-align: center;
	vertical-align: middle;
}
#footer_adress #footer_btn a:hover{
	background-color: #224a8c;
}

#footer_nav{
	margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: right;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCC;
    /* padding-top: 10px; */
    padding: 30px 0;
    position: relative;
}
#footer_nav a{
	text-decoration: none;
	background-color: #243c6d;
	color: #FFF;
}
#footer_nav #facebook{
	position:absolute;
	top:5px;
	left:20%;	
}
#copyright{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #243c6d;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	color: #CCC;
}
@media only screen and (min-width: 980px) {

#header_mainimage{
	background-size:100%;
}

.adress-map_width{
	max-width:1300px;
}
.adress-map_width .adress-txt{
	width:35%;
	float:left;
}

.adress-map_width .google_map{
	width:60%;
	float:right;
}
#consept #txtbox{
	top: 110px;
}
#consept #txtbox h3{
	font-size: large;
}
#footer_nav #facebook{
	position:absolute;
	top:5px;
	left:10%;	
}
}
@media only screen and (min-width: 1300px) {
#header_mainimage #header_maincopy{
	width: 50%;
}
#consept #txtbox h3{
	font-size: x-large;
}
#consept #txtbox{
	top:300px;
}
#footer_nav #facebook{
	position:absolute;
	top:5px;
	left:20%;	
}
}
