@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/06/15
 *
============================================ */
/* カテゴリ別背景 */
body#g04 #contents #main .sectionBg01 {
	background: #ffffff url(/school/img/school_bg01.jpg) no-repeat left top;
}

/* #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 a,
		#contents #sub #lNavi_month dt span,
		#contents #sub #lNavi_category dt span,
		#contents #sub #lNavi_information dt a {
			display: block;
			background: url(/shared/img/lNavi_bg03.gif) no-repeat left top;
			padding-left: 23px;
			width: 197px;
			height: 35px;
			color: #ffffff;
			text-decoration: none;
		}
		#contents #sub #lNavi_month dt span,
		#contents #sub #lNavi_category dt span {
			padding-left: 7px;
			background: url(/shared/img/lNavi_bg08.gif) no-repeat left top;
		}
		* html #contents #sub #lNavi_recent dt a,
		* html #contents #sub #lNavi_information dt a {
			width: 220px;
		}
		#contents #sub #lNavi_recent dt a:hover,
		#contents #sub #lNavi_information dt a:hover {
			background-position: left bottom;
		}

	/* #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_recent */
	#contents #sub #lNavi_recent dd {
		border-bottom: 1px solid #dcdcd6;
		zoom: 1;
	}
		#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_recent dd.last {
		padding: 7px;
		border-bottom: none;
		background: #fff;
		text-align: right;
	}
		#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_recent dd a:hover {
			text-decoration: underline;
			background-color: #efefd0;
		}
		#contents #sub #lNavi_recent dd.last a:hover { background-color: #fff;}
			#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;
			}

	/* #lNavi_information */
	#contents #sub #lNavi_information dd {
		border-bottom: 1px solid #dcdcd6;
		zoom: 1;
	}
		#contents #sub #lNavi_information dd a {
			display: block;
			padding: 7px;
			background-color: #FFF;
			text-decoration: none;
			color: #195702;
			zoom: 1;
			cursor: pointer;
		}
	#contents #sub #lNavi_information dd.last { border-bottom: none;}
		#contents #sub #lNavi_information dd.last a {
			display: block;
			padding: 7px;
			background-color: #FFF;
			text-decoration: none;
			color: #195702;
			zoom: 1;
			cursor: pointer;
		}
		#contents #sub #lNavi_information dd a:hover {
			background-color: #efefd0;
		}
			#contents #sub #lNavi_information dd a span {
				display: block;
				background: url(/shared/img/ico/ico_arrowB01.gif) no-repeat left 0.7em;
				padding-left: 15px;
				zoom: 1;
				cursor: pointer;
			}

/* ============================================
 *
 * 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(/school/img/ico_clover03.png) no-repeat 12px 10px;
}
body.l02_04 .cms_entryheader_in ,body.l02_05 .cms_entryheader_in { background: url(/school/img/ico_clover04.png) no-repeat 12px 10px;}
body.l03_04 .cms_entryheader_in ,body.l03_05 .cms_entryheader_in { background: url(/school/img/ico_clover05.png) no-repeat 12px 10px;}
body.l04_04 .cms_entryheader_in ,body.l04_05 .cms_entryheader_in { background: url(/school/img/ico_clover06.png) no-repeat 12px 10px;}
.cms_entryheader_in p {
	padding-left: 50px;
	font-weight: bold;
	color: #666;
}
.cms_entryheader_in h5 {
	padding-bottom: 7px;
	padding-left: 50px;
	font-size: 130%;
	font-weight: bold;
	color: #ea6300;
	background: url(/school/img/bg_dot.gif) repeat-x left bottom;
}
.cms_entryheader_in h5 a {
	color: #ea6300;
}
body.l02_04 .cms_entryheader_in h5, body.l02_05 .cms_entryheader_in h5 { color: #223eb2;}
body.l03_04 .cms_entryheader_in h5, body.l03_05 .cms_entryheader_in h5 { color: #da3642;}
body.l04_04 .cms_entryheader_in h5, body.l04_05 .cms_entryheader_in h5 { color: #0d7f95;}

.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_picewJTv.jpg) no-repeat right top;
	}
		body.harajuku .sectionMessage01 .balloon {
			background: url(/school/harajuku/img/message_bg04.png) no-repeat left bottom;
		}
		body.harajuku .sectionMessage01 .balloon div {
			background: url(/school/harajuku/img/message_bg03.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;
		}

		
.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;
	}
/* ============================================
   アクセス (共通)
============================================ */
#mapFrame {
	background: #86ac00;
	margin: 20px 10px 10px;
	padding: 5px;
	width: 630px;
	height: 420px;
}
* html #mapFrame {
	width: 640px;
	height: 430px;
}
	#map {
		width: 630px;
		height: 420px;
	}

.ul_overview01 {
}
	.ul_overview01 li {
		display: moz-inline-box;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 49%;
		vertical-align: top;
	}
	.ul_overview01 li.break {
		margin-top: -1.5em;
		float: left;
	}
.ul_overview02 {
	overflow: hidden;
	zoom: 1;
}
	.ul_overview02 li {
		float: left;
		width: 49%;
	}
.sectionOverview01 {
	background: url(/school/img/bg_overview01.gif) no-repeat left top;
	margin-bottom: 18px;
	width: 230px;
	min-height: 220px;
}
* html .sectionOverview01 {
	height: 220px;
}
	.sectionOverview01 p {
		padding: 15px;
	}
.dl_overview01 {
	background: url(/shared/img/bg/bg_beige04.gif) no-repeat left bottom;
	margin-top: 40px;
	width: 230px;
	min-height: 162px;
	position: relative;
	cursor: pointer;
}
* html .dl_overview01 {
	height: 162px;
}
.dl_overview01.hover {
	background-image: url(/shared/img/bg/bg_beige04_on.gif);
}
	.dl_overview01 dd {
		background: url(/shared/img/bg/bg_beige04.gif) no-repeat left top;
		padding: 65px 10px 10px;
	}
	.dl_overview01.hover dd {
		background-image: url(/shared/img/bg/bg_beige04_on.gif);
	}
		.dl_overview01 dd .img {
			position: absolute;
			left: 0;
			top: -37px;
			width: 230px;
			text-align: center;
		}
	.dl_overview01 dt {
		padding: 5px 10px 5px 0;
		text-align: right;
	}
		.dl_overview01 dt a {
			background: url(/shared/img/ico/ico_arrowR05.gif) no-repeat left center;
			padding-left: 23px;
			font-size: 115%;
			color: #4398bb;
			text-decoration: none;
		}
		.dl_overview01 dt a:hover,
		.dl_overview01.hover dt a {
			text-decoration: underline;
		}