@charset "utf-8";
/*------------------------------------------------
base
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td{
	margin:0;
	padding:0;
}

h3{
	font-size:16px;
	font-weight:normal;
}
img{
	border:0;
	vertical-align:top;
}
body{
	font-size:16px;
	
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

a{
	color:#00B3FF;
	outline:none;
}
a:hover{
	text-decoration:none;
}
ul,ol{
	list-style:none;
}
.fLeft{
	float:left
}
.fRight{
	float:right
}
.clear { clear:both; }  
.clear hr { display:none; }

.mb40{
	margin-bottom:40px;
}
.mt40{
	margin-top:40px;
}



/*------------------------------------------------
header
------------------------------------------------*/
#header{
	width:100%;
	background-color:#fff;
}
#header_gb{
	width:100%;
	background-color:#31B404;
}

#header-inner_top{
	width:960px;
	height:10px;
	margin: 0 auto;
}
#header-inner{
	width:960px;
	height:120px;
	margin: 0 auto;
}

#header-logo{
	float:left;
	width:200px;
	height:120px;
}
/*nav*/
#header-nav{
	width:760px;
	float:right;
	font-size:16px;
    position: relative;
    margin: 0 auto;
	padding-top:55px;
}
.menu {
	font-size:15px;

}

.menu > li {
    float: right;
	margin:0px 0px 0px 30px;
}

.menu > li a {
    display: block;
    color: #000;
	text-decoration:none;
	transition: 0.5s ;
}

.menu > li a:hover {
    color: #008B8B;
	text-decoration:none;
}

/*cover slider*/
#main-img{
	width:100%;
	height:580px;
    margin: 0 auto;
}
.cover-main {
    width:100%;
    height:580px;
    background-size:contain;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:2;
    margin:0;
    padding:0
}
/*------------------------------------------------
footer
------------------------------------------------*/
#footer{
	width:100%;
	border-top:#31B404 4px solid;
	padding:20px 0px 0px 0px;
	background-color:#EEEEEE;
		overflow: hidden;
}
#footer-inner{
	width:960px;
	height:60px;
	margin: 0 auto;
}
#footer-menu{
	height:60px;
	font-size:12px;
	float:left;
}
.footer-menu > li {
    height: 20px;
	float:left;
	text-align:left;
	padding-right:20px;
}

.footer-menu > li a {
    display: block;
    color: #000;
	text-decoration:none;
}

#footer-menu2{
	height:60px;
	font-size:12px;
	float:left;
	margin-left:20px;
}
.footer-menu2 > li {
    height: 20px;
	float:left;
	text-align:left;
	padding-right:20px;
}

.footer-menu2 > li a {
    display: block;
    color: #000;
	text-decoration:none;
}


#footer-menu3{
	height:60px;
	font-size:12px;
	float:right;
	margin-right:80px;
	position: relative;
}
.footer-menu3 > li {
    height: 80px;
	float:left;
	text-align:left;
	padding-right:10px;
}

.footer-menu3 > li a {
    display: block;
    color: #000;
	text-decoration:none;
}


.footer-menu3 > li p {
    display: block;
    color: #000;
	text-decoration:none;
	position: absolute;
	top: 19px;
}


#footer-idBg{
	height:60px;
	width:100%;
	background-color:#31B404;
}
#footer-id{
	height:60px;
	width:960px;
	margin: 0 auto;
}
h3.footer{
	font-size:12px;
	padding-bottom:10px;
	font-weight:bold;
}
h3.footer2{
	font-size:12px;
	padding-top:16px;
	font-weight:bold;
	color:#FFFFFF;
}
p.footer-id {
	font-size:12px;
}
p.footer-id2 {
	font-size:12px;
	color:#FFFFFF;
}
#content{
	overflow: hidden;
	width:960px;
    margin: 0 auto;
}
#green_gb{
	width:100%;
	height:4px;
	background-color:#31B404;
}

/*------------------------------------------------
content
------------------------------------------------*/
#content{
	overflow: hidden;
	width:960px;
    margin: 0 auto;
}	
/*------------------------------------------------
content menu
------------------------------------------------*/	
#content_menuBg{
	width:100%;
	height:300px;
	overflow: hidden;
	background-color:#f0f0f0;
	padding-top:20px;
	border-bottom:#31B404 4px solid;
	margin-bottom:40px;
}
#content_menu{
	width:960px;
	height:190px;
	overflow: hidden;
    margin: 0 auto;
}
ul.content_menu{
width: 960px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul.content_menu li{
float: left;
width: 310px;
list-style: none outside;
margin: 10px 5px 5px 5px;
padding: 0px 0px 0px 0px;
text-align: center;
}
ul.content_menu li img{
width: 310px;
height: 180px;
margin: 0px 0px 0px 0px;
}

#content_menu2{
	width:960px;
	height:190px;
	overflow: hidden;
    margin: 0 auto;
}
ul.content_menu2{
width: 960px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px;
}
ul.content_menu2 li{
float: left;
width: 470px;
list-style: none outside;
margin: 40px 5px 5px 5px;
padding: 0px 0px 0px 0px;
text-align: center;
}
ul.content_menu2 li img{
width: 470px;
height: 38px;
margin: 0px 0px 0px 0px;
}

