@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/06/21
 *
============================================ */
/* #lNavi_ 共通部 */
#contents #sub #lNavi_recent,
#contents #sub #lNavi_month,
#contents #sub #lNavi_category,
#contents #sub #lNavi_information {
	margin-bottom: 10px;
}
	#contents #sub #lNavi_recent dt,
	#contents #sub #lNavi_month dt,
	#contents #sub #lNavi_category dt,
	#contents #sub #lNavi_information dt {
		background: url(/shared/img/lNavi_bg01.gif) no-repeat left top;
		width: 220px;
		height: 35px;
		font-size: 14px;
		color: #ffffff;
		line-height: 35px;
		overflow: hidden;
	}
		#contents #sub #lNavi_recent dt span,
		#contents #sub #lNavi_month dt span,
		#contents #sub #lNavi_category dt span,
		#contents #sub #lNavi_information dt span {
			display: block;
			background: url(/shared/img/lNavi_bg08.gif) no-repeat left top;
			padding-left: 7px;
			width: 197px;
			height: 35px;
			color: #ffffff;
			text-decoration: none;
		}

	/* #lNavi_month */
	#contents #sub #lNavi_month dd {
		overflow: hidden;
		padding: 10px;
		background-color: #fff;
		zoom: 1;
	}
		#contents #sub #lNavi_month dd select {
			float: left;
			font-size: 13px;
		}
		#contents #sub #lNavi_month dd p {
			overflow: hidden;
			float: right;
			width: 58px;
			height: 20px;
		}
		#contents #sub #lNavi_month dd a {
			display: block;
			width: 58px;
			height: 40px;
		}
		#contents #sub #lNavi_month dd a:hover { margin-top: -20px;}

	/* #lNavi_information */
	/* #lNavi_recent */
	#contents #sub #lNavi_information dd,
	#contents #sub #lNavi_recent dd {
		border-bottom: 1px solid #dcdcd6;
		zoom: 1;
	}
		#contents #sub #lNavi_information dd a,
		#contents #sub #lNavi_recent dd a {
			display: block;
			padding: 7px;
			background-color: #FFF;
			text-decoration: none;
			color: #195702;
			zoom: 1;
			cursor: pointer;
		}
	#contents #sub #lNavi_information dd.last,
	#contents #sub #lNavi_recent dd.last{
		padding: 7px;
		border-bottom: none;
		background: #fff;
		text-align: right;
	}
		#contents #sub #lNavi_information dd.last a,
		#contents #sub #lNavi_recent dd.last a {
			display: inline;
			background: url(/shared/img/ico/ico_arrowR05.gif) no-repeat left center;
			padding: 0 0 0 22px;
			text-decoration: none;
			color: #4398bb;
			cursor: pointer;
		}
		#contents #sub #lNavi_information dd a:hover,
		#contents #sub #lNavi_recent dd a:hover {
			text-decoration: underline;
			background-color: #efefd0;
		}

		#contents #sub #lNavi_information dd.last a:hover,
		#contents #sub #lNavi_recent dd.last a:hover { background-color: #fff;}
			#contents #sub #lNavi_information dd a span,
			#contents #sub #lNavi_recent dd a span{
				display: block;
				background: url(/shared/img/ico/ico_arrowR01.gif) no-repeat left 0.4em;
				padding-left: 15px;
				zoom: 1;
				cursor: pointer;
			}

	/* #lNavi_category */
	#contents #sub #lNavi_category dd {
		margin-bottom: 1px;
		zoom: 1;
	}
		#contents #sub #lNavi_category dd a {
			display: block;
			background: #f5f5ee url(/shared/img/lNavi_bg02.gif) repeat left top;
			border: 2px solid #ffffff;
			padding: 5px;
			text-decoration: none;
			color: #195702;
			zoom: 1;
			cursor: pointer;
		}
		#contents #sub #lNavi_category dd.current a {
			background-color: #fff;
		}
		#contents #sub #lNavi_category dd a:hover {
			background-color: #efefd0;
		}
			#contents #sub #lNavi_category dd a span {
				display: block;
				background: url(/shared/img/ico/ico_arrowR01.gif) no-repeat left 0.4em;
				padding-left: 15px;
				zoom: 1;
				cursor: pointer;
			}
				#contents #sub #lNavi_category dd a span span {
					display: inline;
					background: none;
					padding-left: 0;
					zoom: 0;
					font-weight: bold;
				}



