@charset "UTF-8";

/******************************************************************************

基本スタイル

*******************************************************************************/
body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 75%; /* 基本サイズ12px相当 */
  color: #111;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  color: #111;
  text-decoration: none;
}

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

img {
  border: none;
  vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

input, select {
  vertical-align: top;
}

/******************************************************************************

基本レイアウト

*******************************************************************************/
/*----------------------------------------------------------------------------
ベースレイアウト
------------------------------------------------------------------------------*/
#top {
  width: 100%;
  min-width: 950px;
  max-width: 1280px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

/* IE6 */
* html #top {
  width: expression(
    (document.documentElement.clientWidth <  950)? "950px" : /* 比較値(左)950px  = min-width(右)950px  * (2 - 1.00) */
    (document.documentElement.clientWidth > 1280)? "1280px": /* 比較値(左)1280px = max-width(右)1280px * (2 - 1.00) */
    "100%" /* width */
  );
}

#header {
  width: 100%;
  background-color: #fff;
}

#footer {
  clear: both;
  background-color: #fff;
}

#content {
  width: 100%;
  float: left;
  margin-right: -339px;
  background-color: #fff;
}

#content-inner {
  margin: 10px 7px;
  margin-right: 339px;
}

#sidebar {
  width: 339px;
  float: right;
  background-color: #fff;
}

#sidebar-inner {
  margin: 10px 7px;
  margin-left: 10px;
}

/*----------------------------------------------------------------------------
サイドバーレイアウト
------------------------------------------------------------------------------*/
#sidebar .section {
  margin: 0 0 10px 0;
  padding: 10px;
  border: solid 1px #ccc;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fff inset, 0 10px 10px 0 rgba(0, 0, 0, 0.03) inset;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fff inset, 0 10px 10px 0 rgba(0, 0, 0, 0.03) inset;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
  
/*----------------------------------------------------------------------------
ヘッダーレイアウト
------------------------------------------------------------------------------*/
#title {
  float: left;
  text-align: center;
  position: relative;
  line-height: 90px;
  padding: 5px;
}

#title img {
  vertical-align: middle;
}

#banner {
  float: right;
  text-align: center;
  padding: 5px;
}

#nav {
  /* none */
}

#header .mainmenu {
  float: left;
}

#header .mainmenu .font {
  float: right;
  position:relative;
  top: -2px;
  margin: 0 7px 0 0;
  padding: 0;
}

#header .submenu {
  float: left;
  padding: 5px 0;
  width: 100%;
  background-color: #fff;
}

#header .submenu .searchbar {
  float: right;
  margin: 0;
  padding: 0 7px 0 0;
}

/*----------------------------------------------------------------------------
フッターレイアウト
------------------------------------------------------------------------------*/
#footbanner {
  padding: 15px 10px;
}

#layer {
  float: left;
  padding: 0 10px;
}

#totop {
  text-align: right;
  padding: 0 10px;
}

#help {
  float: left;
  overflow: hidden;
  padding: 5px 0;
  width: 100%;
  border-top: 3px double #ddd;
}
#help ul {
  position: relative;
  left: 50%;
}

#help ul li {
  position: relative;
  left: -50%;
}

#copyright {
  clear: both;
  padding: 10px 0;
  border-top: 2px solid #738ba7;
  background-color: #59697a;
  background-image: radial-gradient(ellipse farthest-corner at center top, #9ab1c7 0%, #1a242f 100%);
  background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #9ab1c7 0%, #1a242f 100%);
}

