@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------------------
                           #main
---------------------------------------------------------*/

div#contents.layout_1 div#main {
	width: 1000px;
	background: url(../iphone/image/bg_main.gif) no-repeat 0 9px;
}

body.iphone div#contents.layout_1 h2 {
	padding-bottom: 41px;
}


/*---------------------------div#main_title--*/

div#main div#main_title {
	width: 944px;
	padding: 0 0 31px 56px;
	position: relative;
	background: url(../iphone/image/bg_main_title.gif) no-repeat 0 100%;
	overflow: hidden;
}

div#main div#main_title h3 {
	position: absolute;
	top: 24px;
	left: 28px;
	z-index: 1;
}

div#main div#main_title p.lead {
	position: absolute;
	top: 113px;
	left: 28px;
	z-index: 1;
}

div#main div#main_title div.download {
	position: absolute;
	top: 157px;
	left: 30px;
	z-index: 1;
}

div#main div#main_title div.download dl {
	width: 658px;
	overflow: hidden;
	padding-bottom: 30px;
}

div#main div#main_title div.download dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#main_title div.download dl dt {
	float: left;
	width: 100px;
	padding-top: 1px;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title div.download dl dd.lead {
	float: left;
	width: 251px;
	padding-left: 7px;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title div.download dl dd.btn {
	float: left;
	width: 299px;
	padding-top: 1px;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title div.download dl dd.btn a {
	/*display: inline-block;*/
	display: block;
	overflow: hidden;
	width: 299px;
	height: 35px;
	background: url(../iphone/image/btn_download_main_on.gif) no-repeat 0 0;

}

div#main div#main_title div.download dl dd.btn a:hover,
div#main div#main_title div.download dl dd.btn a:active {
	background-color: #fff;
}

div#main div#main_title div.download dl dd.btn a:hover img,
div#main div#main_title div.download dl dd.btn a:active img {
	visibility: hidden;
}

div#main div#main_title div.download p.main_notice {
	margin-left: -2px;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title ul#image {
	float: left;
	width: 916px;
	height: 505px;
	position: relative;
	z-index: 0;
}
div#main div#main_title ul#image li.image01,
div#main div#main_title ul#image li.image02,
div#main div#main_title ul#image li.image03,
div#main div#main_title ul#image li.image04,
div#main div#main_title ul#image li.image05,
div#main div#main_title ul#image li.image06 {
	position: absolute;
	font-size: 0;
	line-height: 0;
}

div#main div#main_title ul#image li.image01 {
	z-index: 6;
}

div#main div#main_title ul#image li.image02 {
	z-index: 5;
}

div#main div#main_title ul#image li.image03 {
	z-index: 4;
}

div#main div#main_title ul#image li.image04 {
	z-index: 3;
}

div#main div#main_title ul#image li.image05 {
	z-index: 2;
}

div#main div#main_title ul#image li.image06 {
	z-index: 1;
}


/*---------------------------div#movie--*/

div#main div#movie {
	width: 926px;
	overflow: hidden;
	background: url(../iphone/image/bg_movie.gif) no-repeat 0 0;
	padding: 30px 37px 30px 37px;
	margin-bottom: 43px;
}

div#main div#movie:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#movie h4 {
	float: left;
	width: 541px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#main div#movie ul.point {
	float: left;
	width: 541px;
	border-left: 1px solid #ccc;
	padding-top: 10px;
	overflow: hidden;
	background: #fff;
}

div#main div#movie ul.point li.point01 dl:after,
div#main div#movie ul.point li.point02 dl:after,
div#main div#movie ul.point li.point03 dl:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#movie ul.point li.point01 {
	width: 529px;
	margin-bottom: 9px;
	padding-left: 12px;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point01 dl {
	width: 512px;
	padding: 0 0 10px 3px;
	background: url(../iphone/image/bg_point.gif) repeat-x 0 68px;
	overflow: hidden;
}

div#main div#movie ul.point li.point02 {
	width: 529px;
	margin-bottom: 10px;
	padding-left: 12px;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point02 dl {
	width: 512px;
	padding-left: 3px;
	overflow: hidden;
}

div#main div#movie ul.point li.point01 dl dt,
div#main div#movie ul.point li.point02 dl dt {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 93px;
}

div#main div#movie ul.point li.point01 dl dd.title,
div#main div#movie ul.point li.point02 dl dd.title {
	float: left;
	width: 405px;
	padding: 11px 0 0 14px;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point01 dl dd.lead,
div#main div#movie ul.point li.point02 dl dd.lead {
	float: left;
	width: 405px;
	padding: 7px 0 0 14px;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point03 {
	width: 541px;
	border-bottom: 1px solid #ccc;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point03 dl dt {
	width: 233px;
	padding: 8px 0 8px 11px;
	float: left;
	background: #ccc;
	font-size: 0;
	line-height: 0;
}

div#main div#movie ul.point li.point03 dl dd.url {
	float: left;
	width: 272px;
	border-top: 1px solid #ccc;
	padding: 6px 0 0 25px;
}

div#main div#movie ul.point li.point03 dl dd.url a {
	color: #cc0000;
	font-weight: bold;
}

div#main div#movie div.movie_area {
	width: 384px;
	height: 241px;
	float: right;
	overflow: hidden;
}


/*---------------------------div#present--*/

