@charset "utf-8";
/* CSS Document */

#header_wrap{
	background-image:url(./index/bg_title@2x.jpg);
}

#contents{
	width: 975px;
	margin: 70px auto 90px auto;
	overflow: hidden;
}

/*-----------------------------------------------------------*/
h2.sub01{
	width: 100%;
	display: table;
	line-height: 36px;
	background-color: #9B6B37;
	margin-bottom: 25px;
}

h2.sub01 a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height:  38px;
	padding-left: 40px;
	display:  table-cell;
	vertical-align:  middle;
	font-size: 18px!important;
}

h2.sub01 a span{
	padding-left: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

h2.sub01 a:hover span{
	padding-left: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*-----------------------------------------------------------*/
h3.sub02{
	width: 100%;
	overflow:hidden;
	display: table;
	line-height: 36px;
	background-color: #FFEED7;
	margin-bottom: 25px;
}

h3.sub02 a{
	color: #9B6B37;
	font-weight: bold;
	text-decoration: none;
	line-height:  38px;
	padding-left: 40px;
	display:  table-cell;
	vertical-align:  middle;
	font-size: 18px!important;
}

h3.sub02 a span{
	padding-left: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

h3.sub02 a:hover span{
	padding-left: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*-----------------------------------------------------------*/
.item{
	width: 900px;
	margin: -10px auto 30px auto;
	overflow: hidden;
}

.item ul{
	overflow: hidden;
	list-style-type: none;
}

.item ul li{
	line-height:250%;
	width:33.3%;
	float:left;
}




.item ul li a{
	font-size: 18px;
	text-decoration: none;
	white-space:nowrap;
}

.item ul li a span{	
	padding-left: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.item ul li a:hover span{	
	padding-left: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.clear{
	clear:both;
}

/*-----------------------------------------------------------*/
h3.sub03{
	width: 100%;
	display: table;
	line-height: 36px;
	background-color: #FFEED7;
	margin-bottom: 25px;
}

h3.sub03 a{
	color: #9B6B37;
	font-weight: bold;
	text-decoration: none;
	line-height:  38px;
	padding-left: 40px;
	display:  table-cell;
	vertical-align:  middle;
	font-size: 18px!important;
}

h3.sub03 a span{
	padding-left: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

h3.sub03 a:hover span{
	padding-left: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/*-----------------------------------------------------------*/
.item2{
	overflow: hidden;
}

.item2 ul{
	overflow: hidden;
	list-style-type: none;
}

.item2 ul li{
	width: 200px;
	float: left;
}

/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
h2.sub04{
	width: 100%;
	line-height: 36px;
	background-color: #D8A932;
	margin-bottom: 25px;
}

h2.sub04 a{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	line-height:  38px;
	padding-left: 40px;
	font-size: 18px!important;
}

h2.sub04 a::after{
	padding-left: 10px;
	content: url(index/icon.png);
}

h2.sub04 a span{
	padding-left: 5px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

h2.sub04 a:hover span{
	padding-left: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/***************************************/


.child{
	overflow:hidden;
	margin-left:40px;
}

.grandson{
	overflow:hidden;
	margin-left:40px;
}

.block01 .center_bn{
    width: 100%;
    margin: 15px auto 0px auto;
    overflow: hidden;
    text-align: center;
}