@charset "utf-8";
/* ====================================
汎用スタイル company3.css
テンプレートにあるclassの初期値設定

[1]要素の再定義
[2]ヘッダー
[3]サイトトップページ
[4]２カラム時の右カラム
[5]番組表
[6]著作権等静的ページテンプレート
[7]会社概要
[8]radikoの案内
[9]民謡のこばこの案内
[10]フッター
[11]ブログの構成要素
[12]全サイト共通スタイル
[13]2022リニューアル スタイル

main color : #3366CC
sub color  : #99CCFF
====================================*/

/* ------------------------------

[1]要素の再定義

------------------------------ */

body  {
  margin: 0;
  padding: 0;
  /* background: url(../images/bg_wrap_01.jpg) repeat-x scroll left top; */
  font-family: Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','MS PGothic',Verdana,sans-serif;
  color: #333;
  _text-align: center;
  }

/* リンクの設定 */
a:link {
  border: none;
  color: #3366CC;
  text-decoration: none;
  }
a:visited {
  border: none;
  color: #3366CC;
  text-decoration: none;
  }
a:active {
  border: none;
  color: #3366CC;
  text-decoration: none;
  }

a:hover {
  border: none;
  color: #3366CC;
  /* text-decoration: underline; */
  text-decoration: none;
  vertical-align: baseline;
  }

/* biggerlink */
#newsListTop div.bl-hover,
#prdListWrapper .prdListUnit div.bl-hover{
  background-color: #F0F0F0;
  }

/* 強調表示 */
.emSection,
#main .emSection .aNameHover {
  color: #FF0000 !important;
  text-align: left;
  }
/* 汎用ボタン囲み */
.btnBox {
  min-height: 30px;
  margin: 10px 0;
  padding: 10px;
  }

/* 現在表示しているテンプレート */
#useTpl{
  color: #999;
  }

.clearHidden{
  margin: 0;
  }

/* 本文内ナビゲーション用囲み */
.guideBox {
  margin-bottom: 20px;
  }

.guideBox ul.entryNavi {
  margin: 0;
  padding: 5px 10px;
  }


/* ------------------------------

[2]ヘッダー

------------------------------ */
/* ヘッダーナビゲーション */
#headerNav {
  margin: 10px 20px 0 20px;
  padding: 0;
  text-align: right;
}

#headerNav ul {
  margin: 0;
  padding: 0;
  }
#headerNav ul li {
  display: inline;
  margin: 0 0 0 20px;
  padding: 0;
  }

#headerNav li a {
  margin: 0;
  padding: 0 0 0 20px;
  background: url(../images/icn_arrow01.png) no-repeat left center;
  }

/* サイトのコピー文 */
#siteCopy {
  margin: 0 20px 5px 20px;
  font-size: 12px;
  }

/* サイトタイトル */
#siteTitle {
  margin: 0 0 20px 20px;
  padding: 0;
  display: inline;
  float: left;
  width: 500px;
  color: #3366CC;
  font-size: 2em;
}
#siteTitle a:link,
#siteTitle a:visited,
#siteTitle a:hover,
#siteTitle a:active {
  font-weight: bold;
  }

/* ヘッダー情報囲み */
#headerInfo {
  display: inline;
  float: right;
  width: 300px;
  margin: 0 20px 20px 0;
  }

/* ヘッダー電話番号 */
#hInfo1 {
  color: #3366CC;
  font-size: 32px;
  text-align: right;
  line-height: 1;
  }

#hInfo1 img {
  margin-right: 10px;
  }

/* トップイメージ */
#topVisual {
  margin: 0 0 10px;
  padding: 0 20px;
  }


/* ヘッダーボックス */

#header-top {
  position: relative;
  background: url(../images/header_content_bg.png)  no-repeat scroll left bottom;
  _background: url(../images/header_content_bg.gif)  no-repeat scroll left bottom;
  }
  
#header-logo {
  padding: 15px 0 14px 9px;
  }  

#headerBox {
    width: 996px;
  text-align: left;
}

/* 試聴可能なラジオ周波数 */
#radioFrequency {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  border: 1px solid #D6D7D8;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 3px 0px 1px 12px;
  width: 427px;
  height: 32px;
}

#radioFrequency li {
  display: inline-block;
  padding-bottom: 1px;
  width: 82px;
  color: #333333;
  font-size: 11px;
}


/* グローバルナビ */

#gnav {
  width: 996px;
  height: 38px;
  background: url(../images/gnav.png) left top no-repeat;
  _background: url(../images/gnav.gif) left top no-repeat;
}

#gnav ul li {
    float: left;
    text-align: center;
  
}
  
#gnav ul li a,
#gnav ul li em {
  display: block;
  text-indent: -9999em;
  height: 29px;
  }

#gnav li.stay, #gnav li.stay a:hover { background: none; }
#gnav li#gnav01 a { margin-left: 13px; margin-top: 6px; width: 136px;}
#gnav li#gnav02 a { margin-left: 3px; margin-top: 6px; width: 136px;}
#gnav li#gnav03 a { margin-left: 3px; margin-top: 6px; width: 136px;}
#gnav li#gnav04 a { margin-left: 3px; margin-top: 6px; width: 136px;}
#gnav li#gnav05 a { margin-left: 3px; margin-top: 6px; width: 136px;}
#gnav li#gnav06 a { margin-left: 3px; margin-top: 6px; width: 136px;}
#gnav li#gnav07 a { margin-left: 3px; margin-top: 6px; width: 136px;}

#gnav li#gnav01 a:hover {
  background: url(../images/gnav_f2.png) -13px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -13px -6px no-repeat;
  }
  
#gnav li#gnav02 a:hover {
  background: url(../images/gnav_f2.png) -152px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -152px -6px no-repeat;
  }
  
#gnav li#gnav03 a:hover {
  background: url(../images/gnav_f2.png) -291px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -291px -6px no-repeat;
  }
  
#gnav li#gnav04 a:hover {
  background: url(../images/gnav_f2.png) -430px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -430px -6px no-repeat;
  }
#gnav li#gnav05 a:hover {
  background: url(../images/gnav_f2.png) -569px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -569px -6px no-repeat;
  }
  
#gnav li#gnav06 a:hover {
  background: url(../images/gnav_f2.png) -708px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -708px -6px no-repeat;
  }
  
#gnav li#gnav07 a:hover {
  background: url(../images/gnav_f2.png) -847px -6px no-repeat;
  _background: url(../images/gnav_f2.png) -847px -6px no-repeat;
  }

/* 番組表 現在いる位置 */
#gnav li#gnav01.stay a{
  background: url(../images/gnav_f2.png) -13px -6px no-repeat;
}


/* イベント 現在いる位置 */
#gnav li#gnav02.stay a{
  background: url(../images/gnav_f2.png) -152px -6px no-repeat;
}


/* アナウンサー 現在いる位置 */
#gnav li#gnav03.stay a{
  background: url(../images/gnav_f2.png) -291px -6px no-repeat;
}


/* レポーター 現在いる位置 */
#gnav li#gnav04.stay a{
  background: url(../images/gnav_f2.png) -430px -6px no-repeat;
}


/* プレゼント 現在いる位置 */
#gnav li#gnav05.stay a{
  background: url(../images/gnav_f2.png) -569px -6px no-repeat;
}


/* メッセージボード 現在いる位置 */
#gnav li#gnav06.stay a{
  background: url(../images/gnav_f2.png) -708px -6px no-repeat;
}


/* メールマガジン 現在いる位置 */
#gnav li#gnav07.stay a{
  background: url(../images/gnav_f2.png) -847px -6px no-repeat;
}

/* メインとサブの囲み：トップページのみ */
#contents.top {
  /*margin-top: 10px;/*/
  /* background: url(../images/contents_top_bg.png) no-repeat left top; */
  /* _background: url(../images/contents_top_bg.gif) no-repeat left top; */
  padding-top: 18px;
  margin-bottom: 10px;
  width: 996px;
}

#contents_bg {
  /* background: url(../images/contents_bg.png) no-repeat left top; */
  /* _background: url(../images/contents_bg.gif) no-repeat left top; */
  height: 682px;
  }
  
*:first-child+html #contents_bg {
  /* background: url(../images/contents_bg.png) no-repeat left top; */
  height: 100%;
  }

/* ------------------------------

[3]サイトトップページ

------------------------------ */

/* LAYOUT ADJUST */
#siteTop #contents_bg,
#col1 #contents_bg,
#announcerTop #contents_bg,
#reporterTop #contents_bg {
  padding-left: 13px;
  padding-top: 6px;
}

/* HRADLINE */
#headlineBox{
  margin-bottom: 10px;
  }

#headline dl{
  /*padding-bottom: 10px;
    padding-top: 5px;*/
  padding-left: 17px;
  }

#headline dt{
  text-indent: -9999em;
  height: 14px;
  background: url(../images/headline.png) no-repeat left top;
  float: left;
  width: 67px;
  margin-top: 9px;
  }
  
#headline dd{
  border: 1px solid #45B9DA;
  background-color: #FFFFFF;
  width: 573px;
  font-size: 93%;
  margin-left: 80px;
  margin-bottom: 0px;
  padding: 4px 7px 2px 8px;
  _padding: 4px 4px 5px 8px;
  }  

#headline-bottom{
  background: url(../images/headline_bottom.png) no-repeat scroll left bottom;
  padding-bottom: 3px;
  _padding-bottom: 3px;
  }

#headline-head{
  background: url(../images/headline_top.png) no-repeat scroll left top;
    width: 690px;
  padding-top: 3px;
  }

#headlineBox {
    background: url(../images/headline_contents.png) repeat-y scroll;
    width: 690px;
  }

/* ヘッドラインスライド */

.tickercontainer { /* the outer div with the black border */
  /*border: 1px solid #000;*/
  background: #fff; 
  /*width: 738px;*/
  height: 20px; 
  margin: 0; 
  padding: 0;
  overflow: hidden; 
  }

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  /*left: 10px;*/
  /*top: 8px;*/
  width: 570px;
  overflow: hidden;
  }

ul.newsticker { /* that's your list */
  position: relative;
  left: 750px;
  /*font: bold 10px Verdana;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding: 0;
  background: #fff;
  }

ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  /*color: #ff0000;
  font: bold 10px Verdana;*/
  margin: 0 50px 0 0;
  color: #333333;
  }
 
ul.newsticker span {
  margin: 0 10px 0 0;
  } 


/* メインイメージ */
  
#mainImgBox {
  /*background: url(../images/pickup_contents.jpg) repeat-y scroll;*/
  /*width: 690px;*/
  /*margin-top: 8px;*/
  margin-bottom: 10px;
  }

#mainImg-head {
    background: url(../images/mainImg_top.jpg) no-repeat scroll left top;
    /*padding-top: 10px;*/
    /*width: 690px;*/
  }

#mainImg-bottom {
    background: url(../images/mainImg_bottom.jpg) no-repeat scroll left bottom;
    /*padding-bottom: 10px;*/
  }

#container {
  /*width:690px;*/
  /*padding:10px;*/
  margin:0 auto;
  position:relative;
  z-index:0;
  }

#featureBox {
/* //  float: right; */
  float: left;
  position: relative;
  background-color: #000;
  width: 480px;
  height: 300px;
  }

#featureBox iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  }

#featureBox img {
  display:block;
  width: 480px;
  height: 300px;
  }

#slideBox {
/* //  float: left; */
  float: right;
  width:480px;
  height:300px;
  position:relative;
  }

/*
  Slideshow
*/

/* #slides {
} */

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

.slides_container {
  width:480px;
  overflow:hidden;
  position:relative;
  display:none;
  }

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container a {
  width:480px;
  height:300px;
  display:block;
  }

.slides_container img {
  display:block;
  width: 480px;
  height: 300px;
  }

/*
  Next/prev buttons
*/

#slides .next,#slides .prev {
  position:absolute;
  top:107px;
  left:-39px;
  width:24px;
  height:43px;
  display:block;
  z-index:101;
  }

#slides .next {
  left:585px;
  }

/*
  Pagination
*/

.pagination {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 999;
  }

.pagination li {
  float:left;
  margin:0 0 0 3px;
  list-style:none;
  }

.pagination li a{
  background-color:#FFFFFF;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:25px;
  height: 10px;
  overflow:hidden;
  opacity: 0.8;
  }

