@charset "UTF-8";
/*size*/
/*color*/
/*category color*/
/*link*/
/*font size*/
/* mixinCSS Document */
/*----------newsBox---------*/
/*categoryIcon*/
/*bg*/
/*text*/
/*btn*/
/*----------newsList---------*/
/*----------sub----------*/
/*----------parts---------*/
/*----------tab active---------*/
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, button, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  -webkit-touch-callout:none;
  -webkit-user-select:none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit; }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input, button, textarea, select {
  *font-size: 100%; }

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
  /*font:12px/1.22 "MS PGothic","Osaka",Arial,sans-serif;*/
  /*font-size:12px;*/
  font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* for IE6/7 */
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small; }

/* for windows vista */
* + html body {
  font-family: "CI","Meiryo"; }

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select, input, button, textarea, button {
  font: 99% arial,helvetica,clean,sans-serif; }

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%; }

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

strong {
  font-weight: bold; }

/* layoutCSS Document */
html, body {
  background: #fff url(../images/common/bg.gif) repeat-y center top;
  height:100%; }

/*----------header----------*/
#header {
  margin: auto;
  padding-top: 15px;
  width: 1000px; }

#header .headerArea {
  width: 265px;
  float: left; }

#titleLogo {
  padding-bottom: 10px; }

/*todayArea*/
#todayArea {
  background: #fff;
  min-height: 44px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

#todayArea #writedate {
  width: 110px;
  text-align: center;
  float: left; }
#todayArea #weather {
  width: 150px;
  float: right; }

#writedate .yy {
  padding-top: 5px;
  padding-left: 12px;
  text-align: left; }

/*gNav*/
#gNav {
  padding-top: 5px;
  clear: both;
  border-bottom: 4px solid #a40a00;
  /*@include clearfix;*/ }

/*----------programNav----------*/
#programNav {
  background-color: #ecf0f1;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #bec3c7; }

#programNav ul {
  width: 100%;
  text-align: center;
  letter-spacing: -.40em; }

#programNav li {
  padding-left: 1px;
  padding-right: 1px;
  width: 98px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
#programNav li.oha4 a {
  background-image: url(../images/common/program/icon_oha4.gif); }
#programNav li.straight a {
  background-image: url(../images/common/program/icon_straight.gif); }
#programNav li.every a {
  background-image: url(../images/common/program/icon_every.gif); }
#programNav li.zero a {
  background-image: url(../images/common/program/icon_zero.gif); }
#programNav li.bankisha a {
  background-image: url(../images/common/program/icon_bankisha.gif); }
#programNav li.document a {
  background-image: url(../images/common/program/icon_document.gif); }
#programNav li.action a {
  background-image: url(../images/common/program/icon_action.gif); }
#programNav li.dailyplanet a {
  background-image: url(../images/common/program/icon_dailyplanet.gif); }
#programNav li.social a {
  background-image: url(../images/common/program/icon_social.gif); }
#programNav li.catv a {
  background-image: url(../images/common/program/icon_catv.gif); }
#programNav li.shinsou a {
  background-image: url(../images/common/program/icon_shinsou.gif); }

#programNav li a {
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  height: 26px;
  display: block;
  border: 1px solid #bec3c7;
  text-indent: -9999px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
#programNav li a:hover {
  border: 1px solid #e60012; }

/*-----categoryNav-----*/
#categoryNav {
  padding-top: 5px;
  border-top: 1px solid #bec3c7;
  position: relative;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
#categoryNav ul.tab {
  letter-spacing: -.40em;
  width: 2000px; }
#categoryNav ul.tab li {
  padding-left: 4px;
  min-width: 65px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
#categoryNav ul.tab li.nodisp {
  display: none; }
#categoryNav ul.tab li a {
  background-color: #ecf0f1;
  padding: 8px 2px 6px;
  min-height: 13px;
  text-align: center;
  border-top: 5px solid #545454;
  display: block;
  white-space: nowrap;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px 0 0; }
#categoryNav ul.tab li a:hover {
  background-color: #faccd0;
  border-top: 5px solid #a40a00; }
#categoryNav ul.tab li a.active {
  background-color: #ec3341;
  border-top: 5px solid #a40a00;
  color: #fff; }
body#top #categoryNav ul.tab li.top a, body#society #categoryNav ul.tab li.society a, body#entertainment #categoryNav ul.tab li.entertainment a, body#international #categoryNav ul.tab li.international a, body#politics #categoryNav ul.tab li.politics a, body#economy #categoryNav ul.tab li.economy a, body#sports #categoryNav ul.tab li.sports a, body#program #categoryNav ul.tab li.program a, body#everyone #categoryNav ul.tab li.everyone a, body#blog #categoryNav ul.tab li.blog a, body#feature #categoryNav ul.tab li.feature a, body#local #categoryNav ul.tab li.local a {
  background-color: #ec3341;
  border-top: 5px solid #a40a00;
  color: #fff; }

/*categoryNavMore*/
#categoryNavMore {
  position: absolute;
  top: 5px;
  right: 0px;
  z-index: 100; }
#categoryNavMore.off {
  display: none; }
#categoryNavMore .btn_more {
  text-indent: -9999px; }
#categoryNavMore .btn_more a {
  background: #545454 url(../images/common/arrow_tab.png) no-repeat center center;
  display: block;
  width: 20px;
  height: 30px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
#categoryNavMore .btn_more a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
#categoryNavMore .btn_more a.active {
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 5px inset; }
#categoryNavMore .popup {
  background-color: #ecf0f1;
  padding: 0px;
  position: absolute;
  top: 38px;
  right: 0px;
  z-index: 110;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  -webkit-transition-duration: 2s;
  transition-duration: 2s; }
