@charset "utf-8";

/* -----↓mainContents----- */
#mainContents{
}
/* -----↑mainContents----- */


/* -----↓blogBlock----- */
#blogBlock .pager{
  clear: both;
}
#blogBlock .pager ul{
  margin:10px 0;
}
#blogBlock{
  margin-bottom:30px;
}
#blogBlock #blogBlockTitle{
  border:1px solid #e8e8d5;
  margin-bottom:5px;
  height:28px;
}
#blogBlock #blogBlockTitle #blogBlockTitleBg{
  border: 1px solid #F0F0E6;
  background: #F0F0E6;
}
#blogBlock #blogBlockTitle h2{
  padding-left:23px;
  color:#3c2b20;
  background: url(../image/iconPageTitleNews.png?cache01=20161201000000) no-repeat 0px 50% #F0F0E6;
  border: 1px solid #f0f0e6;
  font-size:17px;
  font-weight:bold;
  line-height:26px;
  float:left;

}
#blogBlock #blogBlockTitle form{
  float:right;
  margin-right:3px;
}
#blogBlock #blogBlockTitle form dl{
  line-height:26px;
}
#blogBlock #blogBlockTitle form dl dt{
  float:left;
  color:#fff;
}
#blogBlock #blogBlockTitle form dl dd{
  float:left;
  margin-left:10px;
}

/* -----↑blogBlock----- */


/* -----↓blogBoxList----- */
#blogCount{
  float: right;
  color: #333;
}
#blogCount span{
  font-size:17px;
  font-weight:bold;
  padding-right:2px;
}
#container-masonry{
  margin: 0 auto;
  width: auto;
  padding-top: 10px;
}
#container-masonry .box{
  border:1px solid #ccc;
  padding:9px 5px;
  float:left;
  width:230px;
  margin-bottom:15px;
  color: rgb(51, 51, 51);
}
#container-masonry .box .blogBoxTop{
  position:relative;
  margin-bottom:20px;
}
#container-masonry .box .blogBoxTop .profileImg{
  float:left;
  width:40px;
  margin-right:10px;
  height:40px;
  overflow:hidden;
}
#container-masonry .box .blogBoxTop h3{
  font-weight:bold;
  color: #333;
}
#container-masonry .box .blogBoxTop h3 a{
}
#container-masonry .box .blogBoxTop .time{
  font-size:11px;
  position:absolute;
  right:0;
  bottom:-13px;
}
#container-masonry .box .blogBoxMid{
  margin-bottom:10px;
}
#container-masonry .box .blogBoxMid img{
  width: 580px;
  height: 250px;
}
#container-masonry .box .blogBoxMid.noImg{
  display:none;
}
#container-masonry .box .blogBoxMid p{
  text-align:center;
  height:170px;
  width:230px;
  display:block;
  margin:0 auto;
  overflow:hidden;
}
#container-masonry .box .blogBoxSmall{

}
#container-masonry .box .blogBoxSmall p.pic{
  margin-left:10px;
  float: right;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
#container-masonry .box .blogBoxSmall .leader{
  font-size:11px;
  min-height:55px;
}
#container-masonry .box .blogBoxBtm{
  min-height:94px;
  position:relative;
  clear: both;
}
#container-masonry .box .blogBoxBtmSmall{
  clear: both;
  position:relative;
  min-height: 34px;
}
#container-masonry .box .blogBoxBtm .leader{
  margin-bottom:5px;
  font-size:11px;
  min-height:55px;
}
#container-masonry .box .blogBoxBtm .moreLink a{
  background:url(../image/moreLink.png?cache01=20161201000000) left 50% no-repeat;
  padding-left:12px;
}
#container-masonry .box .blogBoxBtm h4,
#container-masonry .box .blogBoxBtmSmall h4{
  text-align:right;
  font-size:11px;
  right:0;
  bottom:0;
}
#container-masonry .box .blogBoxBtm h4 a,
#container-masonry .box .blogBoxBtmSmall h4 a{
  font-size:13px;
  color: #333;
}
/* -----↑blogBoxList----- */

/* -----↓sideBlock----- */
#sideBlock{
  float:left;
  width:177px;
}
/* -----↑sideBlock----- */

/* -----↓btn----- */
.search_panel_wrap {
  margin-top: -10px;
  float: left;
}
/* -----↑btn----- */

dl.searchKey {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    width: 600px;
}
dl.searchKey dt {
    float: left;
    clear: both;
    padding: 0 10px;
    overflow: hidden;
    width:40px;
    border-right: 1px dotted #616161;
    margin-right: 5px;
    white-space: nowrap;
    margin-top: 5px;
}
dl.searchKey dd {
    border-top: 1px solid #6F6F6F;
    break-word;
    padding:5px;
}
dl.searchKey dl:first-child
{
    border:none;
}
dl.searchKey dt:first-child + dd
{
    border:none;
}

.box:hover
{
  background:#fae9ea;
}
a.box:hover
{
  text-decoration: none;
}
.neta{
  border: 1px solid #CCC;
  border-radius:5px;
  padding:10px;
  margin-top: 10px;
  margin-bottom: 5px;

}
.netaDate{
  background-color:#74DF00;
  border-radius:0px 5px 5px 0px;
  box-shadow:2px 0 2px #DDD;
  padding:1px 5px 1px 5px;
  width: 160px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  top: -5px;
  left: -15px;

}
.netaTitle{
  float:left;
  width: 650px;
}
.netaBlock{
    float: right;
    widht:305px;
}
.netaMore{
  background-color:#FF8000;
  border-radius:5px;
  color: #fff;
  font: 2px;
  text-align: center;
  padding:1px 5px 1px 5px;
  font-size:12px;
  cursor:pointer;
  float:right;
}
.netaMore:hover{
  text-decoration: none;
}
.netaOther{
  background-color:#7907fd;
  border-radius:5px;
  color: #fff;
  font: 2px;
  text-align: center;
  padding:1px 5px 1px 5px;
  margin:0px 0px 0px 5px;
  font-size:12px;
  cursor:pointer;
  float:right;
}
.netaOther:hover{
    text-decoration: none;
}
.returnBlogList{
  text-align: right;
  margin-bottom: 10px;
}

.iconTodayNeta {
    position: absolute;
    left: -10px;
    top:  -13px;
    width: 180px;
}

.iconTodayNeta img {
    width: 72px;
    margin-top: 0px;
    margin-top:0;
    animation: anime1 0.8s linear 0s infinite alternate;
    -moz-animation:anime1 0.8s linear 0s infinite alternate;
    -webkit-animation: anime1 0.8s linear 0s infinite alternate;
    -ms-animation: anime1 0.8s linear 0s infinite alternate;
}
@-moz-keyframes anime1{
0% {
    margin-top:0;
}
50% {
    margin-top:-5px;
}
100% {
    margin-top:0;
}
}
@keyframes anime1{
0% {
    margin-top:0;
}
50% {
    margin-top:-5px;
}
100% {
    margin-top:0;
}
}
@-webkit-keyframes anime1 {
0% {
    margin-top:0;
}
50% {
    margin-top:-5px;
}
100% {
    margin-top:0;
}
}
@-ms-keyframes anime1 {
0% {
    margin-top:0;
}
50% {
    margin-top:-5px;
}
100% {
    margin-top:0;
}
}