<!-- ▼全般の初期化▼ -->
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin:0; padding:0;
}
fieldset,img{
	border:0;margin:0;
}
abbr,acronym{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:nomal;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
a{
	text-decoration:none;
	color:black;
}
<!-- ▲全般の初期化▲ -->

<!-- ▼全体要素▼ -->
body{
	background-color:#CCFFCC;
	font: 62.5% "Century Gothic",Arial,"メイリオ","ＭＳ Ｐゴシック",sans-serif;
	height:100%;
}
<!-- ▲全体要素▲ -->

<!-- ▼ラッピング▼ -->
#WRAP{	
	position:absolute;
	width:820px;
	height:900px;
	left:50%;
	margin-left:-400px;
	background-color:white;
	border-left:1px #666666 solid;
	border-right:1px #666666 solid;
	}
<!-- ▲ラッピング▲ -->


<!-- ▼トップエリア▼ -->
#TOP{
	width:800px;
	border-bottom:12px #336633 solid;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:5px;
}

#TOP img{
}

h1{	background:url(../img/title.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:60px;
}
<!-- ▲トップエリア▲ -->

<!-- ▼コンテンツエリア▼ -->
#CONTENTS{
	width:800px;
	margin-top:15px;
	margin-bottom:50px;
	margin-left:10px;
	margin-right:10px;
}
<!-- ▲コンテンツエリア▲ -->

<!-- ▼見出し▼ -->
h2{	
	font-size:30px;
	margin-bottom:10px;
	height:40px;
	color:black;
	font-weight:bold;
	text-indent:20px;
	line-height:40px;
	background:url(../img/h2_bak.jpg);
}

h3{	font-size:20px;
	font-weight:bold;
	line-height:1.5em;
	color:#FF6666;
}
<!-- ▲見出し▲ -->


<!-- ▼トップナビボタン▼ -->
#NAVI{
	display:block;
	width:800px;
}

#NAVI ul li{
	list-style-type:none;
	float:left;
	display:block;
	margin-right:1px;
}

#NAVI ul li a{
	font-size:12pt;
	letter-spacing:0em;
	text-indent:40px;
	line-height:48px;
	margin-right:1px;
	font-weight:bold;
	display:block;
	width:158px;height:50px;
	background:url(../img/tb_off.png);
	background-repeat:no-repeat;
}
#NAVI ul li a:hover{
	color:#ffff00;
	background:url(../img/tb_on.png);
}
<!-- ▲トップナビボタン▲ -->

<!-- ▼サイドナビボタン▼ -->
#SIDE{
	float:left;
	width:200px;
}

#SIDE a{
	display:block;
	margin:8px;
}

#SIDE a:hover{
	border:2px #FF3300 solid;
}

#SIDE a.bn:hover{
	border:none;
}
<!-- ▲サイドナビボタン▲ -->

<!-- ▼ニュース表示▼ -->
#NEWS{
	float:right;
	width:600px;
	margin-bottom:20px;
	background-color:white;
}
<!-- ▲ニュース表示▲ -->

<!-- ▼トップリスト▼ -->
#LIST{
	float:right;
	width:580px;
	height:300px;
	margin-bottom:50px;
	background-color:white;
	border:3px darkorange solid;
}
#LIST .title{
	display:block;
	width:150px;
	height:30px;
	line-height:38px;
	font-size:16pt;
	color:white;
	text-indent:20px;
	font-weight:bold;
	background-color:darkorange;
}

#LIST .line{
	display:block;
	width:580px;
	height:44px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
	line-height:46px;
	font-size:10px;
	text-indent:50px;
	border-bottom:1px #999999 dotted;
}

#LIST a{
	margin-left:2em;
	color:red;
}
<!-- ▲トップリスト▲ -->

<!-- ▼上部タグ▼ -->
#TAG{
	position:absolute;
	top:20px; right:80px;
}

#TAG ul li{
	float:left;
	list-style-type:none;
	font-size:12px;
	text-indent:20px;
}
#TAG ul li a{
	float:left;
	display:block;
	line-height:21px;
	padding:1px;
	margin-right:1px;
	background:url(../img/TAG_BT.GIF) no-repeat;
}
#TAG ul li a:hover{
	color:red;
}
<!-- ▲上部タグ▲ -->