#categoryNavMore .popup.on {
  display: block; }
#categoryNavMore .popup.off {
  display: none; }
#categoryNavMore .popup li {
  border-bottom: 1px solid #bec3c7; }
#categoryNavMore .popup li:last-child {
  border-bottom: none; }
#categoryNavMore .popup li a {
  background-image: url(../images/common/arrow_r_04.png);
  background-position: 8px center;
  background-repeat: no-repeat;
  -moz-background-size: 8px 8px;
  -o-background-size: 8px 8px;
  -webkit-background-size: 8px 8px;
  background-size: 8px 8px;
  padding: 6px 10px 6px 20px;
  display: block;
  white-space: nowrap; }
#categoryNavMore .popup li a:hover {
  background-color: #faccd0; }

/*----------contents----------*/
div#contents {
  margin: auto;
  padding-top: 6px;
  padding-bottom: 40px;
  width: 1000px;
  overflow: hidden;
  *zoom: 1; }

/*----------main----------*/
#main {
  width: 695px;
  float: left; }

/*----------newsBox---------*/
#main .newsBox {
  padding-bottom: 10px;
  clear: both;
  position: relative;
  overflow: hidden;
  *zoom: 1; }

#main .newsBox .column {
  margin-right: 10px;
  width: 220px;
  float: left; }

#main .newsBox a {
  display: block;
  position: relative; }
#main .newsBox a:hover {
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8; }

#main .newsBox .update {
  text-align: right; }

#main .newsBox .icon {
  padding: 0px 10px;
  text-align: right;
  min-height: 14px;
  clear: both; }
#main .newsBox .icon li {
  margin: 0px;
  padding: 0px;
  display: inline; }
#main .newsBox .icon img {
  vertical-align: middle; }

#main .newsBox .category {
  background-color: #545454;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #545454;
  border-right: 5px solid transparent;
  border-left: 5px solid #545454;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.top {
  background-color: #fe080b;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.top:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #fe080b;
  border-right: 5px solid transparent;
  border-left: 5px solid #fe080b;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.society {
  background-color: #118900;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.society:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #118900;
  border-right: 5px solid transparent;
  border-left: 5px solid #118900;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.entertainment {
  background-color: #9823c9;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.entertainment:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #9823c9;
  border-right: 5px solid transparent;
  border-left: 5px solid #9823c9;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.politics {
  background-color: #e84c3d;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.politics:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #e84c3d;
  border-right: 5px solid transparent;
  border-left: 5px solid #e84c3d;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.economy {
  background-color: #359ad9;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.economy:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #359ad9;
  border-right: 5px solid transparent;
  border-left: 5px solid #359ad9;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.international {
  background-color: #344a5d;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.international:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #344a5d;
  border-right: 5px solid transparent;
  border-left: 5px solid #344a5d;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.sports {
  background-color: #e57c2c;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.sports:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #e57c2c;
  border-right: 5px solid transparent;
  border-left: 5px solid #e57c2c;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.movie {
  background-color: #2a82b7;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.movie:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #2a82b7;
  border-right: 5px solid transparent;
  border-left: 5px solid #2a82b7;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.blog {
  background-color: #88003d;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.blog:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #88003d;
  border-right: 5px solid transparent;
  border-left: 5px solid #88003d;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.feature {
  background-color: #f90;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.feature:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #f90;
  border-right: 5px solid transparent;
  border-left: 5px solid #f90;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.local {
  background-color: #9ec42e;
  padding: 5px 6px 4px 12px;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  font: bold 11px "メイリオ", Meiryo, sans-serif;
  letter-spacing: 1px;
  color: #fff;
  line-height: 1em; }
#main .newsBox .category.local:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -10px;
  border-top: 10px solid #9ec42e;
  border-right: 5px solid transparent;
  border-left: 5px solid #9ec42e;
  border-bottom: 10px solid transparent; }
#main .newsBox .category.large {
  font-size: 14px;
  padding: 8px 8px 7px 15px;
  letter-spacing: 0.5em; }
#main .newsBox .category.large:after {
  right: -12px;
  border-top-width: 14px;
  border-right-width: 6px;
  border-left-width: 6px;
  border-bottom-width: 14px; }

/*nbox01*/
#main .nbox01 {
  background: no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  border-top: 1px solid #bec3c7;
  width: 680px;
  height: 383px; }

#main .nbox01 .textBox {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%; }

#main .nbox01 .title {
  padding: 15px 15px 5px; }

#main .nbox01 .outline {
  padding: 0px 15px 5px; }

#main .nbox01 .update {
  padding: 0px 15px 10px; }

#main .newsBox .nbox01 .icon {
  padding-top: 5px; }

/*nbox02*/
#main .nbox02 {
  min-height: 89px;
  border-bottom: 1px solid #bec3c7; }

#main .nbox02 .title {
  padding: 5px 10px 5px; }

#main .nbox02 .update {
  padding: 7px 10px 3px; }

/*nbox03*/
#main .nbox03 {
  background: no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 180px; }

#main .nbox03 .textBox {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%; }

#main .nbox03 .title {
  padding: 10px 10px 8px; }

#main .nbox03 .update {
  padding: 5px 10px;
  float: right;
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

/*nbox04*/
#main .nbox04 {
  min-height: 180px;
  border-bottom: 1px solid #bec3c7; }

#main .nbox04 .title {
  padding: 5px 10px 5px; }

#main .nbox04 .outline {
  padding: 0px 10px 5px; }

#main .nbox04 .update {
  padding: 7px 10px 3px; }

/*nbox05*/
#main .nbox05 {
  border-top: 1px solid #bec3c7;
  width: 680px; }