.pagination li.current a{
  background-color:#FF7C06;
  opacity: 1;
  }

/*
.pagination li#main_0 a{
  background-image: url(../images/main_01.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_1 a{
  background-image: url(../images/main_02.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_2 a{
  background-image: url(../images/main_03.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_3 a{
  background-image: url(../images/main_04.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_4 a{
  background-image: url(../images/main_05.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_5 a{
  background-image: url(../images/main_06.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_6 a{
  background-image: url(../images/main_07.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_7 a{
  background-image: url(../images/main_08.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_8 a{
  background-image: url(../images/main_09.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_9 a{
  background-image: url(../images/main_10.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_10 a{
  background-image: url(../images/main_11.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_11 a{
  background-image: url(../images/main_12.jpg) ;
  background-position:0 0;
  text-indent: -9999em;
  display:block;
  width:52px;
  height: 0;
  padding-top:17px;
  overflow:hidden;
  margin-top: 4px;
  }

.pagination li#main_0.current a,
.pagination li#main_1.current a,
.pagination li#main_2.current a,
.pagination li#main_3.current a,
.pagination li#main_4.current a,
.pagination li#main_5.current a,
.pagination li#main_6.current a,
.pagination li#main_7.current a,
.pagination li#main_8.current a,
.pagination li#main_9.current a,
.pagination li#main_10.current a,
.pagination li#main_11.current a{
  background-position:0 -17px;
  }
*/

/* アナウンサーブログとレポーターブログ */
#blogArea{
  clear: both;
  margin-top: 10px;
  width: 690px;
  background-color: #FFFFFF;
  }

#blog_ana,
#blog_rep{
  float: left;
  }

#blog_ana{
  width: 340px;
  margin-right: 10px;
  }

#blog_ana h3{
  text-indent: -9999em;
  background:url(../images/ana_btitle.png) no-repeat left;
  width: 340px;
  height: 33px;
  }

/* IE8ハック */
html>/**/body #blog_ana h3 {
  text-indent: -9999em\9;
  background:url(../images/ana_btitle.png) no-repeat left\9;
  width: 340px\9;
  height: 33px\9;
  margin-bottom: 7px\9;
}

p#ana_arhive,
p#rep_arhive {
  margin-bottom: 10px;
  margin-top: -20px;
  _margin-top: -28px;
  margin-right: 3px;
  text-align: right;
}

.ana_waku_b,
.rep_waku_b{
  border-bottom: 1px dotted #CCCCCC;
  margin: 0;
  padding: 0;
  }

.ana_bg,
.rep_bg{
  background: url(../images/ana_rep_bg.jpg) left top;
  }

.ana_rep_img{
  padding: 6px;
  }

dl.ana_repDetail{
  padding-top: 6px;
  width: 234px;
  }

.ana_repDetail dt,
.ana_repDetail dd{
  margin: 0;
  padding: 0;
  line-height:1.4!important;
  }

dd.ana_rep_date{
  font-size: 77%;
  }

.ana_rep_name a{
  font-size: 114%;
  font-weight: bold;
  text-decoration: none;
  }

.ana_rep_name a:hover{
  text-decoration: underline;
  }

dd.ana_rep_article{
  background: url(../images/ana_rep_arrow.jpg) no-repeat scroll left 0.1em;
  padding-left: 10px;
  }

/* IE7 IE8 ハック */
p#ana_arhive,
p#rep_arhive{ margin-top/*\**/: -27px\9; }

.archiveBox{
  border: 1px solid #D8D8D8;
  background-color: #FFFFFF;
  overflow-y: scroll;
  height: 402px;
  }
*html .archiveBox{ height: 429px; }
*:first-child+html .archiveBox{ height: 395px; }

/*
    background: url(../images/ana_archive.png) no-repeat left;
  width: 110px;
  height: 10;*/

#blog_rep{
  width: 340px;
  }

#blog_rep h3{
  text-indent: -9999em;
  background:url(../images/rep_btitle.png) no-repeat left;
  width: 340px;
  height: 33px;
  }

/* IE8ハック */
html>/**/body #blog_rep h3 {
  text-indent: -9999em\9;
  background:url(../images/rep_btitle.png) no-repeat left\9;
  width: 340px\9;
  height: 33px\9;
  margin-bottom: 7px\9;
  }

/* トップページのボタン群 */
.topBtnBox {
  margin-top: 12px;
  border: 1px solid #B0E6FF;
  background-color: #E6F7FF;
  padding: 13px 0 13px 13px;
}

.topBtnBox a {
  display: block;
  float: left;
  margin-right: 8px;
}

/* トップページの2列レイアウト */
.topCol2 {
  margin-top: 12px;
  width: 100%;
}

.topCol2Left {
  float: left;
  width: 726px;
}

.topCol2Right {
  float: right;
  width: 235px;
}

/* トップページの右バナー */
.topBannerRight a {
  display: block;
  margin-top: 10px;
}

/* トップページの下バナー */
.topBannerBottom {
  margin-left: 10px;
  background-color: #EFEEE4;
  padding: 17px 0 17px 15px;
  width: 955px;
}

.topBannerBottom a {
  display: block;
  float: left;
  margin-right: 13px;
}

/* トップページの画像付きリスト */
.topListBox .topList {
  float: left;
  margin-right: 9px;
  margin-bottom: 19px;
  width: 236px;
}

.topListBox .topList:nth-child(3n) {
  margin-right: 0;
}

/*
.topListBox .topList img {
  width: 100%;
  height: auto;
}
*/

.topListBox .topList .imageWrapper {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 7px;
  background-color: #CCCCCC;
  width: 236px;
  height: 147px;
}

.topListBox .topList .imageWrapper a {
  width: 236px;
  height: 147px;
}

.topListBox .topList .imageWrapper img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 236px;
  max-height: 147px;
}

.topListBox .topList a {
  display: block;
  color: #666666;
}

.topListBox .topList a span {
  display: block;
  margin-bottom: 3px;
  color: #333333;
  font-weight: bold;
}

/* トップページのヘッドライン */
.topHeadline {
  position: relative;
  border-top: 1px solid #094AEC;
  width: 100%;
  height: 57px;
}

.topHeadline h2 {
  text-indent: -999px;
}

.topHeadline ul {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  border-right: 1px solid #094AEC;
  height: 15px;
}

.topHeadline ul li {
  display: inline-block;
  border-left: 1px solid #094AEC;
  height: 15px;
}

.topHeadline ul li a {
  padding: 0 10px;
  color: #094AEC;
  font-size: 11px;
}

/* トップページのトピックス情報 */
#topicsBox .topHeadline {
  border-top: 1px solid #EC321E;
}

#topicsBox .topHeadline h2 {
  background: url(../images/top_hl_topics.png) no-repeat left top;
  width: 347px;
  height: 44px;
}

#topicsBox .topHeadline ul {
  border-right: 1px solid #F5988E;
}

#topicsBox .topHeadline ul li {
  border-left: 1px solid #F5988E;
}

#topicsBox .topHeadline ul li a {
  color: #EE4634;
}

/* トップページの新着ブログ */
#blogBox .topHeadline {
  border-top: 1px solid #668C39;
}

#blogBox .topHeadline h2 {
  background: url(../images/top_hl_blog_update.png) no-repeat left top;
  width: 458px;
  height: 43px;
}

#blogBox .topHeadline ul {
  border-right: 1px solid #668C39;
}

#blogBox .topHeadline ul li {
  border-left: 1px solid #668C39;
}

#blogBox .topHeadline ul li a {
  color: #678C39;
}

/* トップページの番組一覧 */
#topProgram {
  margin-top: 30px;
}

/*
#topProgram li {
  float: left;
  margin-right: 8px;
  margin-bottom: 10px;
  border: 1px solid #CCCCCC;
}

#topProgram li:nth-child(5n) {
  margin-right: 0;
}
*/

#topProgram {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #FFF;
}

#topProgram li {
  box-sizing: border-box;
  margin-bottom: 10px;
  width: 186px;
  height: 114px;
}

/* トップページのTwitter */
.topTwitter {
  border: 1px solid #0796E2;
  width: 233px;
}

.topTwitter div a {
  display: block;
  overflow: hidden;
  background: url(../images/top_btn_twitter.png) no-repeat left top;
  width: 233px;
  height: 46px;
  text-indent: -999px;
}

/* トップページのインフォメーション */
.topLinks {
  margin: 0 0 15px;
  border: 1px solid #F03E02;
}

.topLinks a {
  display: block;
  background-color: #FFF8F4;
  padding: 5px 10px;
  color: #F03E02;
  font-size: 110%;
}

/* トップページのトピックスリンク集 */
.topTopicsLinks {
  margin: 0;
  background: url(../images/top_icon_megaphone.png) no-repeat 3px 2px;
  padding: 1px 0 9px 43px;
}

.topTopicsLinks li {
  margin-bottom: 3px;
  padding-top: 3px;
  border-top: 1px dotted #9AADCA;
  color: #FFF;
}


.topTopicsLinks li a {
  display: block;
  color: #FFF;
}

.topTopicsLinks li:first-of-type {
  border-top: none;
}


/* ------------------------------

[4]２カラム時の右カラム

------------------------------ */

/* 現在オンエア中の番組 */
#liveBox h3{
  text-indent: -9999em;
  background: url(../images/live_title.jpg) no-repeat left scroll;
  width: 270px;
  height: 42px;
  }

#liveBox{
  background: url(../images/live_bg.jpg) repeat-y left;
  margin-top: 3px;
  }

p#timetable a{
  background: url(../images/timetableBtn.jpg) no-repeat left;
  width: 252px;
  height: 35px;
  display: block;
  text-indent: -9999em;
  margin-left: 9px;
  }
p#timetable2 a{
  background: url(../images/timetableBtn2.jpg) no-repeat left;
  width: 252px;
  height: 43px;
  display: block;
  text-indent: -9999em;
  margin-left: 9px;
  }

p#timetable a:hover{
  background: url(../images/timetableBtn_f2.jpg) no-repeat left;
  }
p#timetable2 a:hover{
  background: url(../images/timetableBtn2_f2.jpg) no-repeat left;
  }
#timetable2Foot {
  background: url(../images/liveFootBg.jpg) no-repeat left;
  width: 100%;
  height: 9px;
}

.onair{
  position: relative;
  }

p#nowon{
  background: url(../images/nowonair.png) no-repeat left;
  _background: url(../images/nowonair.gif) no-repeat left;
  width: 66px;
  height: 66px;
  text-indent: -9999em;
  position: absolute;
  left: 213px;
  top: -5px;
  }
    

      
div#programArea{
  width:242px;
  background: url(../images/program_bg.jpg) repeat left top;
  padding: 5px;
  margin-left: 9px;
  }


.p_time{
  background: url(../images/program_1.jpg) no-repeat left 0.3em;
  padding-left: 18px;
  color: #4D7607;
  font-size: 100%;
  /*padding-bottom: 5px;*/
  }
  
.personality{
  background: url(../images/program_2.jpg) no-repeat left;
  font-size: 12px;
  padding-left: 17px;
  /*padding-top: 5px;*/
  }
  
.who{
  font-size: 12px;
  line-height: 1.5;
  }  

.Rfloat{
  float: right;
  overflow: hidden;

  }
  
.Lfloat{
  float: left;
  overflow: hidden;
  width: 139px;
  }
  
p.title a{
  color: #0066CC;
  width: 102px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.3!important;
  }
  
.title a:hover{
  text-decoration: none;
  }  


#radioBox h3{
  background: url(../images/pclisten.jpg) no-repeat left;
  width: 270px;
  height: 37px;
  text-indent: -9999em;
  }
#radioBox2 {
  margin-top: 5px;
}
#radioBox2 h3{
  background: url(../images/pclisten2.jpg) no-repeat left;
  width: 270px;
  height: 39px;
  text-indent: -9999em;
  }

/* FM補完中継局 */
#fmHokan{
  margin-top: 6px;
  margin-bottom: 5px;
  }
  
#fmHokan a{
  text-indent: -9999em;
  background: url(../images/fm-hokan.jpg) no-repeat left top;
  width: 270px;
  height: 144px;
  display: block;
  }
/* SHARE RADIO */
#shareRadio{
  margin-top: 6px;
  margin-bottom: 5px;
  }
  
