@charset "shift-jis";

@import "base.css";
@import "frame.css";

#bodyContent div.pickupObj div.section:after,
#bodyContent div.otherObj div.pack:after,
#bodyContent div.other-box:after,
#bodyContent div.mainObj div.section ul.link:after,
#bodyContent div.headObj div.section ul.link:after,
#bodyContent div.mainObj div.section:after,
#bodyContent div.headObj div.section:after,
#bodyContent div.mainObj:after,
#bodyContent div.headObj:after,
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bodyContent div.pickupObj div.section,
#bodyContent div.otherObj div.pack,
#bodyContent div.other-box,
#bodyContent div.mainObj div.section ul.link,
#bodyContent div.headObj div.section ul.link,
#bodyContent div.mainObj div.section,
#bodyContent div.headObj div.section,
#bodyContent div.mainObj,
#bodyContent div.headObj
.row {
	zoom: 1;
}

	
/* CONTENTS */
#bodyContent {
}


#bodyContent div.headObj {
	position: relative;
	margin-bottom: 8px;
	padding: 23px 407px 0 12px;
}
	#bodyContent div.headObj h1 {
		position: absolute;
		left: 658px;
		top: 39px;
	}
	#bodyContent div.headObj p.headlead {
		display: none;
	}
	#bodyContent div.headObj p.image {
		position: relative;
		margin: 0 -127px -108px -33px;
	}
	#bodyContent div.headObj div.section {
		position: relative;
		z-index: 99;
	}

#bodyContent div.mainObj {
	position: relative;
	margin-bottom: 51px;
}
	#bodyContent div.mainObj p.image {
		position: relative;
		margin-left: -23px;
		float: left;
		width: auto;
	}
	#bodyContent div.mainObj div.section {
		float: right;
		width: 438px;
		padding-top: 126px;
	}

	#bodyContent div.headObj p.image a:hover img,
	#bodyContent div.mainObj p.image a:hover img {
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
		#bodyContent div.headObj div.section h2,
		#bodyContent div.mainObj div.section h2 {
			margin-bottom: 28px;
		}
		#bodyContent div.headObj div.section p.lead,
		#bodyContent div.mainObj div.section p.lead {
			margin-bottom: 18px;
			font-size: 14px;
			/*¥*/
			*font-size: 116%;
			/**/
			line-height: 1.8;
		}
		#bodyContent div.headObj div.section ul.link,
		#bodyContent div.mainObj div.section ul.link {
			font-weight: bold;
			font-size: 14px;
			/*¥*/
			*font-size: 116%;
			/**/
			font-weight: bold;
		}
			#bodyContent div.headObj div.section ul.link li.l1,
			#bodyContent div.mainObj div.section ul.link li.l1 {
				float: left;
				width: auto;
				margin-top: 9px;
				line-height: 1.1;
			}
				#bodyContent div.headObj div.section ul.link li.l1 a,
				#bodyContent div.mainObj div.section ul.link li.l1 a {
					background: url(../images/arw.gif) no-repeat left 48%;
					padding-left: 14px;
				}
			#bodyContent div.headObj div.section ul.link li.l2,
			#bodyContent div.mainObj div.section ul.link li.l2 {
				float: right;
				width: auto;
			}
		#bodyContent div.headObj div.section ul.osusume,
		#bodyContent div.mainObj div.section ul.osusume {
			float: left;
			width: auto;
			background: url(../images/course/frm_osusume.gif) no-repeat right top;
			line-height: 1.1;
			margin-top: 18px;
		}
			#bodyContent div.headObj div.section ul.osusume li,
			#bodyContent div.mainObj div.section ul.osusume li {
				float: left;
				width: auto;
				padding-right: 15px;
			}
			#bodyContent div.headObj div.section ul.osusume li.head,
			#bodyContent div.mainObj div.section ul.osusume li.head {
				padding-right: 12px;
			}
				#bodyContent div.headObj div.section ul.osusume li a,
				#bodyContent div.mainObj div.section ul.osusume li a {
					background: url(../images/arw_s.gif) no-repeat left 48%;
					padding-left: 8px;
					height: 37px;
					line-height: 37px;
					overflow: hidden;
				}

#bodyContent div.other-box {
	margin-bottom: 36px;
}


#bodyContent div.otherObj {
	float: left;
	width: 480px;
}
	#bodyContent div.otherObj p.heading {
		position: relative;
		margin-bottom: -13px;
	}
	#bodyContent div.otherObj div.pack {
		padding-top: 24px;
	}
		#bodyContent div.otherObj div.pack p.image {
			float: left;
			width: auto;
		}
			#bodyContent div.otherObj div.pack p.image a:hover img {
				filter: alpha(opacity=70);
				opacity: 0.7;
			}
		#bodyContent div.otherObj div.pack div.section {
			float: right;
			width: 262px;
		}
			#bodyContent div.otherObj div.pack div.section h3 {
				margin-bottom: 6px;
			}
			#bodyContent div.otherObj div.pack div.section p.lead {
				margin-bottom: 8px;
				line-height: 1.6;
			}
			#bodyContent div.otherObj div.pack div.section ul.link {
				font-weight: bold;
			}

#bodyContent div.mapObj {
	position: relative;
	float: right;
	width: 447px;
	height: 555px;
	overflow: hidden;
}
	#bodyContent div.mapObj div.root-box {
		position: absolute;
		z-index:99;
		left: -447px;
		top: 0;
		background: url(../images/course/bg_course.gif) no-repeat left top;
		width: 447px;
		height: 555px;
	}
		#bodyContent div.mapObj div.root-box p {
			padding: 83px 24px 0 24px;
		}
	#bodyContent div.mapObj ul.button-root {
		position: absolute;
		z-index:1;
		left: 304px;
		top: 504px;
	}
	#bodyContent div.mapObj ul.button-map {
		position: absolute;
		left: 15px;
		top: 504px;
	}
		#bodyContent div.mapObj ul.button-root a:hover img,
		#bodyContent div.mapObj ul.button-map a:hover img {
			filter: alpha(opacity=70);
			opacity: 0.7;
			cursor: pointer;
		}

#bodyContent div.yadoObj {
	float: left;
}


#bodyContent div.pickupObj {
	float: right;
	width: 590px;
}
	#bodyContent div.pickupObj h2 {
		margin-bottom: 21px;
	}
	#bodyContent div.pickupObj div.section {
		background: url(../images/course/bg_pickup.gif) no-repeat left bottom;
		margin-bottom: 15px;
		padding-bottom: 17px;
	}
	#bodyContent div.pickupObj div.last-child {
		background: url(../images/course/bg_pickup.gif) no-repeat left top;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		#bodyContent div.pickupObj div.section div.p1 {
			float: left;
			width: 270px;
		}
		#bodyContent div.pickupObj div.section div.p2 {
			float: right;
			width: 270px;
		}
		#bodyContent div.pickupObj div.section p.image {
			float: right;
			width: auto;
		}
			#bodyContent div.pickupObj div.section p.image a:hover img {
				filter: alpha(opacity=70);
				opacity: 0.7;
				cursor: pointer;
			}
		#bodyContent div.pickupObj div.section div.text {
			float: left;
			width: 132px;
		}
			#bodyContent div.pickupObj div.section div.text h3 {
				margin-bottom: 3px;
				font-weight: bold;
			}
			#bodyContent div.pickupObj div.section div.text p.lead {
				margin-bottom: 4px;
				line-height: 1.6;
			}
			#bodyContent div.pickupObj div.section div.text ul.link {
				font-weight: bold;
			}