#main .nbox05 .title {
  padding: 15px 15px 5px; }

#main .nbox05 .outline {
  padding: 0px 15px 5px; }

#main .nbox05 .update {
  padding: 0px 15px 10px; }

#main .newsBox .nbox05 .icon {
  padding-top: 5px; }

/*----------newsMain---------*/
#main #newsMain {
  padding-bottom: 5px; }

#main #newsMain .newsBox .column {
  border-top: 1px solid #bec3c7; }

/*----------newsGenre---------*/
#main .newsGenre {
  padding-bottom: 25px;
  position: relative; }

#main .newsGenre .linkMore {
  position: absolute;
  top: 6px;
  right: 15px; }

#main .newsGenre .newsBox {
  padding-top: 5px; }

/*----------newsList---------*/
#main .newsList li {
  background: url(../images/common/arrow_link.gif) no-repeat 10px 1em;
  padding: 10px 10px 5px 25px;
  border-bottom: 1px solid #bec3c7;
  position: relative; }
#main .newsList li:last-child {
  border-bottom: none; }
#main .newsList li .title {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em;
  color: #000;
  text-decoration: none; }
#main .newsList li .title:hover {
  color: #e60012; }
#main .newsList li .update {
  font-size: 85%;
  line-height: 1em;
  color: #000; }
#main .newsList li .info li, #main .newsList li .info ul {
  background: none;
  padding: 0px;
  display: inline;
  border-bottom: none;
  min-height: 12px; }
#main .newsList li .info img {
  vertical-align: middle; }

/*----------sub----------*/
div#sub {
  width: 300px;
  float: right; }

div#sub .subBox {
  background-color: #ecf0f1;
  margin-bottom: 10px;
  padding: 5px; }

/*-----searchArea-----*/
#searchArea #searchNews {
  float: left;
  overflow: hidden;
  *zoom: 1; }

#searchArea #searchNews .inputKeyword {
  float: left; }

#searchArea #searchNews .inputKeyword input[type=text] {
  background-color: #fff;
  height: 30px;
  border: 1px solid #cbcbcb;
  border-right: none; }

#searchArea #searchNews .submit-search {
  float: left; }
#searchArea #searchNews .submit-search:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

#searchArea .btn_rss {
  float: right; }
#searchArea .btn_rss a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

/*-----searchCal-----*/
#searchArea #searchCal {
  padding-top: 5px;
  clear: both; }
#searchArea #searchCal .h3_cal a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

#searchBox .calendarHeader {
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 1px; }
#searchBox .calendarHeader .nav {
  position: relative; }
#searchBox .calendarHeader .nav li {
  position: absolute;
  top: 0px;
  text-indent: -9999px;
  overflow: hidden; }
#searchBox .calendarHeader .nav li a, #searchBox .calendarHeader .nav li span {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #545454;
  width: 20px;
  height: 20px;
  display: block; }
#searchBox .calendarHeader .nav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }
#searchBox .calendarHeader .nav li span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }
#searchBox .calendarHeader .nav .prev {
  left: 5px; }
#searchBox .calendarHeader .nav .prev a, #searchBox .calendarHeader .nav .prev span {
  background-image: url(../images/common/arrow_l_02.png); }
#searchBox .calendarHeader .nav .next {
  right: 5px; }
#searchBox .calendarHeader .nav .next a, #searchBox .calendarHeader .nav .next span {
  background-image: url(../images/common/arrow_r_02.png); }
#searchBox .calendarHeader .month {
  padding: 3px 20px 5px;
  text-align: center; }

#searchCal #calendarTable {
  width: 100%; }
#searchCal #calendarTable th {
  background-color: #fff;
  padding: 3px 0px;
  border: 1px solid #ecf0f1;
  text-align: center;
  width: 14.3%; }
#searchCal #calendarTable td {
  background-color: #fff;
  border: 1px solid #ecf0f1;
  text-align: center; }
#searchCal #calendarTable td a, #searchCal #calendarTable td span {
  padding: 3px 0px;
  display: block;
  border: 1px solid #fff; }
#searchCal #calendarTable td a:hover {
  border: 1px solid #e60012; }
#searchCal #calendarTable td a:active {
  background-color: #bec3c7; }

#searchBox .calendarBottom {
  padding-top: 5px;
  overflow: hidden;
  *zoom: 1; }
#searchBox .calendarBottom .genre {
  padding: 5px 10px;
  float: left; }
#searchBox .calendarBottom .genre option {
  padding: 5px; }
#searchBox .calendarBottom .btnSearch {
  float: right; }
#searchBox .calendarBottom .btnSearch a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

/*----accessRanking----*/
#accessRanking ol {
  background-color: #fff; }
#accessRanking ol li {
  border-bottom: 1px solid #bec3c7; }
#accessRanking ol li:last-child {
  border: none; }
#accessRanking ol.list a {
  background: url(../images/common/arrow_link.gif) no-repeat 10px 0.9em;
  padding: 8px 5px 8px 28px;
  display: block; }
#accessRanking ol.rank li a {
  padding: 8px 5px 8px 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 50px;
  display: block; }
#accessRanking ol.rank li.num01 a {
  background-image: url(../images/common/number/def/n01.png); }
#accessRanking ol.rank li.num02 a {
  background-image: url(../images/common/number/def/n02.png); }
#accessRanking ol.rank li.num03 a {
  background-image: url(../images/common/number/def/n03.png); }
#accessRanking ol.rank li.num04 a {
  background-image: url(../images/common/number/def/n04.png); }
#accessRanking ol.rank li.num05 a {
  background-image: url(../images/common/number/def/n05.png); }
#accessRanking ol.rank li .update {
  padding-top: 3px;
  padding-right: 10px;
  text-align: right;
  display: block; }

