<!-- ▼全般の初期化▼ -->
*{ 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:#FFCCFF;
	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;
	height:200px;
}

h1{	background:url(../img/koumei.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	height:60px;
}
<!-- ▲トップエリア▲ -->


<!-- ▼見出し▼ -->
h2{	
	font-size:30px;
	margin-bottom:10px;
	height:55px;
	color:white;
	text-indent:20px;
	line-height:55px;
	background:url(../img/title_back01.PNG);
	background-repeat:no-repeat;
}

h3{	font-size:20px;
	font-weight:bold;
	line-height:1.5em;
	color:#FF6666;
}
h4{	font-size:20px;
	font-weight:bold;
	line-height:1.5em;
	color:white;
	background-color:#cc0000;
	text-indent:20px;
}
<!-- ▲見出し▲ -->


<!-- ▼トップナビボタン▼ -->
#NAVI{
	margin-left:110px;
}

#NAVI ul li{
	float:left;
	list-style-type:none;
}
#NAVI ul li a{
	float:left;
	display:block;
	color:yellow;
	width:115px;height:50px;
	font-size:10pt;
	letter-spacing:0em;
	text-indent:16px;
	line-height:36px;
	margin-right:1px;
	background:url(../img/TOP_NAVI_ON.png);
	background-repeat:no-repeat;
}
#NAVI ul li a:hover{
	color:red;
	background:url(../img/TOP_NAVI_AC.png);
}
<!-- ▲トップナビボタン▲ -->

<!-- ▼サイドナビボタン▼ -->
#SIDE{
	float:right;
	width:200px;
}

#SIDE ul li{
	list-style-type:none;
	font-size:16px;
	width:195px;
	height:50px;
	margin-left:10px;
	margin-bottom:2px;
}
#SIDE ul li a{
	color:white;
	display:block;
	width:195px;
	height:50px;
	font-weight:bold;
	line-height:36px;
	text-indent:15px;
	background-image:url(../img/SIDE.PNG);
}
#SIDE ul li a:hover{
	color:yellow;
	background-image:url(../img/SIDE_ON.PNG);
}
<!-- ▲サイドナビボタン▲ -->

<!-- ▼コンテンツエリア▼ -->
#CONTENTS{
	width:820px;
	height:600px;
	margin-top:20px;
	margin-bottom:50px;
	padding-left:10px;
	padding-right:10px;
}
<!-- ▲コンテンツエリア▲ -->

<!-- ▼ニュース表示▼ -->
#NEWS{
	float:left;
	width:580px;
	height:420px;
	margin-bottom:2px;
	background-color:white;
}
<!-- ▲ニュース表示▲ -->

<!-- ▼コース別ナビエリア▼ -->
#SUBIMG{
	clear:both;
	width:800px;
	margin-top:10px;
	border-top:1px #666666 solid;
	border-bottom:1px #666666 solid;
}

div.box1{
	float:left;
	width:157px;
	height:90px;
}
<!-- ▲コース別ナビエリア▲ -->


<!-- ▼上部タグ▼ -->
#TAG{
	clear:both;
	position:absolute;
	top:20px; right:60px;
}

#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.GIF);
	background-repeat:no-repeat;
	background-position:center center;
}

#HOME a:hover{
	color:red;	
}

<!-- ▼ホームボタン2▼ -->
#HOME2{
	position:absolute;
	top:263px; left:10px;
}

#HOME2 a{
	font-size:10pt;
	font-weight:bold;
	display:block;
	width:98px;
	height:50px;
	color:white;
	line-height:36px;
	text-indent:5px;
	margin-right:1px;
	background-image:url(../img/HOME2.PNG);
}

#HOME2 a:hover{
	background-image:url(../img/HOME2_ON.PNG);
	color:yellow;	
}
<!-- ▲ホームボタン2▲ -->

<!-- ▼他の学科へボタン▼ -->

div.GOTO a{
	font-size:12pt;
	color:white;
	display:block;
	width:360px;	
	height:40px;
	text-indent:50px;
	line-height:40px;
	margin-top:20px;
	background:url(../img/SUB_BAK.gif) no-repeat;
}

div.GOTO a:hover{
	background:url(../img/SUB_BAK_ON.gif) no-repeat;
	color:white;
}
<!-- ▲ホームボタン▲ -->

<!-- ▼フッタエリア▼ -->
#FOOT{
	height:30px;
	text-align:center;
	background-color:#ff6666;
}
address{
	padding-top:5px;
	font-size:8pt;
	color:white;	
}
<!-- ▲フッタエリア▲ -->

<!-- ▼テキストエリア▼ -->
div.text_a{
	float:left;
	width:580px;
	margin-left:5px;
	border-right:1px #666666 solid;
}
div.text_a strong{
	font-size:200%;
	color:#FF0000;
}

.text01{
	padding:15px;
	margin-right:20px;
	line-height:1.5em;
	border-top:2px #999999 solid;
	border-left:2px #999999 solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
	margin-bottom:18px;
}

.text01 em{
	color:#FF6666;
	font-size:20px;
	font-weit:bold;
	text-indent:20px;
	line-height:26px;
}

.text01 a{
	color:white;
	display:block;
	width:360px;
	height:40px;
	font-weight:bold;
	font-size:22px;
	text-indent:50px;
	line-height:40px;
	margin-left:10px;
	background:url(../img/SUB_BAK.gif) no-repeat;
}