/******************************************************************************

基本パーツのスタイル

*******************************************************************************/
/*----------------------------------------------------------------------------
メインメニュー
------------------------------------------------------------------------------*/
.mainmenu {
  display: inline;
  width: 100%;
  margin: 0 0 -3px 0;
  border-top: solid 2px #999;
  background: #f6f6f6;
  background: linear-gradient(180deg, #f6f6f6, #eaeaea);
}

.mainmenu ul {
  padding: 0;
  margin: 0;
  top: -2px;
  position: relative;
}

.mainmenu ul li {
  float: left;
  overflow: hidden;
  color: #111;
  list-style-type: none;
}

.mainmenu ul li a {
  float: left;
  overflow: hidden;
  display: block;
  text-decoration: none;
  padding: 7px 18px;
  border: none;
  border-top: solid 2px #369;
  border-right: solid 1px #ddd;
  background: #f6f6f6;
  background: linear-gradient(180deg, #f6f6f6, #eaeaea);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4) inset;
}

.mainmenu ul li a:hover {
  background: #f4eaea;
}

.mainmenu ul li.current a {
  border-top-color: #a66;
  border-bottom: solid 1px #fff;
  background: #fff;
}

/*----------------------------------------------------------------------------
サブメニュー
------------------------------------------------------------------------------*/
.submenu {
  overflow: hidden;
  border: solid 1px #ddd;
  border-left: none;
  border-right: none;
  display: inline;
}

.submenu ul {
  margin: 0 0 0 -1px;
  padding: 0;
  float: left;
}

.submenu ul li {
  margin: 0;
  padding: 0 11px;
  list-style: none;
  border-left: 1px solid #ccc;
  display: inline-block;
  
  /* IE7以下でinline-blockを有効に */
  *display: inline;
  *zoom: 1;
}

.submenu ul li.current {
  color: #900;
  text-decoration: underline;
}

.submenu ul li.relate {
  padding-right: 40px;
  margin-right: 10px;
  background: url("../images/find_commend.gif") 100% 50% no-repeat;
  background-size: auto 13px;
}

/*----------------------------------------------------------------------------
縦線区切りメニュー
------------------------------------------------------------------------------*/
.splitmenu {
  /* none */
}

.splitmenu ul {
  margin: 0;
  padding: 0;
  float: left;
}

.splitmenu li {
  display: inline;
  margin: 0;
  padding: 0 11px;
  list-style: none;
}

.splitmenu li+li {
  border-left: 1px solid #ccc; /* IE6以下だと区切り線非表示 */
}

.splitmenu li.current {
  /* none */
}

/*----------------------------------------------------------------------------
文字サイズボタン
------------------------------------------------------------------------------*/
.font {
  width: 130px;
  height: 26px;
  background: url("../images/font_title.gif") no-repeat;
  background-size: auto 26px;
}

.font ul {
  margin: 3px 0 0 67px;
  padding: 0;
  width: 60px;
  position: static;
}

.font ul li {
  float: left;
  list-style-type: none;
}

.font ul li a {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 0;
  border: none;
}

.font ul li.small a {
  background: url("../images/font_s.gif") no-repeat;
  background-size: auto 60px;
  background-position: 0 -20px;
}

.font ul li.medium a {
  background: url("../images/font_m.gif") no-repeat;
  background-size: auto 60px;
  background-position: 0 0px;
}

.font ul li.large a {
  background: url("../images/font_l.gif") no-repeat;
  background-size: auto 60px;
  background-position: 0 0px;
}

.font ul li.small a:hover {
  background-position: 0 -40px;
}

.font ul li.medium a:hover {
  background-position: 0 -40px;
}

.font ul li.large a:hover {
  background-position: 0 -40px;
}

/*----------------------------------------------------------------------------
検索バー
------------------------------------------------------------------------------*/
form.search {
  margin: 0;
  padding: 0;
}

form.search input.search-text {
  width: 150px;
  height: 16px;
  padding: 1px 19px 1px 3px;
  color: #999;
  border: 1px solid #999;
  box-shadow: 0 0 0 1px #fff inset, 0 0.5em 0.5em 0 #f3f3f3 inset;
  -webkit-border-box-shadow: 0 0 0 1px #fff inset, 0 0.5em 0.5em 0 #f3f3f3 inset;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

form.search input.search-text:focus {
  border: 1px solid #06a;
  color: #000;
  box-shadow: none;
}

form.search input.search-submit {
  width: 18px;
  height: 18px;
  margin: 1px 0 1px -19px;
  padding: 0;
  background: url("../images/find_search.gif") 50% 50% no-repeat;
  background-size: auto 16px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
}

/*----------------------------------------------------------------------------
パンくずリスト
------------------------------------------------------------------------------*/
.breadcrumb {
  display: inline;
}

.breadcrumb ol {
  background: url("../images/bg_breadcrumb.gif") 0 50% no-repeat;
  background-size: auto 7px;
  margin: 0;
  padding: 0 0 0 10px;
  color: #999;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb .current {
  color: #900;
  text-decoration: underline;
}

.breadcrumb .home {
  /* none */
}

/******************************************************************************

固定パーツのスタイル

*******************************************************************************/
/*----------------------------------------------------------------------------
固定ナビゲーション (stylefix.jsを使ってnavを複製し上に固定)
------------------------------------------------------------------------------*/
#nav-clone {
  width: 100%;
  max-width: 1280px;
  position: fixed;
  z-index: 999;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

/* 表示アニメーション */
#nav-clone {
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
  transform: translate(0, -70px);
}

#nav-clone.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

/*----------------------------------------------------------------------------
固定上に戻る (stylefix.jsを使ってウィンドウ右下に固定表示)
------------------------------------------------------------------------------*/
#tonav {
  position: fixed;
  z-index: 999;
  bottom: 10px;
  right: 10px;
}

#tonav a {
  display: block;
  background: #fff;
  border: solid 1px #ccc;
  
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  
  border-radius: 50%;
  -webkit-border-radius: 50%;
  
  transition: 0.5s;
}

