@charset "UTF-8"

/* ########## Title header ########## */
div#ttl_header{
	
	width: 100%;
	height: 296px;
	
}
div#ttl_header_wrap{
	background-color:#EFEFEF ;
	padding-top: 140px;
	height: 140px;
}
div#ttl_header h3{
	background-color: #35AAD8;
	width: 100%;
	height: 72px ;
	text-align: center;
}
div#ttl_header h3 img{
	padding-top: 10px;
}

/* ########## Content01 ########## */
section#content01{
	background-color: #EFEFEF;
	width: 100%;
	height: auto;
}
div#wrap-content01{
	width: 972px;
	height: auto;
	margin: 0 auto;
}
div#wrap-content01 ul{
	list-style: none;
}
.imgZ{
	width: 112px;
	height: 112px;
	display: inline-block;
}
.lt{
	display: inline-block;
	vertical-align: top;
}
.lr{
	display: inline-block;
	vertical-align: top;
}
.ltt02{
	display: inline-block;
	vertical-align: top;
}
div#content01-left-top-slide-small{
	margin-top: 8px;
}
div#content01-left-top-slide-small li:nth-child(2){
	margin: 0px 7px 0px 7px;
}

div#content01-left{
	background-color: white;
	width: 828px;
	height: auto;

}
div#content01-left-bot{
	margin-top: 72px;
	margin-bottom: 60px;
}
#content01-left-bot01{
	padding-left: 66px;
}
#content01-left-bot02{
	margin-left: 84px;
}
div#content01-left-wrap{
	padding: 30px 0px 0px 30px;

}
div#content01-left-top-text{
	width:408px;
	margin-left: 8px;
	margin-top: 2px;
}
#content01-left-top-text-ttl{
	width:408px;
	margin-bottom: 18px;
	font-size: 24px;
}
div#content01-left-top-text01 ul li{
	width: 72px;
	height: 30px;
	display: inline-block;
}
div#content01-left-top-text01 ul li{
	margin-bottom: 7px;
	margin-right: 2px;
}
div.ltt02{
	padding-top: 18px;
	padding-left: 10px;
}
#content01-left-top-text02-01{
	font-size: 18px;
	margin-bottom: 3px;
}
#content01-left-top-text02-02{
	font-size: 12px;
}
div#content01-left-top-text02{
	margin: 18px 0px 24px 0px;
}
div#content01-left-top-text03{
	width:408px;
	font-size: 12px;
	line-height: 150%;
}

div#content01-right{
	width: 120px;
	height: auto;
	margin-left: 18px;
}
div#content01-right a{
	width: 120px;
	height: 120px;
	display:block;
}
/* ########## slide ########## */
div#slide{
	background-color: #4D4D4D;
	width: 100%;
	height: 380px;
	margin-top: 60px;

	
}
div#slide-wrap{
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
}
div#slide-wrap h3{
	text-align: center;
	padding-bottom: 5px;
}
div#blank{
	background-color: #EFEFEF;
	border-bottom: solid 1px gray;
	width: 100%;
	height: 50px;
}
/* ########## List carousel ##########*/
#foo2 p{
	font-size: 14px;
	margin-left: 13px;
	padding-top :10px;
	line-height: 1.5;
	color: white;
}
.list_carousel {
	width: 880px;
	margin: 0 auto;
}
.list_carousel ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	width: 204px;
	height: auto;
	margin: 0;
	padding: 5px;
	display: block;
	float: left;
			}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
			
.prev {
	position: relative;
	top:90px;
	float:right
				
}
.next {
			
	position: relative;
	top:-175px;
}