/*------------------------------------------------
news
------------------------------------------------*/
#news{
	width:960px;
	overflow: hidden;
}

h2.news{
	font-size:20px;
	padding:10px 0px ;
	font-weight:bold;
	border-bottom:#f0f0f0 2px solid;
}

.list-news-01{margin-bottom:30px}.list-news-01 li{border-bottom:1px solid #ccc}.list-news-01 li a:hover,.list-news-01 li a:focus{color:#dc1e37;background-color:#f5f5f5;text-decoration:none}.list-news-01 li a:hover .content .date,.list-news-01 li a:focus .content .date{color:#333}.list-news-01 li a:hover .content .text,.list-news-01 li a:focus .content .text{text-decoration:underline}.list-news-01 li a:active .content .text{color:#e6465a;text-decoration:none}.list-news-01 li .no-link,.list-news-01 li a{display:block;padding:13px 16px 12px;vertical-align:middle;color:#333}.list-news-01 li .no-link .content .date,.list-news-01 li a .content .date{margin-right:20px;display:block;float:left;width:290px}.list-news-01 li .no-link .content .date .icon,.list-news-01 li a .content .date .icon{float:right;width:130px;color:#fff;font-size:86%;text-align:center;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}.list-news-01 li .no-link .content .date .icon.category-01,.list-news-01 li a .content .date .icon.category-01{background-color:#999}.list-news-01 li .no-link .content .date .icon.category-02,.list-news-01 li a .content .date .icon.category-02{background-color:#dc1e37}.list-news-01 li .no-link .content .text,.list-news-01 li a .content .text{display:block;overflow:hidden}.list-news-01 li .no-link .content .external,.list-news-01 li a .content .external{background:url("/assets/img/icon/icon_window_02.png") no-repeat 0;padding-left:20px}.list-news-01 li .no-link:hover .content .external,.list-news-01 li a:hover .content .external{background-image:url("/assets/img/icon/icon_window_01.png")}.list-news-01.l-small li .no-link .content .date,.list-news-01.l-small li a .content .date{width:130px}.list-news-01.l-small li .no-link .content .date .icon,.list-news-01.l-small li a .content .date .icon{float:none}@media screen and (max-width: 1064px){.list-news-01{font-size:86%}.list-news-01 li .no-link,.list-news-01 li a{padding:7px 10px 6px}.list-news-01 li .no-link .content .date,.list-news-01 li a .content .date{margin-right:10px;width:260px}.list-news-01 li .no-link .content .text,.list-news-01 li a .content .text{-webkit-background-size:11px 8px;-moz-background-size:11px 8px;-o-background-size:11px 8px;background-size:11px 8px}}@media screen and (max-width: 660px){.list-news-01{margin-bottom:15px}.list-news-01 li .no-link .content .date,.list-news-01 li a .content .date{margin-right:0;margin-bottom:5px;width:auto;float:none;color:#666}.list-news-01 li .no-link .content .date .icon,.list-news-01 li a .content .date .icon{margin-top:2px;margin-left:10px;float:none;width:110px;font-size:65%}.list-news-01 li .no-link .content .text,.list-news-01 li a


p.blue{
	padding:10px 0px;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	color:#1571FF;

		
}

span{
	font-size:14px;
	line-height:30px;
	color:#447CFF;
}

.m40{
	margin:40px 0 }
	

#contact_bnr {
	width:344px;
	height:77px;
	margin: 0 auto;
}

/*table*/
table.company{
	width:650px;
	margin:0 auto;
	border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 14px;
	text-align:left;
	border:1px solid #e0e0e0;
	line-height:30px;
	margin-bottom:40px;
}
table.company th,
table.company td
{
    padding: 20px 20px 30px 10px;
	border:0;
    border-bottom:1px dotted #e0e0e0;
	}
table.company th{
	width:120px;
}
table tr:last-child th {
	border-bottom: 0px;
}
table tr:last-child td {
	border-bottom: 0px;
}	


/*------------------------------------------------
village works
------------------------------------------------*/	



.t1{
	margin-top: 1em;
}
.t1 th{
	background-color: #727f8c;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	padding: 0.5em 1em;
	border: 1px solid #fff;
}
.t1 td{
	font-size: 80%;
	padding: 0.5em 1em;
	border: 1px solid #ccc;
}
@media screen and (min-width: 751px){

}
@media screen and (max-width: 750px){

}