#tonav a:hover {
  background: #f4f4f4;
}

#tonav .arrow {
  display: block;
  background: url("../images/btn_tonav.png") no-repeat center center;
  background-size: auto 30px;
  width: 30px;
  height: 30px;
  padding: 10px;
}

/* 表示アニメーション */
#tonav {
  transition: 0.2s;
  opacity: 0;
  transform: translate(0, 1.5em);
  visibility: hidden;
}

#tonav.active {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}

/******************************************************************************

各パーツのスタイル

*******************************************************************************/
/*----------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------------*/
#header h1 {
  font-size: 10px;
  font-weight: normal;
}

/*----------------------------------------------------------------------------
中央コンテンツ
------------------------------------------------------------------------------*/
#content h2 {
  margin-bottom: 8px;
  color: #111;
  font-size: 125%; /* 15px相当 */
  font-weight: bold;
  border-bottom: 2px solid #369;
}

#content h3 {
  margin-bottom: 3px;
  font-size: 109%; /* 13px相当 */
}

#content h4 {
  margin-bottom: 2px;
  font-size: 109%; /* 13px相当 */
}

#content h5 {
  margin-bottom: 2px;
  font-size: 109%; /* 13px相当 */
}

#content h6 {
  margin-bottom: 2px;
  font-size: 109%; /* 13px相当 */
}

#content p {
  margin: 0 0 1em 0;
  font-size: 109%; /* 13px相当 */
}

#content ul,ol,dl {
  font-size: 109%; /* 13px相当 */
}

#content dt {
  margin-bottom: 3px;
}

#content dd {
  padding: 0;
  margin: 0 0 0.5em 1em;
  padding: 3px;
  background: #f1f1f1;
}

/*----------------------------------------------------------------------------
サイドバー
------------------------------------------------------------------------------*/
#sidebar h2 {
  color: #333;
  font-size: 109%; /* 13px相当 */
  font-weight: bold;
  line-height: 1;
  margin: 0 0 4px 0;
  padding: 0 0 6px 0;
  border-bottom: 2px solid #3778b5;
}

#sidebar h3 {
  color: #111;
  font-size: 100%; /* 12px相当 */
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  padding-top: 1em;
  margin-bottom: 2px;
}

#sidebar h3:first-child {
  padding-top: 0;
  margin-bottom: 0;
}

#sidebar p {
  margin: 0;
  font-size: 100%; /* 12px相当 */
}

#sidebar .right {
  float: right;
}

/*----------------------------------------------------------------------------
下部バナー
------------------------------------------------------------------------------*/
#footbanner {
  text-align: center;
}

/*----------------------------------------------------------------------------
上に戻る (サイトの右下に表示、#tonavタグ使用時は非表示)
------------------------------------------------------------------------------*/
#totop {
  font-size: 100%; /* 12px相当 */
}

#totop > a {
  padding-left: 12px;
  background: url("../images/bg_totop.gif") 0 50% no-repeat;
  background-size: auto 3px;
}

/*----------------------------------------------------------------------------
下部メニュー
------------------------------------------------------------------------------*/
#help {
  font-size: 100%; /* 12px相当 */
  color: #999;
}

/*----------------------------------------------------------------------------
コピーライト
------------------------------------------------------------------------------*/
#copyright {
  font-size: 100%; /* 12px相当 */
  color: #fff;
  text-align: center;
}

