@charset "utf-8";


/* Basic */
.vvh {
	visibility: hidden;
	}

.bg_type01 { background-color: #E4EBE4; }
.bg_type02 { background-color: #FFF; }
	

/* intro */

form{width:740px;margin:0 auto;}

#trial{
width:760px;
margin:0 auto;
}

#trial .intro{
background:url(../img/intro.jpg) no-repeat;
width:760px;
height: 244px;
margin: 5px auto 0 auto;
}

#trial .intro p.lead {
	padding: 96px 0 0 0;
	height: 4.5em;
	line-height: 140%;
	overflow: hidden;
	}

#trial .btn_schedule {
	margin-top: 10px;
	float: left;
	}

#trial .btn_shukuhaku {
	margin: 10px 0 0 10px;
	float: left;
	}
	
/* サマーキャンペーン */
#trial .summer_mini {
	width: 502px;
	height: 66px;
	float: right;
	margin: 0 -20px -100px 0;
	padding: 89px 0 0 14px;
	background: url(../img/bg_summer-campaign.png) left top no-repeat;
	position: relative;
	top: -45px;
	z-index: 99;
	}

#trial .summer_mini .expense, #trial .summer_mini .charge {
	width: 232px;
	height: 60px;
	float: left;
	margin-right: 6px;
	overflow: hidden;
	}

#trial .summer_mini a.btn_summer {
	display: block;
	width: 232px;
	height: 40px;
	margin-bottom:1px;
	}
#trial .summer_mini a.btn_summer span { display: none; }

#trial .summer_mini .expense a.btn_summer { background: url(../img/btn_summer01.jpg) left top no-repeat; }
	#trial .summer_mini .expense a.btn_summer:hover { background: url(../img/btn_summer01.jpg) left -40px no-repeat; }
#trial .summer_mini .charge a.btn_summer { background: url(../img/btn_summer02.jpg) left top no-repeat; }
	#trial .summer_mini .charge a.btn_summer:hover { background: url(../img/btn_summer02.jpg) left -40px no-repeat; }

#trial .summer_mini p {
	font-size: 77%;
	white-space: nowrap;
	padding: 0;
	}

#trial .summer_mini p a {
	text-decoration: none;
	background: url(/img/common/arrow03.gif) left center no-repeat;
	padding-left: 12px;
	}
#trial .summer_mini p a:hover { text-decoration: underline; }

/* ---------- 体験入学 各イベント ----------- */

#trial div.trial_table {
	margin: 0 0 10px 0;
	}
#trial div.trial_table img {
	vertical-align: bottom;
	}


#trial div.trial_table div.fl, #trial div.trial_table div.fr { width: 370px; }

#trial div.trial_table div div {
	margin: 0;
	padding: 0;
	height: 78px;
	overflow: hidden;
	}
#trial div.trial_table div div img { margin-left: 40px; }

#trial div.trial_table div.to_moushikomi { background: url(../img/bg_moushikomi.jpg) left top no-repeat; }
#trial div.trial_table div.to_event { background: url(../img/bg_event.jpg) left top no-repeat; }
	
	
#trial div.trial_table div div a.btn_moushikomi {
	display: block;
	width: 160px;
	height: 30px;
	text-decoration: none;
	margin: 7px 0 0 204px;
	background: url(../img/btn_moushikomi.gif) left top no-repeat;
	overflow: hidden;
	}
#trial div.trial_table div div a.btn_moushikomi:hover { background: url(../img/btn_moushikomi.gif) left -30px no-repeat; }
#trial div.trial_table div div a.btn_moushikomi span { visibility: hidden; }

/* Enjoy */
#trial .enjoy {
	clear: both;
	margin-top: 20px;
	background: url(../img/bg_enjoy.jpg) right bottom no-repeat;
	padding-bottom: 20px;
	}

#trial .enjoy dl {
	margin: 0 20px 0 20px;
	}

#trial .enjoy dd {
	width: 200px;
	height: 80px;
	line-height: 94px;
	overflow: hidden;
	padding: 0 120px 0 20px;
	text-align: center;
	background: url(../img/bg_ok.gif) left top no-repeat; 
	margin-bottom: 5px;
	}

#trial .enjoy dd.l2 {
	line-height: 120%;
	height: 59px;
	padding-top: 21px; 
	}
	
	
/* Schedule */

#trial .schedule {
	background: url(../img/bg_schedule.jpg) left top no-repeat;
	height: 570px;
	overflow: hidden;
	margin: 20px 0 10px 0;
	}

#trial .schedule p.copy {
	height: 44px;
	padding: 26px 0 0 265px;
	overflow: hidden;
	color: #630;
	}

#trial .schedule ol, #trial .schedule ol li {
	list-style: inside none;
	}

#trial .schedule ol li {
	display: block;
	position: relative;
	overflow: hidden;
	height: 42px;
	line-height: 130%;
	font-size: 85%;
	float: left;
	color: #f66;
	}

#trial .schedule ol li.receipt {
	width: 180px;
	top: 151px;
	left: 65px;
	}

#trial .schedule ol li.ex {
	width: 214px;
	height: 42px;
	top: 151px;
	left: 117px;
	}

#trial .schedule ol li.lunch {
	width: 180px;
	top: 151px;
	left: 169px;
	}

#trial .schedule ol li.taiken {
	width: 308px;
	height: 30px;
	top: 417px;
	left: 210px;
	}
	
#trial .schedule ol li.consult {
	width: 190px;
	top: 393px;
	left: 256px;
	}

/* Campaign */

#trial .campaign .campaign_btn {
	margin: 0 10px;
	}