#shareRadio a{
  text-indent: -9999em;
  background: url(../images/shareradio.gif) no-repeat left top;
  width: 270px;
  height: 135px;
  display: block;
  }
/* LINE@年リク */
#nenline{
  margin-bottom: 5px;
  }
  
#nenline a{
  text-indent: -9999em;
  background: url(../images/nen_line.png) no-repeat left top;
  width: 270px;
  height: 100px;
  display: block;
  }
/* 公式LINE@ */
#officialline{
  margin-bottom: 5px;
  }
  
#officialline a{
  text-indent: -9999em;
  background: url(../images/official_line.png) no-repeat left top;
  width: 270px;
  height: 100px;
  display: block;
  }

/* 2018年 採用情報 */
#employment2018{
  margin-top: 5px;
  margin-bottom: 5px;
  }
  
#employment2018 a{
  text-indent: -9999em;
  background: url(../images/employment_2018.png) no-repeat left top;
  width: 270px;
  height: 44px;
  display: block;
  }

#radioBox{
  margin-bottom: 5px;
  }  
#genkishukan{
  margin-top: 6px;
  margin-bottom: 5px;
  }
  
#genkishukan a{
  text-indent: -9999em;
  background: url(../images/kiite-genki.jpg) no-repeat left top;
  width: 270px;
  height: 144px;
  display: block;
  }


#anniversary55 h3{
  background: url(../images/55_top_title.jpg) no-repeat left;
  width: 270px;
  height: 37px;
  text-indent: -9999em;
  }
  
#anniversary55{
  margin-bottom: 5px;
  }  
  
#anniversary55 a{
  text-indent: -9999em;
  display: block;
  background: url(../images/55_top_btn.jpg) no-repeat left top;
  width: 270px;
  height: 155px;
  }  

.s-employment {
  padding:5px 0 10px;
  }

*html .s-employment {
  padding:8px 0 10px;
  }

#nowlisten{
  text-indent: -9999em;
  background: url(../images/nowlisten.jpg) no-repeat left top;
  width: 270px;
  height: 86px;
  }
  
#nowlistenBtn a{
  text-indent: -9999em;
  display: block;
  background: url(../images/nowlistenBtn.jpg) no-repeat left top;
  width: 270px;
  height: 44px;
  }  

#nowlistenBtn a:hover{
  background: url(../images/nowlistenBtn_f2.jpg) no-repeat left top;
  }

/* ピックアップ */

#pickupBox {
    background: url(../images/pickup_contents.jpg) repeat-y scroll;
    width: 270px;
  }

#pickup-head {
    background: url(../images/pickup_top.jpg) no-repeat scroll left top;
    padding-top: 4px;
    width: 270px;
  padding-top: 38px;
  }

#pickup-bottom {
    background: url(../images/pickup_bottom) no-repeat scroll left bottom;
    padding-bottom: 4px;
  }

#pickup{
  background-color: #FFFFFF;
  width: 260px;
  border: 1px solid #DDDDDD;
  margin-left: 5px;
  }
  
#pick_tab {
    /*background: url(../images/pickup_nav.jpg) no-repeat scroll left top transparent;*/
    height: 24px;
  }

#tab-container-1-nav li {
    float: left;
  }

#pick_tab #tab-container-1-nav li a{
  display: block;
  text-indent: -9999em;
  }
  
#pick_tab li#topicsTab a {
  margin-left: 0;
  width: 129px;
  height: 24px;
  }
  
#pick_tab li#topicsTab a:hover {
  background: url(../images/pickup_nav_f3.jpg) no-repeat;
  }

#pick_tab li#topicsTab a{
  background: url(../images/pickup_nav_f2.jpg) no-repeat scroll left top;
  }

#pick_tab li#topicsTab a.active {
  background: url(../images/pickup_nav.jpg) no-repeat!important;
  }
  
#pick_tab li#eventTab a {
  margin-left: 0;
  width: 131px;
  height: 24px;
  color: #0066CC;
  }  

#pick_tab li#eventTab a:hover {
  background: url(../images/pickup_nav_f3.jpg) -129px 0 no-repeat;
  }

#pick_tab li#eventTab a{
  background: url(../images/pickup_nav.jpg) -129px no-repeat;
  }

#pick_tab li#eventTab a.active {
  background: url(../images/pickup_nav_f2.jpg) -129px no-repeat!important;
  }

#topics ul,
#event ul{
  margin-bottom: 5px;
  }

#topics li,
#event li{
  font-size: 92%;
  line-height: 1.3;
  border-bottom: 1px dotted #C5C5C5;
  width: 238px;
  margin-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  }
  
#topics li,
#event li {
    background: url(../images/pickup_arrow.jpg) no-repeat scroll left 0.5em transparent;
    padding-left: 10px;
  }

/* ツイッター */
#twitterBox{
  margin-top: 10px;
  }
  
/* コミュファ */
#comifa{
  margin-top: 10px;
  }
  
#comifa a{
  text-indent: -9999em;
  background: url(../images/comfa.jpg) no-repeat left top;
  width: 270px;
  height: 125px;
  display: block;
  }


/* バナー */
#subBanner ul {
  margin: 0;
  padding: 0;
  }

#subBanner ul li {
  padding-bottom: 5px;
  vertical-align: top;
  line-height: 1;
  background-color: #F0F0F0;
  }

#bannerBox {
    background: url(../images/banner_contents.jpg) repeat-y scroll;
    width: 270px;
  margin-top: 10px;
  }

#banner-head {
    background: url(../images/banner_top.jpg) no-repeat scroll left top;
    width: 270px;
  padding-top: 12px;
  }

#banner-bottom {
    background: url(../images/banner_bottom.jpg) no-repeat scroll left bottom;
    padding-bottom: 9px;
  }

#banner{
  background-color: #FFFFFF;
  width: 240px;
  margin-left: 15px;
  }

/* 携帯サイトのご案内 */
#cellphone{
  margin-top: 3px;
  }

/* ご聴取可能 */
#availableBox {
    background: url(../images/available_contents.jpg) repeat-y scroll;
    width: 270px;
  margin-top: 10px;
  margin-bottom: 10px;
  }

#available-head {
    background: url(../images/available_top.jpg) no-repeat scroll left top;
    width: 270px;
  padding-top: 9px;
  }

#available-bottom {
    background: url(../images/available_bottom.jpg) no-repeat scroll left bottom;
    padding-bottom: 4px;
  }

#available{
  width: 257px;
  margin-left: 9px;
  color: #333333;
  }
  
#available dt{
  font-size: 122%;
  font-weight: bold;
  margin-bottom: 4px;
  }
  
#available dd.section{
  float: left;
  width: 85px;
  margin-bottom: 7px;
  }
  
#available dd{
  font-size: 88%;
  line-height: 1.4;
  }  
#switch-theme{
  padding-right: 3px;
  padding-left: 3px;
  }
#change-ua{
  font-size: 40px;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 30px;
    text-align: center;
    color: #fff;
    border: 1px solid #95d9ff;
    background-color: #7bbfff;
  }
#change-ua img{
  width: 60px;
  height: auto;
  }

/* トピックス情報 */
topicArchive {
  width: 100%;
}


/* ------------------------------

[4]番組の投稿・プレゼントの応募

------------------------------ */

#present{
  background: url(../images/present_1.jpg) left top no-repeat;
  }

#pre-inner{
  padding-top: 4px;
  padding-left: 4px;
  padding-bottom: 5px;
  /*width: 688px;*/
  border: 1px solid #D8D8D8;
  }

/* IE8 */
html>/**/body #pre-inner {
  padding-top: 5px\9;
  padding-left: 4px\9;
  padding-bottom: 5px\9;
  /*width: 688px;*/
  border: 1px solid #D8D8D8;
}  

#present dt, 
#present dd {
    float: left;
}

#present dt{
  text-indent: -9999em;
  width: 0px;
  }
  
#present dd.pre01 a {
  margin-left: 341px;
  width: 167px;
  height:31px;
  margin-top: 2px;
  display: block;
  text-indent: -9999em;
  }
  
#present dd.pre02 a {
  margin-left: 5px;
  width: 167px;
  height: 31px;
  margin-top: 2px;
    display: block;
  text-indent: -9999em;
  }

#present dd.pre01 a:hover {
  background: url(../images/present_1_f2.jpg) -341px -2px no-repeat;
  }
  
#present dd.pre02 a:hover {
  background: url(../images/present_1_f2.jpg) -513px -2px no-repeat;
  }

/* ------------------------------

[5]番組表

------------------------------ */

/* 番組一覧 */
#pro_archive{
  width: 690px;
  margin-top: 10px;
  }
  
#pro_tab{
  background: url(../images/pro_nav.jpg) no-repeat left top;
  height: 27px;
  }  

#pro_archive ul.tab{
  height: 27px;
  }

#pro_archive li {
    float: left;
}

#pro_archive li#tab5 {
    float: right;
}

#tab_1 li#tab1 a,
#tab_1 li#tab2 a,
#tab_1 li#tab3 a,
#tab_1 li#tab4 a,
#tab_1 li#tab5 a{
  display: block;
  text-indent: -9999em;
  }
  
#pro_archive li#tab1 a {
  
  margin-left: 0;
  width: 139px;
  height: 27px;
  }
  
/* ロールオーバー today */
#pro_archive li#tab1 a:hover {
  background: url(../images/pro_nav_f6.jpg) no-repeat;
  }
  
/* ロールオーバー 月～金 */
#pro_archive li#tab2 a:hover {
  background: url(../images/pro_nav_f6.jpg) -139px 0 no-repeat;
  }
  
/* ロールオーバー 土曜日 */
#pro_archive li#tab3 a:hover {
  background: url(../images/pro_nav_f6.jpg) -277px 0 no-repeat;
  }
  
/* ロールオーバー 日曜日 */
#pro_archive li#tab4 a:hover {
  background: url(../images/pro_nav_f6.jpg) -415px 0 no-repeat;
  }
  
/* ロールオーバー タイムテーブル */
#pro_archive li#tab5 a:hover {
  background: url(../images/pro_nav_f6.jpg) -552px 0 no-repeat;
  }
  
#pro_archive li#tab1.selected a {
  background: url(../images/pro_nav_f2.jpg) no-repeat!important;
  }
  
#pro_archive li#tab2.selected a {
  background: url(../images/pro_nav_f3.jpg) -139px 0 no-repeat!important;
  }
  
#pro_archive li#tab3.selected a {
  background: url(../images/pro_nav_f4.jpg) -277px 0 no-repeat!important;
  }
  
#pro_archive li#tab4.selected a {
  background: url(../images/pro_nav_f5.jpg) -415px 0 no-repeat!important;
  }
        
#pro_archive li#tab2 a {
  margin-left: 0px;
  width: 138px;
  height: 27px;
  }    
  
#pro_archive li#tab3 a {
  margin-left: 0px;
  width: 138px;
  height: 27px;
  }
  
#pro_archive li#tab4 a {
  margin-left: 0px;
  width: 137px;
  height: 27px;
  }    
  
#pro_archive li#tab5 a {
  margin-left: 0px;
  width: 138px;
  height: 27px;
  }
  
.pannel{
  clear: both;
  padding: 0;
  border:1px solid #D8D8D8;
  border-top: none;
  background-color: #FFFFFF;
  }
  
/* 番組プログラム */

.dateBox{
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
  }

.pro_date{
  float: left;
  font-size: 136%;
  color: #333333;
  }
  
.dateAtt{
  font-size: 85%;
  text-align: right;
  color: #333333;
  padding-top: 5px;
  padding-right: 5px;
  }

#programBox{
  width: 690px;
  height: 561px;
  overflow-y:scroll;
  border-top: 1px solid #D8D8D8;
  }
  
p.protime{
  float: left;
  width: 156px;
  background: url(../images/protime.jpg) no-repeat left;
  text-indent: 19px;
  margin-left: 7px;
  margin-top: 5px;
  _margin-left: 4px;
  font-size: 100%;
  }
  
table.pro_bg_1{
  background: url(../images/pro_bg_1.jpg) no-repeat left top;
  width: 670px;
  margin: 1px;
  }

table.pro_bg_2{
  background: url(../images/pro_bg_2.jpg) no-repeat left top;
  width: 670px;
  margin: 1px;
  }
  
.proimg{
  width: 146px;
  padding: 4px 0 5px 4px;
  }

