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

#head{
	width:960px;
	margin:10px auto 0;
}
#main_title{
	text-align:center;
	margin:20px !important;
	font-weight:bold;
	font-size:33px;
}


/*トップメニュー*/
.top_menu{
	width:960px;
}
.main01{
	width:960px;
	margin:15px auto;
	border-bottom:1px solid #fff;
	font-weight:bold;
	text-align:center;
	font-size:17px;
}
.main01 ul{
	margin:20px 0;
}
.main01 li{
	float:left;
	width: calc(100%  / 4);
}
.main02{
	width:960px;
	margin:0 auto 15px;
	padding-bottom:15px;
	font-weight:bold;
	font-size:17px;
	overflow:hidden;
	border-bottom:1px solid #fff;
}
.main02 ul{
	overflow:hidden;
}
.main02 li{
	float:left;
	width:230px;
	text-align:center;
}
.last{
	border-bottom:none;
}
.boder{
	border-right:1px solid #fff;
}
.main_in{
	width:479px;
	overflow:hidden;
	padding:20px 0;
	float:left;
}
.main_in ul{
	margin-top:15px;
}

#title_txt{
	font-size:16px;
}
#content{
	width:100%;
	background:#6cdaba;
	overflow:hidden;
}
.main{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
}

.title{
	color:#fff;
	font-size:27px;
	background:#008b63;
	font-weight:bold;
	text-align:center;
	padding:15px;
	border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */ 
	width:250px;
	margin:0 auto;
}
.title_s{
	font-size:25px;
	font-weight:bold;
	background:url(../parts/img/arrow.png) no-repeat;
	padding-left:35px;
	margin:25px 0 15px 0;
}
.caption{
	width:960px;
	margin-bottom:40px;
}
.caption ul{
	margin-top:10px;
	overflow:hidden;
}
.caption li{
	float:left;
	width:130px;
	padding-right:7px;
	font-size:14px;
	line-height:130%;
	height:125px;
}
#footer_menu{
	overflow:hidden;
	margin:20px auto;
	width:960px;
	font-size:16px;	
}
#footer_menu li{
	float:left;
	margin:10px 30px 0 0;
}
#footer_menu li a{
	text-decoration:underline;
}



@media only screen and (max-width: 1024px){
.main,.caption,.main01,.main02{
	width:100%;
}
.main02 li{
	width:50%;
}
.main_in{
	width:49%;
}
#head{
	width:98%;
}
#footer_menu{
	width:96%;
	margin-left:2%;
}
#title_txt{
	line-height:160%;
}
.title_s{
	height:30px;
	font-size:20px;
}
}
@media only screen and (max-width: 640px){
#head img{
	width:60%;
}
#main_title{
	font-size:28px;
}
.main01 li{
	width:49%;
}
.main01 li img{
	width:85%;
}
.main02 li{
	width:100%;
}
.main02 li img{
	width:85%;
}
.title{
	width:80%;
	font-size:18px;
}
.boder{
	border:none;
}
.caption{
	margin-bottom:20px;
}
.caption li{
	width: calc((100% - 18px) / 3);
	padding:0 3px;
}
.caption li{
	height:115px;
}
}