<!-- ▼ホームボタン▼ -->
#HOME{
	position:absolute;
	top:15px; right:15px;
}

#HOME a{
	font-size:1em;
	display:block;
	width:50px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	color:black;
	margin-right:1px;
	background-image:url(../img/HOME.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#HOME a:hover{
	color:red;	
}


<!-- ▼他の学科へボタン▼ -->

div.GOTO a{
	font-size:12pt;
	color:white;
	display:block;
	width:300px;	
	height:40px;
	text-indent:50px;
	line-height:40px;
	margin-top:20px;
	background:url(../img/SUB_BAK.PNG) no-repeat;
}

div.GOTO a:hover{
	background:url(../img/SUB_BAK_ON.PNG) no-repeat;
	color:white;
}
<!-- ▲ホームボタン▲ -->

<!-- ▼フッタエリア▼ -->
#FOOT{
	height:30px;
	text-align:center;
	background-color:#336633;
}
address{
	padding-top:5px;
	font-size:8pt;
	color:white;	
}
<!-- ▲フッタエリア▲ -->

<!-- ▼テキストエリア▼ -->

.space{
	display:block;
	height:50px;
}

div.text_pac{
	float:right;
	width:600px;
}
a.A1{
	font-size:10pt;
	display:block;
	width:12em;
	margin:1em;
	color:red;
}
a.A1:hover{
	background-color:red;
	color:white;
}

div.text_a{
	float:right;
	width:580px;
	margin-left:5px;
	margin-right:5px;
	padding:10px;
	border:1px #336633 dashed;
	background-image:url(../img/text_bak.jpg);
	background-color:#CCFFCC;
}

.text01{
	font-size:12pt;
	line-height:20pt;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.text01 em{
	color:#FF0000;
	font-weight:bold;
}

.text01 img{
	border:3px #336633 solid;
	margin-right:1em;
}

.text02{
	font-size:10pt;
	padding-top:10px;
	padding-left:40px;
	padding-right:20px;
	padding-bottom:20px;
	margin:10px;
	line-height:20px;
	border:3px #336633 solid;
	background-color:white;	
}
.T1{
	font-size:16pt;
	font-weight:bold;
	text-indent:-20px;
}

.text02 ul{
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:20px;
}

.text02 img{
	border:1px #999999 solid;
	margin-right:1em;
}
.text02 em{
	color:#FF0000;
	font-weight:bold;
}
.text03{
	padding:10px;
	margin-bottom:20px;
}

.text03 em{
	color:red;
	font-weight:bold;
}

.text03 table{
	margin-left:30px;
	margin-bottom:15px;
	padding:0px;
		
}
.text03 tr.a{
	text-align:center;
	height:30px;
	background-color:#996666;
	color:white	
}
.text03 tr.b{
	text-align:center;
	height:50px;	
	background-color:#CCCCFF;
}
.text03 tr.c{
	text-align:center;
	height:50px;
	background-color:#FFCCCC;
}
.text03 td{
	padding:5px;
}
.text03 td.a{
	width:200px;
}
.text03 td.b{
	width:150px;
	
}

.text04{
	height:150px;
	font-size:10pt;
	line-height:1.5em;
	margin:10px;
	padding:10px;
	margin-bottom:10px;
	background:#FFFFCC;
	border-top:1px #CCCC33 solid;
	border-left:1px #CCCC33 solid;
	border-right:2px #666600 solid;
	border-bottom:2px #666600 solid;
}

.text04 em{
	color:red;
	font-weight:bold;
}

div.line1{
	font-size:10px;
	height:20px;
	line-height:20px;
	background-color:#FF9999;
	margin-right:20px;
	border-bottom:1px #993333 solid;
}
div.line2{
	font-size:10px;
	height:20px;
	line-height:20px;
	background-color:#9999FF;
	margin-right:20px;
	border-bottom:1px #333399 solid;
}

img.news{
	margin-left:50px;
	margin-bottom:20px;
	padding:10px;
	border:1px #333399 solid;
}

<!-- ▲テキストエリア▲ -->

<!-- ▼マーカー▼ -->
.new{
	background:url(../img/NEW.PNG) no-repeat;
	background-position:center right;
	padding-right:30px;
}

.symbol{
	background-image:url(../img/symbol01.jpg);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:300px;

}
<!-- ▲マーカー▲ -->


<!-- ▼学科css▼ -->
div.sbt{
	float:left;
	display:block;
	width:200px;
	height:50px;
	margin-top:20px;
	margin-left:20px;
	text-align:center;
	background:url(../img/subject/sub_off.png) no-repeat;
}

div.sbt em{
	font-size:20pt;
	font-weight:bold;
	line-height:50px;
}

a.sb:hover{
	display:block;
	color:white;
	background:url(../img/subject/sub_on.png) no-repeat;
}

div.clr{
	clear:both;
}

<!-- ▲学科css▲ -->

<!-- ▼声css▼ -->
div.voice{
	background-color:white;
	padding:2em;
	padding-bottom:3em;
	font-size:10pt;
	line-height:1.5em;
	margin-bottom:15px;
	border:1px #336633 solid;
}

div.voice img{
	float:left;
	margin-right:1em;
	border:1px #999999 solid;
}

.V1{
	font-size:16pt;
	font-weight:bold;
	line-height:20pt;
}

.V2{
	font-size:14pt;
	font-weight:bold;
	line-height:20pt;
	color:darkorange;
}

<!-- ▲声css▲ -->

<!-- ▼プライバシポリシ▼ -->
#PP{
	display:block;
	width:500px;
	font-size:10pt;

}

