@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/* zindexメモ

1 スライド
2　ページャー
3 花の装飾
4 gnav
10 ptop,
11 サイド固定ナビ,
100 ヘッダー
100 トップ固定gnav

*/
/*----------------------------------------------------
	#mainimages　メインスライド
----------------------------------------------------*/
#mainimages {
	position: relative;
	z-index: 1;
	width: 100%;
	padding-top: 93px;
	/* PAGER */
}

#mainimages .bx-wrapper {
	width: 100%;
}

#mainimages .bx-wrapper .bx-viewport {
	overflow: visible !important;
	height: auto !important;
	width: 1210px !important;
	margin: 0 auto;
	z-index: 1;
}

#mainimages .bx-wrapper .bx-viewport #con_slider {
	margin-right: 5px;
	margin-left: 5px;
	overflow: hidden;
	z-index: 1;
}

#mainimages .bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	top: 536px;
	overflow: hidden;
	width: 100%;
	z-index: 2;
	margin: 0 auto;
}

#mainimages .bx-wrapper .bx-pager .bx-pager-item,
#mainimages .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

#mainimages .bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 14px;
	margin: 0 5px;
	outline: 0;
	background: url(../images/home/thumb_off.png) no-repeat left top;
}

#mainimages .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../images/home/thumb_on.png) no-repeat left top;
}

/*----------------------------------------------------
	.con_smile	みんなが笑顔になれる場所
----------------------------------------------------*/
.wrp_smile {
	position: relative;
}

.wrp_smile .con_smile {
	background: url(../images/common/bg_yasu.png) repeat 0 0;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 20px;
}

.wrp_smile .con_smile .txt_smile {
	text-align: center;
	min-width: 465px;
	width: 465px;
	margin: 0 auto;
}

/*----------------------------------------------------
	.con_flo	花の装飾
----------------------------------------------------*/
/*ポジションの基準は、#contents*/
.img_flo_r {
	background: url(../images/home/img_flo_r.png) no-repeat 0 0 transparent;
	width: 707px;
	height: 448px;
	position: absolute;
	top: 475px;
	left: 50%;
	margin-left: 260px;
	z-index: 3;
}

.img_flo_l {
	background: url(../images/home/img_flo_l.png) no-repeat 0 0 transparent;
	width: 708px;
	height: 448px;
	position: absolute;
	top: 475px;
	left: 50%;
	margin-left: -966px;
	z-index: 3;
}

/*----------------------------------------------------
	.wrp_app	アピールポイント
----------------------------------------------------*/
.wrp_app {
	background: url(../images/home/bg_app.jpg) no-repeat center top;
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
}

