@charset "Shift_JIS";

/*--------------------------------------------------------------------
index.html(ＴＯＰページ)
top.css
--------------------------------------------------------------------*/
/*--------------------------------------------------------------------メイン画像*/
div#TopImg {
	width: 100%;
	height: 320px;
	background: url(../../img/top/title.jpg) no-repeat center top;
	margin: 0 auto;
}

div#TopImg * {
	display: none;
}

/*--------------------------------------------------------------------コンテンツ内容*/
div#InMain {
	width: 920px;
	margin: 0 auto;
}

/*-----------------------------------授業紹介*/
div#InMain ul#SchoolMenu {
	list-style: none;
}

div#InMain ul#SchoolMenu li {
	width: 920px;
	height: 150px;
	margin: 25px 0;
}

div#InMain ul#SchoolMenu li h2,
div#InMain ul#SchoolMenu li p {
	display: none;
}

div#InMain ul#SchoolMenu li a {
	display: block;
	width: 920px;
	height: 150px;
	text-align: left;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain ul#SchoolMenu li#ScMBtnA a {
	background: url(../../img/top/scmbtna.jpg) no-repeat 0 0;
}

div#InMain ul#SchoolMenu li#ScMBtnB a {
	background: url(../../img/top/scmbtnb.jpg) no-repeat 0 0;
}

div#InMain ul#SchoolMenu li#ScMBtnC a {
	background: url(../../img/top/scmbtnc.jpg) no-repeat 0 0;
}

div#InMain ul#SchoolMenu li#ScMBtnA a:hover {
	background: url(../../img/top/scmbtna.jpg) no-repeat 0 -150px;
}

div#InMain ul#SchoolMenu li#ScMBtnB a:hover {
	background: url(../../img/top/scmbtnb.jpg) no-repeat 0 -150px;
}

div#InMain ul#SchoolMenu li#ScMBtnC a:hover {
	background: url(../../img/top/scmbtnc.jpg) no-repeat 0 -150px;
}

/*-----------------------------------現在募集中の講座カリキュラム*/
div#InMain div#CurriculumDL {
	width: 895px;
	margin: 25px auto;
	padding: 0 0 0 25px;
	background: url(../../img/top/curriculum_bg.gif) no-repeat left top;
}

div#InMain div#CurriculumDL h2 {
	height: 19px;
	background: url(../../img/top/curriculum_t.gif) no-repeat left top;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#CurriculumDL div {
	height: 130px;
	margin: 10px 0 0 0;
	overflow: auto;
}

div#InMain div#CurriculumDL table {
	width: auto;
	margin: 0;
	border-collapse: collapse;
	border: 0 none;
}

div#InMain div#CurriculumDL table tr th {
	height: 30px;
	padding: 0 20px 5px 0;
	border: 0 none;
	text-align: left;
	vertical-align: middle;
}

div#InMain div#CurriculumDL table tr td {
	padding: 0 0 2px 0;
	border: 0 none;
	text-align: left;
	vertical-align: middle;
}

div#InMain div#CurriculumDL table tr td strong {
	display: block;
	margin: 8px 0 0 0;
	float: left;
	font-size: 120%;
	font-weight: bold;
	color: #f00;
}

div#InMain div#CurriculumDL table tr td a {
	display: block;
	width: 122px;
	height: 37px;
	float: left;
	margin: 0 15px 0 auto;
	background: url(../../img/inquiry/dl_b.jpg) no-repeat left top;
	text-decoration: none;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#CurriculumDL table tr td a:hover {
	background: url(../../img/inquiry/dl_b.jpg) no-repeat left bottom;
}


/*-----------------------------------お知らせ・更新情報*/
div#InMain div#InfoNews {
	width: 920px;
	margin: 25px auto;
}

div#InMain div#InfoNews:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

div#InMain div#InfoNews ul {
	list-style: none;
	height: 103px;
	margin: 10px 0 0 0;
	overflow: auto;
}

div#InMain div#InfoNews ul li {
	margin: 3px 10px 3px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dashed #ddd;
}

/*---------------お知らせ*/
div#InMain div#InfoNews div#Info {
	width: 425px;
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../../img/top/info_bg.gif) no-repeat left top;
	float: left;
}

div#InMain div#InfoNews div#Info h2 {
	height: 19px;
	background: url(../../img/top/info_t.gif) no-repeat left top;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#InfoNews div#Info ul li strong {
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #d60000;
}