#copyright a {
  color: #fff;
}

/******************************************************************************

アンテナのメインコンテンツ

*******************************************************************************/
/*----------------------------------------------------------------------------
アンテナの基本メインテーブル
------------------------------------------------------------------------------*/
.listview {
  margin: 0 0 24px 0;
}

.listview .current {
  color: #900;
  text-decoration: underline;
}

.listview .header {
  border-bottom: 2px solid #369; /* border-bottom: 3px double #535D57; */
  position: relative;
  width: 100%;
  clear: both;
}

.listview .header .caption {
  font-size: 117%; /* 14px相当 */
}

/*
.listview .header .caption .prev *,
.listview .header .caption .next *{
  padding: 0 4px;
}
*/

.listview .header .caption .prev .disabled,
.listview .header .caption .next .disabled {
  color: #999;
}

.listview .header .navi {
  font-size: 100%; /* 12px相当 */
  position: absolute;
  right: 0;
  bottom: 0;
}

.listview .footer {
  position: relative;
  width: 100%;
  clear: both;
}

.listview .footer .navi {
  border-top: 2px solid #369; /* border-top: 3px double #535D57; */
  font-size: 100%; /* 12px相当 */
  overflow: hidden;
  clear: both;
  zoom: 1; /* IE6,7 */
}

.listview .footer .navi .prev {
  float: left;
  text-align: left;
}

.listview .footer .navi .next {
  float: right;
  text-align: right;
}

.listview .footer .navi .page {
  float: left;
  text-align: center;
}

.listview .footer .pager {
  padding: 0;
}

.listview .footer .pager .prev {
  width: 17%;
}

.listview .footer .pager .next {
  width: 17%;
}

.listview .footer .pager .page {
  width: 65.9%; /* IE6,7 */
}

.listview .footer .pager a,
.listview .footer .pager span {
  margin: 0 2px;
  padding: 1px 6px;
  border: 1px solid #ddd;
  background: #f1f1f1;
  line-height: 2.6;
  text-decoration: none;
  white-space: nowrap
}

.listview .footer .pager a:hover {
  background: #f6eeee;
}

.listview .footer .pager .prev a,
.listview .footer .pager .prev span {
  margin-left: 0;
}

.listview .footer .pager .next a,
.listview .footer .pager .next span {
  margin-right: 0;
}

.listview .footer .pager .current {
  background: #f4dada;
  color: #000;
  font-weight: bold;
}
.listview .footer .pager .disabled {
  background: #fafafa;
  color: #999;
}

.listview .footer .calender {
  background: #369;
  border: none;
  padding: 0 2px;
}

.listview .footer .calender .disabled {
  color: #999;
}

.listview .footer .button {
  font-size: 100%; /* 12px相当 */
  font-weight: normal;
  text-align: center;
  background: #f1f1f1;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
}

.listview .footer .button a {
  display: block;
  text-decoration: none;
}

.listview .footer .button a:hover {
  background: #f4eeee;
}

.listview .items {
  width: 100%;
  clear: both;
}

.listview .items .item {
  width: 33.3%;
  height: 70px;
  padding: 5px 0;
  line-height: 1.4;
  float: left;
  overflow: hidden;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #eaeaea;
}

/*
.listview .items .item:hover {
  background-color: #fbf7f7;
}
*/

.listview .items .item .thumbnail {
  width: 94px;
  height: 100%;
  margin: 0 5px 0 0;
  padding: 0;
  float: left;
  background-color: #ccc;
}

.listview .items .item .thumbnail img {
  width: 100%;
  height: 100%;
  background-color: #ccc;
}

.listview .items .item .information {
  padding-right: 5px;
  color: #606060;
}

.listview .items .item .information a{
  color: #606060;
}

.listview .items .item .information .caption {
  font-size: 109%; /* 13px相当 */
  display: block;
  padding-bottom: 0.3em;
}

.listview .items .item .information .date {
  font-size: 100%; /* 12px相当 */
  display: inline;
}

.listview .items .item .information .site {
  font-size: 100%; /* 12px相当 */
  display: inline;
  padding-left: 0.5em;
}

.listview .items .item .information .site:before {
  margin-left: -0.5em;
  content: " - ";
  color: #aaa;
}

