/* --------------------------------------------------------------------------
  目次（トップページcss）
  1.mainimgArea
  2.ContentsArea
  3.pickup,news
-------------------------------------------------------------------------- */

/* toppage mainimgArea */

div#MainimgArea{
	width:930px;
	height:334px;
	margin:0px 10px;
	background: url(../../images/mainimg_bg.gif) no-repeat 0 0;
}

div#MainimgArea #imgbox{
	width:654px;
	height:322px;
	float:left;
	margin:6px 0px 6px 6px;
	padding:0;
	_margin-left:3px;
}




/* ContentsArea */



div#ContentsArea #leftbox{
	width:647px;
	float:left;
	text-align:left;
}

/* pickup */

div#ContentsArea #leftbox #pickup01{
	width:647px;
	background: url(../../images/pickup_bg.gif) repeat-y;
}

div#ContentsArea #leftbox #pickup01 #pickup02{
	width:647px;
	background: url(../../images/pickup_b.gif) no-repeat bottom;
	padding-bottom:8px;
}

div#ContentsArea #leftbox #pickup01 #pickup02 h2{
	margin-bottom:7px;
}

div#newculbox{
	width:615px;
	margin-left:15px;
	float:left;
	margin-bottom:5px;
	_margin-left:10px;/*ie6*/
}
/* 2009/10/13追加*/
div#newculbox h3{
	margin:0px;
	color:#000000;
	font-size:80%;
	background: url(../img/topics_title_bg.gif) no-repeat left center;
	height:31px;
	padding-left:30px;
	padding-top:7px;
	border:none;
	_margin-bottom:10px;
}

div#newculbox h3 a{
	color:#aa7f27;
	text-decoration:none;
	border-bottom: 1px dotted #aa7f27;
}

div#newculbox h3 a:hover{
	color:#aa7f27;
	text-decoration:none;
	border-bottom: 1px dotted #FFF;
}


div#newculbox ul.list{
	text-align:left;
	padding-left:10px;
	margin-bottom:10px;
	
	}

div#newculbox ul.list li{
	background: url(../img/b_arrow.gif) no-repeat left 0.6em;
	padding-left:12px;
	font-size:80%;
	color:#2e2e2e;
	line-height:170%;
}


div#newculbox ul.list li a{
	color:#aa7f27;
	text-decoration:none;
	border-bottom: 1px dotted #aa7f27;
}

div#newculbox ul.list li a:hover{
	color:#aa7f27;
	text-decoration:none;
	border-bottom: 1px dotted #FFF;
}

div#vanbox{
	width:250px;
	height:112px;
	background: url(../../images/pickup_line.gif) no-repeat right;
	float:left;
	margin-left:10px;
	_margin-left:5px;
}

div.img{
	height:81px;
	margin-right:10px;
	float:left;
	display:block;
}

div.txt{
	float:left;
	margin-bottom:5px;
	display:block;
}


/* game */
div#ContentsArea #leftbox #pickup01 #pickup02 #gamebox{
	width:365px;
	float:right;
	margin-right:10px;
	_margin-right:5px;
}


div#ContentsArea #leftbox #pickup01 #pickup02 #gamebox #game01{
	width:157px;
	float:left;
}

div#ContentsArea #leftbox #pickup01 #pickup02 #gamebox #game02{
	width:157px;
	float:left;
	margin-left:20px;
}

div.bt_game{
	float:left;
	width:82px;
	height:11px;
}

div.bt_game ul{
	width: 82px;
	height: 11px;
	font-size: 0.625em;
	margin:0;
	padding:0;
}

div.bt_game ul li{
	width:82px;
	height:11px;
	padding:0;
	margin: 0;
	list-style: none;
	_display: inline;	/* IE6 */
}

*:first-child+html div.bt_game ul li{
	display: inline;
}

	
div.bt_game ul li.bt_game a{width: 82px;height: 11px;}


div#ContentsArea #leftbox #pickup01 #pickup02 #gamebox #newsystem{
	width:355px;
	float:left;
}




/* news */

div#ContentsArea #leftbox #news01{
	width:647px;
	background: url(../../images/pickup_bg.gif) repeat-y;
	margin:15px 0px;
}

div#ContentsArea #leftbox #news01 #news02{
	width:647px;
	background: url(../../images/pickup_b.gif) no-repeat bottom;
	padding-bottom:20px;
}

div#ContentsArea #leftbox #news01 #news02 h2{
	margin-bottom:7px;
}

