@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/
.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}

/* MAIN VIS
===============================================================*/
#main_vis {
	background:url(../images/dic_back.jpg) no-repeat center top;
	min-width:1200px;
}
#main_vis .main_vis_wrap {
	height:260px;
	padding:26px 0 0 0;
	box-sizing:border-box;
	width:1200px;
	margin:0 auto;
}
#main_vis .txt_con {
	margin-left:56px;
	text-align:left;
}
#main_vis .txt_con h2 {
	margin-bottom:20px;
}
#main_vis .txt_con p {
	font-size:14px;
	line-height:22px;
	color:#535353;
}
#main_vis .sp_main_img {
	display:none;
}
@media screen and (max-width: 640px) {
#main_vis {
	min-width:100%;
	background:none;
	margin-bottom:3%;
}
#main_vis .sp_main_img {
	display:block;
	margin-bottom:3%;
}
#main_vis .sp_main_img img {
	width:100%;
	height:auto;
}
#main_vis .main_vis_wrap {
	height:auto;
	padding:0px 0 0 0;
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}
#main_vis .txt_con {
	margin-left:0px;
	text-align:left;
	margin:0 3%;
}
#main_vis .txt_con h2 {
	display:none;
}
#main_vis .txt_con p {
	font-size:12px;
	line-height:18px;
	color:#535353;
}
#main_vis .txt_con p br {
	display:none;
}
}


/* TOP
===============================================================*/
.top_contents {
	width:559px;
}
.top_contents h2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	margin-bottom:28px;
}
.top_contents h2 span {
	font-size:18px;
	line-height:18px;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
	padding:23px;
}
.top_contents .list_frame {
	padding:25px;
}
.top_contents .list_frame ul {
}
.top_contents .list_frame ul li {
	background:#FFFFFF;
	text-align:left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-ms-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	margin-bottom:20px;
}
.top_contents .list_frame ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
}
.top_contents .list_frame ul li a .arc_box {
	padding:20px 10px;
	position:relative;
}
.top_contents .list_frame ul li a .arc_box .new_icon {
	position:absolute;
	top:0px;
	right:0px;
}	
.top_contents .list_frame ul li a .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	font-size:24px;
	line-height:32px;
	padding-left:40px;
	font-weight:normal;
	border-bottom:#f5f5f5 4px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.top_contents .list_frame ul li a .arc_box p {
	font-size:13px;
	line-height:23px;
	padding:0 10px;
	margin-bottom:15px;
}
.top_contents .list_frame ul li a .arc_box .cate_box {
	margin-left:10px;
	float:left;
}
.top_contents .list_frame ul li a .arc_box .cate_box span {
	display:inline-block;
	font-size:12px;
	line-height:12px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
}
.top_contents .list_frame ul li a .arc_box .link_more {
	float:right;
}
.top_contents .list_frame ul li a .arc_box .link_more span {
	background:#058b7b url(../images/icon_03.png) no-repeat 10px center;
	background-size:5px 8px;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	padding: 7px 10px 7px 20px;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}


.top_news_left {
	float:left;
	margin-left:18px;
}
.top_news_left h2 {
	background:#ff5c26;
}
.top_news_left h2 span {
	background:url(../images/icon_06.png) no-repeat left center;
	display:inline-block;
	padding-left:55px;
}
.top_news_left .list_frame {
	background:#ffeee9;
}

.top_news_right {
	float:right;
	margin-right:18px;
}
.top_news_right h2 {
	background:#058b7b;
}
.top_news_right h2 span {
	background:url(../images/icon_07.png) no-repeat left center;
	display:inline-block;
	padding-left:55px;
}
.top_news_right .list_frame {
	background:#f8f8f8;
}

@media screen and (max-width: 640px) {
.top_contents {
	width:94%;
	margin:0 3%;
}
.top_contents h2 {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	margin-bottom:4%;
}
.top_contents h2 span {
	font-size:15px;
	line-height:15px;
	color:#FFFFFF;
	text-align:center;
	font-weight:normal;
	padding:10px;
}
.top_contents .list_frame {
	padding:3% 3% 1px 3%;
}
.top_contents .list_frame ul {
}
.top_contents .list_frame ul li {
	background:#FFFFFF;
	text-align:left;
	box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	margin-bottom:3%;
}
.top_contents .list_frame ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
}
.top_contents .list_frame ul li a .arc_box {
	padding:15px 10px;
	position:relative;
}
.top_contents .list_frame ul li a .arc_box .new_icon {
	position:absolute;
	top:0px;
	right:0px;
}	
.top_contents .list_frame ul li a .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	background-size:14px auto;
	font-size:18px;
	line-height:24px;
	padding-left:30px;
	font-weight:normal;
	border-bottom:#f5f5f5 2px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.top_contents .list_frame ul li a .arc_box p {
	font-size:13px;
	line-height:23px;
	padding:0 10px;
	margin-bottom:10px;
}
.top_contents .list_frame ul li a .arc_box .cate_box {
	margin-left:10px;
	float:none;
	margin-bottom:15px;
}
.top_contents .list_frame ul li a .arc_box .cate_box span {
	display:inline-block;
	font-size:11px;
	line-height:11px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
}
.top_contents .list_frame ul li a .arc_box .link_more {
	float:none;
	text-align:center;
}
.top_contents .list_frame ul li a .arc_box .link_more span {
	background:#058b7b url(../images/icon_03.png) no-repeat 20px center;
	background-size:5px 8px;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	padding: 7px 20px 7px 30px;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}