/* ============================================
 *
 * blog and information 共通スタイル
 *
============================================ */
.sectionCms01 {
	margin-top: 15px;
	background: url(/school/img/bg_border.gif) repeat left top;
}
.cms_entryheader {
	background: url(/school/img/bg_hd.gif) repeat left top;
}
.cms_entryheader_in {
	padding: 7px 0 0;
	background: url(/shared/img/ico/ico_clover04.png) no-repeat 12px 10px;
}
.cms_entryheader_in h3 {
	padding-left: 50px;
	font-size: 130%;
	font-weight: bold;
	color: #86ac00;
}
.cms_entryheader_in h3 a {
	color: #86ac00;
}
.cms_entryheader_in dl {
	background: url(/school/img/bg_dot.gif) repeat-x left bottom;
	padding-bottom: 7px;
	padding-left: 50px;
	color: #666;
}
	.cms_entryheader_in dl dt,
	.cms_entryheader_in dl dd {
		display: moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.cms_entryheader_in dl dt {
		font-weight: bold;
	}
	.cms_entryheader_in dl dd {
		margin-right: 2em;
	}
.cms_entrybody {
	padding: 10px 12px 12px;
}
	/*.cms_entrybody p,*/
	.cms_entrybody ul,
	.cms_entrybody ol,
	.cms_entrybody blockquote { margin-bottom: 15px;}
	
	.cms_entrybody a:link {}
	.cms_entrybody a:visited {}
	.cms_entrybody a:hover {}
	.cms_entrybody a:active {}
	
	.cms_entrybody ul {}
	.cms_entrybody ul li { list-style: outside disc; margin-left: 2.7em;}
	* html .cms_entrybody ul li { margin-left: 3em; /* IE FIX */}
	
	.cms_entrybody ol {}
	.cms_entrybody ol li { list-style: outside decimal; margin-left: 2.7em;}
	* html .cms_entrybody ol li { margin-left: 3em; /* IE FIX */}
	
	.cms_entrybody blockquote { border: 1px solid #d8d8d8; padding: 0 1.5em;}
	.cms_entrybody blockquote p { margin: 12px 0;}
.cms_entryfooter {
	overflow: hidden;
	height: 5px;
	background: url(/school/img/bg_footer.gif) repeat left top;
	font-size: 0;
}
.cms_pNavi {
	margin-top: 10px;
	overflow: hidden;
	zoom:1;
}
.cms_pNavi_prev {
	overflow: hidden;
	display: inline;
	float: left;
	width: 51px;
	height: 23px;
}
.cms_pNavi_next {
	overflow: hidden;
	display: inline;
	float: right;
	width: 51px;
	height: 23px;
}
.cms_pNavi_prev a,
.cms_pNavi_next a {
	display: block;
	width: 51px;
	height: 46px;
}
.cms_pNavi_prev a:hover,
.cms_pNavi_next a:hover {
	margin-top: -23px;
}


/* ============================================
   TOP 校舎一覧
============================================ */
.sectionSchoolBg01 {
	overflow: hidden;
	zoom: 1;
}
	.sectionSchoolBg01 ul {
		background: url(/shared/img/bg/bg_gradation18.gif) no-repeat left bottom;
		margin: 0 -18px 15px 0;
		padding-bottom: 72px;
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
		.sectionSchoolBg01 ul li {
			float: left;
			margin: 0 18px 0 0;
			width: 316px;
		}
			.sectionSchoolBg01 ul li h5 {
				background: url(/shared/img/bg/bg_gradation18.gif) no-repeat left top;
				padding: 13px 0 0 13px;
				height: 47px;
			}
			* html .sectionSchoolBg01 ul li h5 {
				height: 60px;
			}
			.sectionSchoolBg01 ul li p.txt {
				margin: 0 10px;
				padding: 10px 10px 5px;
				zoom: 1;
			}
			.sectionSchoolBg01 ul li p.btn {
				position: absolute;
				bottom: 12px;
				width: 316px;
				text-align: center;
				z-index: 10;
			}
				.sectionSchoolBg01 ul li p.btn img {
					vertical-align: middle;
				}

/* ============================================
   各校TOP (共通)
============================================ */
body#g04 .ul_bgLink02 li {
	margin-top: 10px;
}
	body#g04 .ul_bgLink02 li dl dt {
		min-height: 65px;
		_height: 75px;
	}
		body#g04 .ul_bgLink02 li dl dt span {
			color: #195702;
			font-size: 114%;
			font-weight: bold;
		}
.dl_school01 {
	background: #eee;
	padding-top: 7px;
}
	.dl_school01 dt {
		clear: both;
		float: left;
		padding-left: 34px;
		width: 5.5em;
		_width: 9em;
	}
	.dl_school01 dt.new {
		background: url(/shared/img/ico/ico_new01.gif) no-repeat 5px center;
	}
		.dl_school01 dt span {
			background: url(/shared/img/ico/ico_arrowR07.gif) no-repeat left center;
			padding-right: 6px;
		}
	.dl_school01 dd {
		border-bottom: 1px solid #fff;
		padding-left: 10.5em;
		_padding-left: 10.25em;
		padding-bottom: 7px;
		margin-bottom: 5px;
	}
		.dl_school01 dd p {
			height: 1%;
		}
