@charset "UTF-8";
@import url(./rollover.css);
/*********************************************
**    Copyright (c) 2008 TOSHINSHIKOKU.
**                  All Rights Reserved.
**********************************************/
/*********************************************
**  ■初期化設定
**  ■基本設定
**  └その他
**  ■ヘッダー設定
**  ■ヘッダーメニュー設定
**  ■フッター設定
**  ■右部設定
**  ■中央設定
**  ■共通設定
**  ├要素関連
**  ├レイアウト関連
**  ├ナビゲーション関連
**  ├画像関連
**  ├テキスト関連
**  ├フォーム関連
**  ├テーブル関連
**  ├注釈関連
**********************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "ＭＳ Ｐゴシック", "Osaka－等幅";
	line-height			: 150%;
	font-size			: small;
}

img{
	border				: 0;
}

ul, li {
	list-style-type		: none;
}
/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
body {
	background			: #ffffff url(../blogparts/img_body_bg.jpg) repeat-x  0 0;
}
#container {
	width				: 800px;
	margin				: 0 auto;
	background			: #ffffff;
	border				: 1px solid #cccccc;
}
/*-----------------------------
         その他
-----------------------------*/
/*  リンク
-----------------------------*/
a:link {
	color				: #0033ff;
}
a:visited {
}
a:hover {
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
#header {
	background			: url(../blogparts/img_header_bg.jpg) repeat-x 0 0;
	height				: 64px;
	margin				: 0 0 1px 0;
}
	#header table {
		height				: 64px;
		vertical-align		: middle;
	}
	#header img {
		border				: none;
		margin				: 0 0 0 16px;
		vertical-align		: bottom;
	}

/*メイン画像とその右側にあるリンク設定*/
.main_header {
	width				: 100%;
	margin				: 0 0 5px; 0;
	}
/*IE7 hack*/
*:first-child+html .main_header {
	margin				: 3px 0 5px; 0;
}
/*end*/
	.main_header .main_image {
		float				: left;
	}
		.main_header .main_image img {
			vertical-align		: bottom;
		}
	
	.main_header .school_link {
		float				: right;
		width				: 198px;
		text-align			: center;
	}
		.main_header div.school_link img {
			margin					: 0;
			vertical-align			:bottom;
		}
		
.main_header div.main_sub_image {
	float				: left;
	margin				: 6px 0 0 14px;
}

/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background			: #006c36 url(../blogparts/img_footer_bg.jpg) repeat-x 0 bottom;
}

#footer ul {
	margin				: 0 0 0 13px;
	padding				: 5px 0 0 0;
}
	#footer li {
		list-style-type		: none;
		background			: url(../blogparts/img_icon_footer.gif) no-repeat 0 center;
		float				: left;
		padding				: 0 0 0 10px;
		margin				: 0 0 0 10px;
	}
		#footer li a {
			font-size			: 12px;
			color				: #ffffff;
		}
		.footer_copy {
			text-align			: center;
			color				: #ffffff;
			font-size			: 90%;
			padding				: 5px 0 8px 0;
		}
			.footer_copy a {
				color				: #ffffff;
				font-size			: 100%;
				text-decoration		: none;
			}

.page_top {
	text-align			: right;
	margin				: 0 14px 3px 0;
}
	.page_top a {
		font-size			: 90%;
	}


/*++++++++++++++++++++++++++++++++++++++++
         中央設定
++++++++++++++++++++++++++++++++++++++++*/
#main {
	margin				: 0 10px 20px 14px;
}
/*IE7 hack*/
*:first-child+html #main {
	margin				: 0 10px 50px 14px;
}
/*end*/

/*++++++++++++++++++++++++++++++++++++++++
         右部設定
++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++
         東進スクールページ設定
++++++++++++++++++++++++++++++++++++++++*/
#school_center {
	width				: 580px;
	margin				: 0;
	float				: left;
}

#school_right {
	width				: 179px;
	float				: left;
	margin				: 0 0 0 15px;
}

.school_right_menu{
	margin-bottom		: 9px;
}
	.school_right_menu img{
		margin-bottom		: 5px;
		vertical-align		: bottom;
	}
		#school_right .school_right_event img {
			border				: none;
			margin				: -1px;
			vertical-align		: bottom;
		}
		
		/*スクールイベントタイトル部分*/
		#school_right .school_right_event p img {
			border				: none;
			margin				: 0 0 3px 0 !important;
		}

/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/


/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float: left; }
.c_both		{ clear: both; }
.lyt_block	{ display: block; }
.lyt_spc5	{ margin: 0 0 5px 0; }
.lyt_spc10	{ margin: 0 0 10px 0; }
.lyt_spc20	{ margin: 0 0 20px 0; }
.lyt_spc30	{ margin: 0 0 30px 0; }
.lyt_spc40	{ margin: 0 0 30px 0; }
.lyt_spc50	{ margin: 0 0 50px 0; }
.lyt_left	{ text-align: left; }
.lyt_center	{ text-align: center; }
.lyt_right	{ text-align: right; }
.lyt_top	{ vertical-align: top; }
.lyt_middle	{ vertical-align: middle; }
.lyt_bottom	{ vertical-align: bottom; }