.prodetail{
  float: left;
  _width: 338px;
  width: 358px;
  }
  
.protitle{
  font-size:122%;
  font-weight: bold;
  padding-top: 5px;
  }
  
.prolead{
  /*font-size: 92%;*/
  line-height: 1.4!important;
  }
  
.proicon{
  padding-bottom: 4px;
  }
  
.pro_waku_b{
  border-bottom: 1px solid #D8D8D8;
  }
  
.line{
  border-top: 1px solid #D8D8D8;
  padding: 0;
  margin: 0;
  }  

/* ------------------------------

[6]著作権等静的ページテンプレート

------------------------------ */
#page_title {
  clear: both;
  width: 970px;
  height: 32px;
  background: url(../images/page_ti00_2.jpg) left top no-repeat;
  color: #fff;
  padding: 15px 15px 0;
  margin-bottom: 10px;
  font-size: 131%;
  font-weight: bold;
  line-height: 1.1;
  }
.ti01 {
  border-left: 5px solid #035AEB;
  margin-bottom: 10px;
  }
.ti01 span{
  display: block;
  border: 1px solid #E0E0E0;
  border-left: none;
  padding: 6px 7px;
  font-size: 116%;
  font-weight:bold;
  color: #333;
  }
#subTitle {
  border-top: 2px solid #035AEB;
  margin-bottom: 10px;
  padding: 13px;
  font-size: 131%;
  font-weight: bold;
  line-height: 1.2;
  background: #F6FAFF url(../images/bg_parts01.jpg) bottom repeat-x;
  }

/* ------------------------------

[7]会社概要

------------------------------ */
#company01 {
  background: url(../images/company01.jpg) right top no-repeat;
  }
#company01 table {
  width: 800px;
  }
/* ------------------------------

[8]radikoの案内

------------------------------ */
.radikoBg{
  background-color: #EBF7FC;
  }
  
/* ------------------------------

[9]民謡のこばこの案内

------------------------------ */
.tbl_com .weektitleBg{
  background-color: #2B6CDB;
  color: #FFFFFF;
  text-align: left;
  }


/* ------------------------------

[10]フッター

------------------------------ */

/* ページの先頭へ */

#toTopAera{
  padding-right: 15px;
  padding-bottom:10px;
  float:right;
}

#toTop a{
  background: url(../images/pagetop.jpg) no-repeat left;
  width: 144px;
  height: 25px;
  text-indent: -9999em;
  display: block;
  }
  
#toTop a:hover{
  background: url(../images/pagetop_f2.jpg) no-repeat left;
  }  

/* フッターボックス */
#footer-bottom{
  background: url(../images/footer_bottom.jpg) no-repeat scroll left bottom;
  }

#footer-head{
  background: url(../images/footer_head.jpg) no-repeat scroll left top;
    padding-top: 10px;
    width: 970px;
  }
#footerBox {
    background: url(../images/footer_bg.jpg) repeat-y scroll 0 0;
    width: 970px;
  margin-left: 10px;
  margin-bottom: 20px;
  }

/* フッターナビゲーション */
div#fBox-inner{
  padding-bottom: 60px;
  }

div#fnav{
  width: 608px;
  float: left;
  padding-left: 7px;
  }

/* コピーライト */
#copyright{
    background: url(../images/copyright.png) no-repeat scroll left;
    text-indent: -9999em;
    width: 355px;
  float: left;
  }
  
#footerNav {
  list-style: none;
  }

.clearBoth{
  clear: both;
  }

#footerNav li {
  display: inline;
  float: left;
  margin-left: 6px;
  background: url(../images/footer_line.jpg) no-repeat scroll right;
  line-height: 20px;
  }
  
#footerNav li a{
  background: url(../images/icn_arrow05.png) no-repeat scroll left;
  display: block;
  _display: inline-block;
  height: 20px;
  margin: 0;
  padding: 0 8px;
  color: #FFFFFF;
  font-size: 88%;
  }
  
/* ------------------------------

[11]ブログの構成要素

------------------------------ */

/* トピックパス */
ul#topicPath {
    width: 100%;
  overflow: hidden;
  margin: 10px 0;
  }
ul#topicPath li {
  display: inline;
  float: left;
  font-size: 85%;
  }

ul#topicPath li a,
ul#topicPath li.arrow {
  background: url(../images/icn_arrow06.jpg) no-repeat right;
  padding-right: 15px;
  }

ul#topicPath li a{
  text-decoration: underline;
  color: #0066CC;
  }
  
ul#topicPath li a:hover{
  text-decoration: none;
  }  

/* RSS */
#rss {
  position: absolute;
  top: 13px;
  right: 20px;
  padding: 0;
  padding: 0;
  text-align: right;
  }

#rss a {
  display: inline-block;
  height: 21px;
  line-height: 1;
  }

#rss img {
  display: inline-block;
  vertical-align: text-bottom;
  }

/* 日毎のループ内トップ,コメントトップ,トラックバックトップ */
.boxHeader {
  _width: 100%;
  clear: both;
  }
/* 日付表示の基本設定 */
.dateClass {
  font-size: 80%;
  color: #999999;
  }

/* タグの絞り込みボックス */
#wrapper #main .guideBox #tagBox {
  text-align: left;
  }
/* 選択されたタグ */
#wrapper #main #tagBox #selectTag {
  text-indent: -10em;
  _text-indent: -9em;
  margin: 0.5em 0 1em 10em;
  }
/* 選択されたタグ - ie7用の処理 */
*+html #wrapper #main #tagBox #selectTag {
  text-indent: -9.5em;}
/* タグの絞り込み */
#wrapper #main #tagBox #nextTagTitle {
  text-indent: -8em;
  _text-indent: -7em;
  margin: 0.5em 0 1em 8em;
  }
/* タグの絞り込み - ie7用の処理 */
*+html #wrapper #main #tagBox #nextTagTitle {
  text-indent: -7.5em;}


/* エントリー送り */
ul.entryNavi li a:link,
ul.entryNavi li a:visited,
ul.entryNavi li a:active,
ul.entryNavi li a:hover {
  color: #FFF;
  }
/* 左側(戻る) */
#main .oldList {
  float:left;
  text-align:left;
  width:35%;
  }
#main .oldList a {
  padding-left: 13px;
  background: url("../images/icn_arrow03.png") no-repeat left center;
  }
/* 中央(一覧) */
#main .allList {
  float:left;
  text-align:center;
  width:28%;
  }
/* 右側(進む) */
#main .newList {
  float:right;
  text-align:right;
  width:35%;
  }
#main .newList a {
  padding-right: 13px;
  background: url("../images/icn_arrow04.png") no-repeat right center;
  }


/* ---------------
メイン内　エントリー
--------------- */
/* エントリーループ{newsBox}と同じdivに設定 */
.entryWrapper {
  margin: 0 0 20px 0;
  padding: 0;
  /*_width: 100%; ieで背景色を指定する場合は幅も指定する*/
  }
/* エントリーヘッダー */
.entryHeader {
  padding: 0;
  margin: 0 0 0 0;
  }

/* エントリータイトル */
.entryTitle {
  padding: 10px 20px;
  border: 1px solid #CCC;
  font-size: 18px;
  line-height: 1.4;
  color: #333;
  background: #E1E1E1;
  background: -moz-linear-gradient(center bottom , #E1E1E1, #FFF);
  background: -webkit-gradient(linear, left bottom, left top, from(#E1E1E1), to(#FFF));
}
/* エントリーのカテゴリー */
.entryCategory {
  text-align: right;
  }

/* 内包する要素を設定するためのclass .entry-----------------  */
.index,
.entry {
  margin: 0;
  padding: 20px;
  _padding: 20px 19px;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  }

.index h2,
.entry h1 {
  margin: 0 0 7px 0;
  padding: 7px 0;
  font-size: 14px;
  }
.index h3,
.entry h2 {
  margin: 0 0 7px 0;
  padding: 7px 0;
  border-bottom: 5px solid #999;
  font-size: 18px;
  }
.index h4,
.entry h3 {
  margin: 0 0 7px 0;
  padding: 7px 0;
  border-bottom: 2px solid #999;
  font-size: 18px;
  }
.index h5,
.entry h4 {
  margin: 0 0 7px 0;
  padding: 7px 0;
  font-size: 16px;
  }
.index p,
.entry p{
  padding: 7px 0;
  }
.index blockquote p,
.entry blockquote p {
  font-size: 1em;
  }
.index ul,
.entry ul{
  list-style-type: disc;
  list-style-position: inside;
  margin: 0 0 1em 1.6em;
  }
.entry ul li,
.index ul li {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 0;
  line-height: 1.2;
  }
.index ol,
.entry ol {
  list-style-position: inside;
  margin: 0 0 1em 0;
  margin: 0 0 1em 1.6em;
  padding: 0;
  }
.index ol li,
.entry ol li {
  margin: 0 0 0.5em 0;
  _margin: 0 0 0.5em 1em;
  padding: 0 0 0 0;
  line-height:1.2;
  }
.index dl,
.entry dl {
  width: 98%;
  line-height:1.2;
  }
.index pre,
.entry pre {
  overflow: auto;
  _overflow: scroll;
  clear: both;
  max-height: 10em;
  _height: 6em;
  width:  90%;
  margin: 5px 0 5px 10px;
  padding: 10px;
  background: #E7E7E7;
  }
.index blockquote,
.entry blockquote {
  clear: both;
  margin: 0 0 10px;
  padding: 15px 20px;
  _padding: 5px 20px 15px 20px; /* IE6 */
  border: 1px dotted #998057;
  background-color: #EDE9DE;
  }
.index table,
.entry table {
  margin: 0 0 10px 0;
  padding: 0;
  border-collapse: collapse;
  }
.index table caption,
.entry table caption {
  background: #E7E7E7;
  }
.index tr,
.entry tr {
  margin: 0;
  padding: 0;
  }
.index th,
.entry th {
  padding: 10px 20px;
  border: 1px solid #CCCCCC;
  background: #ECECEC;
  font-weight: normal;
  text-align: left;
  }
.index td,
.entry td {
  padding: 10px 20px;
  border: 1px solid #CCCCCC;
  }
.index .gutnighter_style td,
.entry .gutnighter_style td {
  padding: 10px 14px;
  }
.index .gutnighter_style2 td,
.entry .gutnighter_style2 td {
  padding: 0;
  }

.index .entryTag,
.entry .entryTag {
  clear: both;
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #F0F0F0;
  }

.index .entryTag #tagTitle,
.entry .entryTag #tagTitle {
  display: inline-block;
  padding: 0 10px;
  margin-right: 20px;
  background-color: #666666;
  color: #FFF;
  }

.index .entryTag a,
.entry .entryTag a {
  margin-right: 10px;
  }

strong {
  font-weight: bold;
  }

/* 続きを読むリンク */
.index .continueLink {
  width: 570px;
  margin-bottom: 0px;
  margin-left: -10px;
  padding: 0;
  _overflow : hidden;
  _margin: 0 -20px 0px -10px;
  }

.index .continueLink a {
  display: block;
  margin: 0;
  outline: none;
  padding: 10px 20px 10px 30px;
  background: url(../images/icn_arrow01.png) no-repeat 10px 13px;
  }

/* .index .continueLink a:hover {
  background-color: #F0F0F0;
  } */

/* 記事フッター */
.entryFooter {
  text-align: right;
  }

/* 記事の付帯情報 */
.entryFooter p {
  text-align: right;
  font-size: 1em;
  margin: 0 0 10px 0;
  }

/* ---------------
添付ファイル関連
--------------- */

/* 添付画像 */
.columnImage {
  /*border:1px solid #999;*/
  padding: 5px;
  }
/* 添付ファイルアイコン */
.columnIcon {
  padding: 5px;
  }
/* 添付ファイルのキャプション */
.caption {
  margin: 2px 0 5px;
  padding: 0 5px;
  color: #666666;
  font-size: 88% !important;
  text-align: center;
  line-height: 1.2;
}
.nocaption {
  margin-bottom: 10px;
  }


/* ---------
検索結果 
------------*/

.tagListMenu {
  margin: 0px;
  padding: 0px;
  }
.tagListMenu li {
  display: inline;
  line-height: 1.4;
  margin: 0;
  padding: 0 6px 0 0;
  }

/* ---------------
フォーム
--------------- */

/* コメント・トラックバックの囲み */
.relationWrapper {
  margin: 0 0 30px 0;
  padding: 0;
  }
/* 「コメント」「トラックバック」タイトル部分囲み */
/*.boxHeader {
　上に記載済み
}*/
/* 「コメント」「トラックバック」タイトル部分 */
.relationHeader {
  margin-bottom: 15px;
  font-size: 20px;
  }
/* 内包する要素を設定するためのclass .relation-----------------  */
/* .relation {
  } */
.relationTitle {
  margin: 0 0 0.5em 0;
  }
.relation form {
  width: 100%;
  overflow: hidden;
  }
/* .relationに内包する要素に関する記述ここまで----------------- */

/* コメントフォーム */
.comForm table {
  border-top: 1px solid #CCC;
  border-collapse:collapse;
  margin:0 0 10px;
  padding:0;
  }

.comForm table th {
  width: 100px;
  padding: 10px 20px;
  border-bottom: 1px solid #CCC;
  background-color: #F0F0F0;
  font-weight: bold;
  }

.comForm table td {
  width: 420px;
  padding: 10px 20px;
  border-bottom: 1px solid #CCC;
  }

.comPost {/* 投稿ボタン */
  background-color: transparent !important;
  margin-bottom:30px;
  }
/* 変数が出力するclass　公開状態 */
/* .open {} */
.close { /* 変数が出力するclass　非公開状態 */
  background:#CECECE;
  }
.awaiting { /* 変数が出力するclass　承認待ち状態 */
  background: #E6E6E6;
  }
.passBox { /* 各コメント・各トラックバック囲み */
  padding: 0;
  margin: 0 0 20px 0;
  background-color: #F0F0F0;
  }
.passBox .comHeader {
  padding: 10px 20px;
  background-color: #CCC;
  }
.passBox .comBody {
  padding: 10px 20px;
  }
.passBox h4 {
  margin-bottom: 10px;
  }
.passBox .comment-reply {
  text-align: right;
  }
#textfield {
  width: 88%;
  }
.formSizeHarf {
  width: 45%;
  }
.formSizeFull {
  width: 80%;
  }
.relationNaviNext {
  float: left;
  text-align: left;
  width: 47%;
  }
.relationNaviPrev {
  float: right;
  text-align: right;
  width: 47%;
  }
/* コメント、トラックバックの付帯情報 */
.relationFooter {
  margin: 0 0 10px 0;
  text-align: right;
  font-size: 1em;
  }

/* ページ送り */
div.entryListNavi {
  padding: 0 10px;
  font-size: 1em;
  }
div.entryListNavi a:link,
div.entryListNavi a:visited,
div.entryListNavi a:active,
div.entryListNavi a:hover {
  color: #FFF;
  }
.backPageLink {
  float:left;
  padding: 5px 0;
  text-align:left;
  width:35%;
  }
.backPageLink a {
  padding-left: 13px;
  background: url("../images/icn_arrow03.png") no-repeat left center;
  }
.PageLink {
  float: left;
  width: 28%;
  margin: 0;
  padding: 0;
  text-align: center;
  }
.PageLink .PageLoop {
  display: inline-block;
  padding: 5px;
  color: #99CCFF;
  text-align: center;
  }
.PageLink .lastPage {
  color: #FFF;
  }
.forwardPageLink {
  float:right;
  padding: 5px 0;
  text-align:right;
  width:35%;
  }
.forwardPageLink a {
  padding-right: 13px;
  background: url("../images/icn_arrow04.png") no-repeat right center;
  }

/* 検索されたキーワード */
#selectKeywordBox {
  margin: 0 0 20px;
  padding: 20px;
  background-color: #E8E8E8;
  }