div#main div#present {
	width: 1000px;
	overflow: hidden;
	position: relative;
	margin-bottom: 27px;
}

div#main div#present h4 {
	margin-bottom: 5px;
	padding-top: 3px;
}

div#main div#present p.lead {
	width: 962px;
	padding-left: 38px;
	margin-bottom: 20px;
}

div#main div#present p.limit {
	position: absolute;
	top: 0;
	left: 650px;
}

div#main div#present ul.course {
	width: 924px;
	overflow: hidden;
	margin: 0 auto;
}

div#main div#present ul.course:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#present ul.course li.acourse {
	width: 444px;
	overflow: hidden;
	float: left;
	background: url(../iphone/image/bg_acourse_present.gif) repeat-y 0 0;
}

div#main div#present ul.course li.acourse dl.present01 {
	overflow: hidden;
	width: 444px;
	position: relative;
	padding-bottom: 30px;
}

div#main div#present ul.course li.acourse dl.present01 dt {
	position: absolute;
	top: 12px;
	left: 20px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present01 dd.name {
	width: 300px;
	padding: 28px 0 0 144px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present01 dd.capacity {
	width: 299px;
	padding: 19px 0 0 145px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present01 dd.copyright {
	position: absolute;
	top: 111px;
	left: 281px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present02 {
	overflow: hidden;
	width: 444px;
	position: relative;
	padding-bottom: 25px;
}

div#main div#present ul.course li.acourse dl.present02 dd.copyright {
	position: absolute;
	top: 58px;
	left: 0;
	width: 163px;
	padding: 0 0 27px 281px;
	font-size: 0;
	line-height: 0;
	background: url(../iphone/image/bg_bottom_acourse_present.gif) no-repeat 0 100%;
}

div#main div#present ul.course li.bcourse {
	width: 444px;
	overflow: hidden;
	float: right;
	background: url(../iphone/image/bg_bcourse_present.gif) repeat-y 0 0;
}

div#main div#present ul.course li.bcourse dl.present01 {
	overflow: hidden;
	width: 444px;
	position: relative;
	padding-bottom: 29px;
}

div#main div#present ul.course li.bcourse dl.present01 dt {
	position: absolute;
	top: 24px;
	left: 270px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.bcourse dl.present01 dd.name {
	width: 417px;
	padding: 31px 0 0 27px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.bcourse dl.present01 dd.capacity {
	width: 417px;
	padding: 21px 0 0 27px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.bcourse dl.present02 {
	overflow: hidden;
	width: 444px;
	position: relative;
	padding-bottom: 25px;
}


div#main div#present ul.course li.bcourse dl.present02 dd.copyright {
	position: absolute;
	top: 58px;
	left: 0;
	width: 165px;
	padding: 0 0 27px 279px;
	font-size: 0;
	line-height: 0;
	background: url(../iphone/image/bg_bottom_bcourse_present.gif) no-repeat 0 100%;
}

div#main div#present ul.course li.acourse p.or,
div#main div#present ul.course li.bcourse p.or {
	width: 431px;
	padding-left: 13px;
}

div#main div#present ul.course li.acourse dl.present02 dt,
div#main div#present ul.course li.bcourse dl.present02 dt {
	position: absolute;
	top: 15px;
	left: 31px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present02 dd.name,
div#main div#present ul.course li.bcourse dl.present02 dd.name {
	width: 300px;
	padding: 18px 0 0 144px;
	font-size: 0;
	line-height: 0;
}

div#main div#present ul.course li.acourse dl.present02 dd.capacity,
div#main div#present ul.course li.bcourse dl.present02 dd.capacity {
	width: 303px;
	padding: 5px 0 0 141px;
	font-size: 0;
	line-height: 0;
}

/*---------------------------div#way--*/

div#main div#way {
	width: 924px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../iphone/image/bg_way.gif) repeat-y 0 0;
}

div#main div#way h5 {
	margin-bottom: 10px;
}

div#main div#way ul {
	width: 924px;
	overflow: hidden;
	padding-bottom: 18px;
	background: url(../iphone/image/bg_bottom_way.gif) no-repeat 0 100%;
}

div#main div#way ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#main div#way ul li.way01 {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 208px;
	padding-left: 46px;
	background: url(../iphone/image/arrow_way.gif) no-repeat 218px 74px;
}

div#main div#way ul li.way02 {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 222px;
	background: url(../iphone/image/arrow_way.gif) no-repeat 172px 74px;
}

div#main div#way ul li.way03 {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 212px;
	background: url(../iphone/image/arrow_way.gif) no-repeat 172px 74px;
}

div#main div#way ul li.way04 {
	float: left;
	font-size: 0;
	line-height: 0;
	width: 236px;
}

div#main div#way ul li.way01 p.txt,
div#main div#way ul li.way02 p.txt,
div#main div#way ul li.way03 p.txt,
div#main div#way ul li.way04 p.txt {
	margin-bottom: 8px;
}

div#main div#way ul li.way01 p.image,
div#main div#way ul li.way02 p.image,
div#main div#way ul li.way03 p.image,
div#main div#way ul li.way04 p.image {
	width: 125px;
	padding-left: 12px;
}

div#main div#way p.notice {
	width: 924px;
	padding: 7px 0 32px 0;
	background: #fff url(../iphone/image/bg_notice_way.gif) no-repeat 0 100%;
	font-size: 10px;
	color: #999;

}