.listview .items .item .information .point {
  font-size: 84%; /* 10px相当 */
  padding-left: 0.5em;
  display: inline;
}

.listview table {
  border-collapse: collapse;
  clear: both;
}

.listview tr:hover {
  background-color: #fbf7f7;
}

.listview td {
  height: 3.2em;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #eaeaea;
}

.listview td.date {
  text-align: right;
  padding-right: 4px;
  width: 1%;
  font-size: 92%; /* 11px相当 */
  white-space: nowrap;
}

.listview td.category {
  width: 1%;
}

.listview td.tag {
  text-align: center;
  padding-right: 4px;
  width: 1%;
  font-size: 92%; /* 11px相当 */
}

.listview td.caption {
  padding-right: 4px;
  font-size: 109%; /* 13px相当 */
}

.listview td.point {
  text-align: right;
  padding-right: 4px;
  width: 1%;
  font-size: 84%; /* 10px相当 */
  white-space: nowrap;
}

.listview td.site {
  width: 15%;
  font-size: 92%; /* 11px相当 */
}

.listview td.caption a,
.listview td.site a {
  /* 折り返しをしない処理 */
  height: 1.6em;
  line-height: 1.6;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.listview td.search {
  height: auto;
  padding: 0.3em 0;
  font-size: 100%; /* 12px相当 */
  font-weight: normal;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  background: #f9fcfd;
}

.listview td.search a {
  color: #444;
}

.listview td.search ul {
  display: inline;
  padding: 0;
  margin: 0;
}

.listview td.search li {
  display: inline;
  padding: 0 0.5em;
  margin: 0;
}

.listview td.calendar {
  height: auto;
  font-size: 100%; /* 12px相当 */
  font-weight: normal;
  text-align: center;
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  background: #f1f1f1;
}

.listview td.calendar:after,
.listview td.calendar:before {
  content: " - ";
}

.listview .footer .calender a {
  color: #fff;
}

.listview .items .item .information .caption a,
.listview td.caption a {
  color: #004785;
}

.listview .items .item .information .caption a:visited,
.listview td.caption a:visited {
  color: #663366;
}

/*----------------------------------------------------------------------------
アンテナのタイトル
------------------------------------------------------------------------------*/
#antena-title .caption {
  font-size: 167%; /* 20px相当 */
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #555;
}

/*----------------------------------------------------------------------------
アンテナのトップページ以外のテーブル
------------------------------------------------------------------------------*/
#antena-list .listview .items .item {
  width: 49.9%;
}

/*----------------------------------------------------------------------------
アンテナのトップページのテーブル
------------------------------------------------------------------------------*/
#antena-topics .listview .items .item {
  width: 33.3%;
}

#antena-topics .listview .header .caption {
  font-weight: bold;
}

/*----------------------------------------------------------------------------
アンテナの基本サブテーブル
------------------------------------------------------------------------------*/
.listbox .footer {
  font-size: 100%; /* 12px相当 */
  text-align: center;
  color: #fff;
  background: #3778b5;
}

.listbox table {
  border-collapse: collapse;
}
.listbox tr {
  border-bottom: 1px solid #e6e6e6;
}

.listbox tr:nth-child(even) {
  background: #f9f9f9;
}

.listbox td {
  font-size: 100%; /* 12px相当 */
  /* border-bottom: 1px solid #ccc; */
}

.listbox td.caption {
  /* none */
}

.listbox td.time {
  width: 1%;
  font-size: 92%; /* 11px相当 */
  text-align: right;
  white-space: nowrap;
  padding: 4px 5px 4px 0;
}

.listbox td.entry {
  width: 1%;
  font-size: 92%; /* 11px相当 */
  text-align: right;
  white-space: nowrap;
}

.listbox td.point {
  font-size: 84%; /* 10px相当 */
  text-align: right;
  width: 1%;
}

.listbox td.order {
  font-size: 100%; /* 12px相当 */
  text-align: center;
  width: 1%;
}

.listbox td.order span {
  display: block;
  overflow: hidden;
  margin: 0 5px 0 0;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  color: #444;
  background: #fff;
  border: 1px solid #ccc;
}