.top_news_left {
	float:none;
	margin:0 3% 10% 3%;
}
.top_news_left h2 {
	background:#ff5c26;
}
.top_news_left h2 span {
	background:url(../images/icon_06.png) no-repeat left center;
	background-size:20px;
	display:inline-block;
	padding-left:35px;
}
.top_news_left .list_frame {
	background:#ffeee9;
}

.top_news_right {
	float:none;
	margin-right:0px;
}
.top_news_right h2 {
	background:#058b7b;
}
.top_news_right h2 span {
	background:url(../images/icon_07.png) no-repeat left center;
	background-size:20px;	
	display:inline-block;
	padding-left:35px;
}
.top_news_right .list_frame {
	background:#f8f8f8;
}
	
	
}





.list_contents {
	width:1100px;
	margin:0 auto;
}
.list_contents h2 {
	background:#058b7b url(../images/icon_01.png) no-repeat 10px center;
	color:#FFFFFF;
	text-align:left;
	padding:10px 15px 10px 49px;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin-bottom:28px;	
}

.list_contents .list_frame {
	background:#f8f8f8;
	padding-top:23px;
	padding-bottom:20px;
	margin-bottom:40px;
}
.list_contents .list_frame ul {
	margin-left:11px;
}
.list_contents .list_frame ul li {
	background:#FFFFFF;
	text-align:left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-ms-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	margin:0 18px 20px 18px;
	width:500px;
	float:left;
}
.list_contents .list_frame ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
}
.list_contents .list_frame ul li a .arc_box {
	padding:20px 10px;
	position:relative;
}
.list_contents .list_frame ul li a .arc_box .new_icon {
	position:absolute;
	top:0px;
	right:0px;
}	
.list_contents .list_frame ul li a .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	font-size:24px;
	line-height:32px;
	padding-left:40px;
	font-weight:normal;
	border-bottom:#f5f5f5 4px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.list_contents .list_frame ul li a .arc_box p {
	font-size:13px;
	line-height:23px;
	padding:0 10px;
	margin-bottom:15px;
}
.list_contents .list_frame ul li a .arc_box .cate_box {
	margin-left:10px;
	float:left;
}
.list_contents .list_frame ul li a .arc_box .cate_box span {
	display:inline-block;
	font-size:12px;
	line-height:12px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
}
.list_contents .list_frame ul li a .arc_box .link_more {
	float:right;
}
.list_contents .list_frame ul li a .arc_box .link_more span {
	background:#058b7b url(../images/icon_03.png) no-repeat 10px center;
	background-size:5px 8px;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	padding: 7px 10px 7px 20px;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}

.list_contents .pager_con {
}
.list_contents .pager_con a {
	display:inline-block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	line-height:26px;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	padding:15px 220px 15px 180px;	
	background:#555555 url(../images/icon_04.png) no-repeat right 180px center;	
}
/* .list_contents .pager_con a:after {
	background:url(../images/icon_04.png) no-repeat right center;
	display:inline-block;
} */



@media screen and (max-width: 640px) {
.list_contents {
	width:94%;
	margin:0 3%;
}
.list_contents h2 {
	background:#058b7b url(../images/icon_01.png) no-repeat 10px center;
	background-size:20px;
	color:#FFFFFF;
	text-align:left;
	padding:10px 15px 10px 35px;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin-bottom:4%;	
}

.list_contents .list_frame {
	background:#f8f8f8;
	padding:3% 3% 1px 3%;
	margin-bottom:7%;
}
.list_contents .list_frame ul {
	margin-left:0px;
}
.list_contents .list_frame ul li {
	background:#FFFFFF;
	text-align:left;
	box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	margin:0 0px 3% 0px;
	width:100%;
	float:none;
}
.list_contents .list_frame ul li a {
	display:block;
	text-decoration:none;
	color:#333333;
}
.list_contents .list_frame ul li a .arc_box {
	padding:15px 10px;
	position:relative;
}
.list_contents .list_frame ul li a .arc_box .new_icon {
	position:absolute;
	top:0px;
	right:0px;
}	
.list_contents .list_frame ul li a .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	background-size:14px auto;
	font-size:18px;
	line-height:24px;
	padding-left:30px;
	font-weight:normal;
	border-bottom:#f5f5f5 2px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.list_contents .list_frame ul li a .arc_box p {
	font-size:13px;
	line-height:23px;
	padding:0 10px;
	margin-bottom:10px;
}
.list_contents .list_frame ul li a .arc_box .cate_box {
	margin-left:10px;
	float:none;
	margin-bottom:15px;
}
.list_contents .list_frame ul li a .arc_box .cate_box span {
	display:inline-block;
	font-size:11px;
	line-height:11px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
}
.list_contents .list_frame ul li a .arc_box .link_more {
	float:none;
	text-align:center;
}
.list_contents .list_frame ul li a .arc_box .link_more span {
	background:#058b7b url(../images/icon_03.png) no-repeat 10px center;
	background-size:5px 8px;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
	padding: 7px 20px 7px 30px;
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}