#selectKeywordBox h2 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  }

/* 検索結果数表示 */
#itemsAmount {
  margin: 0 0 10px;
  padding: 0 20px;
  }

/* フリーワード検索 */
/* エントリー囲み */
.search.entry {
  padding: 20px 0!important;
  }

.search.entry p.summary {
  margin: 0;
  padding: 0 20px 10px;
  }

/* 続きを読むリンク */
.search.entry p.continue {
  margin: 0 0 -20px 0;
  padding: 0;
  }

.search.entry p.continue a {
  display: block;
  margin: 0;
  padding: 10px 0 10px 40px;
  border-top: 1px solid #E8E8E8;
  background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
  }

.search.entry p.continue a:hover {
  background-color: #F0F0F0;
  }

/* タグ検索 */
/* 選択中のタグリスト囲み */
#tagFilter {
  margin: 0 0 20px;
  padding: 20px;
  background-color: #E8E8E8;
  }

#tagFilter h2 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 16px;
  }

/* 選択中のタグ */
#tagFilter #selectTagBox .selectTag {
  margin: 0 20px 0 0;
  padding: 0;
  }

/* ---------------
お問い合わせ
--------------- */
#jsChangeContents .entry{
  padding: 20px;
  }

/* 電話番号 */
#telNo {
  color: #999;
  font-family: Verdana, sans-serif;
  font-size: 44px;
  }

/* FAX番号 */
#faxNo {
  color: #999;
  font-family: Verdana, sans-serif;
  font-size: 44px;
  }

/* 送信フロー */
#formStep {
  position: relative;
  margin-bottom: 20px;
  }

#formStep ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

#formStep ul li{
  float: left;
  width: 146px;
  margin-right: 24px;
  padding: 12px;
  background-color: #F0F0F0;
  color: #3366CC;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  }

/* 送信フロー 現在いる位置 */
#formStep ul li#formStay{
  background-color: #99CCFF;
  }

.entry #formStep ul li.lastStep{
  margin: 0;
  }

/* 送信フロー 矢印 */
#formStep img#step_arrow1{
  position: absolute;
  left: 175px;
  top: 20px;
  }

#formStep img#step_arrow2{
  position: absolute;
  left: 370px;
  top: 20px;
  }

/* フォームテーブル */
.ablogcmsForm {
  width: 560px;
  border-top: 1px solid #CCC;
  border-right: none;
  border-bottom: none;
  border-left: none;
  }

.ablogcmsForm th {
  width: 150px;
  margin: 0;
  padding: 10px 20px;
  vertical-align: top;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #CCC;
  border-left: none;
  background-color: #F0F0F0;
  color: #333;
  font-weight: bold;
  white-space: normal;
  }

.ablogcmsForm th .required {
  display: block;
  color: #CC0033;
  font-weight: normal;
  }

.ablogcmsForm td {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #CCC;
  border-left: none;
  _text-align: left;
  }

/* フォーム入力欄 */
.formM {width: 325px;}
.formL {width: 410px;}

/* エラー文 */
.emSection {
  margin: 0;
  padding: 0;
  }

/* メッセージ文 */
/* .message {} */

/* 入力画面へ戻るボタン */
/* #btnToInput {} */

/* 送信ボタン */
/* #btnSubmit {} */
.formBtn {text-align: center;}
.formBtn form { display: inline;}

/* ---------------
サブカラムの内容
--------------- */
/* サブカラム内コンテンツ個別のボックス */
.menuListBox {
  margin: 0 0 15px;
  }
.menuListBox li {
  background: url(../images/bg_parts02.gif) bottom repeat-x;
  padding: 7px;
  font-weight: bold;
  color: #333;
  }
.menuListBox li a {
  display: inline-block;
  font-weight: normal;
  background: url(../images/icn_arrow07.gif) left 0.4em no-repeat;
  padding-left: 10px;
  }

/* エントリーリストナビ */
#entryNav ul {
  margin:10px 0 0;
  padding: 0;
  background: url(../images/bg_parts02.gif) top repeat-x;
  }

#entryNav ul li {
  background: url(../images/bg_parts02.gif) bottom repeat-x;
  padding: 7px;
  font-weight: bold;
  color: #333;
  }
#entryNav ul li a {
  display: inline-block;
  font-weight: normal;
  background: url(../images/icn_arrow07.gif) left 0.4em no-repeat;
  padding-left: 10px;
  }

/* エントリーリストナビ：日付 */
#entryNav .date {
  display: block;
  margin-bottom: 5px;
  color: #999;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  }

/* キーワードリスト */
#keywordList h2 {
  margin-bottom: 15px;
  border-bottom: 5px solid #999;
  font-size: 20px;
  font-weight: normal;
}

/* フリーワード検索 */
#freewordSearch h2 {
  margin-bottom: 15px;
  border-bottom: 5px solid #999;
  font-size: 20px;
  font-weight: normal;
}


/* ------------
タグ 
---------------- */

/* タグ検索絞り込み説明 */
#tagSearch p {
  padding: 10px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: 1px solid #E8E8E8;
  line-height: 1.3;
  }

/* 絞り込みタグ */
#tagSearch ul li a {
  background: url(../images/icn_select.png) no-repeat 10px 12px;
  }

#tagSearch ul li a:hover,
#tagSearch ul li a:active,
#tagSearch ul li#viewing {
  background: url(../images/icn_select.png) no-repeat 10px 12px;
  }

#tagSearch ul li a:hover {
  background-color: #F0F0F0;
  }

/* タグ */
.tagListMenu li {
  display: inline;
  margin:  0;
  padding: 0 6px 0 0;
  line-height: 1.4;
  }
/* タグリストのサイズ設定
タグの総数のうちから、登録数の少ない順に、.tagSize1に1~4%,.tagSize2に5~8%-------.tagSize25に96~100%というように割り振られます。
タグの登録数が少ない場合は極端な分布になりますので、問題があれば適宜調整することになります。
 */
.tagListMenu .tagSize1 a:link,
.tagListMenu .tagSize1 a:visited,
.tagListMenu .tagSize1 a:hover,
.tagListMenu .tagSize1 a:active {
  font-size: 10px;}
.tagListMenu .tagSize2 a:link,
.tagListMenu .tagSize2 a:visited,
.tagListMenu .tagSize2 a:hover,
.tagListMenu .tagSize2 a:active {
  font-size: 10px;}
.tagListMenu .tagSize3 a:link,
.tagListMenu .tagSize3 a:visited,
.tagListMenu .tagSize3 a:hover,
.tagListMenu .tagSize3 a:active {
  font-size: 11px;}
.tagListMenu .tagSize4 a:link,
.tagListMenu .tagSize4 a:visited,
.tagListMenu .tagSize4 a:hover,
.tagListMenu .tagSize4 a:active {
  font-size: 11px;}
.tagListMenu .tagSize5 a:link,
.tagListMenu .tagSize5 a:visited,
.tagListMenu .tagSize5 a:hover,
.tagListMenu .tagSize5 a:active {
  font-size: 12px;}
.tagListMenu .tagSize6 a:link,
.tagListMenu .tagSize6 a:visited,
.tagListMenu .tagSize6 a:hover,
.tagListMenu .tagSize6 a:active {
  font-size: 12px;}
.tagListMenu .tagSize7 a:link,
.tagListMenu .tagSize7 a:visited,
.tagListMenu .tagSize7 a:hover,
.tagListMenu .tagSize7 a:active {
  font-size: 12px;}
.tagListMenu .tagSize8 a:link,
.tagListMenu .tagSize8 a:visited,
.tagListMenu .tagSize8 a:hover,
.tagListMenu .tagSize8 a:active {
  font-size: 12px;}
.tagListMenu .tagSize9 a:link,
.tagListMenu .tagSize9 a:visited,
.tagListMenu .tagSize9 a:hover,
.tagListMenu .tagSize9 a:active {
  font-size: 12px;}
.tagListMenu .tagSize10 a:link,
.tagListMenu .tagSize10 a:visited,
.tagListMenu .tagSize10 a:hover,
.tagListMenu .tagSize10 a:active {
  font-size: 13px;}
.tagListMenu .tagSize11 a:link,
.tagListMenu .tagSize11 a:visited,
.tagListMenu .tagSize11 a:hover,
.tagListMenu .tagSize11 a:active {
  font-size: 13px;}
.tagListMenu .tagSize12 a:link,
.tagListMenu .tagSize12 a:visited,
.tagListMenu .tagSize12 a:hover,
.tagListMenu .tagSize12 a:active {
  font-size: 13px;}
.tagListMenu .tagSize13 a:link,
.tagListMenu .tagSize13 a:visited,
.tagListMenu .tagSize13 a:hover,
.tagListMenu .tagSize13 a:active {
  font-size: 14px;}