.listbox tr.number1 td.order span {
  font-weight: bold;
  background: #ffcc00;
  border-color: #ffcc00;
  color: #fff;
  
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.listbox tr.number2 td.order span {
  font-weight: bold;
  background: #6d8b91;
  border-color: #6d8b91;
  color: #fff;
  
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.listbox tr.number3 td.order span {
  font-weight: bold;
  background: #b77d48;
  border-color: #b77d48;
  color: #fff;
  
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.listbox tr.number4 td.order span,
.listbox tr.number5 td.order span,
.listbox tr.number6 td.order span,
.listbox tr.number7 td.order span,
.listbox tr.number8 td.order span,
.listbox tr.number9 td.order span {
  font-weight: bold;
}

.listbox td.caption a {
  color: #004785;
}

.listbox td.caption a:visited {
  color: #663366;
}

/*----------------------------------------------------------------------------
アンテナのランキング
------------------------------------------------------------------------------*/
#antena-rank .listbox td {
  padding: 0.5em 0;
}

#antena-rank .listbox .footer {
  display: none;
}

/*----------------------------------------------------------------------------
アンテナのサイト別更新状況
------------------------------------------------------------------------------*/
#antena-link .listbox td.caption a {
  /* 折り返しをしない処理 */
  height: 1.6em;
  line-height: 1.6;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

/*----------------------------------------------------------------------------
アンテナのお知らせ
------------------------------------------------------------------------------*/
#arcive-info p {
  padding: 0 0 1em 0;
}

#arcive-info p:last-child {
  padding-bottom: 0;
}

/*----------------------------------------------------------------------------
アンテナのトップ記事の基本スタイル
------------------------------------------------------------------------------*/
.topitem .caption {
  font-size: 167%; /* 20px相当 */
  font-weight: bold;
}

.topitem .site {
  font-size: 100%; /* 12px相当 */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #444;
}

.topitem .description {
  font-size: 109%; /* 13px相当 */
  margin-bottom: 1em;
}

.topitem .description .thumbnail {
  float: left;
  margin: 0 0.5em 0.5em 0;
  padding: 0;
}

.topitem .description .thumbnail img {
  width: 100px;
  padding: 1px;
  border: solid 1px #ccc;
  background-color: #fff;
}

.topitem table {
  clear: both;
  margin-bottom: 24px;
  padding: 0.5em;
  border: 1px solid #dcdcdc;
}

.topitem th {
  font-size: 92%; /* 11px相当 */
  padding: 0 0.5em 0 0;
  margin: 0;
  width: 1%;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
  color: #444;
  width: 1%;
}

.topitem td {
  font-size: 100%; /* 12px相当 */
  padding: 0;
  margin: 0;
  width: 99%;
}

.topitem td a {
  /* 折り返しをしない処理 */
  height: 1.6em;
  line-height: 1.6;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}

.topitem a {
  color: #004785;
}

.topitem a:visited {
  color: #663366;
}

/*----------------------------------------------------------------------------
アンテナのトップ記事
------------------------------------------------------------------------------*/
#antena-top .topitem {
  /* none */
}

/*----------------------------------------------------------------------------
アンテナのサムネイル
------------------------------------------------------------------------------*/
.thumbnail {
  position: relative;
}