/*----accessRankingGenre----*/
#accessRankingGenre ol {
  background-color: #fff; }
#accessRankingGenre ol li {
  border-bottom: 1px solid #bec3c7; }
#accessRankingGenre ol li:last-child {
  border: none; }
#accessRankingGenre ol.list a {
  background: url(../images/common/arrow_link.gif) no-repeat 10px 0.9em;
  padding: 8px 5px 8px 28px;
  display: block; }
#accessRankingGenre ol.rank li a {
  padding: 8px 5px 8px 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 50px;
  display: block; }
#accessRankingGenre ol.rank li.num01 a {
  background-image: url(../images/common/number/def/n01.png); }
#accessRankingGenre ol.rank li.num02 a {
  background-image: url(../images/common/number/def/n02.png); }
#accessRankingGenre ol.rank li.num03 a {
  background-image: url(../images/common/number/def/n03.png); }
#accessRankingGenre ol.rank li.num04 a {
  background-image: url(../images/common/number/def/n04.png); }
#accessRankingGenre ol.rank li.num05 a {
  background-image: url(../images/common/number/def/n05.png); }
#accessRankingGenre ol.rank li .update {
  padding-top: 3px;
  padding-right: 10px;
  text-align: right;
  display: block; }

/*----latestNews----*/
#latestNews ul {
  background-color: #fff; }
#latestNews ul li {
  border-bottom: 1px solid #bec3c7; }
#latestNews ul li:last-child {
  border: none; }
#latestNews ul.list a {
  background: url(../images/common/arrow_link.gif) no-repeat 10px 0.9em;
  padding: 8px 5px 8px 28px;
  display: block; }
#latestNews ul.rank li a {
  padding: 8px 5px 8px 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 50px;
  display: block; }
#latestNews ul.rank li.num01 a {
  background-image: url(../images/common/number/def/n01.png); }
#latestNews ul.rank li.num02 a {
  background-image: url(../images/common/number/def/n02.png); }
#latestNews ul.rank li.num03 a {
  background-image: url(../images/common/number/def/n03.png); }
#latestNews ul.rank li.num04 a {
  background-image: url(../images/common/number/def/n04.png); }
#latestNews ul.rank li.num05 a {
  background-image: url(../images/common/number/def/n05.png); }
#latestNews ul.rank li .update {
  padding-top: 3px;
  padding-right: 10px;
  text-align: right;
  display: block; }

/*----todayOA----*/
#todayOA ul {
  background-color: #fff; }
#todayOA ul li {
  border-bottom: 1px solid #bec3c7; }
#todayOA ul li:last-child {
  border: none; }
#todayOA ul.list a {
  background: url(../images/common/arrow_link.gif) no-repeat 10px 0.9em;
  padding: 8px 5px 8px 28px;
  display: block; }
#todayOA ul.rank li a {
  padding: 8px 5px 8px 30px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 50px;
  display: block; }
#todayOA ul.rank li.num01 a {
  background-image: url(../images/common/number/def/n01.png); }
#todayOA ul.rank li.num02 a {
  background-image: url(../images/common/number/def/n02.png); }
#todayOA ul.rank li.num03 a {
  background-image: url(../images/common/number/def/n03.png); }
#todayOA ul.rank li.num04 a {
  background-image: url(../images/common/number/def/n04.png); }
#todayOA ul.rank li.num05 a {
  background-image: url(../images/common/number/def/n05.png); }
#todayOA ul.rank li .update {
  padding-top: 3px;
  padding-right: 10px;
  text-align: right;
  display: block; }

#todayOA li.noa {
  position: relative; }
#todayOA li.noa .icon {
  position: absolute;
  top: 1px;
  right: 1px; }

#todayOA li .time {
  margin-right: 10px; }

/*----network----*/
#network ul {
  background-color: #fff;
  padding: 5px 0px;
  overflow: hidden;
  *zoom: 1; }
#network ul li {
  width: 50%;
  float: left;
  /*border-bottom:1px solid $lineGray;*/ }
#network ul li:last-child {
  border: none; }
#network ul.list a {
  background: url(../images/common/arrow_r_05.png) no-repeat 10px center;
  -moz-background-size: 10px 10px;
  -o-background-size: 10px 10px;
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
  padding: 8px 5px 8px 25px;
  display: block; }

/*----snsList----*/
#snsList {
  overflow: hidden;
  *zoom: 1; }

/*tab*/
#snsList .tab {
  background-color: #fff;
  letter-spacing: -.40em; }
#snsList .tab li {
  margin: 0px;
  padding: 0px;
  width: 96px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }
#snsList .tab li.tab_tt {
  width: 97px; }
#snsList .tab li a {
  text-align: center;
  padding: 3px 0px 3px;
  display: block;
  position: relative; }
#snsList .tab li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }
#snsList .tab li a.active:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
#snsList .tab li a.active:after {
  content: "";
  position: absolute;
  margin-left: -7px;
  bottom: -5px;
  left: 50%;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #fff; }
#snsList .tab li.tab_fb a {
  background-color: #3a5a9b; }
#snsList .tab li.tab_tt a {
  background-color: #5ea9dd; }
#snsList .tab li.tab_line a {
  background-color: #00c300; }

/*list*/
#snsList #fbList {
  border-top: 5px solid #3a5a9b; }
#snsList #ttList {
  border-top: 5px solid #5ea9dd; }
#snsList #lineList {
  border-top: 5px solid #00c300; }
#snsList .list {
  background-color: #fff;
  overflow: hidden;
  *zoom: 1; }
#snsList .list li {
  width: 33.33%;
  text-align: center;
  float: left; }
