@charset "utf-8";
/* CSS Document */
@import "../../css/trial.css";

h2 { display: none; }

h3 { display: none; }


/* ----- intro ----- */
#main.spring div.intro {
	background: url(../img/intro.jpg) no-repeat;
	height: 550px;
	padding: 0 0 0 0;}

#main.spring div.intro ul {
	float: right;
	width: 468px;
	height: 298px;
	overflow: hidden;
	margin: 234px 0 0 0;
}

#main.spring div.intro ul li { 
	float: left;
	width: 156px;
	height: 190px;
	overflow: hidden;
}
#main.spring div.intro ul li#btn_travel { margin-top: 108px; }
#main.spring div.intro ul li#btn_bridal { margin-top: 50px; }

#main.spring div.intro ul li a { 
	display: block;
	width: 156px;
	height: 0;
	padding-top: 190px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}
#main.spring div.intro ul li a:hover { 
	background-position: left -190px;
}

#main.spring div.intro ul li#btn_hotel a { background-image: url(../img/btn_hotel.jpg); }
#main.spring div.intro ul li#btn_travel a { background-image: url(../img/btn_travel.jpg); }
#main.spring div.intro ul li#btn_bridal a { background-image: url(../img/btn_bridal.jpg); }


#main.spring ul.btn_tokuten {
	float: left;
	background: url(../img/btn_tokuten_bg.jpg) no-repeat;
	width: 190px;
	height: 180px;
	padding: 5px;
}


/* ----- Spring バージョン ----- */
.about {
	clear: both;
	background: url(../img/about.gif) no-repeat;
	width: 720;
	height: 110px; 
	margin: 10px 0;
}

.about .btn_moushikomi { margin:10px 10px 0 0; }

.about p {
	position: relative;
	top: 64px;
	left: 120px;
	width: 340px;
	padding: 0;
	margin: 0;
	font-size: 93%;
	}

/* ----- 3大特典 ----- */
#tokuten { clear: both; }

#tokuten dl { 
	padding-left: 100px;
}

#tokuten dl dt { color: #ff7aa1; }
#tokuten dl dt span { color: #8dc032; }
	
#tokuten dl.tokuten_1 {
	height: 76px;
	padding-top: 148px;
	background:url(../img/tokuten.jpg) no-repeat;
	}
	
#tokuten dl.tokuten_2 {
	height: 80px;
	padding-top: 20px;
	background:url(../img/tokuten_2.jpg) no-repeat;
	}

#tokuten dl.tokuten_3 {
	height: 80px;
	padding-top: 20px;
	background:url(../img/tokuten_3.jpg) no-repeat;
	}
	
#tokuten dl.tokuten_4 {
	height: 124px;
	padding-top: 20px;
	background:url(../img/tokuten_4.jpg) no-repeat;
	margin-bottom: 20px;
	}

#tokuten dl dt {
	font-size: 153.9%;
	margin-bottom: 5px;
	line-height: 130%;
	font-weight: bold;
	}

#tokuten dl dd {
	font-size: 93%;
	line-height: 130%;
	}


/* ----- スケジュール ----- */

#schedule {
	background: url(../img/schedule.jpg) no-repeat;
	height: 450px;
	margin-bottom: 10px;
	}

#schedule ol {
	margin: 0;
	padding: 0;
	width: 760px;
	}

#schedule ol li {
	list-style: inside none;
	float: left;
	position: relative;
	width: 214px;
	font-size: 93%;
	text-align: left;
	}

.schedule1 {
	left: 38px;
	top: 194px;
	}

.schedule2 {
	left: 64px;
	top: 194px;
	}

.schedule3 {
	left: 90px;
	top: 194px;
	width: 240px !important;
	}
	
.schedule4 {
	clear: both;
	left: 38px;
	top: 360px;
	}
	
.schedule5 {
	left: 66px;
	top: 360px;
	}
	
.schedule6 {
	left: 96px;
	top: 360px;
	}


/*  ----- プログラム ----- = */

#program_hotel, #program_travel, #program_bridal{
	height: 536px;
	margin: -20px 0 10px 0;
	}
	