.thumbnail .youtube {
  position: absolute;
  z-index: 1;
  line-height: 1;
  right: 2px;
  bottom: 2px;
  width: 16px;
  height: 16px;
  background: url("../images/play_youtube.gif") no-repeat;
  background-size: auto 16px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.thumbnail a:hover .youtube {
  opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail .nicovideo {
  position: absolute;
  z-index: 1;
  line-height: 1;
  right: 2px;
  bottom: 2px;
  width: 16px;
  height: 16px;
  background: url("../images/play_nicovideo.gif") no-repeat;
  background-size: auto 16px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.thumbnail a:hover .nicovideo {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*----------------------------------------------------------------------------
アンテナのタグクラウドの基本スタイル
------------------------------------------------------------------------------*/
ul.cloud {
  margin: 0;
  padding: 0.5em 0;
  line-height: 1;
  text-align: center;
  /* font-size: 12px; */

  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP Printers */
  word-wrap: break-word; /* IE 5+ */
}

ul.cloud li {
  margin: 0;
  padding: 0;
  display: inline-block;
  
  /* IE7以下でinline-blockを有効に */
  *display: inline;
  *zoom: 1;
}

ul.cloud li a {
  padding: 0 5px;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
  transition: 0.3s;
}

ul.cloud li.level1 a {
  z-index: 6;
  font-size: 134%; /* 16px相当 */
  font-weight: bold;
  color: #424242;
  text-decoration: none;
}

ul.cloud li.level2 a {
  z-index: 5;
  font-size: 117%; /* 14px相当 */
  color: #5e5e5e;
  top: 5px;
  text-decoration: none;
}

ul.cloud li.level3 a {
  z-index: 4;
  font-size: 109%; /* 13px相当 */
  color: #7a7a7a;
  text-decoration: none;
}

ul.cloud li.level4 a {
  z-index: 3;
  font-size: 100%; /* 12px相当 */
  color: #979797;
  top: 5px;
  text-decoration: none;
}

ul.cloud li.level5 a {
  z-index: 2;
  font-size: 92%; /* 11px相当 */
  color: #b3b3b3;
  text-decoration: none;
}

ul.cloud li.level6 a {
  z-index: 1;
  font-size: 84%; /* 10px相当 */
  color: #cfcfcf;
  text-decoration: none;
}

ul.cloud li a:hover {
  z-index: 10;
  color: #004785;
  border-color: #666;
  background-color: #eee;
}

/*----------------------------------------------------------------------------
アンテナのタグクラウド
------------------------------------------------------------------------------*/
#antena-cloud ul.cloud {
  /* none */
}

/*----------------------------------------------------------------------------
アンテナのスクロールバー強制表示 (サイト別更新)
------------------------------------------------------------------------------*/
.scrollbar {
  overflow: auto;
  height: 300px;
}

/*----------------------------------------------------------------------------
アンテナのブックマーク
------------------------------------------------------------------------------*/
.bookmark {
  line-height: 1;
  min-width: 1em;
  padding: 0.18em;
  text-align: center;
  border: solid 1px #bbb;
  background-color: #f8f8f8;
  white-space: nowrap;
  display: inline-block;
  
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
  
.bookmark {
  position: relative; /* 三角形の位置基準 */
  margin-left: 3px;   /* 三角形が入るスペースを空ける (border-width - 1) */
}

.bookmark:before, .bookmark:after {
  position: absolute;            /* 三角形の位置基準 */
  top: 50%;                      /* 三角形の上部から位置 */
  margin-top: -4px;              /* 三角形の位置が中央に来るようにずらす (-border-width) */
  border: 4px solid transparent; /* 三角形の幅 */
  border-left: 0;                /* 三角形の透明部分を詰める */
  line-height: 0;                /* 三角形の高さがおかしくなるのを防ぐ (IE6だけ？念のため) */
  content: "";                   /* 三角形のテキストを非表示 */
}

.bookmark:before {
  left: -4px;               /* 三角形の左から位置 (-border-width) */
  border-right-color: #bbb; /* 三角形の境界線色 (border-color) */
}

.bookmark:after {
  left: -3px;                  /* 三角形の左から位置 (-border-width + 1) */
  border-right-color: #f8f8f8; /* 三角形の背景色 (background-color) */
}

/* はてなブックマークカウント画像風
.bookmark-image {
  font-weight: bold;
  text-decoration: underline;
  color: #ff6664;
  background: #ffefef;
  white-space: nowrap;
}
*/

/*----------------------------------------------------------------------------
アンテナの関連ワード
------------------------------------------------------------------------------*/
.subject {
  color: #fff;
  background: #3778b5;
  padding: 0 0.3em 0 0.4em;
  white-space: nowrap;
  display: inline-block;
}

.subject {
  position: relative;   /* 三角形の位置基準 */
  margin-right: 0.75em; /* 三角形の入るスペースを空ける (border-width) */
}

.subject:before {
  position: absolute;               /* 三角形の位置基準 */
  top: 50%;                         /* 三角形の上部から位置 */
  left: 100%;                       /* 三角形の左から位置 */
  margin-top: -0.75em;              /* 三角形の位置が中央に来るようにずらす (-border-width) */
  border: 0.75em solid transparent; /* 三角形の幅 */
  border-right: 0;                  /* 三角形の透明部分を詰める */
  border-left-color: #3778b5;       /* 三角形の背景色 (border-color) */
  line-height: 0;                   /* 三角形の高さがおかしくなるのを防ぐ (IE6だけ？念のため) */
  content: "";                      /* 三角形のテキストを非表示 */
}

/*----------------------------------------------------------------------------
アンテナのタグ
------------------------------------------------------------------------------*/
.label {
  color: #fff;
  background: #889fb0;
  white-space: nowrap;
  padding: 0 1px;
  line-height: 1.4;
  min-width: 1.4em;
  display: block;
  
  border-radius: 2px;
  -webkit-border-radius: 2px;
}

.label a {
  color: #fff;
  display: block;
}

/*----------------------------------------------------------------------------
アンテナの「記事全文」表示箇所
------------------------------------------------------------------------------*/
.more {
  white-space: nowrap;
}

/*----------------------------------------------------------------------------
アンテナのサイト状況アイコン
------------------------------------------------------------------------------*/
.state-new {
  padding-right: 20px;
  background: url("../images/st_new.gif") 100% 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.state-young {
  padding-right: 20px;
  background: url("../images/st_young.gif") 100% 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.state-return {
  padding-right: 20px;
  background: url("../images/st_return.gif") 100% 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.state-hot {
  padding-right: 20px;
  background: url("../images/st_hot.gif") 100% 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

/*----------------------------------------------------------------------------
アンテナのメディアアイコン
------------------------------------------------------------------------------*/
.link-play {
  padding-right: 16px;
  background: url("../images/link_play.gif") 100% 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.link-video {
  padding-right: 16px;
  background: url("../images/link_video.gif") 100% 50% no-repeat;
  background-size: auto 9px;
  zoom: 1; /* IE6,7 */
}

.link-image {
  padding-right: 16px;
  background: url("../images/link_image.gif") 100% 50% no-repeat;
  background-size: auto 9px;
  zoom: 1; /* IE6,7 */
}

.link-text {
  padding-right: 16px;
  background: url("../images/link_text.gif") 100% 50% no-repeat;
  background-size: auto 9px;
  zoom: 1; /* IE6,7 */
}

/*----------------------------------------------------------------------------
アンテナのカテゴリアイコン
------------------------------------------------------------------------------*/
.category-home {
  padding-left: 20px;
  background: url("../images/cat_home.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.category-news {
  padding-left: 20px;
  background: url("../images/cat_news.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.category-video {
  padding-left: 20px;
  background: url("../images/cat_video.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.category-response {
  padding-left: 20px;
  background: url("../images/cat_response.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.category-culture {
  padding-left: 20px;
  background: url("../images/cat_culture.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

.category-asia {
  padding-left: 20px;
  background: url("../images/cat_asia.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

/*----------------------------------------------------------------------------
アンテナのフィードアイコン
------------------------------------------------------------------------------*/
.feed {
  padding-left: 20px;
  background: url("../images/view_feed.gif") 0 50% no-repeat;
  background-size: auto 16px;
  zoom: 1; /* IE6,7 */
}

/******************************************************************************

アンテナのサブコンテンツ

*******************************************************************************/
#arcive-hot {
  color: #333;
}

#arcive-hot .caption {
  margin: 0;
}

#arcive-hot .site {
  font-size: 100%; /* 12px相当 */
  margin: 0 0 0.5em 0;
}

#arcive-hot .info {
  font-size: 100%; /* 12px相当 */
  margin: 0;
  text-align: center;
}

#arcive-hot .info:after,
#arcive-hot .info:before {
  content: " - ";
}

#arcive-hot .media {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#arcive-hot a {
  color: #004785;
}

#arcive-hot a:visited {
  color: #663366;
}

/******************************************************************************

解像度別の設定

*******************************************************************************/
/*----------------------------------------------------------------------------
サイドバーが邪魔になるサイズ、ビッグバナーは表示可能
@media screen and (max-width: 966px) {

#top {
  min-width: 728px;
}

#content {
  margin-right: 0;
}

#content-inner {
  margin-right: 7px;
}

#sidebar {
  width: 100%;
}

#sidebar-inner {
  margin-left: 7px;
}

#title {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  line-height: normal;
}

#banner {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

#footbanner {
  padding-left: 0;
  padding-right: 0;
}

.listview td.caption a,
.listview td.site a {
  height: auto;
}
------------------------------------------------------------------------------*/

}