@charset "UTF-8";

/* original.css */

/* index
????????????????????????

	[0] 共通
	[1] main-flash
	[2] header
	―――――――――――――――
		├ logo
		├ h-navi
		├ search
		├ font-size
		├ g-navi
		└ banner-area

	[3] top-contents
	―――――――――――――――
		├ news
		│	├ news category
		│	├ news linkcolor
		│	├ other-news
		│	└ menu(一覧/RSS)
		└ challenge
			├ tab-challenge
			├ tab-inner
			└ menu(過去の問題)

	[4] sub-contents
	[5] side
	[6] footer-contents
	[7] footer

???????????????????????? */


/* ????????????????????????
	[] チャレンジ問題
???????????????????????? */
.challenge{
	float: right;
	width: 398px;
}

.challenge hr{
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px #ccc solid;
}


/* ????????????????????????
	[] 授業案内
???????????????????????? */

/* 授業案内トップ */
.lesson01{ background: url(/lesson/img/bg_lesson01.jpg) no-repeat top left; }/* 授業案内 */
.lesson02{ background: url(/lesson/img/bg_lesson02.jpg) no-repeat top left; }/* 春期講習 */
/* 100403　大谷追加 */
.lesson02-summer{ background: url(/lesson/img/bg_lesson02-summer.jpg) no-repeat top left; }/* 夏期講習 */
.lesson02-winter{ background: url(/lesson/img/bg_lesson02-winter.jpg) no-repeat top left; }/* 冬期講習 */
/* 追加ここまで */
.lesson03{ background: url(/lesson/img/bg_lesson03.jpg) no-repeat top left; }/* 通常授業 */
.lesson04{ background: url(/lesson/img/bg_lesson04.jpg) no-repeat top left; }/* Extreme */

/* h2 画像 */

h2.style-reset img{
	margin: 45px 0 15px 0;
}

.lesson01 h2.style-reset img,
.lesson02 h2.style-reset img,
/* 100403　大谷追加 */
.lesson02-summer h2.style-reset img,
.lesson02-winter h2.style-reset img,
/* 追加ここまで */
.lesson03 h2.style-reset img,
.lesson04 h2.style-reset img,
.lesson05 h2.style-reset img,
.lesson06 h2.style-reset img,
/* 100403　大谷追加 */
.lesson06-summer h2.style-reset img,
.lesson06-winter h2.style-reset img,
/* 追加ここまで */
.lesson07 h2.style-reset img,
.lesson08 h2.style-reset img{
	margin: 0;
}

.lesson01, .lesson02, .lesson02-summer, .lesson02-winter, .lesson03, .lesson04{
	display: inline-block;
	padding: 38px 25px 0 25px;
}

/* 学年トップ */
.lesson05{ background: url(/lesson/img/bg_lesson05.jpg) no-repeat top left; }/* 基本理念 */
.lesson06{ background: url(/lesson/img/bg_lesson06.jpg) no-repeat top left; }/* 春期講習 */
/* 100403　大谷追加 */
.lesson06-summer{ background: url(/lesson/img/bg_lesson06-summer.jpg) no-repeat top left; }/* 夏期講習 */
.lesson06-winter{ background: url(/lesson/img/bg_lesson06-winter.jpg) no-repeat top left; }/* 冬期講習 */
/* 追加ここまで */
.lesson07{ background: url(/lesson/img/bg_lesson07.jpg) no-repeat top left; }/* 通常授業 */
.lesson08{ background: url(/lesson/img/bg_lesson08.jpg) no-repeat top left; }/* Extreme */


.lesson05, .lesson06, .lesson06-summer, .lesson06-winter, .lesson07, .lesson08{
	display: inline-block;
	padding-top: 50px;
}


/* clearfix */
.lesson01:after,
.lesson02:after,
/* 100403　大谷追加 */
.lesson02-summer:after,
.lesson02-winter:after,
/* 追加ここまで */
.lesson03:after,
.lesson04:after,
.lesson05:after,
.lesson06:after,
/* 100403　大谷追加 */
.lesson06-summer:after,
.lesson06-winter:after,
/* 追加ここまで */
.lesson07:after,
.lesson08:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .lesson01,* html .lesson02,* html .lesson02-summer,* html .lesson02-winter,* html .lesson03,* html .lesson04,
* html .lesson05,* html .lesson06,* html .lesson06-summer,* html .lesson06-winter,* html .lesson07,* html .lesson08{
height: 1%;}
.lesson01, .lesson02, .lesson02-summer, .lesson02-winter, .lesson03, .lesson04,
.lesson05, .lesson06, .lesson06-summer, .lesson06-winter, .lesson07, .lesson08 {display: block;}
/* End hide from IE-mac */

