/*------------------------------------------
	Main
------------------------------------------*/

/*------------------------------------------
	トップページ写真の配置設定
------------------------------------------*/


#main h1 {
	margin-bottom: 15px;
	height: 235px;
	width: 100%;
	background: url(../images/top/bg_img_top.jpg) no-repeat right top;
	background-color: #ACD9FA;
	color: #FFFFFF;
	position: relative;
}

/*------------------------------------------
	メイン写真の校名　上下位置設定
------------------------------------------*/
#main h1 img#siteName {
	position: absolute;
	margin-top: 0px;
}

	Main


#information {
	line-height: 1.2;
	overflow: hidden;
	width: 100%;
}

#information:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #information {
	height: 1em;
	overflow: visible;
}
/**/

#information a {
	color: #000000;
	background-color: #FFFFFF;
}

#information #topics {
	width: 49%;
	float: left;
}

#topics h2 {
	color: #FFFFFF;
	background-color: #A6A6A6;
	font-size: 100%;
	padding: 3px 8px;
	margin-bottom: 8px;
}

#topics dl {
	padding: 0px 20px;
}

#topics dt {
	display: list-item;
	list-style-type: disc;
	margin-bottom: 0px;
}

#topics dd {
	margin-bottom: 7px;
}

#topics dt.oldTopics {
	display: block;
	padding-left: 15px;
	margin-left: -15px;
	margin-top: 15px;
	background: url(../images/marker_01.gif) no-repeat left center;
}

#information #news {
	width: 49%;
	float: right;
}

#news ul {
	list-style: none;
	width: 100%;
}

#news ul li {
	/* 20160208 2-column style */
	display: block;
	float: left;
	width: 45%;
	border-top: 1px dotted #aaaaaa;
	padding: 10px 8px 10px 8px;
	margin:  0px 0px 0px -1px;

/*	clear: both;*/
        /* 20140728 The separater is unnessecary.*/
/*	background: url(../images/separator_01.gif) repeat-x center bottom;*/
/*	margin-bottom: 8px;
	padding-bottom: 9px;
	width: 100%;*/
}

#news ul li:nth-child(1){
	/* 20160208 2-column style */
	border-top: 1px none #aaaaaa;
}

#news ul li:nth-child(2){
	/* 20160208 2-column style */
	border-top: 1px none #aaaaaa;
}

#news ul li:nth-child(even){
	/* 20160208 2-column style */
	border-left: 1px dotted #aaaaaa;
}

#news ul li:nth-child(odd){
	/* 20160208 2-column style */
	border-right: 1px dotted #aaaaaa;
	clear: both;
}

#news ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#news ul li:after {
/*	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;*/
}

/*\*/
* html #news ul li {
	height: 1em;
	overflow: visible;
}
/**/

#news ul li img {
	display: block;
	display: inline;
	float: center;
/*	float: right;*/
	margin-left: 8px;
	/**/
}

#news h3 {
	color: #FFFFFF;
	background-color: #E78858;
	font-size: 100%;
	padding: 3px 8px;
	margin-bottom: 8px;
}

#news dl {
	padding: 0px 20px;
}

#news dt {
	display: list-item;
	list-style-type: disc;
	margin-bottom: 0px;
}

#news dd {
	margin-bottom: 7px;
}

#news dt.oldNews {
	display: block;
	padding-left: 15px;
	margin-left: -15px;
	margin-top: 15px;
	background: url(../images/marker_01.gif) no-repeat left center;
}

#mainButtons {
	margin-bottom: 15px;
	width: 100%;
}

#mainButtons li {
	list-style: none;
}

#mainButtons #mb01,
#mainButtons #mb02,
#mainButtons #mb03,
#mainButtons #mb04,
#mainButtons #mb05,
#mainButtons #mb06{
	font-size: 130%;
	font-weight: bold;
	border: 1px solid #CDCDCD;
	margin-bottom: 8px;
	background: url(../images/grade_01.gif) repeat-x left top;
}

#mainButtons #mb01,
#mainButtons #mb03,
#mainButtons #mb05{
	width: 49%;
	float: left;
}

#mainButtons #mb02,
#mainButtons #mb04,
#mainButtons #mb06{
	width: 49%;
	float: right;
}

/*\*/
* html #mainButtons #mb02,
* html #mainButtons #mb04,
* html #mainButtons #mb06{
	width: 50%;
}
/**/

#mainButtons #mb01 a,
#mainButtons #mb02 a,
#mainButtons #mb03 a,
#mainButtons #mb04 a,
#mainButtons #mb05 a,
#mainButtons #mb06 a{
	display: block;
	padding: 3px 6px 4px 120px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #000000;
	background-repeat: no-repeat;
	background-position: left top;
	white-space: nowrap;
	/*\*/
	overflow: hidden;
	/**/
}

/*\*/
* html #mainButtons #mb01 a,
* html #mainButtons #mb02 a,
* html #mainButtons #mb03 a,
* html #mainButtons #mb04 a,
* html #mainButtons #mb05 a,
* html #mainButtons #mb06 a{
	width: 100%;
}
/**/

#mainButtons #mb01 a {
	background-image: url(../images/top/btn_img_01.jpg);
}

#mainButtons #mb02 a {
	background-image: url(../images/top/btn_img_02.jpg);
}

#mainButtons #mb03 a {
	background-image: url(../images/top/btn_img_03.jpg);
}

#mainButtons #mb04 a {
	background-image: url(../images/top/btn_img_04.jpg);
}

#mainButtons #mb05 a {
	background-image: url(../images/top/btn_img_05.jpg);
}

#mainButtons #mb06 a {
	background-image: url(../images/top/btn_img_06.jpg);
}

#mainButtons #mb01 span,
#mainButtons #mb02 span,
#mainButtons #mb03 span,
#mainButtons #mb04 span,
#mainButtons #mb05 span,
#mainButtons #mb06 span{
	font-size: 60%;
	font-weight: normal;
}

#news ul #mb06:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#mainButtons #mb_end {
	clear: both;
	position: relative;
	font-size: 130%;
	font-weight: bold;
	border: 0px;
}

/*\*/
* html #mainButtons #mb_end {
	width: 100%;
}
/**/