@charset "shift_jis";
/* ========================================================
	css information

	file name  : style.css
1	style info : トップページのレイアウトおよびタグの設定・デザイン

   ======================================================== */

/*--------------------------------------------------------
	見出しタグ デザイン
 -------------------------------------------------------*/
h2{
	width:275px;
	height:30px;
	overflow:hidden;
	position:relative;
}
span.rss{
	width:22px;
	height:23px;
	position:absolute;
	top:5px;
	left:248px;
}
h3{
	width:500px;
	height:220px;
	overflow:hidden;
}
h4{
	width:520px;
	height:30px;
	overflow:hidden;
}
/*--------------------------------------------------------
	box_l dl デザイン
 -------------------------------------------------------*/
div.box_l dl{
	margin:0 auto;
	padding:0;
	width:260px;
	line-height:1.7em;
}
div.box_l dl dt{
	margin:10px 0 0 0;
	padding:0 0 0 40px;
}
.pta{
	background:url(../images/dl_pta.gif) no-repeat left;
}
.school{
	background:url(../images/dl_sch.gif) no-repeat left;
}
div.box_l dl dd{
	padding:0 0 0 40px;
	border-bottom:1px dotted #828282;
}
/*--------------------------------------------------------
	box_r dl デザイン
 -------------------------------------------------------*/
div.box_r dl{
	margin:0;
	padding:0;
	line-height:2.0em;
	border-bottom:1px dotted #828282;
}
div.box_r dl dt{
	clear:left;
	float:left;
	padding:10px 0 5px 0;
	width:90px;
}
div.box_r dl dd{
	padding:10px 0 5px 0;
	width:100%;
}
/*--------------------------------------------------------
	特殊pタグ デザイン
 -------------------------------------------------------*/
p.more_txt{
	margin:10px 10px 20px 0;
	padding:0 0 0 14px;
	height:15px;
	background:url(../images/li01.gif) no-repeat left;
	float:right;
}
p.more_rss{
	margin:10px 0 20px 0;
	width:275px;
	height:65px;
	overflow:hidden;
}
p.more_pic{
	margin:10px 0 20px 0;
	width:100px;
	height:15px;
	overflow:hidden;
	float:right;
}
/*--------------------------------------------------------
	中学生の皆さんへ デザイン
 -------------------------------------------------------*/
div.messe{
	clear:right;
	margin:0 auto;
	padding:0;
	width:517px;
	height:246px;
	background:url(../images/top_content2.jpg) no-repeat;
	position:relative;
}
div.messe h5{
	position:absolute;
	top:15px;
	left:15px;
	font-size:15px;
}
div.messe p.txt{
	position:absolute;
	top:80px;
	left:200px;
	width:300px;
}
div.messe p.bana{
	position:absolute;
	top:165px;
	left:200px;
	width:202px;
	height:44px;
	overflow:hidden;
}