@charset "utf-8";

/*---------------------------------------
    reset style
----------------------------------------*/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}p{margin-bottom:1em;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}
a { margin:0; padding:0; font-size:100%; vertical-align:bottom; background:transparent; outline:none; }

/* ===================================================================
    common
=================================================================== */
body {
	width: 100%;
	min-width: 960px;
	font-size: 76%;/*12px*/
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
	color: #403b2f;
}
a {
	color: #fff;
	text-decoration:none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	filter:Alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.60;
}

.clr { clear:both;}
.mr0 { margin-right:0!important;}

.pcImg{}
.spImg{ display:none!important;}

/* ===================================================================
    header
=================================================================== */
#header{ width:100%;}
#header .cIn{width:1034px; height:80px; margin:0 auto; line-height:0; position:relative;}
#header .cIn h1 { line-height:0; position:relative; top:20px;}

#header .cIn #sns01 { position:absolute; right:0px;}
#header .cIn #sns01 li { float:right; margin-left:10px;}

#header .kv{width:1280px; margin:0 auto; line-height:0;}

/* gnavi
=================================================================== */
#gnavi{
	width:1280px;
	height:434px;
	margin:0 auto;
	background:url(../img/bg_gnavi.png) repeat 0 0;
	border-bottom:1px solid #e6e6e6;
}
#gnavi ul { width:1034px; margin:0 auto; position:relative; top:38px;}
#gnavi ul li { float:left; margin-right:35px;}


/* contents
=================================================================== */
#contents{ width:1280px; margin:0 auto;}


/* Chapel
=================================================================== */
#chapel{
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:10px 0;
	width:100%;
	height:510px;
	position:relative;
}
#chapel h2,#chapel p.tx { position:absolute;}
#chapel h2 { top:100px; right:230px;}
#chapel p.tx {
	top:220px;
	right:60px;
	font-size:120%;
	text-align:center;
	color:#080808;
	line-height:2.2em;
}


/* Meal
=================================================================== */
#meal{
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:10px 0;
	width:100%;
	height:510px;
	position:relative;
}
#meal h2,#meal p { position:absolute;}
#meal h2 { top:100px; left:205px;}
#meal p.img { top:0px; right:0px;}
#meal p.tx {
	top:220px;
	left:70px;
	font-size:120%;
	text-align:center;
	color:#080808;
	line-height:2.2em;
}

/* Banquet
=================================================================== */
#banquet{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:10px 0;
	height:510px;
	position:relative;
}
#banquet h2,#banquet p.tx { position:absolute;}
#banquet h2 { top:100px; right:225px;}
#banquet p.tx {
	top:220px;
	right:55px;
	font-size:120%;
	text-align:center;
	color:#080808;
	line-height:2.2em;
}

/* Arrangement
=================================================================== */
#arrangement{
	width:100%;
	height:510px;
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:10px 0;
	position:relative;
}
#arrangement h2,#arrangement p { position:absolute;}
#arrangement h2 { top:140px; left:165px;}
#arrangement p.img { top:0px; right:0px;}
#arrangement p.tx {
	top:260px;
	left:70px;
	font-size:120%;
	text-align:center;
	color:#080808;
	line-height:2.2em;
}

/* Bamboo
=================================================================== */
#bamboo{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:10px 0;
	margin:10px 0 0 0;
}
#bamboo .pView {
	width:1020px;
	height:705px;
	margin:0 auto 50px auto;
	position:relative;
}
#bamboo .pView h2,#bamboo .pView p { position:absolute;}
#bamboo .pView p.img.opp01 { top:0px; left:0px;}
#bamboo .pView p.img.opp02 { bottom:0px; right:0px;}
#bamboo .pView h2 { top:133px; right:120px;}
#bamboo .pView p.txt {
	bottom:18px;
	left:40px;
	font-size:120%;
	text-align:center;
	color:#180a3f;
	line-height:2.2em;
}

#bamboo p a.btn img { width:388px; height:auto; display:block; margin:0 auto 70px auto;}