#snsList .list a {
  padding: 10px 0px;
  display: block; }
#snsList .list a:hover {
  background-color: #ecf0f1; }
#snsList .list a img {
  margin-bottom: 5px; }

/* tooltipQR */
.tip_trigger .tooltip {
  background-color: #fff;
  margin: 10px 0px 0px -10px;
  padding: 5px;
  text-align: center;
  border: 3px solid #cdcdcd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  position: absolute;
  z-index: 500;
  pointer-events: none; }
.tip_trigger .tooltip.on {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1; }
.tip_trigger .tooltip .qr {
  width: 100px; }
.tip_trigger .tooltip:after {
  margin-left: -10px;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 550;
  pointer-events: none;
  border-top: 12px solid transparent;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 12px solid #cdcdcd; }

/*-----bottomNote-----*/
#bottomNote {
  padding: 5px;
  clear: both; }

/*----------footer----------*/
div#footer {
  background: #000;
  min-width: 1000px;
  height: 100px;
  clear: both;
  position: relative; }

div#footer p.copy {
  margin: auto;
  padding: 10px;
  width: 980px;
  text-align: right; }

/*----------parts----------*/
/* fontCSS Document */
/*----------header----------*/
#writedate .yy {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 11px;
  color: #555; }

#writedate .mmdd {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  font-weight: bold; }

#writedate .mmdd .nn {
  font: bold 18px helvetica Gadget, sans-serif;
  color: #555; }

/*-----categoryNav-----*/
#categoryNav li a {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
  color: #000;
  text-decoration: none; }

#categoryNav li a.active {
  color: #fff; }

/*-----searchArea-----*/
#searchNews .inputKeyword input {
  font-size: 14px;
  color: #555; }

#searchSelect h3 {
  font-weight: bold; }

#searchSelect h3, #searchSelect p {
  font-size: 14px;
  color: #fff; }

/*----------newsBox---------*/
#main .newsBox .update {
  font-size: 93%;
  line-height: 1em;
  color: #000; }

#main .newsBox a {
  text-decoration: none; }

/*nbox01*/
#main .newsBox .nbox01 .title {
  font-size: 182%;
  font-weight: bold;
  line-height: 1.4em;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

#main .newsBox .nbox01 .outline {
  font-size: 138.5%;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

#main .newsBox .nbox01 .update {
  font-size: 123.1%;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

/*nbox02*/
#main .newsBox .nbox02 .title {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em;
  color: #000; }

/*nbox03*/
#main .newsBox .nbox03 .title {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em;
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

#main .newsBox .nbox03 .update {
  color: #fff;
  text-shadow: 1px 1px 1px #000; }

/*nbox04*/
#main .newsBox .nbox04 .title {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em;
  color: #000; }

#main .newsBox .nbox04 .outline {
  font-size: 100%;
  line-height: 1.3em;
  color: #000; }

/*nbox05*/
#main .newsBox .nbox05 .title {
  font-size: 182%;
  font-weight: bold;
  line-height: 1.4em;
  color: #000; }

#main .newsBox .nbox05 .outline {
  font-size: 138.5%;
  line-height: 1.3em;
  color: #000; }

#main .newsBox .nbox05 .update {
  font-size: 123.1%; }

#newsBoxMore li a {
  font-size: 14px;
  color: #000;
  text-decoration: none; }

#newsBoxMore li .update {
  font-size: 12px; }

/*adText01*/
#adText01 a {
  font-size: 100%;
  color: #000;
  text-decoration: none; }

#adText01 a:hover {
  color: #e60012;
  text-decoration: underline; }

/*#adText01 ul li div{display: inline;}*/
#adText01 ul li > div{
  display: inline-block;
  width: 90%;
  vertical-align: bottom;
}

/*adText02*/
#adText02 a {
  font-size: 108%;
  font-weight: bold;
  line-height: 1.4em; }

/*-----searchCal-----*/
#searchBox .calendarHeader .month {
  font-size: 16px;
  font-weight: bold; }

#searchCal #calendarTable th {
  font-size: 14px;
  font-weight: bold; }
#searchCal #calendarTable th.sat {
  color: #0068b3; }
#searchCal #calendarTable th.sun {
  color: #f00; }
#searchCal #calendarTable td {
  font-size: 14px; }
#searchCal #calendarTable td a {
  text-decoration: none;
  color: #000; }
#searchCal #calendarTable td a:hover {
  color: #e60012; }
#searchCal #calendarTable td span {
  color: #ccc; }

#searchBox .calendarBottom .genre option {
  font-size: 14px; }

/*----accessRanking----*/
#accessRanking li {
  font-size: 93%;
  line-height: 1.3em; }
#accessRanking li a {
  color: #000;
  text-decoration: none; }
#accessRanking li a:hover {
  color: #e60012;
  text-decoration: underline; }

/*----accessRankingGenre----*/
#accessRankingGenre li {
  font-size: 93%;
  line-height: 1.3em; }
#accessRankingGenre li a {
  color: #000;
  text-decoration: none; }
#accessRankingGenre li a:hover {
  color: #e60012;
  text-decoration: underline; }

/*----latestNews----*/
#latestNews li {
  font-size: 93%;
  line-height: 1.3em; }
#latestNews li a {
  color: #000;
  text-decoration: none; }
#latestNews li a:hover {
  color: #e60012;
  text-decoration: underline; }

/*----todayOA----*/
#todayOA li.noa {
  font-weight: bold; }

#todayOA li {
  font-size: 93%;
  line-height: 1.3em; }
#todayOA li a {
  color: #000;
  text-decoration: none; }
#todayOA li a:hover {
  color: #e60012;
  text-decoration: underline; }