.wrp_app .con_app {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

.wrp_app .con_app .box_app {
	background-color: #FFF;
	float: left;
	text-align: center;
	padding: 12px;
}

.wrp_app .con_app .box_app h3 {
	margin-top: 35px;
}

.wrp_app .con_app .box_app .txt {
	margin-top: 15px;
}

.wrp_app .con_app .box_app .btn {
	margin-top: 20px;
}

.wrp_app .con_app .box_app .btn a {
	display: block;
	width: 136px;
	padding: 8px 0;
	margin: 0 auto;
	background-color: #a2c35c;
	text-align: center;
}

.wrp_app .con_app .box_app .btn a img {
	vertical-align: bottom;
}

.wrp_app .con_app .box_app.top {
	width: 441px;
	margin-bottom: 25px;
}

.wrp_app .con_app .box_app.top div {
	float: right;
	margin-right: 12px;
	width: 210px;
}

.wrp_app .con_app .box_app.top .photo {
	float: left;
}

.wrp_app .con_app .box_app.bot {
	width: 276px;
	margin-right: 30px;
}

.wrp_app .con_app .box_app.bot .btn {
	margin-bottom: 20px;
}

.wrp_app .con_app .box_app.last {
	margin-right: 0;
	float: right;
}

/*----------------------------------------------------
	.wrp_abo	リステル猪苗代　ウエディングの魅力
----------------------------------------------------*/
.wrp_abo {
	background: url(../images/home/bg_abo.jpg) no-repeat center top;
	width: 100%;
	overflow: hidden;
	padding-top: 70px;
	height: 310px;
	max-height: 310px;
}

.wrp_abo .con_abo {
	width: 960px;
	margin: 0 auto;
}

.wrp_abo .con_abo div {
	width: 360px;
	padding-left: 25px;
}

.wrp_abo .con_abo div .txt {
	margin-top: 15px;
}

.wrp_abo .con_abo div .btn {
	margin-top: 15px;
}

.wrp_abo .con_abo div .btn a {
	display: block;
	width: 136px;
	padding: 8px 0;
	background-color: #574037;
	text-align: center;
}

.wrp_abo .con_abo div .btn a img {
	vertical-align: bottom;
}

/*----------------------------------------------------
	.wrp_app	リステル猪苗代　ウエディングの魅力
----------------------------------------------------*/
.wrp_fair2 {
	background: url(../images/common/bg_yasu.png) repeat;
	width: 100%;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}

.wrp_fair2 .wrp_fair {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_fair {
	width: 595px;
	float: left;
	margin: 0 auto;
	position: relative;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair {
	margin: 15px 8px 10px 15px;
	background-color: #FFF;
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair div {
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair div h3 {
	float: left;
	padding-left: 60px;
	padding-top: 25px;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair div .btn {
	float: right;
	margin-top: 25px;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair div .btn a {
	display: block;
	width: 136px;
	padding: 8px 0;
	background-color: #574037;
	text-align: center;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair div .btn a img {
	vertical-align: bottom;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul {
	padding-left: 30px;
	width: 542px;
	margin-top: 20px;
	clear: both;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li {
	border-bottom: 1px dotted #dbcdc0;
	padding-bottom: 18px;
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li div {
	width: 365px;
	padding-right: 60px;
	float: right;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li div h4 {
	font-size: 1.1em;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li div .txt {
	margin-top: 5px;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li .photo {
	float: left;
	width: 100px;
	height: 70px;
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li .photo img {
	width: 100%;
}

.wrp_fair2 .wrp_fair .con_fair .box_fair ul li + li {
	margin-top: 18px;
}

.wrp_fair2 .wrp_fair .con_fair .img_fai_leaf_t {
	left: 0;
	top: 0;
	position: absolute;
	width: 59px;
	height: 73px;
	background: url(../images/home/img_fai_leaf_t.png) no-repeat 0 0 transparent;
}

.wrp_fair2 .wrp_fair .con_fair .img_fai_leaf_b {
	right: 0;
	bottom: 0;
	position: absolute;
	width: 59px;
	height: 73px;
	background: url(../images/home/img_fai_leaf_b.png) no-repeat 0 0 transparent;
}

.wrp_fair2 .wrp_fair .con_rep {
	padding: 25px 25px 20px;
	width: 290px;
	margin-top: 15px;
	float: right;
	background-color: #f6ffee;
	position: relative;
}

.wrp_fair2 .wrp_fair .con_rep h3 {
	text-align: center;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep {
	text-align: center;
	position: relative;
	z-index: 1;
	width: 280px;
	margin: 15px auto 0;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep .photo {
	width: 280px;
	height: 210px;
	margin: 0 auto;
	overflow: hidden;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep .name {
	background-color: #cbb59b;
	display: inline-block;
	padding: 0 10px;
	line-height: 20px;
	margin-top: 18px;
	font-size: 0.85em;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep h4 {
	margin-top: 5px;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep .btn {
	margin-top: 15px;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep .btn a {
	display: block;
	width: 136px;
	padding: 8px 0;
	margin: 0 auto;
	background-color: #574037;
	text-align: center;
}

.wrp_fair2 .wrp_fair .con_rep .box_rep .btn a img {
	vertical-align: bottom;
}

.wrp_fair2 .wrp_fair .con_rep .bg_fair_t {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 341px;
	height: 37px;
	background: url(../images/home/bg_fair_t.png) no-repeat 0 0 transparent;
}

.wrp_fair2 .wrp_fair .con_rep .bg_fair_b {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 341px;
	height: 38px;
	background: url(../images/home/bg_fair_b.png) no-repeat 0 0 transparent;
}

.wrp_fair2 .img_fair_flo {
	background: url(../images/home/img_fair_flo.png) no-repeat 0 0 transparent;
	width: 506px;
	height: 144px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 3;
	margin-left: 280px;
}

/*----------------------------------------------------
	.wrp_gal	フォトギャラリー
----------------------------------------------------*/
.wrp_gal {
	background: url(../images/home/bg_gal.jpg) no-repeat center top;
	width: 100%;
	overflow: hidden;
	padding-top: 70px;
	height: 310px;
	max-height: 310px;
}

.wrp_gal .con_gal {
	width: 960px;
	margin: 0 auto;
}

.wrp_gal .con_gal div {
	width: 260px;
	margin-left: 580px;
	background-color: #FFF;
	padding: 50px 40px 30px 40px;
	position: relative;
}

.wrp_gal .con_gal div h3 {
	position: relative;
	z-index: 1;
}

.wrp_gal .con_gal div .btn {
	margin-top: 40px;
	position: relative;
	z-index: 1;
}

.wrp_gal .con_gal div .btn a {
	margin: 0 auto;
	display: block;
	width: 136px;
	padding: 8px 0;
	background-color: #574037;
	text-align: center;
}

.wrp_gal .con_gal div .btn a img {
	vertical-align: bottom;
}

.wrp_gal .con_gal div .bg_gal_t {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	z-index: 0;
	background: url(../images/home/bg_gal_t.png) no-repeat 0 0 transparent;
}

.wrp_gal .con_gal div .bg_gal_b {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 52px;
	height: 52px;
	z-index: 0;
	background: url(../images/home/bg_gal_b.png) no-repeat 0 0 transparent;
}