/* ===================================================================
    section04
=================================================================== */
#section04 {
	width: 100%;
	margin-bottom: 10px;
	padding: 60px 0;
	background: #faf8e9 url(../img/bg_photo.png) repeat 0 0;
	border-bottom:1px solid #e6e6e6;
}
#section04 h2{
	width: 243px;
	margin: 0 auto 45px auto;
	position: relative;
}
#section04 h2 img{
	width: 243px;
	height: auto;
}
#container{
	margin: 0 auto;
	width: 640px;
}
#thumbnail{
	overflow: hidden;
	margin: 0;
    padding: 0;
	width: 648px;
}
#thumbnail li{
	float: left;
	margin: 0 10px 5px 1px;
	list-style: none;
	background-color: #000;
}

#thumbnail li.last{
	float: left;
	margin: 0 5px 5px 1px;
	list-style: none;
	background-color: #000;
}


#thumbnail li:last-child{
	margin-right: 0;
}
#thumbnail li img{
    width: 100%;
	opacity: 0.3;
    filter: alpha(opacity=30); 
}
#thumbnail li.current img{
	opacity: 1;
    filter: alpha(opacity=100);
}
#main_photo{
	position: relative;
    height: 422px;
	margin-bottom: 10px;
}
#main_photo img{
	position: absolute;
	top:0;
	width: 100%;
}
#caption{
    padding: 10px 0;
    text-align: center;
}
#section04 #btn03{
	width: 400px;
	margin: 0 auto;
	font-size: 140%;
	display: block;
}
#section04 #btn03 a{
	width: 367px;
	height: 45px;
	padding: 25px 0 0 33px;
	background: url(../img/pc/btn03.png) no-repeat center top;
	display: block;
}



/* Schedule
=================================================================== */
#schedule{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:60px 0;
	margin:10px 0;
}
#schedule .cBox { width:1020px; margin:0 auto;}

#schedule .cBox h2 { text-align: center; margin-bottom:50px;}
#schedule .cBox p { text-align: center; margin-bottom:50px;}
#schedule .cBox p.tx { width:80%; margin:0 auto; font-size:14px; color:#444444; line-height:2em;}


/* wedding plan
=================================================================== */
#plan{
	width:100%;
	border-bottom:1px solid #e6e6e6;
	padding:60px 0;
	margin:10px 0 0 0;
}
#plan .cBox { width:1020px; margin:0 auto;}

#plan .cBox h2 { text-align: center; margin-bottom:50px;}
#plan .cBox table { width:100%; margin-bottom:20px;}
#plan .cBox table th,#plan .cBox table td { padding:10px; border: solid #e5e5e5; border-width:0 1px 1px 1px;}
#plan .cBox table th { background:#f9f9f9;}
#plan .cBox table td.prace { vertical-align:bottom; text-align:right;}
#plan .cBox table td.prace b { font-size:160%;}
#plan .cBox table .opp01 { width:70%;}
#plan .cBox table .opp02 { width:30%;}

#plan .cBox table thead td { background:#387d39; padding:15px; border-width:0 0 1px 0; color:#fff; font-size:140%;}
#plan .cBox table thead td b { float:left;}
#plan .cBox table thead td em { float:right;}

#plan .cBox ul.contact {
	width:985px;
	margin:30px auto;
}
#plan .cBox ul.contact li { float:left; margin-right:20px;}


/* sns
=================================================================== */
#snsBtn{
	width:100%;
	background:#f6f6f6;
	border-bottom:solid #e6e6e6;
	border-width:1px 0;
	padding:15px 0;
	margin:0;
}
#snsBtn #sns01 { width:290px; margin:0 auto;}
#snsBtn #sns01 li { float:right; margin-left:10px;}




/* ===================================================================
    footer
=================================================================== */
#footer { width:100%;}
/*  #copyright
----------------------------------------*/
#footer .copyright {
	padding: 20px 0;
	text-align: center;
}