/*----snsList----*/
#snsList .list li {
  font-size: 93%; }

#snsList .list a {
  color: #000;
  text-decoration: none; }

/*----network----*/
#network li {
  font-size: 93%;
  line-height: 1.3em; }
#network li a {
  color: #000;
  text-decoration: none; }
#network li a:hover {
  color: #e60012;
  text-decoration: underline; }

/*-----bottomNote-----*/
#bottomNote {
  font-size: 93%;
  line-height: 1.2em;
  color: #666; }
#bottomNote a {
  color: #666; }
#bottomNote a:hover {
  color: #e60012;
  text-decoration: none; }

/*----------footer----------*/
div#footer p.copy {
  color: #fff;
  font: italic 93%/1.2em Arial, Helvetica, sans-serif; }

/*----------parts----------*/
/*----------common----------*/
a {
  color: #e60012; }

a:hover {
  color: #a40a00;
  text-decoration: none; }

/* partsCSS Document */
/*----------tab----------*/
.title_tab {
  border-bottom: 5px solid #545454;
  width: 680px; }
.title_tab .tab {
  background-color: #545454;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.top {
  border-bottom: 5px solid #fe080b;
  width: 680px; }
.title_tab.top .tab {
  background-color: #fe080b;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.society {
  border-bottom: 5px solid #118900;
  width: 680px; }
.title_tab.society .tab {
  background-color: #118900;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.entertainment {
  border-bottom: 5px solid #9823c9;
  width: 680px; }
.title_tab.entertainment .tab {
  background-color: #9823c9;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.politics {
  border-bottom: 5px solid #e84c3d;
  width: 680px; }
.title_tab.politics .tab {
  background-color: #e84c3d;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.economy {
  border-bottom: 5px solid #359ad9;
  width: 680px; }
.title_tab.economy .tab {
  background-color: #359ad9;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.international {
  border-bottom: 5px solid #344a5d;
  width: 680px; }
.title_tab.international .tab {
  background-color: #344a5d;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.sports {
  border-bottom: 5px solid #e57c2c;
  width: 680px; }
.title_tab.sports .tab {
  background-color: #e57c2c;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.movie {
  border-bottom: 5px solid #2a82b7;
  width: 680px; }
.title_tab.movie .tab {
  background-color: #2a82b7;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.blog {
  border-bottom: 5px solid #88003d;
  width: 680px; }
.title_tab.blog .tab {
  background-color: #88003d;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.feature {
  border-bottom: 5px solid #f90;
  width: 680px; }
.title_tab.feature .tab {
  background-color: #f90;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }
.title_tab.local {
  border-bottom: 5px solid #9ec42e;
  width: 680px; }
.title_tab.local .tab {
  background-color: #9ec42e;
  padding: 8px 10px 4px;
  text-align: center;
  width: 6em;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 108%;
  font-weight: bold;
  color: #fff; }

/*----------btn----------*/
.btn_linkMore {
  background: url(../images/common/arrow_linkMore.gif) no-repeat left center;
  padding: 4px 5px 3px 21px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 13px;
  line-height: 1em;
  min-height: 13px;
  color: #000;
  text-decoration: none; }
.btn_linkMore:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  color: #000; }

/*----------title----------*/
#main .h3_gray {
  background-color: #545454;
  width: 680px; }

/*----------topicsPath----------*/
#topicsPath ul {
  padding: 5px 10px 5px;
  overflow: hidden;
  *zoom: 1; }
#topicsPath li {
  float: left;
  font-size: 12px; }
#topicsPath li a {
  background: url(../images/common/arrow_tpath.gif) no-repeat right center;
  margin-right: 10px;
  padding-right: 15px;
  text-decoration: none;
  color: #545454; }
#topicsPath li a:hover {
  text-decoration: underline;
  color: #000; }
#topicsPath li.last a {
  background: none; }

/*----------pagetop----------*/
#pageTop {
  position: fixed;
  bottom: -40px;
  right: 50px;
  width: 50px;
  height: 30px; }

#pageTop a {
  background: url(../images/common/pagetop.png) no-repeat center center;
  background-color: rgba(0, 0, 0, 0.6);
  width: 50px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }

/*----------sub----------*/
#sub .h3_red {
  position: relative; }
#sub .h3_red .cat {
  background-color: #a40a00;
  padding-top: 10px;
  padding-left: 18px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 13px;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
  padding-right: 12px; }
#sub .h3_red .cat:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  border-top: 9px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #e60012;
  border-bottom: 9px solid transparent; }
#sub .h3_red .link {
  background-color: #a40a00;
  padding-top: 10px;
  padding-left: 18px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 13px;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
  background-image: url(../images/common/sub/arrow_red.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 26px; }
#sub .h3_red .link:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0px;
  border-top: 9px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #e60012;
  border-bottom: 9px solid transparent; }
#sub .h3_red .link:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }

/*----------ad/banner----------*/
/*largeBanner*/
#largeBanner {
  width: 728px;
  height: 90px;
  float: right; }

/*n24Banner*/
#n24Banner {
  margin-bottom: 10px;
  width: 681px;
  height: 46px;
  overflow: hidden;
  overflow: hidden;
  *zoom: 1; }

#n24Banner li {
  width: 224px;
  float: left; }

/*adText01*/
#adText01 {
  padding-bottom: 25px;
  width: 680px;
  clear: both;
  border-top: 1px solid #bec3c7; }

#adText01 li {
  background-color: #fff;
  padding: 6px 10px;
  border-bottom: 1px solid #bec3c7; }

#adText01 li img {
  margin-right: 5px;
  vertical-align: middle; }