#PP strong{
	font-size:16pt;
}

#PP div.list{
	text-indent:-1em;
	margin-left:3em;
	margin-right:1em;
	margin-bottom:1em;
	
}

#PP div.text{
	text-indent:1em;
	margin-left:3em;
	margin-right:1em;
	margin-bottom:1em;
}

<!-- ▲プライバシポリシ▲ -->

<!-- ▼特待要項リスト▼ -->

ul.sp{
	list-style-type:disc;
}
ol.sp{
	list-style-type:decimal;
}
<!-- ▲特待要項リスト▲ -->


<!-- ▼FAQ▼ -->
.faqbox{
	margin-left:10px;
	margin-right:20px;
	padding:5px;
	background-color:CCCCFF;
	margin-bottom:20px;
}

.faqqes{
	margin-top:5px;
	margin-left:1em;
	font-size:20pt;
	font-color:#FF9999;
	margin-bottom:15px;
}

.ansbox{
	margin-left:10px;
	margin-right:10px;
	padding:10px;
	background-color:white;
	line-height:1.8em;
	margin-bottom:5px;
}
<!-- ▲FAQ▲ -->




<!-- ▼モバイルQR▼ -->
#QR{
	margin-top:8px;
	margin-left:10px;
	width:195px;
	border:5px #666666 solid;
}
<!-- ▲モバイルQR▲ -->

<!-- ▼学校▼ -->
#MK{
	float:right;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:50px;
	border:3px #999999 solid;
	font-size:16px;
	line-height:1.5em;
	padding:5px;
}
#MK em{
	font-size:18px;
	font-weight:bold;
}
<!-- ▲学校▲ -->

<!-- ▼体験入学▼ -->
#LT{
	float:left;
	width:560px;
	margin-left:20px;

}

#LT div.HL{
	line-height:2em;
	font-size:18px;
	font-weight:bold;
}
#LT div.HLSP{
	line-height:2em;
	font-size:18px;
	font-weight:bold;
	color:white;
	background-color:red;
	text-indent:1em;
}

#LT div.HL2{
	line-height:3em;
	font-size:18px;
	font-weight:bold;
}
#LT div.HL2 em{
	color:red;
}

#LT div.title{
	line-height:1.2em;
	font-size:14px;
	font-weight:bold;
	color:#FF3333;
}

#LT div.CL{
	clear:both;
	height:10px;
}

#LT div.item{
	float:left;
	line-height:24px;
	width:11em;
	height:24px;
	text-align:center;
	font-size:14px;
	border:1px #336633 solid;
	background-color:#66CC66;
}
#LT input{
	float:left;
	height:26px;
	border:1px #336633 solid;
	line-height:24px;
	text-indent:1em;
}
#LT select option{
	float:left;
	border:1px #336633 solid;
	text-align:center;
	line-height:24px;
}<!-- ▲体験入学▲ -->