@charset "utf-8";

/**
 *
 *  お知らせ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
   side
---------------------------------------------------------------------------*/

#Side .snavi ul li{
	border-top:1px solid #C9C7C5;
}
#Side .snavi ul li:first-child{
	border-top:none;
}
#Side .snavi ul li a{
	display:block;
	height:31px;
	padding:8px 20px 0;
	background:#FFF;
	text-decoration:none;
}
#Side .snavi ul li a:hover,
#Side .snavi ul li a.active{
	background:#444;
	color:#FFF;
}
#Side .snavi ul li a span{
	display:block;
	background:url(../images/common/snavi_ico.png) no-repeat 100% 50%;
}
#Side .snavi ul li a:hover span,
#Side .snavi ul li a.active span{
	background:url(../images/common/snavi_ico_on.png) no-repeat 100% 50%;
}


/*--------------------------------------------------------------------------
   news list
---------------------------------------------------------------------------*/

.news .tab-wrap{
	position:relative;
	width:734px;
	margin:-8px -4px 0;
}
.news .tab-content{
	background:url(../images/index/bg_frame_rp.png) repeat-y;
}
.news .tab-content-outline{
	background:url(../images/index/bg_frame_tp.png) no-repeat;
}
.news .tab-content-inline{
	position:relative;
	width:100%;
	background:url(../images/index/bg_frame_bt.png) no-repeat 0 100%;
}
.news .tab-navi{
	position:relative;
	bottom:-5px;
}
.news .tab-navi li{
	float:left;
}
.news .tab-navi-r{
    position:relative;
    bottom:-5px;
}
.news .tab-navi-r li{
    float:left;
}
.news .tab-section{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.news .tab-section .list{
	margin:30px;
}
.news .tab-section .list li{
	overflow:hidden;
	padding:12px 0;
	border-bottom:1px dashed #CCC;
}
.news .tab-section .list li span{
	display:block;
}
.news .tab-section .list li .date{
	float:left;
	width:82px;
	padding:2px 0 0 8px;
	font-size:86%;
}
.news .tab-section .list li .ico{
	float:left;
	width:117px;
}
.news .tab-section .list li .cont{
	float:left;
	width:435px;
	font-size:93%;
}
.news .tab-section .pager{
	padding:0 0 40px;
}
.news .tab-section .pager ul{
	text-align:center;
	letter-spacing:-.4em;
}
.news .tab-section .pager ul li{
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 5px;
	letter-spacing:normal;
}
.news .tab-section .pager ul li a,
.news .tab-section .pager ul li span{
	display:block;
	position:relative;
	width:28px;
	height:28px;
	border:1px solid #C8C6C4;
	background:#FFF;
	font-size:93%;
	line-height:28px;
	text-decoration:none;
}
.news .tab-section .pager ul li a:hover,
.news .tab-section .pager ul li.active a,
.news .tab-section .pager ul li.active span{
	border:1px solid #F95157;
	background:#F95157;
	color:#FFF;
}
.news .tab-section .pager ul li.prev{
	margin:0 15px 0 0;
}
.news .tab-section .pager ul li.next{
	margin:0 0 0 15px;
}
.news .tab-section .pager ul li.prev a,
.news .tab-section .pager ul li.next a,
.news .tab-section .pager ul li.prev span,
.news .tab-section .pager ul li.next span{
	border:1px solid #F95258;
	background:#FFF;
}
.news .tab-section .pager ul li.prev a:hover,
.news .tab-section .pager ul li.next a:hover{
	background:#FEE8E8;
}
.news .tab-section .pager ul li.prev img,
.news .tab-section .pager ul li.next img{
	margin:9px 0 0;
}

@media (max-width: 767px) {
    .news .tab-wrap {
        width: calc(100% - 20px);
        margin: 0 auto;
    }
    .news .tab-content {
        margin-left: -2px;
    }
    .news .tab-navi-r {
        width: calc(100% - 10px);
        margin: auto;
    }
    .news .tab-navi-r li {
        width: 25%;
    }
    .news .tab-navi-r li img {
        display: block;
        width: 100%;
        height: auto;
    }
    .news .tab-section .list li .cont {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
}

/*--------------------------------------------------------------------------
   news detail
---------------------------------------------------------------------------*/

.news-detail h2{
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:3px solid #F95157;
	font-size:122%;
	font-weight:bold;
}
.news-detail h2 span{
	display:block;
	font-size:79%;
	font-weight:normal;
}
.news-detail .btn-list{
	margin:20px 0 0;
	text-align:right;
}