/*adText02*/
#adText02 {
  padding: 10px 0px;
  width: 680px;
  clear: both;
  border-top: 1px solid #bec3c7; }

#adText02 li {
  background-color: #fff;
  padding: 6px 10px;
  border-bottom: 1px solid #bec3c7; }

#adText02 li span {
  display: block; }

/*rectBanner*/
#rectBanner {
  padding: 10px 0px;
  border-top: 1px solid #bec3c7;
  overflow: hidden;
  *zoom: 1; }

#rectBanner li {
  padding: 10px 0px;
  width: 340px;
  text-align: center;
  float: left; }

/*regularBanner*/
#regularBanner {
  margin: auto;
  padding-bottom: 10px;
  width: 640px; }

/*bigSkyscraperBanner*/
#bigSkyscraperBanner {
  padding-bottom: 10px; }

/*slideBanner*/
#slideBanner {
  padding-bottom: 10px; }

#slideBanner .pointer {
  background: #f00; }

/*sideRectBanner*/
#sideRectBanner {
  padding-bottom: 10px; }

/*etcBanner*/
#etcBanner {
  padding-bottom: 5px; }
#etcBanner li {
  padding-bottom: 5px; }
#etcBanner li img {
  vertical-align: bottom; }

/*simpleBanner*/
#simpleBanner {
  padding-bottom: 5px; }
#simpleBanner li {
  padding-bottom: 5px; }
#simpleBanner li img {
  vertical-align: bottom; }

/* topCSS Document */
/*---------------
□□□layout□□□
---------------*/
/*----------newsLocal---------*/
#top #newsLocal {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 25px; }

#top #newsLocal .newsList {
  width: 445px;
  float: left; }

#top #newsLocal .newsList .area {
  margin-left: 10px;
  padding: 1px;
  background-color: #eaf8cc; }
#top #newsLocal .newsList .area:hover {
  background-color: #545454; }

#top #newsLocal .newsList li {
  overflow: hidden;
  *zoom: 1; }
#top #newsLocal .newsList .title {
  float: left; }
#top #newsLocal .newsList .info {
  float: right; }
#top #newsLocal .newsList .info .update, #top #newsLocal .newsList .info .icon {
  display: block;
  text-align: right; }
#top #newsLocal .newsList .info .update {
  padding-bottom: 3px; }

#top #newsLocal .newsList .info {
  padding-top: 3px;
  text-align: right; }

#top #newsLocal #rocalMapLink {
  margin-right: 15px;
  width: 230px;
  float: right; }

/*rocalMapLink*/
#top #rocalMapLink ul {
  padding-top: 10px;
  position: relative; }

#top #rocalMapLink li {
  margin: 0px;
  padding: 0px;
  width: 230px;
  height: 300px; }

#top #rocalMapLink #allAreaMap {
  background: url(../images/common/map/areaAll.gif) no-repeat 0px 0px; }

#top #rocalMapLink #tohokuAreaMap {
  background: url(../images/common/map/tohokuArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #kantoAreaMap {
  background: url(../images/common/map/kantoArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #koushinetsuAreaMap {
  background: url(../images/common/map/koushinetsuArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #hokurikuAreaMap {
  background: url(../images/common/map/hokurikuArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #tokaiAreaMap {
  background: url(../images/common/map/tokaiArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #kinkiAreaMap {
  background: url(../images/common/map/kinkiArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #chugokuAreaMap {
  background: url(../images/common/map/chugokuArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #shikokuAreaMap {
  background: url(../images/common/map/shikokuArea.gif) no-repeat 0px 0px; }

#top #rocalMapLink #kyushuAreaMap {
  background: url(../images/common/map/kyushuArea.gif) no-repeat 0px 0px; }

/*----------emergency---------*/
#top #emergency {
  background-color: #ecf0f1;
  margin-bottom: 10px;
  padding: 5px;
  width: 670px; }
#top #emergency .inner {
  background-color: #e60012;
  background-image: url(../images/common/shine.png);
  background-repeat: no-repeat;
  background-position: -300px -10px;
  overflow: hidden;
  *zoom: 1; }
#top #emergency h3 {
  padding: 8px 10px 8px;
  width: 4em;
  text-align: center;
  float: left;
  border-right: 1px solid #cc060b; }
#top #emergency .list {
  float: left; }
#top #emergency .list li {
  padding: 8px 10px; }

/*---------------
□□□font□□□
---------------*/
/*----------newsLocal---------*/
#top #newsLocal .newsList .List a.area {
  color: #000;
  text-decoration: none; }
#top #newsLocal .newsList .List a.area:hover {
  color: #fff; }

/*----------emergency---------*/
#top #emergency h3 {
  font-size: 123.1%;
  font-weight: bold;
  color: #fff; }
#top #emergency .list li {
  font-size: 108%;
  line-height: 1.4em;
  color: #fff; }

/* genreCSS Document */
/*---------------
□□□layout□□□
---------------*/
/*----------genreTop---------*/
/*newsList*/
body.genreTop #main .newsList {
  margin-right: 15px; }
body.genreTop #main .newsList li {
  overflow: hidden;
  *zoom: 1; }
body.genreTop #main .newsList .title {
  float: left; }
body.genreTop #main .newsList .info {
  float: right; }
body.genreTop #main .newsList .info .update, body.genreTop #main .newsList .info .icon {
  display: block;
  text-align: right; }
body.genreTop #main .newsList .info .update {
  padding-bottom: 3px; }

/*genreHead*/
#genreHead {
  width: 680px;
  border-bottom: 3px solid #bec3c7;
  overflow: hidden;
  *zoom: 1; }
#genreHead .h2_title {
  padding: 5px 10px 5px;
  float: left; }