/* 各科目ページへのリンク subject */
#main .subject{
<!--	position: absolute;	-->
	position: reltive;
	width: 618px;
	margin-top: 5px;
}

#main .subject dl{
	position: relative;
}

#main .subject dt,#main .subject dd{
float: left;
}

#main .subject dl.subject1{
	width: 170px;
	left: 448px;
}

#main .subject dl.subject2{
	width: 202px;
	left: 416px;
}

#main .subject dl.subject3{
	width: 234px;
	left: 384px;
}

#main .subject dl.subject4{
	width: 266px;
	left: 352px;
}

#main .subject dl.subject5{
	width: 298px;
	left: 320px;
}

#main .subject dl.subject6{
	width: 330px;
	left: 288px;
}


/* 中学数学総合案内 */
dl.config{
	clear: both;
	margin-top: 15px;
}

.config dt{
	float: left;
	margin-right: 15px;
	font-weight: bold;
	color: #004cc6;
}

/* 受講生の声 */
#voice{ display: inline-block; }

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

/* 100823大谷追加 ここから */

/* 講習総合案内お勧め講座 */
.intensive_recom_math, .intensive_recom_eng, .intensive_recom_chem, .intensive_recom_phys, .intensive_recom_bio, .intensive_recom_jpn {
	clear: both;
	padding: 5px 0px 5px 35px;
}

.intensive_recom_math {
	background: url(/lesson/img/bg-recom_math.gif) no-repeat top left;
}
.intensive_recom_eng {
	background: url(/lesson/img/bg-recom_eng.gif) no-repeat top left;
}
.intensive_recom_phys {
	background: url(/lesson/img/bg-recom_phys.gif) no-repeat top left;
}
.intensive_recom_chem {
	background: url(/lesson/img/bg-recom_chem.gif) no-repeat top left;
}
.intensive_recom_bio {
	background: url(/lesson/img/bg-recom_bio.gif) no-repeat top left;
}
.intensive_recom_jpn {
	background: url(/lesson/img/bg-recom_jpn.gif) no-repeat top left;
}

/* 100823 追加 ここまで */

/* Hides from IE-mac \*/
* html #voice {height: 1%;}
#voice {display: block;}
/* End hide from IE-mac */

#voice .box-left,
#voice .box-right{ margin-bottom: 20px; }

#voice .box-left h3,
#voice .box-right h3{ margin-top: 0; }


/* ????????????????????????
	[] SEGからお知らせ
???????????????????????? */

/* ????????????????????????
	[] よくあるご質問
???????????????????????? */

/* ----- list q-icon.gif に変更 ----- */

#main ul.questions li{
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
	background: url(/faq/img/q-icon.gif) no-repeat 3px 0.5em;
	border-bottom: #ccc dotted 1px;
}

/* ----- よくある質問　カテゴリー内一覧用ID　q-list ----- */

div#q-list{
	margin: 30px 0px;
	border-top: #004cc6 solid 3px;	
}

#q-list h4{
	margin-bottom: 10px;
	margin-left: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	background: url(/faq/img/q-icon.gif) no-repeat 3px 0.3em;
	border-bottom: #ccc dotted 1px;
	font-weight: normal;
}

#q-list .answer{
	padding: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
	background-color: #E4E4E4;
}

#q-list .answer .box-white{
	margin: 5px 0;
	padding: 8px;
}

/* ????????????????????????
	[] 受講生の声　合格者の声
???????????????????????? */

/* ----- 受講生の声 voice ----- */
#main div#voice .float-left,
#main div#voice .float-right{
	width: 47%;
}

#main #voice h4{
	background: none;
	padding: 0;
	border: none;
}

#main #voice h4 a:link,
#main #voice h4 a:visited{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
	border: #ccc solid 1px;
	background: #eeeeee url(/img/bg_point01.gif) left 0.5em no-repeat;
	text-decoration: none;
}

#main #voice h4 a:hover,
#main #voice h4 a:active{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
	border: #004cc6 solid 1px;
	background:  #d6ebf9 url(/img/bg_point01.gif) left 0.5em no-repeat;
}

#main #voice ul li{
	float: left;
	margin-right: 10px;
}

#main #voice ul.success li{
	width: 40%;
	padding-left: 15px;
	background: url(/img/icon01.gif) left center no-repeat;
}

/* ----- 一覧用クラス　.voice-list ----- */

dl.voice-list dt{
	margin-top: 30px;
	padding: 5px 0 3px 0;
	border-top: #004cc6 solid 3px;
	border-bottom: #ccc dotted 1px;
	font-weight: bold;
}

dl.voice-list dd{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ----- カテゴリ表示用クラス　category-list ----- */

#main ul.category-list li{
	float: left;
	width: auto;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding: 0;
	background: none;
	font-size: 85%;
}