.entry {
	margin				: 0 0 20px 0;
}
	.entry p {
		margin				: 0 0 18px 0;
	}

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/

/*-----------------------------
         画像関連 
-----------------------------*/
.border_non { border: none; }

/*-----------------------------
         テキスト関連 
-----------------------------*/
.txt_bld	{ font-weight: bold; }
.txt_f10	{ font-size: 80% !important; }
.txt_f15	{ font-size: 117% !important; }


/*-----------------------------
         フォーム関連 
-----------------------------*/
input {
	margin				: 3px 0 3px 0;
}

select {
	vertical-align		: middle;
	margin				: 3px 5px 3px 0;
}
	select option {
		padding				: 0 5px 0 0;
	}

.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}

/*-----------------------------
         テーブル関連 
-----------------------------*/

/*-----------------------------
         注釈関連 
-----------------------------*/
.txt_annotation {
	color				: red;
}

/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++++++++++++++++ トップページ ++++++++++++++++++++ */
/*メイン画像下のリンク3つ設定*/
.school_course {
	margin				: 0px 0 10px 0;
}

/* 東進スクールからのお知らせ */
.lyt_school_info {
	border				: 1px solid #cccccc;
	margin				: 0px 0 10px 0;
}
	.lyt_school_info p.info {
		text-align			: right;
		margin				: -23px 30px 0 0;
	}
	.lyt_school_info table {
		width				: 535px;
		margin				: 10px 20px 10px 20px;
	}
		.lyt_school_info table th {
			border-bottom		: 1px dotted #999999;
			font-weight			: normal;
			width				: 120px;
			vertical-align		: top;
			padding				: 5px 0 5px 0;
			text-align			: left;
		}
			.lyt_school_info span.arrow {
				background			: url(../blogparts/img_icon_yellow.gif) no-repeat 0 center;
				padding				: 0 0 0 12px;
			}
		.lyt_school_info table td {
			border-bottom		: 1px dotted #999999;
			vertical-align		: top;
			padding				: 5px 0 5px 0;
		}
			.lyt_school_info table td a {
				line-height			: 120%;
			}

/*東進スクールからのお知らせ エントリー用レイアウト*/
.lyt_school_info div.info_text {
	margin				: 0px 20px 10px 50px;
	text-align			: left !important;
}
.lyt_school_info div.info_top{
	margin				: 10px 20px 10px 20px;
	text-align			: right;
}

.lyt_school_info table tr.title th, .lyt_school_info table tr.title td{
	border				: 0;
	padding				: 0;
}
	.lyt_school_info table tr.title th div {
		padding-left		: 25px;
	}


/*卒業生・在校生の声*/
.lyt_school_voice{
	margin				: 0px 0 10px 0;
}
	.lyt_school_voice p.border{
		border				: 1px solid #cccccc;
	}
	.lyt_school_voice div.student{
			margin				: 10px 8px 10px 8px;
			padding				: 0 0 10px 0;
			border-bottom		: 1px dotted #cccccc;
		}

		.lyt_school_voice div.student div.left{
				float				: left;
				margin-left			: 8px;
				height				: 100%;
		}
		.lyt_school_voice div.student div.right {
				padding-left		: 83px;
		}
			.lyt_school_voice div.student div.right p.orange{
					color					: #FE7B12;
					font-size				: 110%;
					font-weight				: bold;
			}
			.lyt_school_voice div.right p.name{
					text-align				: right;
			}

/*無料体験学習受付中バナー*/
.info_banner{
	border-top				: 1px dotted #999999;
	padding					: 20px 0 0 0;
}

/* ++++++++++++++++++++ 小学部のご案内・中学部のご案内 ++++++++++++++++++++ */
.lyt_school_base {
	margin				: 0px 0 20px 0;
}
	.lyt_school {
		margin				: 0px 0 5px 0;
		border				: 1px solid #cccccc;
	}
	.lyt_school div.title {
		font-weight			: bold;
		border-bottom		: 1px dotted #cccccc;
		color				: #FE7B12;
		background			: url(../blogparts/img_icon_yellow.gif) no-repeat 0 center;
		padding				: 5px 0 5px 12px;
		margin				: 0 15px 8px 15px;
	}
	.lyt_school div.program {
		margin				: 0 15px 15px 15px;
	}
		.lyt_school div.program p.sub_title, .lyt_school_none p.sub_title {
			font-weight			: bold;
			color				: #006C36;
			margin-bottom		: 5px;
		}
		.lyt_school div.program p.text, .lyt_school_none p.text {
			margin-bottom		: 15px;
		}

/*borderがないレイアウト設定*/
	.lyt_school_none {
		margin				: 0 15px 20px 15px;
	}
		.lyt_school_none .main_text {
			margin				: 20px 0 25px 0;
		}