#genreHead .dateNav {
  padding-top: 5px;
  float: right; }
#genreHead .dateNav li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-right: 1px solid #bec3c7; }
#genreHead .dateNav li:last-child {
  border-right: none; }
#genreHead .dateNav li.prev a, #genreHead .dateNav li.prev span {
  background: url(../images/common/arrow_l_04.png) no-repeat left center;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  -webkit-background-size: 12px;
  background-size: 12px;
  padding-left: 16px; }
#genreHead .dateNav li.next a, #genreHead .dateNav li.next span {
  background: url(../images/common/arrow_r_04.png) no-repeat right center;
  -moz-background-size: 12px;
  -o-background-size: 12px;
  -webkit-background-size: 12px;
  background-size: 12px;
  padding-right: 16px; }
#genreHead .dateNav li a {
  padding: 5px 10px;
  display: block; }
#genreHead .dateNav li a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6; }
#genreHead .dateNav li span {
  padding: 5px 10px;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3; }

body.genreTop #main .newsGenre p.btn a {
  background-color: #545454;
  margin: auto;
  padding: 5px;
  width: 10em;
  display: block;
  text-align: center; }
body.genreTop #main .newsGenre p.btn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

/*-----
genreDetail
-----*/
body.genreDetail #topicsPath ul {
  padding-bottom: 10px; }

/*-----newsDetail-----*/
#newsDetail {
  padding-bottom: 20px; }

#newsDetail .articleHeader {
  background: url(/images/common/icon_tit.gif) no-repeat 5px 0px;
  width: 680px;
  overflow: hidden;
  *zoom: 1; }

#newsDetail .articleHeader .title {
  padding: 10px 0px 0px 80px; }

#newsDetail .articleHeader .update {
  padding: 10px 20px 10px;
  text-align: right;
  float: right; }

#newsDetail .articleHeader .snsBtns {
  margin-left: 80px;
  padding: 10px 0px 0px;
  float: left;
  overflow: hidden;
  *zoom: 1; }

#newsDetail .articleHeader .snsBtns li {
  margin-right: 10px;
  float: left; }

#newsDetail p.movie {
  padding: 10px 0px 15px;
  width: 680px;
  text-align: center;
  clear: both; }

#newsDetail .articleDetail {
  width: 680px;
  /*border-bottom:1px solid $lineGray;*/
  clear: both; }

#newsDetail .articleDetail .article {
  padding: 10px; }

#newsDetail .articleDetail .article p {
  padding: 5px; }

#newsDetail .articleDetail .article p.btn a {
  background-color: #545454;
  margin: auto;
  padding: 5px;
  width: 10em;
  display: block;
  text-align: center; }
#newsDetail .articleDetail .article p.btn a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  cursor: pointer;
  display: block; }

/*-----with Photo-----*/
#newsDetail .articleDetail02 {
  margin-bottom: 20px;
  padding-top: 10px;
  width: 680px;
  clear: both;
  border-bottom: 1px solid #bec3c7; }
#newsDetail .articleDetail02 .photo {
  float: left; }
#newsDetail .articleDetail02 .photo img {
 /* width: 400px; #6186削除*/
 max-width: 400px; /* #6186追加 */
 max-height: 360px; /* #6186追加 */ }
#newsDetail .articleDetail02 .summary {
  margin-left: 420px; }
#newsDetail .articleDetail02 .summary p {
  padding: 5px; }
#newsDetail .articleDetail02 .title_tab {
  margin-top: 20px;
  clear: both; }
#newsDetail .articleDetail02 .article {
  padding: 10px; }
#newsDetail .articleDetail02 .article p {
  padding: 5px; }

/*-----no Photo-----*/
#newsDetail .articleDetail03 {
  margin-bottom: 20px;
  padding-top: 10px;
  width: 680px;
  clear: both;
  border-bottom: 1px solid #bec3c7; }
#newsDetail .articleDetail03 .summary {
  padding: 10px; }
#newsDetail .articleDetail03 .summary p {
  padding: 5px; }
#newsDetail .articleDetail03 .title_tab {
  margin-top: 20px;
  clear: both; }
#newsDetail .articleDetail03 .article {
  padding: 10px; }
#newsDetail .articleDetail03 .article p {
  padding: 5px; }

/*---------------
□□□font□□□
---------------*/
body.genreTop #main .newsGenre p.btn {
  font-size: 108%;
  line-height: 1em;
  text-indent: 0em;
  font-weight: bold; }

body.genreTop #main .newsGenre p.btn a {
  color: #fff;
  text-decoration: none; }

/*-----genreHead-----*/
#genreHead .h2_title {
  font-size: 138.5%;
  font-weight: bold;
  line-height: 1.4em; }
#genreHead .dateNav li {
  font-size: 93%; }
#genreHead .dateNav li a, #genreHead .dateNav li span {
  color: #000;
  text-decoration: none; }

/*-----newsDetail-----*/
#newsDetail .articleHeader .title {
  font-size: 220%;
  font-weight: bold;
  line-height: 1.2em; }

#newsDetail .articleHeader .update {
  font-size: 108%; }

#newsDetail .summary p, #newsDetail .full p , div.full div.text{
  font-size: 123.1%;
  line-height: 1.8em;}

#newsDetail .summary p{
  text-indent: 1em;
}

#newsDetail .featureLink a {
  font-size: 150%;
  text-decoration: none;
}
#newsDetail .featureLink a:hover {
  text-decoration: underline;
}

#newsDetail .articleDetail .article p.btn {
  font-size: 108%;
  line-height: 1em;
  text-indent: 0em;
  font-weight: bold; }

#newsDetail .articleDetail .article p.btn a {
  color: #fff;
  text-decoration: none; }