ul.category-list li a:link,
ul.category-list li a:visited{
	display: block;
	padding: 0px 4px;
	background: #eee;
	border: #ccc solid 1px;
	color: #333;
	text-decoration: none;
}
ul.category-list li a:hover,
ul.category-list li a:active{
	display: block;
	padding: 0px 4px;
	background: #d6ebf9;
	border: #8dcaf2 solid 1px;
	color: #002d96;
}


/* ----- 詳細ページカテゴリ表示用クラス　d-category-list ----- */

#main #d-category-list{
	margin-bottom: 10px;
	padding: 3px 5px 3px 0;
	background-color: #eee;
	text-align:right;
}

#main #d-category-list li{
	display: inline;
	padding-left: 0;
	background: none;
}

#main #d-category-list li a:link,
#main #d-category-list li a:visited{
	padding: 0px 4px;
	background-color: #fff;
	border: #fff solid 1px;
	color: #333;
	font-size: 85%;
	text-decoration: none;
}
#main #d-category-list li a:hover,
#main #d-category-list li a:active{
	padding: 0px 4px;
	background-color: #eee;
	border: #ccc solid 1px;
	color: #002d96;
	font-size: 85%;
}

/* ????????????????????????
	[] SEGについて
???????????????????????? */

/* ----- SEGについて ----- */
.bg-about{
	margin-top: 10px;
	padding: 15px 0 0 15px;
	background: url(/about/img/bg_index01.gif) no-repeat top left;
}

/* ----- 講師紹介 ----- */

/* teacher-box */
#main .teacher-box{ clear: both; }
#main .teacher-box h4{ margin-top: 0px; }
.teacher-box .float-right{
	margin-bottom: 35px;
	width: 450px;
}

/* ----- 代表執筆/講演----- */
/* page-link */
#main ul.page-link{
	width: 618px;
	font-size: 93%;
}

#main ul.page-link li{
	float: left;
	width: 154px;
	margin: 0;
	padding: 0;
	background: none;
}

#main ul.page-link li a:link,
#main ul.page-link li a:visited,
#main ul.page-link li a:hover,
#main ul.page-link li a:active{
	display: block;
	width: 145px;
	margin-top: 2px;
	margin-left: 2px;
	padding: 5px 2px;
	border: #ccc solid 1px;
	color: #333;
	text-align: center;
	text-decoration: none;
}

#main ul.wl li a{
	margin-top: 30px !important;
	margin-bottom: 10px;
}

#main ul.page-link li a:link,
#main ul.page-link li a:visited{ background-color: #eee; }
#main ul.page-link li a:hover,
#main ul.page-link li a:active{ background-color: #d6ebf9; }

#main ul.page-link li.on a:link,
#main ul.page-link li.on a:visited,
#main ul.page-link li.on a:hover,
#main ul.page-link li.on a:active{
	border: #043989 solid 1px;
	background-color: #004cc6;
	color: #fff;
	text-decoration: none;
}

/* ????????????????????????
	[] 教育関連リンク
???????????????????????? */

/* ----- 3列float用クラス float3-list ----- */
#sub-contents #main ul.float3-list li{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 30%;
}

/* ----- 社会人スキルアップ用 address ----- */
address.box-blue{
	display: inline;
	margin-bottom: 10px;
	padding: 10px;
	background: #d6ebf9;
}

/* ????????????????????????
	[] イベント
???????????????????????? */

/* ----- イベントトップ table--- */
table.tbl-event{
	float: right;
	width: 70%;
	margin-bottom: 15px;
	margin-left: 20px;
}

/* ????????????????????????
	[] サイトマップ
???????????????????????? */

#sitemap .float-left{
	width: 45%;
	margin-right: 25px;
}

#sitemap h2{
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 7px 5px;
	background: #EFEFEF url(/sitemap/img/bg_h2.gif) bottom left no-repeat;
	border-bottom: none;
	font-size: 100%;
	font-weight: bold;
}

#sitemap a.pdf{ padding: 0 0 0 40px !important; }
#sitemap a.excel{ padding: 0 0 0 50px !important; }
#sitemap a.word{ padding: 0 0 0 50px !important; }
#sitemap a.ppt{ padding: 0 0 0 40px !important; }
#sitemap a.window{ padding: 0 0 3px 20px !important; }

/* news linkcolor */
#sitemap a:link,
#sitemap a:visited{
	padding: 2px;
	color: #333;
	text-decoration: none;
	text-decoration: underline;
}

#sitemap a:hover,
#sitemap a:active{
	padding: 0 2px;
	background-color: #d6ebf9;
	color: #004cc6;
	text-decoration: none;
}


/* ????????????????????????
	[] リョッピー世界をめぐる
???????????????????????? */

.ryoppy .box-left{
	width: 48%;
}