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

/*content_top*/
#content_top {
}

#news {
	background: url(../_images//news_bg.png) repeat top left;
	clear: both;
	height: 480px;
	width: 648px;
	padding: 5px 10px;
	text-decoration: none;
	overflow: hidden;
}
#news_2 {
	background: url(../_images//news_bg.png) repeat top left;
	clear: both;
	height: 200px;
	width: 668px;
	overflow: hidden;
	padding: 0 0 0 0;
	text-decoration: none;
}
#news,
#news_2 {
	position: relative;
	font-size: 107%;
}

#news_cat{
	list-style: none;
	height: 30px;
	margin: 0;
	padding: 0;
	display: -webkit-box; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox; /* IE10 */
	display: -webkit-flex; /* Pc-safari */
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-flow: row wrap; /* IE10 */
	-webkit-flex-flow: row wrap; /* Pc-safari */
	flex-flow: row wrap;
	background: url('../images/common/news_cat_nav.png') no-repeat;
}

#news_cat li{
	width: 157px;
	height: 25px;
	margin: 5px 5px 0px;
}

#news_cat li a{
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/common/news_cat_nav.png') no-repeat;
	text-indent: -9999px;
}

#catnav01 a:link,
#catnav01 a:visited{ background-position: -5px  -5px; }
#catnav01 a:hover  { background-position: -5px -35px; }
#catnav01 a:active { background-position: -5px -35px; }
#catnav01 a.active { background-position: -5px -35px; }

#catnav02 a:link,
#catnav02 a:visited{ background-position: -172px  -5px; }
#catnav02 a:hover  { background-position: -172px -35px; }
#catnav02 a:active { background-position: -172px -35px; }
#catnav02 a.active { background-position: -172px -35px; }

#catnav03 a:link,
#catnav03 a:visited{ background-position: -339px  -5px; }
#catnav03 a:hover  { background-position: -339px -35px; }
#catnav03 a:active { background-position: -339px -35px; }
#catnav03 a.active { background-position: -339px -35px; }

#catnav04 a:link,
#catnav04 a:visited{ background-position: -506px  -5px; }
#catnav04 a:hover  { background-position: -506px -35px; }
#catnav04 a:active { background-position: -506px -35px; }
#catnav04 a.active { background-position: -506px -35px; }

#news_2 div{
	padding: 5px;
}

#news_inner {
	/*	margin: 0 0 0 30px;*/
	overflow: auto;
	height: 480px;
	font-size:13px;
}
#news dl{
	margin:0 0 20px 0;
	border-bottom:1px dashed #aaa;
}
#news dt {
	line-height: 28px;
	color: #00A9FF;
	float:left;
	width:100px;
}
#news dd {
	vertical-align: middle;
	padding: 3px;
	float:right;
	width:520px;
}
#news dl dd a {

}

#news_2 img {
	margin: 5px;
max-width:100%;
height:auto;
}

#news_2 .clearfix{
	height: 188px;
	overflow: auto;
}


#news_footer {
	background: url(../_images//news_footer.png) no-repeat top left;
	height: 110px;
	position: relative;
}
#news_footer_2 {
	background: url(../_images//news_footer_2.png) no-repeat top left;
	height: 80px;
	position: relative;
}
#news_footer ul li {
	float: left;
	margin: 10px 0 0 10px;
}
#news_footer ul li a {
	margin-left: 5px;
}
#news_footer p {
	position: absolute;
	right: 50px;
	bottom: 50px;
}
#news_footer_2 p {
	position: absolute;
	right: 50px;
	bottom: 45px;
}
.newsthumb{
	float:left;
	width:80px;
	margin:0 15px 0 0;
}
.itemtitle{
	color:#fff;
	height:31px;
	padding:0 0 0 15px;
	font-size:20px;
	font-weight:bold;
	font-family:meiryo;
	margin:0 0 10px 0;
	background:url(../images/bg_title.png) no-repeat;
}
section{
	width:640px;
	margin:0 0 40px 0;
}
section img{
	max-width:640px;
	height:auto;
}
#sns_button iframe, #sns_button div{
float:right;
}
.fb-share-button{
margin:-7px 10px 0;
}