.tagListMenu .tagSize14 a:link,
.tagListMenu .tagSize14 a:visited,
.tagListMenu .tagSize14 a:hover,
.tagListMenu .tagSize14 a:active {
  font-size: 14px;}
.tagListMenu .tagSize15 a:link,
.tagListMenu .tagSize15 a:visited,
.tagListMenu .tagSize15 a:hover,
.tagListMenu .tagSize15 a:active {
  font-size: 15px;}
.tagListMenu .tagSize16 a:link,
.tagListMenu .tagSize16 a:visited,
.tagListMenu .tagSize16 a:hover,
.tagListMenu .tagSize16 a:active {
  font-size: 15px;}
.tagListMenu .tagSize17 a:link,
.tagListMenu .tagSize17 a:visited,
.tagListMenu .tagSize17 a:hover,
.tagListMenu .tagSize17 a:active {
  font-size: 15px;}
.tagListMenu .tagSize18 a:link,
.tagListMenu .tagSize18 a:visited,
.tagListMenu .tagSize18 a:hover,
.tagListMenu .tagSize18 a:active {
  font-size: 15px;}
.tagListMenu .tagSize19 a:link,
.tagListMenu .tagSize19 a:visited,
.tagListMenu .tagSize19 a:hover,
.tagListMenu .tagSize19 a:active {
  font-size: 15px;}
.tagListMenu .tagSize20 a:link,
.tagListMenu .tagSize20 a:visited,
.tagListMenu .tagSize20 a:hover,
.tagListMenu .tagSize20 a:active {
  font-size: 16px;}
.tagListMenu .tagSize21 a:link,
.tagListMenu .tagSize21 a:visited,
.tagListMenu .tagSize21 a:hover,
.tagListMenu .tagSize21 a:active {
  font-size: 16px;}
.tagListMenu .tagSize22 a:link,
.tagListMenu .tagSize22 a:visited,
.tagListMenu .tagSize22 a:hover,
.tagListMenu .tagSize22 a:active {
  font-size: 16px;}
.tagListMenu .tagSize23 a:link,
.tagListMenu .tagSize23 a:visited,
.tagListMenu .tagSize23 a:hover,
.tagListMenu .tagSize23 a:active {
  font-size: 16px;}
.tagListMenu .tagSize24 a:link,
.tagListMenu .tagSize24 a:visited,
.tagListMenu .tagSize24 a:hover,
.tagListMenu .tagSize24 a:active {
  font-size: 16px;}
.tagListMenu .tagSize25 a:link,
.tagListMenu .tagSize25 a:visited,
.tagListMenu .tagSize25 a:hover,
.tagListMenu .tagSize25 a:active {
  font-size: 16px;}

/* サブカラムのフッタにあたる部分 */
/* #subFooterBox {} */

/* ログイン */
#login {
  margin: 0 0 10px;
  padding: 0;
}

/* a-blog cmsのバナー */
#ablogcms {
  margin: 0 10px 10px 0;
  clear: both;
}


/* バナーエリア */
#g_bannerBox{
  clear: both;
  background-color: #EFEEE4;
  width: 970px;
  margin-left: 10px;
  _margin-left: -5px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#g_banner-head {
    background: url(../images/g_banner_top.jpg) no-repeat scroll left top;
    padding-top: 10px;
    width: 970px;
}

#g_banner-bottom {
    background: url(../images/g_banner_bottom.jpg) no-repeat scroll left bottom;
    padding-bottom: 10px;
}

#bannerArea li.banner_01 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_01.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_02 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_02.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_03 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_03.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_04 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_04.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_05 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_05.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_06 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_06.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_07 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_07.jpg) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_08 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_08.gif) no-repeat left;
  width: 100px;
  height: 45px;
  display: block;
  }

#bannerArea li.banner_09 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_09.gif) no-repeat left;
  width: 100px;
  height: 45px;
  display: block;
  }

#bannerArea li.banner_10 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_10.gif) no-repeat left;
  width: 130px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_11 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_11.jpg) no-repeat left;
  width: 130px;
  height: 45px;
  display: block;
  }

#bannerArea li.banner_12 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_12.jpg) no-repeat left;
  width: 150px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_13 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_13.gif) no-repeat left;
  margin-top: 2px;
  width: 100px;
  height: 45px;
  display: block;
  }

#bannerArea li.banner_14 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_14.jpg) no-repeat left;
  width: 229px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_15 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_15.gif) no-repeat left;
  margin-top: 5px;
  width: 200px;
  height: 40px;
  display: block;
  }

#bannerArea li.banner_16 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_16.gif) no-repeat left;
  margin-top: 0px;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_17 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_17.gif) no-repeat left;
  margin-top: 0px;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_18 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_18.gif) no-repeat left;
  margin-top: 0px;
  width: 120px;
  height: 60px;
  display: block;
  }

#bannerArea li.banner_19 span{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_22.jpg) no-repeat left;
  margin-top: 0px;
  width: 110px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_20 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_20.png) no-repeat left;
  margin-top: 0px;
  width: 140px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_21 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_21.png) no-repeat left;
  width: 65px;
  height: 50px;
  display: block;
  }
#bannerArea li.banner_22 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_22.gif) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }
  
#bannerArea li.banner_23 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_23.gif) no-repeat left center;
  width: 69px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_24 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_24.gif) no-repeat left center;
  width: 100px;
  height: 45px;
  margin-top: 2px;
  display: block;
  }

#bannerArea li.banner_25 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_25.gif) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_26 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_26.jpg) no-repeat left center;
  width: 135px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_27 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_27.gif) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_28 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_28_2.png) no-repeat left center;
  width: 240px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_29 a{
  text-indent: -9999em;
  margin-top: 3px;
  background:url(../images/g_banner/g_banner_29.gif) no-repeat left center;
  width: 100px;
  height: 45px;
  display: block;
  }

#bannerArea li.banner_30 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_30.jpg) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_31 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_31.gif) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_32 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_32.png) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_33 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_33.gif) no-repeat left center;
  width: 125px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_34 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_34.jpg) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_35 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_35.jpg) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_36 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_36.jpg) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_37 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_37.jpg) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_38 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_38.jpg) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_39 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_39.gif) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_40 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_40.gif) no-repeat left center;
  width: 195px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_41 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_41.jpg) no-repeat left center;
  width: 100px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_42 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_42.png) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_43 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_43.jpg) no-repeat left center;
  width: 187px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_44 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_44.png) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_45 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_45.png) no-repeat left center;
  width: 300px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_46 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_46.gif) no-repeat left center;
  width: 195px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_47 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_47.gif) no-repeat left center;
  width: 108px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_48 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_48.png) no-repeat left center;
  width: 200px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_49 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_49.png) no-repeat left center;
  width: 195px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_50 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_50.jpg) no-repeat left center;
  width: 188px;
  height: 50px;
  display: block;
  }

#bannerArea li.banner_51 a{
  text-indent: -9999em;
  background:url(../images/g_banner/g_banner_51.png) no-repeat left center;
  width: 195px;
  height: 50px;
  display: block;
  }

#bannerArea li{
  float: left;
  padding-right: 5px;
  padding-left: 0;
  }

#g_banner{
  margin-left: 15px;
  }
  
  
/* スポンサーバナー */
#time_bannerBox {
  clear: both;
  background-color: #EFEEE4;
  width: 970px;
  margin-top: 8px;
  margin-bottom: 10px;
}

#time_banner-head {
    background: url(../images/g_banner_top.jpg) no-repeat scroll left top;
    padding-top: 10px;
    width: 970px;
}

#time_banner-bottom {
    background: url(../images/g_banner_bottom.jpg) no-repeat scroll left bottom;
    padding-bottom: 10px;
}


#timeArea li.time_01 a{
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_1.gif) no-repeat left;
  width: 132px;
  height: 55px;
  display: block;
  padding-top: 3px;
  }
  
#timeArea li.time_02 a{
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_17.gif) no-repeat left;
  width: 100px;
  height: 55px;
  display: block;
  }
  
#timeArea li.time_03 a{
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_16.gif) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_04 a{
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_4.jpg) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }
  
#timeArea li.time_05 a{
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_5.jpg) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_06 a{ /* added: 2012-02-03 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_6.jpg) no-repeat 0 4px;
  width: 130px;
  height: 54px;
  display: block;
  }

#timeArea li.time_07 a{ /* added: 2012-02-23 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_7.jpg) no-repeat left;
  width: 130px;
  height: 54px;
  display: block;
  }

#timeArea li.time_08 a{ /* added: 2012-03-16 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_8.gif) no-repeat left;
  width: 135px;
  height: 60px;
  display: block;
  }

#timeArea li.time_09 a{ /* added: 2012-03-30 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_9.gif) no-repeat left;
  width: 152px;
  height: 54px;
  display: block;
  }

#timeArea li.time_10 a{ /* added: 2012-05-10 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_10.jpg) no-repeat left;
  width: 100px;
  height: 54px;
  display: block;
  }
  
#timeArea li.time_11 a{ /* added: 2012-05-28 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_11.gif) no-repeat left;
  width: 100px;
  height: 54px;
  display: block;
  }
  
#timeArea li.time_12 a{ /* added: 2012-07-04 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_12.gif) no-repeat left;
  width: 166px;
  height: 54px;
  display: block;
  }

#timeArea li.time_13 a{ /* added: 2012-07-11 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_13.gif) no-repeat left;
  width: 142px;
  height: 54px;
  display: block;
  }

#timeArea li.time_14 a{ /* added: 2012-09-06 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_14.gif) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_15 a{ /* added: 2012-09-10 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_15.gif) no-repeat left;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_18 a{ /* added: 2012-09-20 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_18.jpg) no-repeat left;
  width: 150px;
  height: 55px;
  display: block;
  }

#timeArea li.time_19 a{ /* added: 2012-10-02 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_19.jpg) no-repeat left;
  width: 124px;
  height: 55px;
  display: block;
  }

#timeArea li.time_20 a{ /* added: 2012-11-16 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_20.gif) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_21 a{ /* added: 2013-03-18 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_21.gif) no-repeat left;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_22 a{ /* added: 2013-04-08 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_22.gif) no-repeat left;
  width: 200px;
  height: 50px;
  display: block;
  }

#timeArea li.time_23{ /* added: 2013-04-10 */
  padding-right: 0;
}

#timeArea li.time_23 a{ /* added: 2013-04-10 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_23.gif) no-repeat left;
  width: 240px;
  height: 53px;
  display: block;
  }

#timeArea li.time_24 a{ /* added: 2013-07-30 */
  text-indent: -9999em;
  background:url(../images/sponcer/sponsor_24.gif) no-repeat left;
  width: 105px;
  height: 55px;
  display: block;
  }

#timeArea li.time_25 a{ /* added: 2014-01-31 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_25.jpg) no-repeat left;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_26 a{ /* added: 2014-04-18 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_26.gif) no-repeat left;
  width: 224px;
  height: 45px;
  display: block;
  }

#timeArea li.time_27 a{ /* added: 2014-05-07 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_27.jpg) no-repeat left;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_28 a{ /* added: 2014-12-02 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_28.gif) no-repeat left;
  width: 150px;
  height: 55px;
  display: block;
  }

#timeArea li.time_29 a{ /* added: 2015-02-25 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_29.jpg) no-repeat left;
  width: 200px;
  height: 55px;
  display: block;
  }

#timeArea li.time_30 a{ /* added: 2015-04-28 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_30.jpg) no-repeat left;
  width: 373px;
  height: 55px;
  display: block;
  }

#timeArea li.time_31 a{ /* added: 2015-05-18 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_31.gif) no-repeat left;
  width: 100px;
  height: 55px;
  display: block;
  }
#timeArea li.time_32 a{ /* added: 2015-07-31 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_32.gif) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }
#timeArea li.time_33 a{ /* added: 2015-07-31 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_33.jpg) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }
#timeArea li.time_34 a{ /* added: 2015-12-07 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_34.jpg) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }
#timeArea li.time_35 a{ /* added: 2016-01-04 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_35.gif) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_36 a{ /* added: 2016-03-23 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_36.jpg) no-repeat left bottom;
  width: 200px;
  height: 55px;
  display: block;
  }

