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

#spring{width:760px; margin:10px auto;}

h2{display:none;}

h3{background:none;display:none;}


/*======ボタン=======*/
#spring .btn{
background:url(../img/intro_bg.jpg) no-repeat;
height:520px;
padding:10px 0 0 0;}

#spring ul.btn_program{
float:left;
background:url(../img/btn_program_bg.jpg) no-repeat;
width:504px;

margin:320px 10px 10px 0;
padding:5px;
}

#spring ul.btn_program li{float:left;}

#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:100px; 
margin:10px 0;
}

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

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

/*======3大特典=======*/
#tokuten{
	clear:both;
	height:500px;
	}

#tokuten dl dd div {
	width: 370px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	}

#tokuten .tit {
	font-size: 20px;
	margin-bottom: 5px;
	display: block;
	line-height: 130%;
	}

#tokuten dl dd.free {
	height: 244px;
	background:url(../img/tokuten.jpg) no-repeat;
	}

#tokuten dl dd.free div {
	position: relative;
	top: 150px;
	left: 135px;
	}
	
#tokuten dl dd.kengaku {
	height: 116px;
	background:url(../img/kengaku.jpg) no-repeat;
	}
	
#tokuten dl dd.kengaku div {
	position: relative;
	top: 15px;
	left: 135px;
	}

#tokuten dl dd.pamphlet {
	height: 140px;
	background:url(../img/pamphlet.jpg) no-repeat;
	}
	
#tokuten dl dd.pamphlet div {
	position: relative;
	top: 24px;
	left: 135px;
	}

/*======スケジュール=======*/
#schedule{
background:url(../img/schedule.jpg) no-repeat;
height:450px;
}

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

#schedule dl dd {
	list-style: inside none;
	float: left;
	position: relative;
	width: 214px;
	font-size: 12px;
	text-align: left;
	}

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

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

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



/*======プログラム=======*/
#hotel,#travel,#bridal{
	height:480px;
	}
	
#hotel dl, #travel dl, #bridal dl {
	margin: 0;
	padding: 0;
	width: 760px;
	}

#hotel dl dd, #travel dl dd, #bridal dl dd {
	list-style: inside none;
	float: left;
	position: relative;
	font-size: 12px;
	}

#hotel dl dd div, #travel dl dd div, #bridal dl dd div {
	color: #97B83F;
	white-space: nowrap;
	height: 20px;
	}

	
/* ホテル */	
#hotel{background:url(../img/hotel.jpg) no-repeat;}

#hotel h3{
	display: block;
	height: 44px;
	margin: 0;
	padding: 22px 0 0 180px;
	color: #666;
	}

.front {
	left: 24px;
	top: 160px;
	width: 340px;
	height: 70px;
	z-index: 1;
	}

.belldoor {
	left: 68px;
	top: 200px;
	width: 330px;
	height: 70px;
	z-index: 2;
	}

.sommelier {
	left: 275px;
	top: 218px;
	width: 245px;
	height: 82px;
	z-index: 3;
	}
	
.restaurant {
	clear: both;
	left: 24px;
	top: 200px;
	height: 65px;
	z-index: 4;
	}
	
/* 旅行 */

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

#travel h3{
	display: block;
	height: 44px;
	margin: 0;
	padding: 22px 0 0 195px;
	color: #666;
	}

.counter {
	left: 300px;
	top: 142px;
	width: 440px;
	height: 65px;
	z-index: 1;
	}
	
.tourcon {
	clear: both;
	left: 24px;
	top: 150px;
	width: 300px;
	height: 65px;
	z-index: 2;
	}

.grand {
	clear: both;
	left: 190px;
	top: 166px;
	width: 190px;
	height: 109px;
	z-index: 3;
	}
	
.tourplan {
	clear: both;
	left: 390px;
	top: 114px;
	width: 350px;
	height: 65px;
	z-index: 4;
	}
	
/* ブライダル */ 
#bridal {
	background:url(../img/bridal.jpg) no-repeat;
	margin-bottom: 20px;
	}

#bridal h3{
	display: block;
	height: 44px;
	margin: 0;
	padding: 22px 0 0 200px;
	color: #666;
	}
	
.planner {
	left: 380px;
	top: 154px;
	width: 360px;
	height: 65px;
	z-index: 1;
	}

.stylist {
	clear: both;
	left: 24px;
	top: 102px;
	width: 330px;
	height: 65px;
	z-index: 2;
	}

.flower {
	clear: both;
	left: 176px;
	top: 118px;
	width: 250px;
	height: 82px;
	z-index: 3;
	}
	
.ceremony {
	clear: both;
	left: 175px;
	top: 122px;
	width: 250px;
	height: 82px;
	z-index: 4;
	}

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