@charset "shift-jis";

/* index
-------------------------------------------------------*/

#mainimg{
	width:950px;
	margin:10px 4px 10px 4px;
}

/* Gakkanav
-------------------------------------------------------*/

#gakkanav ul{
	position:relative;
	zoom:1;
	margin-left:2px;
}
#gakkanav ul:after{
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#gakkanav ul li{
	float:left;
	height:86px;
	overflow:hidden;
}
#gakkanav ul li a{
	display:block;
	padding-top:100%;
}
#gakkanav ul li.gakkanav01{
	width:237px;
}
#gakkanav ul li.gakkanav01 a{
	width:237px;
	background:url(../img/gakkanav_01.jpg) no-repeat 0px 0px;
}
#gakkanav ul li.gakkanav02{
	width:236px;
}
#gakkanav ul li.gakkanav02 a{
	width:236px;
	background:url(../img/gakkanav_02.jpg) no-repeat 0px 0px;
}
#gakkanav ul li.gakkanav03{
	width:236px;
}
#gakkanav ul li.gakkanav03 a{
	width:236px;
	background:url(../img/gakkanav_03.jpg) no-repeat 0px 0px;
}
#gakkanav ul li.gakkanav04{
	width:237px;
}
#gakkanav ul li.gakkanav04 a{
	width:237px;
	background:url(../img/gakkanav_04.jpg) no-repeat 0px 0px;
}
#gakkanav ul li a:hover{
	background-position:0px -86px;
}

/* Contents
-------------------------------------------------------*/

#index .contents {
	padding:10px 20px 0px 20px;
}
#index .contents .maincont{
	width:600px;
	display:inline;
	margin-top:8px;
}
#index .contents .maincont h2{
	margin-bottom:5px;
}
#index .contents .maincont #topnews{
	margin-top:20px;
}
#index .contents .maincont #topnews #topnewsList{
	height:350px;
	overflow:auto;
}
#index .contents .maincont #topnews table{
	width:570px;
}
#index .contents .maincont #topnews table th,
#index .contents .maincont #topnews table td{
	background:url(../common/img/line_dot_x.gif) repeat-x left bottom;
	line-height:140%;
}
#index .contents .maincont #topnews table th{
	font-size:77%;
	color:#A37E53;
	padding:7px 35px 7px 10px;
}
#index .contents .maincont #topnews table td{
	padding:7px 0px;
	width:520px;
}
#index .contents .maincont #topnews table td strong{
	color:#774230;
}

#index .contents .maincont #blogfeed{
	margin-top:40px;
}

#index .contents .maincont #blogfeed p{
	font-size:77%;
	color:#A37E53;
	padding:10px 5px 10px 10px;
	background:url(../common/img/line_dot_x.gif) repeat-x left bottom;
}
#index .contents .maincont #blogfeed a{
	font-size:130%;
	padding-left:1.5em;
}


#index .contents .aside{
	width:280px;
}
#index .contents .aside #pickup{
	padding-bottom:7px;
	margin-bottom:5px;
	background:#FBEEDB url(../img/bg_pickup_btm.gif) no-repeat left bottom;
}
#index .contents .aside #pickupIn{
	padding-top:5px;
	background:url(../img/bg_pickup_top.gif) no-repeat left top;
}
#index .contents .aside #pickup h3{
	margin:0px 0px 12px 12px;
}
#index .contents .aside #pickup dl{
	position:relative;
	zoom:1;
	width:255px;
	margin-left:5px;
	padding:10px 7px;
	background:#fff;
	border-bottom:1px solid #E9CBA8;
}
#index .contents .aside #pickup dl:after{
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
*html #index .contents .aside #pickup dl{
	width:270px;
}

#index .contents .aside #pickup dl dt{
	width:165px;
	float:left;
	display:inline;
	margin-top:5px;
	font-size:77%;
}
#index .contents .aside #pickup dl dd{
	float:right;
	width:80px;
}

#index .contents .aside ul#topbnr li{
	margin-top:5px;
}

#index .contents .aside #topMB{
	background:url(../common/img/line_disc_x.gif) repeat-x left bottom;
	padding-bottom:10px;
	margin-top:20px;
} 
#index .contents .aside #topMB dl{
	position:relative;
	zoom:1;
	margin-top:4px;
}
#index .contents .aside #topMB dl:after{
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#index .contents .aside #topMB dl dt{
	float:left;
}
#index .contents .aside #topMB dl dd{
	float:left;
	display:inline;
	margin-left:10px;
	margin-top:5px;
}