@charset "utf-8";



.hid{display: none;}

@media screen and (min-width: 769px){
			

/* program */
body.top #bg_news { width:600px; margin:0 0 0; padding:0 0 0; }
body.top #news { width:550px; height:200px; overflow:auto; }
body.top #news th { font-weight:normal; text-align:left; padding:5px 5px; color:#000; vertical-align:top; }
body.top #news td { padding:5px 5px; }
body.top #news a { color:#717171; text-decoration:underline; }
body.top #news a:hover { color:#c40026; text-decoration:none; }

/* content */ 
#content { /*width:1000px;*/ line-height:1.5; padding:0 0 100px; }
#content .top_content { float:left; margin:30px 0 0; background:url(../images/content_bg_btm.png) left bottom no-repeat; width:491px; padding:0 0 7px; }
#content .top_content h3 { padding:0; }
#content .top_read { padding:0; }
#content .txt_area { background:url(../images/content_bg_mdl.png) repeat-y; padding:0 0 10px; color:#333; }
#content #top_content_01,
#content #top_content_03 { margin-right:15px; }
	
/* abouttop */ 	
.abouttop{ width: 940px; background:#E5E5E5 repeat-x; padding: 30px; margin-bottom: 30px; margin-top:-25px;}
.abouttopWrap{ margin: auto; width: 900px;}	
.abouttopWrap h2{ font-size: 22px; font-weight: bold; margin-bottom:10px; color: #0c56a8; text-align: center;}	
.abouttopWrap p{ font-size: 14px;  line-height: 1.6; text-align: justify-all; 
  text-justify: justify-all; }		

/* group news */
.news dt {float:left; padding:14px 5px;}
.news dd { border-bottom:1px dotted #ccc; margin-left:110px; min-height:32px; padding:12px 5px;}
.news {width:588px; height:480px; overflow:auto; border:1px solid #ccc; padding:20px; margin-right:20px; float:left;}
.news dt {padding-right:15px; text-align:center;}
.news dt span {width:90px; height:20px; line-height:20px; color:#fff; font-size:11px; display:block;}
.news_info {background:#0056A8;}
.news_pa {background:#111;}
.news_st {background:#009E44;}
.news_da {background:#e50011;}
.news_ac {background:#00bfff;}
.news_lh {background:#008080;}
.news_pi {background:#8b4513;}
.news dd a {}
.news-sns {width:350px; float:left;}
.news-sns p {margin-bottom:5px;}
.news-sns p:hover {opacity:0.8;}


.news-banner {width:350px;}
.news-sns-banner p {margin-bottom:5px;}
.news-sns-banner p:hover {opacity:0.8;}


.news-snsicon {width:350px; margin-bottom: 20px;}
.news-snsicon ul{width:350px;}
.news-snsicon li{width:50px; margin-right: 15px; float: left;}
.news-snsicon li img{width:50px;}
.news-snsicon li:last-child{width:60px; float: left;}
}



@media screen and (max-width: 768px){
	
	
.header-bg {
  background-image: url("../images/sp_top.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 65vh;
	position: relative;
max-width: 100%;	
	
}	
	
.header-bg h2 img{
position: absolute;
top:28%;
left:25%;
width: 50%;	
}	
	
.header-bg span{
position: absolute;
	font-weight: bold;
color: #fff;
top:64%;
left:30%;
font-size: 15px;	
}			
	
/* program */
body.top #bg_news { width:100%; margin:0 auto; padding:0 0 0; }
body.top #news { width:90%; margin: auto; height:500px; overflow:auto; }
body.top #news th { font-weight:normal; text-align:left; padding:5px 5px; color:#000; vertical-align:top; }
body.top #news td { padding:5px 5px; }
body.top #news a { color:#717171; text-decoration:underline; }
body.top #news a:hover { color:#c40026; text-decoration:none; }
	
	
/* abouttop */ 	
.abouttop{ width: 100%; background:#E5E5E5 repeat-x; margin-bottom: 30px; margin-top:65px;}
.abouttopWrap{ margin: auto; width:85%; padding:20px 0;}	
.abouttopWrap h2{ font-size: 18px; font-weight: bold; margin-bottom:10px; color: #0c56a8; text-align: center;}	
.abouttopWrap p{ font-size: 12px;  line-height: 1.6; text-align: justify-all; 
  text-justify: justify-all; }			

/* content 
#content {  line-height:1.5; padding:0 0 100px; }
#content .top_content { float:left; margin:30px 0 0; background:url(../images/content_bg_btm.png) left bottom no-repeat; width:491px; padding:0 0 7px; }
#content .top_content h3 { padding:0; }
#content .top_read { padding:0; }
#content .txt_area { background:url(../images/content_bg_mdl.png) repeat-y; padding:0 0 10px; color:#333; }
#content #top_content_01,
#content #top_content_03 { margin-right:15px; }
*/ 
	
	
/* group news */
.news dt {float:left; padding:14px 5px;}
.news dd { border-bottom:1px dotted #ccc; margin-left:110px; min-height:32px; padding:12px 5px;}
.news {width:90%; height:300px; overflow:auto; border:1px solid #ccc; padding:20px; margin:auto; margin-bottom:30px;}
.news dt {padding-right:15px; text-align:center;}
.news dt span {width:90px; height:20px; line-height:20px; color:#fff; font-size:11px; display:block;}
	
	
.news_info {background:#0056A8;}
.news_pa {background:#111;}
.news_st {background:#009E44;}
.news_da {background:#e50011;}
.news_ac {background:#00bfff;}
.news_lh {background:#008080;}
.news_pi {background:#8b4513;}
.news dd a {}
	
	
.news-sns {width:100%; margin: auto;}
.news-sns p {margin-bottom:5px;}
.news-sns p:hover {opacity:0.8;}


.news-banner {width:95%; margin: auto;}
	.news-banner img{width:100%; max-width: 100%;}
.news-sns-banner p {margin-bottom:5px;}
.news-sns-banner p:hover {opacity:0.8;}


.news-snsicon {width:100%; margin-bottom: 20px;}
.news-snsicon ul{width:95%; margin: auto;}
.news-snsicon li{width:15%; margin-right: 3%; float: left;}
.news-snsicon li img{max-width:100px; width:100%;}
.news-snsicon li:last-child{width:15%; margin-right: 0%;  float: left;}
	
	.contents_sp{ width: 100%; margin: auto; margin-top: 30px;}
	.contents_sp ul{ width: 100%; margin: auto;}
	.cont_spimg{ width: 100%; max-width: 100%;}
	
	
	
}