@charset "UTF-8";

/*------------------------------------------------

   index

------------------------------------------------*/

.main_top{
	text-align:center;
}

.topmenu{
	margin:20px 0;
}

.topmenu ul{

}

.topmenu ul li{
	float:left;
}

.topmenu ul li.tp01{
	width:250px;
	background:url(../img/index/menu01.png) 0px 0px no-repeat;
}

.topmenu ul li.tp01 a{
	background:url(../img/index/menu01.png) 0px 0px no-repeat;
	height:172px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp01 a:hover{
	background:url(../img/index/menu01_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp02{
	width:250px;
	background:url(../img/index/menu02.png) 0px 0px no-repeat;
}

.topmenu ul li.tp02 a{
	height:172px;
	background:url(../img/index/menu02.png) 0px 0px no-repeat;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp02 a:hover{
	background:url(../img/index/menu02_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp03{
	width:250px;
	background:url(../img/index/menu03.png) 0px 0px no-repeat;
}

.topmenu ul li.tp03 a{
	height:172px;
	background:url(../img/index/menu03.png) 0px 0px no-repeat;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp03 a:hover{
	background:url(../img/index/menu03_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp04{
	width:250px;
	background:url(../img/index/menu04.png) 0px 0px no-repeat;
}

.topmenu ul li.tp04 a{
	height:172px;
	background:url(../img/index/menu04.png) 0px 0px no-repeat;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp04 a:hover{
	background:url(../img/index/menu04_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.news{
	margin-top:20px;
}

.new_listbtn{
	width:150px;
	background:#11B169;
	margin-top:20px;
	padding:3px 0;
	float:right;
}

.new_listbtn a{
	color:#FFFFFF;
	text-align:center;
	display:block;
}

.newsbox{
	width:100%;
	padding:13px 0 11px 0;
	border-bottom:1px solid #dddddd;
	margin-bottom:0 0 10px 0;
}

.newsday{
	width:110px;
	float:left;
}

.newscate{
	width:105px;
	float:left;
}

.newsttl{
	width:535px;
	float:left;
}

.topmenu02{
	clear:both;
	padding:20px 0;
}

.topmenu02 ul{

}

.topmenu02 ul li{
	width:250px;
	float:left;
}

.topmenu02 ul li.tpb01{
	width:250px;
	background:url(../img/index/bui.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpb01 a{
	background:url(../img/index/bui.png) 0px 0px no-repeat;
	height:211px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpb01 a:hover{
	background:url(../img/index/bui_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu02 ul li.tpb02{
	width:250px;
	background:url(../img/index/qa.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpb02 a{
	background:url(../img/index/qa.png) 0px 0px no-repeat;
	height:211px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpb02 a:hover{
	background:url(../img/index/qa_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu02 ul li.tpb03{
	width:250px;
	background:url(../img/index/inst.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpb03 a{
	background:url(../img/index/inst.png) 0px 0px no-repeat;
	height:211px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpb03 a:hover{
	background:url(../img/index/inst_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu03{
	clear:both;
	padding:20px 0;
}
.topmenu03 a{
	display: block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
.topmenu03 a:hover{
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

/*------------------------------------------------
   slide
------------------------------------------------*/
.slider {
    clear: both;
}
.img_01,
.img_02,
.img_03,
.img_04,
.img_05  {
	height: 370px;
	text-align: center;
} 

.img_01 {
	background: url("../img/index/main_img01.jpg") no-repeat center top;
}
.img_02 {
	background: url("../img/index/main_img02.jpg") no-repeat center top;
}
.img_03 {
	background: url("../img/index/main_img03.jpg") no-repeat center top;
}
.img_04 {
	background: url("../img/index/main_img04.jpg") no-repeat center top;
}
.img_05 {
	background: url("../img/index/main_img05.jpg") no-repeat center top;
}

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

.img_01,
.img_02,
.img_03,
.img_04,
.img_05 {
        height:auto;
}

.img_01 {
        background: url("../img/index/main_img01.jpg") no-repeat center top;
	background-size:cover;
}
.img_02 {
        background: url("../img/index/main_img02.jpg") no-repeat center top;
	background-size:cover;
}
.img_03 {
        background: url("../img/index/main_img03.jpg") no-repeat center top;
	background-size:cover;
}
.img_04 {
	background: url("../img/index/main_img04.jpg") no-repeat center top;
	background-size:cover;
}
.img_05 {
	background: url("../img/index/main_img05.jpg") no-repeat center top;
	background-size:cover;
}

.newsday{
	width:30%;
	float:left;
	margin-bottom:5px
}

.newscate{
	width:97px;
	float:left;
}

.newsttl{
	width:100%;
	float:none;
	clear:both;
}

.topmenu{
        margin:10px 0 20px 0;
}

.topmenu ul{
	width:320px;
	margin:0 auto;
}


.topmenu ul li.tp01{
	width:150px;
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	margin-right:20px;
}

.topmenu ul li.tp01 a{
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	height:117px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp01 a:hover{
	background:url(../img/index/menu01sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp02{
	width:150px;
	background:url(../img/index/menu02sp.png) 0px 0px no-repeat;
}

.topmenu ul li.tp02 a{
	background:url(../img/index/menu02sp.png) 0px 0px no-repeat;
	height:117px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp02 a:hover{
	background:url(../img/index/menu02sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp03{
	width:150px;
	background:url(../img/index/menu03sp.png) 0px 0px no-repeat;
	margin-top:20px;
	margin-right:20px;
}

.topmenu ul li.tp03 a{
	background:url(../img/index/menu03sp.png) 0px 0px no-repeat;
	height:117px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp03 a:hover{
	background:url(../img/index/menu03sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tp04{
	width:150px;
	background:url(../img/index/menu04sp.png) 0px 0px no-repeat;
	margin-top:20px;
}

.topmenu ul li.tp04 a{
	background:url(../img/index/menu04sp.png) 0px 0px no-repeat;
	height:117px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tp04 a:hover{
	background:url(../img/index/menu04sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}




/*
.topmenu ul li.tpsp01{
	width:160px;
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	margin-right:20px;
}

.topmenu ul li.tpsp01 a{
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	height:125px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tpsp01 a:hover{
	background:url(../img/index/menu01sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tpsp02{
	width:160px;
	background:url(../img/index/menu02sp.png) 0px 0px no-repeat;
}

.topmenu ul li.tpsp02 a{
	background:url(../img/index/menu02sp.png) 0px 0px no-repeat;
	height:125px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tpsp02 a:hover{
	background:url(../img/index/menu02sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tpsp03{
	width:160px;
	background:url(../img/index/menu03sp.png) 0px 0px no-repeat;
	margin-top:20px;
	margin-right:20px;
}

.topmenu ul li.tpsp03 a{
	background:url(../img/index/menu03sp.png) 0px 0px no-repeat;
	height:125px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tpsp03 a:hover{
	background:url(../img/index/menu03sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu ul li.tpsp04{
	width:160px;
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	margin-top:20px;
}

.topmenu ul li.tpsp04 a{
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	height:125px;
	display:block;
	text-indent:-9999px;
}

.topmenu ul li.tpsp04 a:hover{
	background:url(../img/index/menu01sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}


*/
.topmenu02{
	clear:both;
	padding:20px 0;
}

.topmenu02 ul{
	margin-top:15px;
}

.topmenu02 ul li{
	width:300px;
	margin:0 auto;
	float:none;
	margin-bottom:15px;
}

.topmenu02 ul li.tpbsp01{
	background:url(../img/index/bui_sp.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpbsp01 a{
	background:url(../img/index/bui_sp.png) 0px 0px no-repeat;
	height:60px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpbsp01 a:hover{
	background:url(../img/index/bui_sp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu02 ul li.tpbsp02{
	width:300px;
	background:url(../img/index/qasp.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpbsp02 a{
	background:url(../img/index/qasp.png) 0px 0px no-repeat;
	height:60px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpbsp02 a:hover{
	background:url(../img/index/qasp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.topmenu02 ul li.tpbsp03{
	width:300px;
	background:url(../img/index/instsp.png) 0px 0px no-repeat;
}

.topmenu02 ul li.tpbsp03 a{
	background:url(../img/index/instsp.png) 0px 0px no-repeat;
	height:60px;
	display:block;
	text-indent:-9999px;
}

.topmenu02 ul li.tpbsp03 a:hover{
	background:url(../img/index/instsp_on.png) 0px 0px no-repeat;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}
/*
.topmenu ul li.tpsp01{
	width:150px;
}

.topmenu ul li.tpsp01 .tpsp01_in{
	background:url(../img/index/menu01sp.png) 0px 0px no-repeat;
	background-size:60%;
}

.topmenu ul li.tpsp01 .tpsp01_in a{
	background:url(../img/index/menu01sp_on.png) 0px 0px no-repeat;
	background-size:60%;
}

.topmenu ul li.tp01 .tp01_in a:hover{
	background:url(../img/index/menu01sp_on.png) 0px 0px no-repeat;
	background-size:60%;
}

.topmenu ul li.tp02{
	width:150px;
}

.topmenu ul li.tp02 .tp02_in{
	background:url(../img/index/menu02.png) 0px 0px no-repeat;
	background-size:60%;
}


.topmenu ul li.tp03{
	width:150px;
}

.topmenu ul li.tp03 .tp03_in{
	background:url(../img/index/menu03.png) 0px 0px no-repeat;
	background-size:60%;
}


.topmenu ul li.tp04{
	width:150px;
}

.topmenu ul li.tp04 .tp04_in{
	background:url(../img/index/menu03.png) 0px 0px no-repeat;
	background-size:60%;
}*/


}