#program_hotel ul, #program_travel ul, #program_bridal ul {
	list-style: inside none;
	margin: 0;
	padding: 0;
	width: 760px;
	}

#program_hotel ul li, #program_travel ul li, #program_bridal ul li {
	list-style: inside none;
	position: relative;
	float: left;
	clear: both;
	font-size: 100%;
	}

#program_hotel ul li h4, #program_travel ul li h4, #program_bridal ul li h4 {
	margin: 0 0 2px 0;
	padding: 0;
	background: none;
	white-space: nowrap;
	height: 20px;
	line-height: 20px;
	font-size: 123.1%;
	font-weight: bold;
	}
	
#program_hotel ul li p, #program_travel ul li p, #program_bridal ul li p {
	margin: 0;
	padding: 0;
	font-size: 93%;
	line-height: 140%;
	}
	
/* ホテル */	
#program_hotel { background:url(../img/hotel.jpg) no-repeat; }

#program_hotel ul li h4 { color: #f4591c; }

.front {
	left: 24px;
	top: 256px;
	width: 340px;
	height: 74px;
	}

.belldoor {
	left: 406px;
	top: 226px;
	width: 330px;
	height: 70px;
	}

.sommelier {
	left: 275px;
	top: 246px;
	width: 245px;
	height: 82px;
	}
	
.restaurant {
	clear: both;
	left: 24px;
	top: 234px;
	height: 62px;
	width: 300px;
	}
	
/* 旅行 */

#program_travel { background:url(../img/travel.jpg) no-repeat; }

#program_travel ul li h4 { color: #0099cc; }

.counter {
	left: 300px;
	top: 243px;
	width: 440px;
	height: 65px;
	}
	
.tourcon {
	clear: both;
	left: 24px;
	top: 237px;
	width: 380px;
	height: 80px;
	}

.silhouette {
	clear: both;
	left: 236px;
	top: 256px;
	width: 190px;
	height: 109px;
	}
	
.tourplan {
	clear: both;
	left: 440px;
	top: 204px;
	width: 300px;
	height: 60px;
	}
	
/* ブライダル */ 
#program_bridal {
	background: url(../img/bridal.jpg) no-repeat;
	margin-bottom: 20px;
	}

#program_bridal ul li h4 { color: #ff5474; }
	
.planner {
	left: 380px;
	top: 243px;
	width: 360px;
	height: 65px;
	}

.stylist {
	clear: both;
	left: 24px;
	top: 202px;
	width: 330px;
	height: 65px;
	}

.flower {
	clear: both;
	left: 216px;
	top: 206px;
	width: 220px;
	height: 110px;
	}
#program_bridal .flower h4 {
	height: auto;
	}
	
.ceremony {
	clear: both;
	left: 214px;
	top: 186px;
	width: 260px;
	height: 88px;
	}

/*  ----- チャペル -----  */

#main.spring div.to_chapel {
	height: 155px;
	margin: 0 -29px 20px 0;
	background: url(../img/girls.jpg) 10px bottom no-repeat;
	}

#main.spring div.to_chapel h3 {
	display: block;
	float: left;
	margin-top: 0;
	}

#main.spring div.to_chapel p { width: 400px; }

#main.spring div.to_chapel a {
	display: block;
	float: right;
	width: 234px;
	height: 155px;
	margin-left: 10px;
	background: url(../img/to_chapel.png) left top no-repeat;
	text-decoration: none;
	}
#main.spring div.to_chapel a:hover { background: url(../img/to_chapel.png) left -156px no-repeat; }

#main.spring div.to_chapel a span { visibility: hidden; }

/* ----- 申込ボタン ----- */
.btn_moushikomi{
	background:url(../img/btn_moushikomi_bg.gif) no-repeat;
	width:250px;
	height:50px;
	margin:10px;
	float:right;
	}
/* ----- 申込ボタン：大 ----- */
.btn_moushikomi_l{
	clear: both;
	background:url(../img/btn_moushikomi_l_bg.gif) no-repeat;
	height:200px;
	width:420px;
	margin:10px auto;
	}