/*みどりテーブル用スペースレイアウト*/
.lyt_school div.program02 {
	margin				: 0 15px 10px 15px;
}
	.lyt_school div.program02 p.sub_title {
		font-weight			: bold;
		color				: #006C36;
		margin-bottom		: 0px;
	}


/*テーブル（オレンジ用）*/
.lyt_school table.orange{
	width				: 547px;
}
	.lyt_school table.orange th{
		border-right			: 1px solid #ffffff;
		border-bottom			: 2px solid #ffffff;
		background				: #FE7B12;
		color					: #ffffff;
		padding					: 3px 0 3px 0;
	}
		.lyt_school table.orange th.end{
			border-right			: none;
		}
	.lyt_school table.orange td{
		border-top				: 1px solid #D8D8D8;
		border-bottom			: 1px solid #D8D8D8;
		border-right			: 1px solid #D8D8D8;
		background				: #F7F7F7;
		padding					: 3px 0 3px 0;
		text-align				: center;
		margin-top				: 5px;
	}
		.lyt_school table.orange td.start{
			border-left				: 1px solid #D8D8D8;
		}
/*リストでまわしてレイアウトしている部分*/
			.lyt_school table td ul.left, .lyt_school table td ul.right{
				float					: left;
				text-align				: left;
			}
				.lyt_school table td ul.left{
					margin					: 0 10px 0 10px;
				}


/*テーブル（みどり用）*/
.lyt_school table.green{
	width				: 547px;
}
	.lyt_school table.green th{
		border-right			: 1px solid #ffffff;
		border-bottom			: 2px solid #ffffff;
		background				: #006C36;
		color					: #ffffff;
		padding					: 3px 0 3px 0;
	}
		.lyt_school table.green th.end{
			border-right			: none;
		}
	.lyt_school table.green td{
		border-top				: 1px solid #D8D8D8;
		border-bottom			: 1px solid #D8D8D8;
		border-right			: 1px solid #D8D8D8;
		background				: #F7F7F7;
		padding					: 3px 0 3px 0;
		text-align				: center;
		margin-top				: 5px;
		font-size:80%;
	}
		.lyt_school table.green td.start{
			border-left				: 1px solid #D8D8D8;
		}
		.lyt_school table.green td.use{
			text-align				: left;
			padding-left			: 15px;
			width					: 250px;
		}

.lyt_school .button {
	text-align			: center;
	margin				: 0 0 10px 0;
}

.lyt_school_base .pagetop {
	text-align			: right;
	margin				: 0 0 20px 0;
}

/* ++++++++++++++++++++ 合格実績 ++++++++++++++++++++ */
.lyt_school_success {
	margin				: 0px 0 50px 0;
}
	.success_list {
		margin-bottom		: 30px;
		overflow			: auto;
	}
	
	/*\*/
		*html .success_list {
			overflow			: visible;
			}
	/**/

	.success_list div.left {
		float				: left;
		padding-left		: 15px;
	}
	.success_list div.right {
		margin-left		: 200px;
	}
	.success_list table {
		width				: 375px;
	}
		.success_list table th, .success_list table td {
			border-bottom		: 1px dotted #cccccc;
			padding				: 5px 0 5px 0;
			font-size			: 110%;
			font-weight			: bold;
		}
		
		.success_list table th {
			text-align			: left;
		}
		.success_list table.jh td {
			text-align			: right;
			color				: #007339;
		}
		.success_list table.high td {
			text-align			: right;
			color				: #007339;
		}

/* ++++++++++++++++++++ コース一覧 ++++++++++++++++++++ */
.lyt_school_course {
	margin				: 0px 0 30px 0;
}

.course_list {
	margin				: 0 0 20px 0;
}

.course_list .grand {
	font-weight			: bold;
	background			: #FFE4CE;
	padding				: 8px 0 8px 10px;
}
.course_list .list {
	margin				: 10px 15px 0 0px;
}
	.course_list .list ul li{
		background			: url(../blogparts/img_icon_c_yellow.gif) no-repeat 0 center;
		padding				: 0 0 0 18px;
		margin				: 0 0 8px 20px;
		display				: block;
		float				: left;
		word-break			: keep-all;
	}

/* ++++++++++++++++++++ 教室担当者の熱いメッセージ ++++++++++++++++++++ */
div.message_teacher {
	background			: url(../blogparts/img_school_message_line.jpg) no-repeat bottom;
}
	div.message_photo {
		float				: left;
		width				: 145px;
	}
	div.message_message {
		float				: rigth;
		padding-right		: 5px;
	}
		div.message_name {
			font-size			: 107%;
			padding-top			: 18px;
			font-weight			: bold;
		}
			div.message_name span {
				background			: url(../blogparts/img_school_message_arrow.jpg) no-repeat 0 center;
				padding-left		: 12px;
			}
		div.message_word {
			margin				: 10px 5px 5px 0;
		}
.Teache_box	{
	padding					: 20px 0 0 0;
}
.message_btn {
	margin					: 20px 0;
	text-align				: center;
}