.text01 a:hover{
	background:url(../img/SUB_BAK_ON.gif) no-repeat;
}

.text01 a.DL{
	color:black;
	font-weight:bold;
	font-size:12px;
	text-indent:50px;
	line-height:1.5empx;
	margin-left:10px;
}

.text01 a.DL:hover{
	color:white;
}


.text01 ul li{
	list-style-type:none;
	margin-top:10px;
	margin-bottom:1px;
}



.text02{
	padding:5px;
	margin-left:20px;
	margin-right:10px;
	line-height:1.5em;
	margin-bottom:15px;
}

.text02 h4{
	font-size:120%;
	font-weight:bold;
	margin:5px 0;
}

.text02 img{
	margin-right:10px;
	padding:10px;
	border:1px #999999 solid;
}

.text02 ul li{
	font-size:12pt;
	line-height:1.5em;
	margin-left:20px;
	text-indent:1em;
}

.text02 ul li a:hover{
	color:red;
	font-weight:bold;
}


.text02 em{
	font-size:12pt;
	font-weight:bold;
	background-color:yellow;
	line-height:1.5em;
	text-indent:2em;
}

.text03{
	font-size:9pt;
	float:left;
	width:182px;
	padding:5px;
	margin-right:8px;
	line-height:1.2em;
	border-right:1px #999999 dotted;
	margin-bottom:18px;
}

.text04{
	font-size:10pt;
	line-height:1.5em;
	margin-left:50px;
	padding-right:1em;
	padding-left:1em;
	margin-bottom:10px;
}

.text04 a{
	color:white;
	display:block;
	width:360px;
	height:40px;
	font-weight:bold;
	font-size:22px;
	text-indent:50px;
	line-height:40px;
	margin-left:10px;
	background:url(../img/SUB_BAK.gif) no-repeat;
}

.text04 a:hover{
	background:url(../img/SUB_BAK_ON.gif) no-repeat;
}

.text05{
	font-size:10pt;
	float:left;
	width:560px;
	padding:10px;
	margin:10px;
	line-height:1.5em;
	border:3px darkorange solid;
	margin-bottom:20px;
}

.text05 a{
	color:red;
}

.text05 a:hover{
	color:white;
	background-color:#FF0000;
}

.text05 em{
	color:red;
	font-weight:bold;
}


.text06{
	height:200px;
	padding:5px 5px;
	margin:20px 20px;
	line-height:1.5em;
	border-top:2px #999999 solid;
	border-left:2px #999999 solid;
	border-right:1px #999999 solid;
	border-bottom:1px #999999 solid;
}

.text06 img{
	float:left;
	margin:0 5px;
	padding:3px;
	border:1px solid #dddddd; 

}

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;
}

span.coution{
	font-size:10px;
	color:red;
}

<!-- ▲テキストエリア▲ -->

<!-- ▼マーカー▼ -->
.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.tex1{
	text-indent:1em;
	background-color:#ffffcc;
	font-size:11pt;
	padding:6px;
	margin-bottom:50px;
}

div.tex1 li{
	list-style-type:none;
	margin-bottom:2px;
}

div.tex1 li a{
	background-color:#FF0000;
	color:white;
}

div.tex1 li a:hover{
	color:yellow;
}

div.tex1 img{
	float:left;
}
<!-- ▲学科css▲ -->

<!-- ▼声css▼ -->
div.voice{
	height:250px;
	margin-right:20px;
	background-color:#FFCCCC;
	padding:1em;
	line-height:1.5em;
	margin-bottom:15px;
}

div.voice img{
	float:left;
	margin-right:1em;
}

.vtext{
	margin-left:150px;
}


div.voice div.t{
	font-weight:bold;
	font-size:16pt;
	line-height:1.2em;
	color:#333333;
}

div.voice div.prf{
	font-size:11pt;
	line-height:1.2em;
	margin-bottom:5px;
}

div.voice div.c{
	margin-left:140px;
	text-indent:1em;
	line-height:1.2em;
	font-size:10pt;
}

<!-- ▲声css▲ -->

<!-- ▼プライバシポリシ▼ -->
#PP{
	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;
}
ul.sp em{
	color:#FF0000;
	font-weight:bold;
}
<!-- ▲特待要項リスト▲ -->


<!-- ▼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;
	border-right:1px #666666 solid;

}

#LT div.HL{
	line-height:2em;
	font-size:18px;
	font-weight:bold;
}
#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:#993333;
}

#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 darkorange solid;
	background-color:darkorange;
}
#LT input{
	float:left;
	height:26px;
	border:1px darkorange solid;
	line-height:24px;
	text-indent:1em;
}
#LT select option{
	float:left;
	border:1px darkorange solid;
	text-align:center;
	line-height:24px;
}

#LT em{
	color:red;
	font-weight:bold;
}

#LT div.title_sp{
	line-height:1.5em;
	font-size:18px;
	font-weight:bold;
	color:#FF3333;
}


#LT div.item_sp{
	float:left;
	line-height:24px;
	width:15em;
	height:24px;
	text-align:center;
	font-size:14px;
	color:white;
	border:1px darkorange solid;
	background-color:red;
}

<!-- ▲体験入学▲ -->