@charset "Shift_JIS";

/*  Top Contents
-----------------------------------------------------------------------------*/
.sns {
  zoom: 1;
  margin: -20px auto 0;
  padding: 0 0 5px;
  width: 970px;
}

.sns:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.sns li {
  line-height: 16px;
  padding: 0 0 0 5px;
  float: right;
}

.sns iframe.twitter-share-button { width: 90px !important; }
.sns #___plusone_0 { width: 60px!important; }

/* cont_box */
#top_cont { position: relative; }

#top_cont:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.cont_box {
  margin-bottom: 12px;
  width: 340px;
  float: left;
}

.cont_box .title {
  padding: 12px 12px 10px;
  border-top: solid 1px #bfc6d7;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #bfc6d7;
  border-right: solid 1px #bfc6d7;
}

.cont_box .title .cate_icon {
  zoom: 1;
  padding-bottom: 6px;
}

.cont_box .title .cate_icon:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.cont_box .title .cate_icon span {
  font-size: 86%;
  color: #fff;
  margin: 0 6px 6px 0;
  padding: 0 12px;
  float: left;
}

.cont_box .title .cate_icon span a {
  color: #fff;
  text-decoration: none;
}

.cont_box .title .cate_icon span a:hover { text-decoration: underline; }
.cont_box .title .cate_icon span.a01 { background: #8165db; }
.cont_box .title .cate_icon span.a02 { background: #fd6489; }
.cont_box .title .cate_icon span.a03 { background: #21b0f3; }
.cont_box .title .cate_icon span.a04 { background: #2faf7a; }
.cont_box .title .cate_icon span.a05 { background: #777; }
.cont_box .title .cate_icon span.b01 { background: #fa8334; }
.cont_box .title .cate_icon span.b02 { background: #87c840; }
.cont_box .title .cate_icon span.b03 { background: #269eb8; }
.cont_box .title .cate_icon span.b04 { background: #df4a4a; }
.cont_box .title .cate_icon span.b05 { background: #7da857; }
.cont_box .title .cate_icon span.b06 { background: #b661cb; }
.cont_box .title .cate_icon span.b07 { background: #f7a922; }
.cont_box .title .cate_icon span.b08 { background: #4768a3; }
.cont_box .title .cate_icon span.b09 { background: #333; }
.cont_box .title .cate_icon span.city { background: #EDEFF4; }
.cont_box .title .cate_icon span.city a { color: #333; }

.cont_box .title h2 a {
  font-size: 72%;
  font-weight: normal;
  color: #000;
  line-height: 24px;
}

.cont_box .title h2 a:hover { color: #4280FF; }

.cont_box .txt {
  zoom: 1;
  font-size: 86%;
  line-height: 18px;
  padding: 15px 19px;
  border-left: solid 1px #bfc6d7;
  border-right: solid 1px #bfc6d7;
}

.cont_box .txt:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.cont_box .txt p {
  text-align: center;
  margin-bottom: 22px;
}

.cont_box .txt a { color: #2e97e0; }

.cont_box .name {
  color: #888;
  text-align: right;
  padding: 5px 10px;
  border-top: 1px solid #ddd;
  border-bottom: solid 1px #bfc6d7;
  border-left: solid 1px #bfc6d7;
  border-right: solid 1px #bfc6d7;
  background: #f5f5f5;
}

.cont_box.maincont {
  border-left: none;
  width: 700px;
  float: none;
}

.cont_box.maincont .title h2 a {
  font-size: 86%;
  line-height: 26px;
}

.cont_box.maincont .txt {
  font-size: 100%;
  line-height: 24px;
}

.cont_box.maincont .txt p {
  margin: 0 28px 0 0;
  float: left;
}

.morelink a {
  color: #165fc4;
  line-height: 33px;
  text-align: center;
  text-decoration: none;
  height: 33px;
  display: block;
  background: url(../../img/top_morelink.jpg) no-repeat left top;
  position: relative;
}