#timeArea li.time_37 a{ /* added: 2016-04-04 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_37.jpg) no-repeat left bottom;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_38 a{ /* added: 2016-05-12 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_38.jpg) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_39 a{ /* added: 2016-07-07 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_39.gif) no-repeat left bottom;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_40 a{ /* added: 2016-08-03 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_40.gif) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_41 a{ /* added: 2016-08-29 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_41.jpg) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_42 a{ /* added: 2016-12-08 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_42.jpg) no-repeat left bottom;
  width: 160px;
  height: 55px;
  display: block;
  }

#timeArea li.time_43 a{ /* added: 2017-04-03 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_43.jpg) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_44 a{ /* added: 2017-04-17 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_44.jpg) no-repeat left bottom;
  width: 156px;
  height: 55px;
  display: block;
  }

#timeArea li.time_45 a{ /* added: 2017-05-08 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_45.png) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_46 a{ /* added: 2017-07-25 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_46.jpg) no-repeat left bottom;
  width: 135px;
  height: 55px;
  display: block;
  }

#timeArea li.time_47 a{ /* added: 2017-08-21 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_47.gif) no-repeat left bottom;
  width: 100px;
  height: 55px;
  display: block;
  }

#timeArea li.time_48 a{ /* added: 2017-09-29  mod: 2018-04-06 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_48.png) no-repeat left bottom;
  width: 164px;
  height: 50px;
  margin-top: 5px;
  display: block;
  }

#timeArea li.time_49 a{ /* added: 2017-10-02 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_49.gif) no-repeat left bottom;
  width: 75px;
  height: 50px;
  margin-top: 5px;
  display: block;
  }

#timeArea li.time_50 a{ /* added: 2017-10-02 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_50.png) no-repeat left bottom;
  width: 118px;
  height: 55px;
  display: block;
  }

#timeArea li.time_51 a{ /* added: 2017-11-24 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_51.png) no-repeat left bottom;
  width: 171px;
  height: 55px;
  display: block;
  }

#timeArea li.time_52 a{ /* added: 2018-2-8 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_52.jpg) no-repeat left bottom;
  width: 156px;
  height: 55px;
  display: block;
  }

#timeArea li.time_53 a{ /* added: 2018-3-1 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_53.png) no-repeat left bottom;
  width: 118px;
  height: 55px;
  display: block;
  }

#timeArea li.time_54 a{ /* added: 2018-2-26 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_54.jpg) no-repeat left bottom;
  width: 117px;
  height: 50px;
  margin-top: 5px;
  display: block;
  }

#timeArea li.time_55 a{ /* added: 2018-8-31 */
  text-indent: -9999em;
  margin-top: 10px;
  background: url(../images/sponcer/sponsor_55.jpg) no-repeat left bottom;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_56 a{ /* added: 2018-10-31 */
  text-indent: -9999em;
  margin-top: 5px;
  background: url(../images/sponcer/sponsor_56.png) no-repeat left bottom;
  width: 272px;
  height: 52px;
  display: block;
  }

#timeArea li.time_57 a{ /* added: 2019-3-29 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_57.jpg) no-repeat left bottom;
  width: 145px;
  height: 50px;
  margin-top: 4px;
  display: block;
  }

#timeArea li.time_58 a{ /* added: 2020-1-6 */
  text-indent: -9999em;
  margin-top: 10px;
  background: url(../images/sponcer/sponsor_58.jpg) no-repeat left bottom;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_59 a{ /* added: 2020-7-15 */
  text-indent: -9999em;
  margin-top: 10px;
  background: url(../images/sponcer/sponsor_59.jpg) no-repeat left bottom;
  width: 130px;
  height: 55px;
  display: block;
  }

#timeArea li.time_60 a{ /* added: 2020-9-11 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_60.jpg) no-repeat left bottom;
  width: 100px;
  height: 50px;
  margin-top: 4px;
  display: block;
  }

#timeArea li.time_61 a{ /* added: 2021-1-29 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_61.jpg) no-repeat left bottom;
  width: 135px;
  height: 52px;
  margin-top: 4px;
  display: block;
  }

#timeArea li.time_62 a{ /* added: 2021-5-25 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_62.png) no-repeat left bottom;
  width: 114px;
  height: 50px;
  margin-top: 4px;
  display: block;
  }

#timeArea li.time_63 a{ /* added: 2021-5-27 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_63.png) no-repeat left bottom;
  width: 100px;
  height: 50px;
  margin-top: 4px;
  display: block;
  }

#timeArea li.time_64 a{ /* added: 2021-6-30 */
  text-indent: -9999em;
  background: url(../images/sponcer/sponsor_64.jpg) no-repeat left bottom;
  width: 130px;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 1px;
  display: block;
  }

#timeArea li{
  float: left;
  padding-right: 5px;
  padding-left: 0;
  }
  
#time_banner{
  margin-left: 7px;
  }  


/* ソーシャル */
#socialBox{
  clear: both;
  padding-left: 10px;
  padding-top: 15px;
  margin-bottom: -25px;
  }
  
/* IE8ハック */
html>/**/body #socialBox {
    padding-left: 10px\9;
  padding-top: 15px\9;
  margin-bottom: -30px\9;
  }

#socialBox li{
  float: left;
  padding-right: 7px;
  }
  
  
/* 404 ページがありません */
  
#Notfound h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 60px;
    margin: 0;
    padding: 10px 0 0;
}  

#notFound{
  font-size: 20px;
  }

/* 友だちに教える */
#socialBox #mailTo a{
  display: block;
  text-indent: -9999em;
  background: url(../images/mail.jpg) no-repeat left;
  width: 85px;
  height: 20px;
  }

#socialBox #mailTo a:hover{
  background: url(../images/mail_f2.jpg) no-repeat left;
  }

/* 会社名ロゴ（小） */
#logo-s {
  margin-right: 20px;
}

/* 管理用 */
.formEntryAction {
  margin-top: 30px !important;
}

/* 管理用 画像投稿プレビュー */
#main .entryFormColumn .entryFormColumnBody .entryFormColumnTable tr .entryFormFileentryFormImages {
  padding-right:10px;
}

/* 管理用 画像投稿の入力フォーム全体 */
td.entryFormFileControl{
  padding: 0;
}

/* 管理用 画像投稿の入力フォーム */
#main table.entryFormImageTable th,
#main table.entryFormImageTable td{
  padding: 0;
}

/* テキストタグセレクトのサンプル */
p.sample {
  padding: 10px;
  border: 2px solid #AA0000;
  background-color: #FFCCCC;
}

/* ------------------------------

[11]全サイト共通スタイル

------------------------------ */

/*フォントカラー*/
.fnt_blue { color:#0066CC;}

/*align*/
.txt_left { text-align: left;}
.txt_right { text-align: right;}
.txt_center { text-align: center;}

/*マージン*/
.mT5 {margin-top: 5px;}
.mL5 {margin-left: 5px;}
.mR5 {margin-right: 5px;}
.mB5 {margin-bottom: 5px;}

.mT7 {margin-top: 7px;}
.mL7 {margin-left: 7px;}
.mR7 {margin-right: 7px;}
.mB7 {margin-bottom: 7px;}

.mT10 {margin-top: 10px;}
.mL10 {margin-left: 10px;}
.mR10 {margin-right: 10px;}
.mB10 {margin-bottom: 10px;}

.mT15 {margin-top: 15px;}
.mL15 {margin-left: 15px;}
.mR15 {margin-right: 15px;}
.mB15 {margin-bottom: 15px;}

.mT20 {margin-top: 20px;}
.mL20 {margin-left: 20px;}
.mR20 {margin-right: 20px;}
.mB20 {margin-bottom: 20px;}

/*パディング*/
.pT5 {padding-top: 5px;}
.pL5 {padding-left: 5px;}
.pR5 {padding-right: 5px;}
.pB5 {padding-bottom: 5px;}

.pT7 {padding-top: 7px;}
.pL7 {padding-left: 7px;}
.pR7 {padding-right: 7px;}
.pB7 {padding-bottom: 7px;}

.pT10 {padding-top: 10px;}
.pL10 {padding-left: 10px;}
.pR10 {padding-right: 10px;}
.pB10 {padding-bottom: 10px;}

.pT15 {padding-top: 15px;}
.pL15 {padding-left: 15px;}
.pR15 {padding-right: 15px;}
.pB15 {padding-bottom: 15px;}

.pT20 {padding-top: 20px;}
.pL20 {padding-left: 20px;}
.pR20 {padding-right: 20px;}
.pB20 {padding-bottom: 20px;}

.pA10 { padding: 10px;}


/*青ベーステーブル*/
.tbl_com{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E0E0E0;
  }
.tbl_com td,
.tbl_com th {
  padding: 8px;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  }
.tbl_com th { 
  background: #EBF7FC; font-weight: normal;
  text-align: center;
  }
.tbl_com td.colored {
  background: #EBF7FC;
  }
/*ドットリスト*/
.ul_dot li {
  list-style: none;
  background: url(../images/icn_dot_gray.gif) 0 0.6em no-repeat;
  padding-left: 8px;
  }
/*数字リスト*/
ol {
  margin: 0;
  padding: 0 0 0 30px;
  }

ol li {
  padding: 0;
  margin: 0;
  list-style: outside;
  list-style:decimal;
  margin-top: 5px;
  }

/*下線ドット*/
.bdr_dot_btm { background: url(../images/line_dot_gray.gif) bottom repeat-x;}

/*下線solid*/
.bdr_sol_btm { border-bottom: 1px solid #ccc;}

/*罫線solid*/
.bdr_sol_all { border: 1px solid #ccc;}
/*PDFアイコン*/
.icn_pdf {
  display: inline-block;
  background: url(../images/icn_pdf.gif) left center no-repeat;
  padding: 3px 0 3px 18px;
  }

/* clearFix */
.clearFix:after,
#contents:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

/*----IE7 ----*/
.clearFix,
#contents{
  display:inline-block;
  }

/*Hides from IE-mac\*/
*html.clearFix,
*html #contents{height:1%;}
.clearFix,
#contents{ display:block;}
/*End hide from IE-mac*/


/* ドラゴンズ開幕用スタイル 2017 */
body.dragons { background: #002B5E; }

.dragons #header-top {
  background: url(../images/header_content_bg_dra.png)  no-repeat scroll left bottom;
  _background: url(../images/header_content_bg_dra.png)  no-repeat scroll left bottom;
}

.dragons #gnav {
  background: url(../images/gnav_dra.png) left top no-repeat;
  _background: url(../images/gnav_dra.png) left top no-repeat;
}

.dragons #gnav li#gnav01 a:hover {
  background: url(../images/gnav_f2_dra.png) -13px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -13px -6px no-repeat;
  }

.dragons #gnav li#gnav02 a:hover {
  background: url(../images/gnav_f2_dra.png) -152px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -152px -6px no-repeat;
  }

.dragons #gnav li#gnav03 a:hover {
  background: url(../images/gnav_f2_dra.png) -291px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -291px -6px no-repeat;
  }

.dragons #gnav li#gnav04 a:hover {
  background: url(../images/gnav_f2_dra.png) -430px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -430px -6px no-repeat;
  }

.dragons #gnav li#gnav05 a:hover {
  background: url(../images/gnav_f2_dra.png) -569px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -569px -6px no-repeat;
  }

.dragons #gnav li#gnav06 a:hover {
  background: url(../images/gnav_f2_dra.png) -708px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -708px -6px no-repeat;
  }

.dragons #gnav li#gnav07 a:hover {
  background: url(../images/gnav_f2_dra.png) -847px -6px no-repeat;
  _background: url(../images/gnav_f2_dra.png) -847px -6px no-repeat;
  }

/* 番組表 現在いる位置 */
.dragons #gnav li#gnav01.stay a { background: url(../images/gnav_f2_dra.png) -13px -6px no-repeat; }

/* イベント 現在いる位置 */
.dragons #gnav li#gnav02.stay a { background: url(../images/gnav_f2_dra.png) -152px -6px no-repeat; }

/* アナウンサー 現在いる位置 */
.dragons #gnav li#gnav03.stay a { background: url(../images/gnav_f2_dra.png) -291px -6px no-repeat; }

/* レポーター 現在いる位置 */
.dragons #gnav li#gnav04.stay a { background: url(../images/gnav_f2_dra.png) -430px -6px no-repeat; }

/* プレゼント 現在いる位置 */
.dragons #gnav li#gnav05.stay a { background: url(../images/gnav_f2_dra.png) -569px -6px no-repeat; }