div#InMain div#InfoNews div#Info ul li a {
	text-decoration: underline;
	color: #2e2e2e;
}

div#InMain div#InfoNews div#Info ul li a:hover {
	text-decoration: none;
}

/*---------------更新情報*/
div#InMain div#InfoNews div#News {
	width: 425px;
	margin: 0;
	padding: 0 0 0 25px;
	background: url(../../img/top/news_bg.gif) no-repeat left top;
	float: right;
}

div#InMain div#InfoNews div#News h2 {
	height: 19px;
	background: url(../../img/top/news_t.gif) no-repeat left top;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#InfoNews div#News ul li strong {
	display: block;
	font-weight: normal;
	font-style: normal;
	color: #1f3dff;
}

div#InMain div#InfoNews div#News ul li a {
	text-decoration: underline;
	color: #2e2e2e;
}

div#InMain div#InfoNews div#News ul li a:hover {
	text-decoration: none;
}

/*-----------------------------------コース内容*/
div#InMain div#Course {
	width: 920px;
	margin: 25px auto;
}

div#InMain div#Course:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

/*---------------コース名一覧*/
div#InMain div#Course div#Name {
	width: 410px;
	margin: 0;
	float: left;
}

div#InMain div#Course div#Name ul:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

div#InMain div#Course div#Name ul li {
	list-style: none;
	width: 386px;
	height: 117px;
	margin: 0 0 13px 0;
	float: left;
}

div#InMain div#Course div#Name ul li a {
	display: block;
	width: 386px;
	height: 117px;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#Course div#Name ul li#CNMBtnA a {
	background: url(../../img/top/trmbtna.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Name ul li#CNMBtnB a {
	background: url(../../img/top/trmbtne.jpg) no-repeat 0 0;
}

/*div#InMain div#Course div#Name ul li#CNMBtnC a {
	background: url(../../img/top/trmbtnc.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Name ul li#CNMBtnD a {
	background: url(../../img/top/trmbtnd.jpg) no-repeat 0 0;
}*/

div#InMain div#Course div#Name ul li#CNMBtnA a:hover {
	background: url(../../img/top/trmbtna.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Name ul li#CNMBtnB a:hover {
	background: url(../../img/top/trmbtne.jpg) no-repeat 0 -117px;
}

/*div#InMain div#Course div#Name ul li#CNMBtnC a:hover {
	background: url(../../img/top/trmbtnc.jpg) no-repeat 0 -188px;
}

div#InMain div#Course div#Name ul li#CNMBtnD a:hover {
	background: url(../../img/top/trmbtnd.jpg) no-repeat 0 -188px;
}*/

/*---------------コース名一覧*/
div#InMain div#Course div#Spec {
	width: 504px;
	margin: 0;
	float: right;
}

div#InMain div#Course div#Spec ul:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

div#InMain div#Course div#Spec ul li {
	list-style: none;
	width: 252px;
	height: 117px;
	margin: 0 0 13px 0;
	float: left;
}

div#InMain div#Course div#Spec ul li a {
	display: block;
	width: 252px;
	height: 117px;
	text-align: left;
	text-indent: -99999px;
	overflow: hidden;
}

div#InMain div#Course div#Spec ul li#SpMBtnA a {
	background: url(../../img/top/ohmbtna.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnB a {
	background: url(../../img/top/ohmbtnb.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnC a {
	background: url(../../img/top/ohmbtnc.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnD a {
	background: url(../../img/top/ohmbtnd.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnE a {
	background: url(../../img/top/ohmbtne.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnF a {
	background: url(../../img/top/ohmbtnf.jpg) no-repeat 0 0;
}

div#InMain div#Course div#Spec ul li#SpMBtnA a:hover {
	background: url(../../img/top/ohmbtna.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Spec ul li#SpMBtnB a:hover {
	background: url(../../img/top/ohmbtnb.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Spec ul li#SpMBtnC a:hover {
	background: url(../../img/top/ohmbtnc.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Spec ul li#SpMBtnD a:hover {
	background: url(../../img/top/ohmbtnd.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Spec ul li#SpMBtnE a:hover {
	background: url(../../img/top/ohmbtne.jpg) no-repeat 0 -117px;
}

div#InMain div#Course div#Spec ul li#SpMBtnF a:hover {
	background: url(../../img/top/ohmbtnf.jpg) no-repeat 0 -117px;
}