.list_contents .pager_con {
}
.list_contents .pager_con a {
	display:inline-block;
	background:#555555;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	line-height:14px;
	text-align:center;
	width:80%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;

	padding:15px 0px 15px 20px;	
	background:#555555 url(../images/icon_04.png) no-repeat 20px center;
	background-size:14px;	
	box-sizing:border-box;			
}
/* .list_contents .pager_con a span {
	background:url(../images/icon_04.png) no-repeat right center;
	background-size:14px;
	padding:15px 20px 15px 0px;
	display:inline-block;
} */
}











.page_contents {
	width:1100px;
	margin:0 auto;
}
.page_contents h2 {
	background:#058b7b url(../images/icon_09.png) no-repeat 10px center;
	color:#FFFFFF;
	text-align:left;
	padding:10px 15px 10px 49px;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin-bottom:28px;	
}



.page_contents .list_frame {
	background:#f8f8f8;
	padding-top:23px;
	padding-bottom:20px;
	margin-bottom:40px;
}
.page_contents .list_frame_in {
	background:#FFFFFF;
	text-align:left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-moz-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	-ms-box-shadow:4px 4px 4px rgba(0,0,0,0.65);
	margin:0 18px 20px 18px;
}
.page_contents .list_frame {
	display:block;
	text-decoration:none;
	color:#333333;
}
.page_contents .list_frame .arc_box {
	padding:20px 10px;
	position:relative;
}	
.page_contents .list_frame .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	font-size:24px;
	line-height:32px;
	padding-left:40px;
	font-weight:normal;
	border-bottom:#f5f5f5 4px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.page_contents .list_frame .arc_box p {
	font-size:13px;
	line-height:23px;
	padding:0 10px;
}

.page_contents .list_frame .arc_box .cate_box {
	position:absolute;
	top:17px;
	right:10px;

}
.page_contents .list_frame .arc_box .cate_box a {
	display:inline-block;
	font-size:12px;
	line-height:12px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
	text-decoration:none;
}



.page_contents .pager_con {
}
.page_contents .pager_con a {
	display:inline-block;
	background:#555555;
	color:#FFFFFF;
	text-decoration:none;
	font-size:26px;
	line-height:26px;
	text-align:center;
	width:500px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}
.page_contents .pager_con a span {
	background:url(../images/icon_10.png) no-repeat left center;
	padding:15px 0px 15px 40px;
	display:inline-block;
}


@media screen and (max-width: 640px) {
.page_contents {
	width:94%;
	margin:0 3%;
}
.page_contents h2 {
	background:#058b7b url(../images/icon_09.png) no-repeat 10px center;
	background-size:20px;
	color:#FFFFFF;
	text-align:left;
	padding:10px 15px 10px 49px;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin-bottom:4%;	
}



.page_contents .list_frame {
	background:#f8f8f8;
	padding:3% 3% 1px 3%;
	margin-bottom:40px;
}
.page_contents .list_frame_in {
	background:#FFFFFF;
	text-align:left;
	box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	-ms-box-shadow:2px 2px 2px rgba(0,0,0,0.65);
	margin:0 0px 3% 0px;
}
.page_contents .list_frame {
	display:block;
	text-decoration:none;
	color:#333333;
}
.page_contents .list_frame .arc_box {
	padding:15px 10px;
	position:relative;
}	
.page_contents .list_frame .arc_box h3 {
	background:url(../images/icon_02.png) no-repeat 10px 3px;
	background-size:14px auto;
	font-size:18px;
	line-height:24px;
	padding-left:30px;
	font-weight:normal;
	border-bottom:#f5f5f5 2px solid;
	padding-bottom:7px;
	margin-bottom:10px;
}
.page_contents .list_frame .arc_box p {
	font-size:12px;
	line-height:18px;
	padding:0 10px;
}

.page_contents .list_frame .arc_box .cate_box {
	position:relative;
	top:0px;
	right:0px;
	margin-bottom:3%;

}
.page_contents .list_frame .arc_box .cate_box a {
	display:inline-block;
	font-size:11px;
	line-height:11px;
	color:#555555;
	background:#eeeeee;
	padding:7px 10px;
	text-decoration:none;
}



.page_contents .pager_con {
}
.page_contents .pager_con a {
	display:inline-block;
	background:#555555;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	line-height:14px;
	text-align:center;
	width:100%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;	
}
.page_contents .pager_con a span {
	background:url(../images/icon_10.png) no-repeat left center;
	background-size:14px;
	padding:15px 0px 15px 20px;
	display:inline-block;
}	
	
}







p.gotop{
    position: fixed;
    right: 6px;
        bottom: 0;
		z-index:1000;
}
p.gotop a{


}
p.gotop a img {	

}