/* ============================================
   校舎紹介 (共通)
============================================ */
.sectionMessage01 {
	margin: 10px 0 21px;
}
	.sectionMessage01 .balloon {
		margin-left: 210px;
		min-height: 250px;
		height: auto!important;
		height: 250px;
	}
	.sectionMessage01 .balloon div {
		padding: 15px 15px 20px 67px;
		zoom: 1;
	}
.sectionMessage01.typeB {
	margin: 0 0 30px;
}
	.sectionMessage01.typeB .balloon {
		margin-left: 0;
		margin-right: 210px;
	}
	.sectionMessage01.typeB .balloon div {
		padding: 15px 60px 20px 15px;
	}
	
/* 吉祥寺本校 */
	body.kichijoji .sectionMessage01 {
		background: url(/school/kichijoji/img/message_picMJGTs.jpg) no-repeat left top;
	}
		body.kichijoji .sectionMessage01 .balloon {
			background: url(/school/kichijoji/img/message_bg02.png) no-repeat left bottom;
		}
		body.kichijoji .sectionMessage01 .balloon div {
			background: url(/school/kichijoji/img/message_bg01.gif) no-repeat left top;
		}
/* 池袋校 */
	body.ikebukuro .sectionMessage01 {
		background: url(/school/ikebukuro/img/message_pichDyPK.jpg) no-repeat left 7px;
	}
		body.ikebukuro .sectionMessage01 .balloon {
			background: url(/school/ikebukuro/img/message_bg02.png) no-repeat left bottom;
		}
		body.ikebukuro .sectionMessage01 .balloon div {
			background: url(/school/ikebukuro/img/message_bg01.gif) no-repeat left top;
		}
/* 原宿校 */
	body.harajuku .sectionMessage01 {
		background: url(/school/harajuku/img/message_picya3q9.jpg) no-repeat left 8px;
	}
		body.harajuku .sectionMessage01 .balloon {
			background: url(/school/harajuku/img/message_bg02.png) no-repeat left bottom;
		}
		body.harajuku .sectionMessage01 .balloon div {
			background: url(/school/harajuku/img/message_bg01.gif) no-repeat left top;
		}
/* 横浜校 */
	body.yokohama .sectionMessage01 {
		background: url(/school/yokohama/img/message_picZyLgW.jpg) no-repeat left top;
	}
		body.yokohama .sectionMessage01 .balloon {
			background: url(/school/yokohama/img/message_bg02.png) no-repeat left bottom;
		}
		body.yokohama .sectionMessage01 .balloon div {
			background: url(/school/yokohama/img/message_bg01.gif) no-repeat left top;
		}
	body.yokohama .sectionMessage01.typeB {
		background: url(/school/yokohama/img/message_picewJTv.jpg) no-repeat right top;
	}
		body.yokohama .sectionMessage01.typeB .balloon {
			background: url(/school/yokohama/img/message_bg04.png) no-repeat left bottom;
		}
		body.yokohama .sectionMessage01.typeB .balloon div {
			background: url(/school/yokohama/img/message_bg03.gif) no-repeat left top;
		}
		
.sectionMessage02 {
	position: relative;
	background: url(/shared/img/bg/w670_bg01.gif) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 670px;
	min-height: 162px;
	height: auto!important;
	height: 182px;
}
	.sectionMessage02 h5 {
		background: url(/shared/img/bg/bg_pattern01.gif) no-repeat left top;
		margin-bottom: 15px;
		padding: 12px 0 0 19px;
	}
	.sectionMessage02 .txt {
		margin-left: 19px;
		width: 400px;s
	}
	.sectionMessage02 .pic {
		position: absolute;
		right: 8px;
		top: -5px;
	}
	.sectionMessage02.type02 h5 {
		padding-left: 251px;
	}
	.sectionMessage02.type02 .txt {
		margin-left: 253px;
	}
	.sectionMessage02.type02 .pic {
		left: 14px;
	}








.cms_oNavi {
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	line-height: 18px;
}
	.cms_oNavi dl {
	}
		.cms_oNavi dl dt {
			display: moz-inline-box;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			margin-bottom: -7px;
			width: 51px;
			height: 23px;
			overflow: hidden;
		}
			.cms_oNavi dl dt a {
				display: block;
			}
			.cms_oNavi dl dt a:hover {
				margin-top: -23px;
			}
		.cms_oNavi dl dd {
			display: moz-inline-box;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			margin: 0 15px;
		}
			.cms_oNavi dl dd ol {
			}
				.cms_oNavi dl dd ol li {
					vertical-align: middle;
					display: moz-inline-box;
					display: inline-block;
					*display: inline;
					*zoom: 1;
					background: url(/greenroad/img/bg_greenload01.gif) no-repeat center center;
					margin: 0 5px;
					width: 18px;
					height: 18px;
					font-weight: bold;
					color: #fff;
				}
					.cms_oNavi dl dd ol li a {
						display: block;
						background: #fff;
						width: 18px;
						height: 18px;
						color: #86ac00;
					}
































