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

#main.opencampus tr.bg_type01 td { background-color: #ffffff; }
#main.opencampus tr.bg_type02 td { background-color: #f9f2d3; }

/* ----- intro ----- */
#main.opencampus .intro {
	background: url(../img/intro.jpg) left top no-repeat;
	padding: 314px 0 0 0;
	}

#main.opencampus .lead {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	}

#main.opencampus ul.btn_program {
	float: left;
	background: url(../img/btn_program_bg.jpg) no-repeat;
	width: 504px;
	margin: 0 10px 20px 0;
	padding: 5px;
}

#main.opencampus ul.btn_program li { float: left; }

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

/* ----- 3大スペシャル ----- */
#special {
	clear: both;
	height: 500px;
	margin-bottom: 20px;
	}

#special div { padding-left: 135px; }

#special dl div.free { 
	background: url(../img/special.jpg) no-repeat;
	padding-top: 150px;
	height: 90px;
	}
	
#special dl div.taiken {
	background: url(../img/taiken.jpg) no-repeat;
	padding-top: 30px;
	height: 94px;
	}

#special dl div.kikaku {
	background: url(../img/kikaku.jpg) no-repeat;
	height: 115px;
	padding-top: 20px;
	}
	
#special dl dt {
	clear: both;
	font-size: 20px;
	margin-bottom: 5px;
	line-height: 130%;
	color: #F93;
	font-weight: bold;
	}
	
#special dl dd {
	font-size: 12px;
	}

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

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

#schedule ol li {
	display: block;
	float: left;
	position: relative;
	width: 214px;
	font-size: 12px;
	text-align: left;
	list-style: outside none;
	}

#schedule ol li.schedule1 {
	left: 38px;
	top: 195px;
	}

#schedule ol li.schedule2 {
	left: 64px;
	top: 195px;
	}

#schedule ol li.schedule3 {
	left: 90px;
	top: 195px;
	width: 240px;
	}
	
#schedule ol li.schedule4 {
	clear: both;
	left: 38px;
	top: 361px;
	width: 454px;
	text-align: center;
	}
	
#schedule ol li.schedule5 {
	left: 68px;
	top: 361px;
	}

/* ao */
#main.opencampus div.ao {
	margin: 0 0 20px 0;
	height: 100px;
	overflow: hidden;
	text-align: center;
}

/*  ----- 個別プログラム ----- */

#hotel, #travel, #bridal {
	height: 520px;
	margin-bottom: 10px;
	}
	
#hotel h3, #travel h3, #bridal h3 { display: none; }
	
#hotel ul, #travel ul, #bridal ul {
	list-style: inside none;
	margin: 0;
	padding: 0;
	width: 760px;
	}

#hotel ul li, #travel ul li, #bridal ul li {
	list-style: inside none;
	position: relative;
	float: left;
	clear: both;
	font-size: 100%;
	}

#hotel ul li h4, #travel ul li h4, #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;
	}
	
#hotel ul li p, #travel ul li p, #bridal ul li p {
	margin: 0;
	padding: 0;
	font-size: 93%;
	line-height: 140%;
	}
	
/* ホテル */	
#hotel { background:url(../img/hotel.jpg) no-repeat; }

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

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

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

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

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

#travel ul li h4 { color: #3075bc; }

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

.silhouette {
	clear: both;
	left: 190px;
	top: 240px;
	width: 190px;
	height: 109px;
	}
	
.tourplan {
	clear: both;
	left: 390px;
	top: 185px;
	width: 350px;
	height: 60px;
	}
	
/* ブライダル */ 
#bridal {
	background: url(../img/bridal.jpg) no-repeat;
	}

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

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

.flower {
	clear: both;
	left: 363px;
	top: 176px;
	width: 143px;
	height: 110px;
	}
#bridal .flower h4 {
	height: auto;
	line-height: 130%;
	}

.makeup {
	clear: both;
	left: 24px;
	top: 192px;
	width: 190px;
	height: 72px;
	}
	
.ceremony {
	clear: both;
	left: 230px;
	top: 110px;
	width: 277px;
	height: 88px;
	}
	

/* ----- 申込ボタン ----- */

.btn_moushikomi {
	width: 300px;
	margin-bottom: 16px;
	text-align: center;
	height: 48px;
	background: url(../img/btn_moushikomi_bg.gif) center bottom no-repeat;
	position: relative;
	z-index: 99;
	}

/* ----- 申込ボタン：大 ----- */
#main.opencampus div.btn_moushikomi_l {
	text-align: center;
	margin: 20px 0;
	background: url(../img/btn_moushikomi_l_bg.gif) center top no-repeat;
}