div#newsbox{
	width:300px;
	margin-left:20px;
	float:left;
	margin-bottom:5px;
	_margin-left:10px;
}

div#newsbox ul.news{
	text-align:left;
	
	}

div#newsbox ul.news li{
	background: url(../img/g_arrow.gif) no-repeat left 0.6em;
	padding-left:15px;
	font-size:80%;
	color:#2e2e2e;
	line-height:170%;
}

div#newsbox ul.news li span{
	margin-right:5px;
	font-size:85%;
}

div#newsbox ul.news li a{
	color:#5aaf42;
	text-decoration:none;
	border-bottom: 1px dotted #5aaf42;
}

div#newsbox ul.news li a:hover{
	color:#4f9f39;
	text-decoration:none;
	border-bottom: 1px dotted #FFFFFF;
}


div#newsbox02{
	width:300px;
	margin-right:15px;
	float:right;
	margin-bottom:5px;
	_margin-right:10px;
}

div#newsbox02 ul.news{
	text-align:left;
	
	}

div#newsbox02 ul.news li{
	background: url(../img/g_arrow.gif) no-repeat left 0.6em;
	padding-left:15px;
	font-size:80%;
	color:#2e2e2e;
	line-height:170%;
}

div#newsbox02 ul.news li span{
	margin-right:5px;
	font-size:85%;
}

div#newsbox02 ul.news li a{
	color:#5aaf42;
	text-decoration:none;
	border-bottom: 1px dotted #5aaf42;
}

div#newsbox02 ul.news li a:hover{
	color:#4f9f39;
	text-decoration:none;
	border-bottom: 1px dotted #FFFFFF;
}


div#newsbox h3{
	margin:10px 0px 10px;
	
	}
	
div#newsbox02 h3{
	margin:10px 0px 10px;
	
	}

div.bt_backnumber{
	float:left;
	width:131px;
	height:12px;
	margin-left:10px;
	margin-top:5px;
}

div.bt_backnumber ul{
	width: 131px;
	height: 12px;
	font-size: 0.625em;
	margin:0;
	padding:0;
}

div.bt_backnumber ul li{
	width:131px;
	height:12px;
	padding:0;
	margin: 0;
	list-style: none;
	_display: inline;	/* IE6 */
}




/* right contents */


div#ContentsArea #rightbox{
	width:258px;
	float:right;
}


/* kaseimanabi */
div#ContentsArea #rightbox #curriculumArea{
	width:258px;
	height:195px;
	background: url(../../images/bg_curriculum.gif) no-repeat;
	margin-bottom:10px;
	}

div#ContentsArea #rightbox #curriculumArea #currdbox{
	width:246px;
	margin:0px 6px;
	padding-top:6px;
}

div.bt_curriculum{
	text-align:right;
	height:12px;
	margin-right:15px;
	margin-top:8px;
}


/* Address */

div#ContentsArea #rightbox #addressArea{
	width:258px;
	height:208px;
	background: url(../../images/bg_address.gif) no-repeat;
	margin-bottom:10px;
}

div#ContentsArea #rightbox #addressArea #addbox{
	width:246px;
	margin:0px 6px;
	padding-top:6px;
}


div.bt_address{
	float:left;
	width:82px;
	height:11px;
	margin-left:10px;
	margin-top:5px;
}

div.bt_address ul{
	width: 115px;
	height: 12px;
	font-size: 0.625em;
	margin:0;
	padding:0;
}

div.bt_address ul li{
	width:115px;
	height:12px;
	padding:0;
	margin: 0;
	list-style: none;
	_display: inline;	/* IE6 */
}

*:first-child+html div.bt_address ul li{
	display: inline;
}
	
div.bt_address ul li.bt_address a{width: 115px;height: 12px;}

/* banner */

div#bannerArea{
	width:258px;
	margin:10px 0px;
}

div#bannerArea img{
	margin-bottom:10px;
}

div#bannerArea02{
	width:258px;
	text-align:center;
	background: url(../img/bn_line.gif) no-repeat top;
	padding-top:10px;
	
	}

div#bannerArea02 img{
	margin-bottom:10px;
}

/* footer banner */

div#bannerArea03{
	width:647px;
	margin:auto;
	padding-bottom:10px;
	text-align:left;
}

div#bannerArea03 h2{
	background:url(../../images/ttl_gakugai02.gif) no-repeat;
	width:647px;
	height:31px;
	text-align:left;
	text-indent:-9999px;
	
	}

div#bannerArea03 img{
	margin:10px 0px 15px 10px;
}