/* メッセージボード 現在いる位置 */
.dragons #gnav li#gnav06.stay a { background: url(../images/gnav_f2_dra.png) -708px -6px no-repeat; }

/* メールマガジン 現在いる位置 */
.dragons #gnav li#gnav07.stay a { background: url(../images/gnav_f2_dra.png) -847px -6px no-repeat; }

.dragons table.pro_bg_1,
.dragons table.pro_bg_2,
.dragons .ana_bg,
.dragons .rep_bg {
  color: #FFFFFF;
  background: #003579;
}

.dragons #programBox td {
  border-right: 1px solid #FFFFFF;
}

.dragons #programBox td.proimg,
.dragons #programBox td.prodetail,
.dragons #programBox td.protitle,
.dragons #programBox td.prolead,
.dragons #programBox td.proicon {
  border-right: none;
}

.dragons p.protime{
  background: url(../images/protime_dra.png) no-repeat left;
}

.dragons .pro_waku_b {
  border-bottom: none;
}

.dragons dd.ana_rep_article{
  background: url(../images/ana_rep_arrow_dra.png) no-repeat scroll left 0.1em;
}

.dragons #programBox a,
.dragons #programBox a:hover,
.dragons #programBox a:active,
.dragons #programBox a:link,
.dragons #programBox a:visited,
.dragons #blogArea a,
.dragons #blogArea a:hover,
.dragons #blogArea a:active,
.dragons #blogArea a:link,
.dragons #blogArea a:visited { color: #FFFFFF; }

.dragons #contents.top {
  margin-bottom: 0;
}

.dragons #contents_bg {
  background: url(../images/contents_bg.png) repeat-y left top;
  _background: url(../images/contents_bg.gif) repeat-y left top;
  height: 1528px;
}

*:first-child+html .dragons  #contents_bg {
  background: url(../images/contents_bg.png) repeat-y left top;
}

.dragons #g_bannerBox {
  padding-left: 13px;
  _padding-left: -6px;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-right: 13px;
  background: url(../images/contents_bg.png) repeat-y left top;
  _background: url(../images/contents_bg.gif) repeat-y left top;
  margin: 0;
}

.dragons #g_banner-head {
  background: #EFEEE4 url(../images/g_banner_top.jpg) no-repeat scroll left top;
}

.dragons #toTopAera {
  height: 25px;
  padding-right: 15px;
  padding-bottom:10px;
  background: url(../images/contents_bg.png) repeat-y left top;
  _background: url(../images/contents_bg.gif) repeat-y left top;
  float: none;
}

.dragons #toTop {
  float: right;
}

.dragons #footerBox {
  width: auto;
  padding-left: 13px;
  _padding-left: -6px;
  padding-bottom: 5px;
  padding-right: 13px;
  background: url(../images/contents_bg.png) repeat-y left top;
  _background: url(../images/contents_bg.gif) repeat-y left top;
  margin: 0;
}

#footer-head {
  padding-top: 0;
  background: url(../images/footer_bg.jpg) repeat-y scroll 0 0;
}

#footer-bottom {
  padding-top: 9px;
  background: url(../images/footer_head.jpg) no-repeat scroll left top;
}

.dragons #footerBox div#fBox-inner{
  background: url(../images/footer_bottom.jpg) no-repeat scroll left bottom;
}

/* ===================================================================================

ドラゴンズ開幕用スタイル 2019

=================================================================================== */
.dragons_new {
	background: #003378 url(../images/dragons/bg.jpg) center top no-repeat;
}
.dragons_new #wrapperTopLvl {
	background: none;
}
.dragons_new #contents_bg {
	height: auto;
	background: url(../images/dragons/contents_bg.png) repeat-y left top;
	padding-left: 13px;
	padding-top: 16px;
}
.dragons_new #contents {
	position: relative;
	z-index: 1;
	margin-bottom: 0px;
	/* background: url(../images/contents_top_bg.png) no-repeat left top; */
	/* padding-top: 18px; */
	width: 996px;
}
.dragons_new .topCol2 {
	margin: 0px -10px;
	padding: 12px 10px;
	background: #003378;
}
.dragons_new .footbox {
	margin: 0px 3px;
	padding: 10px 0px 0px;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.dragons_new #footerBox {
	margin-bottom: 0px;
}
.dragons_new .topBtnBox {
	margin: 12px -10px 0px;
	border: none;
	background: url(../images/dragons/line_bg.png);
	padding: 13px 0 13px 23px;
}
/* トップページの画像付きリスト */
.dragons_new .topListBox .topList {
	min-height: 185px;
	padding-bottom: 10px;
	background: #fff;
}
.topListBox .topList a {
	display: block;
	padding: 0px 0.8em;
}
.topListBox .topList a .text {
	display: block;
	min-height: 2.3em;
	font-weight: normal;
	color: #666;
}
/* トップページのトピックス情報、トップページの新着ブログ */
.dragons_new .topHeadline {
	height: 60px;
}
.dragons_new #topicsBox .topHeadline,
.dragons_new #blogBox .topHeadline {
	border: none;
	background: url(../images/dragons/hbg.jpg) no-repeat;
}
.dragons_new #topicsBox .topHeadline h2,
.dragons_new #blogBox .topHeadline h2 {
	width: 460px;
	height: 52px;
}
.dragons_new #topicsBox .topHeadline ul,
.dragons_new #blogBox .topHeadline ul {
	border-right: 1px solid #808a97;
}
.dragons_new #blogBox .topHeadline ul li,
.dragons_new #topicsBox .topHeadline ul li {
	border-left: 1px solid #808a97;
}
.dragons_new #topicsBox .topHeadline ul li a,
.dragons_new #blogBox .topHeadline ul li a {
	color: #fff;
}

.dragons_new #topicsBox .topHeadline h2 {
	background: url(../images/dragons/h01.png) no-repeat left top;
}
.dragons_new #blogBox .topHeadline h2 {
	background: url(../images/dragons/h02.png) no-repeat left top;
}

.dragons_new .entry h3 {
  padding: 7px 10px;
}
/* トップページの番組一覧 */
.dragons_new #topProgram {
	margin: 0px -10px;
	padding: 0px 10px 10px;
	background: #003378;
}
/* サイドバーバナー */
.dragons_new .topCol2Right .rightbn {
	margin-bottom: 10px;
}

/* ------------------------------
2022リニューアル スタイル追加
------------------------------ */
.dragons_new #header2022 {
  box-sizing: border-box;
  margin-top: 10px;
  border-radius: 5px 5px 0 0;
  background: #FFF;
  padding: 0 10px;
  width: 990px;
}


/* 20191114 ADD START
---------------------------------
プロフィールのSNSボタン
------------------------------- */
.pblog,
.instagram,
.facebook,
.twitter {
  display: inline-block;
  margin-top: 5px;
  border-radius: 4px;
  background: #519df3;
  padding: 3px 10px;
  text-align: center;
  color: #FFF !important;;
}

.instagram { background: #d93177; }
.facebook { background:#3b5998 ; }
.twitter { background: #00aced; }

.pblog:hover,
.instagram:hover,
.facebook:hover,
.twitter:hover {
  opacity: 0.9;
  color: #FFF;
  text-decoration: none;
}
/* 20191114 ADD END */


/* 20210525 ADD START
---------------------------------
番組ブログ内の画像を選択させない
------------------------------- */
.topList img,
.entryWrapper img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  pointer-events: none;
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  /* touch-callout: none; */
  display: inline-block;
}

.entryWrapper a {
  display: inline-block;
}
/* 20210525 ADD END */

/* ------------------------------

[13]2022リニューアル スタイル

------------------------------ */
/* @import url("http://fonts.cdnfonts.com/css/product-sans"); */

@font-face {
  font-family: 'Product Sans';
  src: url('ProductSans-Regular.woff') format('woff');
}

.gfont {
  font-family: 'Product Sans', sans-serif;
}
.gray2022 {
  background-color: #f0f0f0;
}
.grayscale2022 a {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.grayscale2022 a:hover {
  opacity: 1;
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}
#header2022 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#header2022 .logo-tk a {
  display: block;
}
#header2022 .logo-tk a img {
  width: 300px;
}
#header2022 a {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #707070;
}
#header2022 a:hover,
#header2022 a:link,
#header2022 a:active,
#header2022 a:visited {
  color: #707070;
}
#header2022 a:hover {
  opacity: 0.7;
}
.wrap2022 {
  margin: 0 auto;
  width: 970px;
}
.gnav2022 {
  position: relative;
}
.gnav2022 .gnav2022-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}
.gnav2022 .gnav2022-menu ul li {
  margin-right: 17px;
  font-size: 18px;
}
.gnav2022 .gnav2022-menu ul li:last-of-type {
  margin-right: 0;
}
#footer2022 {
  color: #707070;
}
#footer2022 .footer2022-frequency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-weight: bold;
}
#footer2022 .footer2022-frequency > li,
#footer2022 .footer2022-frequency > dt,
#footer2022 .footer2022-frequency > dd {
  margin: 0 6px;
}
#footer2022 .footer2022-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
#footer2022 .footer2022-nav > li {
  margin: 0 10px;
}
#footer2022 .copyright2022 {
  text-align: center;
  font-size: 14px;
}
#footer2022 a {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #707070;
}
#footer2022 a:hover,
#footer2022 a:link,
#footer2022 a:active,
#footer2022 a:visited {
  color: #707070;
}
#footer2022 a:hover {
  opacity: 0.7;
}
.btn2022-round {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #707070;
  border-radius: 20px;
  background: #fff;
  padding: 0 20px;
  height: 40px;
  min-width: 140px;
  font-size: 18px;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn2022-round:hover {
  background: #707070;
  color: #fff;
  opacity: 0.7;
}
#btn2022-radiko {
  position: fixed;
  bottom: 30px;
  left: 0;
}
#btn2022-radiko a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 30px 30px 0;
  background: #00a7e9;
  width: 170px;
  height: 60px;
  color: #fff;
  outline: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#btn2022-radiko a:hover {
  opacity: 0.9;
}
#btn2022-radiko img {
  width: 100px;
  height: auto;
}
#btn2022-radiko svg {
  margin-right: 8px;
  margin-left: 10px;
  width: 15.28px;
  height: 16px;
  fill: #fff;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#btn2022-radiko button {
  position: absolute;
  top: -20px;
  left: 9px;
  border: none;
  background: transparent;
  width: 15px;
  height: 15px;
  outline: none;
  cursor: pointer;
}
#btn2022-radiko button::before,
#btn2022-radiko button::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #707070;
  width: 2px;
  height: 15px;
}
#btn2022-radiko button::before {
  -webkit-transform: translateX(5px) rotate(45deg);
          transform: translateX(5px) rotate(45deg);
}
#btn2022-radiko button::after {
  -webkit-transform: translateX(5px) rotate(-45deg);
          transform: translateX(5px) rotate(-45deg);
}
#btn2022-top {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 0;
}
#btn2022-top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px 0 0 30px;
  background: #00a7e9;
  width: 60px;
  height: 60px;
  outline: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#btn2022-top a:hover {
  opacity: 0.9;
}
#btn2022-top svg {
  margin-left: 10px;
  width: 15.28px;
  height: 16px;
  fill: #fff;
}
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mr25 { margin-right: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr30 { margin-right: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mr35 { margin-right: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mr45 { margin-right: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mr50 { margin-right: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mr55 { margin-right: 55px !important; }
.mb55 { margin-bottom: 55px !important; }
.ml55 { margin-left: 55px !important; }
.pt55 { padding-top: 55px !important; }
.pb55 { padding-bottom: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mr60 { margin-right: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.pt60 { padding-top: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mr65 { margin-right: 65px !important; }
.mb65 { margin-bottom: 65px !important; }
.ml65 { margin-left: 65px !important; }
.pt65 { padding-top: 65px !important; }
.pb65 { padding-bottom: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mr70 { margin-right: 70px !important; }
.mb70 { margin-bottom: 70px !important; }
.ml70 { margin-left: 70px !important; }
.pt70 { padding-top: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mr75 { margin-right: 75px !important; }
.mb75 { margin-bottom: 75px !important; }
.ml75 { margin-left: 75px !important; }
.pt75 { padding-top: 75px !important; }
.pb75 { padding-bottom: 75px !important; }