@import"base.css";

/***** トップ限定のメニュー *****/

/**********************/
/*** メイン情報 START */
/**********************/
#me_main01{
	margin:0;
	padding:0;
	width:730px;
}

#header{
	background:url("../pic/header01.jpg") no-repeat;
}

/* H2タグ */
#me_h201{
	margin-bottom:10px;
}

h2#me_h202{
	height:50px;
	text-indent:-50000em;
	background:url("../pic/bg_toph201.jpg") no-repeat left top;
	margin-bottom:10px;
}

h2#me_h203{
	height:50px;
	text-indent:-50000em;
	background:url("../pic/bg_toph202.jpg") no-repeat left top;
	margin-bottom:10px;
}

h2#me_h204{
	height:40px;
	text-indent:-50000em;
	background:url("../pic/bg_toph203.jpg") no-repeat left top;
	margin-bottom:10px;
}

/* トップだけのサイド */

/* H3タグ */
#me_main01 h3{text-indent:-50000em;}


.me_infoarea01{
	width:710px;
	margin:0 0 10px;
	padding:0 10px;
	clear:both;
}

/*** 生徒・保護者の皆さまへ */
.me_schoolinfo{
	height:40px;
	background:url("../pic/bg_schoolinfo01.jpg") no-repeat left top;
	margin-bottom:10px;
	padding-top:32px;
}

.me_schoolinfo p{
	text-align:center;
	margin:0;
}
.me_schoolinfo a{font-size:13px;}

/*** コース案内 START */
.me_topmain01{
	width:520px;
	float:left;
	display:inline;
}

ul.me_course_ul{
	width:520px;
	height:180px;
	margin:0;
	padding:0;
}

.me_course_ul li{
	width:160px;
	height:130px;
	float:left;
	display:inline;
	padding:30px 0 0 10px;
	margin-right:5px;
	position:relative;
}
	
.me_course01{background:url("../pic/bg_course01.jpg") no-repeat left top;}
.me_course02{background:url("../pic/bg_course02.jpg") no-repeat left top;}
.me_course03{background:url("../pic/bg_course03.jpg") no-repeat left top;}
#me_nomargin{margin-right:0px;}

.me_course_ul p{
	font-size:12px;
	padding:0px;
}

p.me_tokuten01{
	text-align:center;
	margin:13px auto 0;
	padding:0px;
}
.me_tokuten01 a{color:#FF4967; text-decoration:underline;}
.me_tokuten01 a:hover{color:#77BBFF;}

p.me_tokuten{
	text-align:center;
	margin:2px auto;
	padding:0px;
}
.me_tokuten a{color:#FF4967; text-decoration:underline;}
.me_tokuten a:hover{color:#77BBFF;}


a.me_go_course01{
	font-size:12px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#0088FF;
}

.me_topmain02{
	width:180px;
	height:220px;
	float:right;
	display:inline;
}

.me_course04{
	width:180px;
	padding-top:15px;
	height:150px;
	background:url("../pic/bg_course04.jpg") no-repeat left top;
	position:relative;
}

.me_course04 p{
	font-size:12px;
	padding:0px 0 0 10px;
	margin:0px 0 1px 0 ;
}

#me_introlist li{
	margin:0 0 1px 0;
	padding:0;
	line-height:1.1em;
	padding-left:5px;
}

#me_introlist a{
	letter-spacing:-0.09em;
	font-size:12px;
	padding-left:20px;
	font-weight:600;
	color:#FF4967;
	background:url("../pic/bg_tpintrolist.gif") no-repeat left center;
	text-decoration:underline;
}
#me_introlist a:hover{color:#77BBFF;}

/******************************/
/***** ニュース情報 START *****/
/******************************/
/* 真中ニュースエリア */
#me_news{
	display:inlune;
	text-align:left;
	width:440px;
	height:180px;
	margin:0px  autoy 0 0;
	padding:0px;
/*	background-color:black;
	filter: alpha(opacity=50);
	opacity: 0.7;
	moz-opacity: 0.7;
*/
	overflow:auto;
	scrollbar-arrow-color:#0099FF;
	scrollbar-track-color: #EEEEEE;
	scrollbar-face-color: #C5E3FF;
	scrollbar-shadow-color: #C5E3FF;
	scrollbar-darkshadow-color: #BBBBBB;
	scrollbar-highlight-color: #C5E3FF;
	scrollbar-3dlight-color: #BBBBBB;
}

#me_news table{width:420px;margin:0 auto;}

#me_news td{
	padding:10px 10px 8px;
	border-bottom:1px solid #DDDDDD ;
	margin:0;
	color:#444444;
	vertical-align:top;
}

#me_news td,#me_news a{
	font-size:12px;
}

td.me_txtdate{
	width:90px;
	color:#0088FF;
}

/*** 新着情報  */
#me_newsdiv{
	width:440px;
	float:left;
	position:relative;
}

#me_newsdiv img{margin-top:13px;}


p#me_goichiran{
	position:absolute;
	right:17px;
	top:12px;
}

p#me_goichiran a{
	font-size:12px;
	color:#0088FF;
	text-decoration:underline;
}

#me_banner {
	width:255px;
	float:left;
}

#me_banner img{
	vertical-align:top;
}

#me_banner li{
	margin-bottom:10px;
	width:255px;
	height:70px;
}

li#me_bnblog{background:url("../pic/bg_tpblog.jpg") no-repeat left center;padding-top:35px;height:35px;}
#me_bnblog p{margin-left:50px;width:190px;}
#me_bnblog span{font-size:11px;display:block;font-weight:600;color:#0088FF;}
#me_bnblog a{font-size:14px;letter-spacing:-0.1em;line-height:1.1em;color:#444444;}
#me_bnblog a:hover{color:#0088FF;}