@charset "utf-8";

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

 file name  :index.css

 style info :トップページ

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

/*--- main ---------------------------------------*/

.indexMap{
	background:url(../../images/map/map_bg.jpg) 0 0 no-repeat;
	height:332px;
	padding:0 15px 0 5px;
	display:none;
	_margin-bottom:5px;
}

.indexMap .mapImg{
	width:280px;
	height:263px;
	float:left;
	margin-top:60px;
}

.indexMap .btnArea01{
	display:block;
	width:199px;
	height:200px;
	float:right;
	margin-top:60px;
	background:url(../../images/map/nopref.jpg) 0 0 no-repeat;
}
.indexMap .btnArea01 ul{
	margin-top:160px;
	margin-left:16px;
}

.indexMap .btnArea02{
	display:none;
	width:199px;
	height:200px;
	float:right;
	margin-top:60px;
	background:url(../../images/map/fukidashi01.jpg) 0 0 no-repeat;
}
.indexMap .btnArea02 ul{
	margin-top:60px;
	margin-left:16px;
}

.indexMap h2{
	margin-bottom:7px;
}

.indexMap ul li{
	text-align:center;
}

#indexSearch{
	background:url(../../images/index_search_bg.gif) 0 100% no-repeat;
	height:90px;
	margin-bottom:20px;
	width:500px;
	}
	
#indexSearch h2{
	margin-bottom:3px;
}
	
#indexSearch p{
	font-size:11px;
	padding-left:20px;
}

#indexSearch #name{
	width:250px;
	float:left;
}

#indexSearch #address{
	width:250px;
	float:left;
}


#indexSearch .searchArea {
	width:220px;
	padding:3px;
	margin-left:18px;
	text-align:left;
}

#indexSearch .searchArea .txtarea{
	width:150px;
	display:inline;
	vertical-align:middle;
	margin-right:3px;
	}

#indexSearch .searchArea img{
	display:inline;
	vertical-align:middle;
	}

#indexFeature h2{
	margin-bottom:15px;
	}

#indexFeature .inner{
	background:url(../../images/index_feature_bg.gif) 0 100% repeat-y;
	border-bottom:1px solid #666666;
	padding-bottom:10px;
	margin-bottom:5px;
	}

#indexFeature dl{
	width:225px;
	}

#indexNews h2{
	margin-bottom:15px;
	}

#indexNews .box{
	overflow:auto;
overflow-y:scroll;
	height:110px;
	border:1px solid #cecece;
	padding:10px;
	}

#indexNews dl{
	border-bottom:1px dotted #a7a7a7;
	margin-bottom:5px;
	padding-bottom:5px;
	clear:both;
}

#indexNews dl dt{
	background:url(../../images/index_news_arrow.gif) 0 0 no-repeat;
	padding-left:30px;
	width:90px;
	float:left;
}

#indexNews dl dd{
	width:330px;
	float:right;
}

#indexArea{
	border:1px solid #cecece;
	padding:15px;
	margin-bottom:20px;
	}
	
#indexArea dl{
	margin-bottom:15px;
	clear:both;
}

#indexArea dl dt{
	background:url(../../images/i_clover_s.gif) 0 50% no-repeat #f5ffd6;
	height:22px;
	line-height:22px;
	padding-left:25px;
	margin-bottom:10px;
	font-weight:bold;
	padding-bottom:2px;
	
	}

#indexArea dl dd ul li {
	width:3em;
	padding-right:0.5em;
	padding-left:0.5em;
	border-right:1px solid #434343;
	float:left;
	text-align:center;
	line-height:1em;
	}

#indexArea dl dd ul li.Last {
	border:none;
	}


.indexCenterBox{
	border:1px solid #cecece;
	padding:15px;
	margin-bottom:20px;
	}

.indexCenterBox h2{
	background:url(../../images/i_clover.gif) 0 0 no-repeat;
	padding-left:30px;
	border-bottom:1px solid #3fa302;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:120%;
	line-height:200%;
}

/*--- side ---------------------------------------*/




/*--- ex ---------------------------------------*/

#bookmark{
	text-align:right;
	}

#indexData{
	border:1px solid #cecece;
	padding:5px 10px;
	margin-bottom:10px;
	}

#indexData h2{
	border-bottom:1px solid #00be16;
	background-color:#feffd7;
	padding:5px;
	margin-bottom:5px;
}

#indexData ul li{
	font-size:160%;
	color:#049800;
	font-weight:bold;
	padding-right:20px;
	}

#indexData .class{
	background:url(../../images/right_data_class.gif) 0 0 no-repeat;
	padding-left:27px;
	text-align:right;
	line-height:35px;
}

#indexData .kuchikomi{
	background:url(../../images/right_data_kuchikomi.gif) 0 0 no-repeat;
	padding-left:27px;
	text-align:right;
	line-height:35px;
}

#indexCampaign{
	border:1px solid #cecece;
	margin-bottom:10px;
	}
	
#indexCampaign p{
	padding:5px 10px;
}


#indexClass02{
	border:1px solid #cecece;
	padding:8px;
	margin-bottom: 10px;
	}

#indexClass02 h2{
/*	background-color:#049800;	*/
	margin-bottom:10px;
}

.roghtOsusumeJuku a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}



#indexClass{
	border:1px solid #cecece;
	padding:8px;
	}

#indexClass h2{
/*	background-color:#049800;	*/
	margin-bottom:10px;
}

#indexClass table td{
	padding:4px;
	}

#indexClass table td img{
	width:58px;
	float:left;
	border:1px solid #cecece;
}


/*
#indexClass .block{
	width:178px;
	clear:both;
	margin-bottom:8px;

}

div.outer {
	display: table;			
	height: 45px;
	width:178px;
	text-align:left;
}
	* html div.outer {
		position: relative;	
	}
	*+html div.outer {
		position: relative;	
	}
div.vertical_middle {
	display: table-cell;	
	vertical-align: middle;	
}
	* html div.vertical_middle {
		position: absolute;	
		top: 50%;			
	}
	*+html div.vertical_middle {
		position: absolute;	
		top: 50%;			
	}
div.vertical_middle p.inner {
	margin: 0;
}
	* html div.vertical_middle p.inner {
		position: relative;	
		top: -50%;			
	}
	*+html div.vertical_middle p.inner {
		position: relative;	
		top: -50%;			
	}
*/