@charset "utf-8";

/****************************************************
                 トップページ用css
              http://www.goonews.jp/
*****************************************************/
/*
body{
 text-align: center;
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック",verdana,arial,sans-serif;
}
 */
/*
a{
  color: #003399;
  text-decoration: none ;

}
*/
/*
a:link{
  text-decoration: none ;
}
img{ vertical-align: bottom;}
*/

/* レイアウト
---------------------------------------------------*/
#all{
  width: 961px;
  margin: 0 auto;
  text-align: left;
}
/*
#header{
  margin-bottom: 3px;
  padding: 10px 0 0;
}
*/
/*
#contents{
}
*/
#main{
  float: left;
  width: 507px;
}
#side1{
  float: left;
  width: 189px;
  margin-right: 10px;
}
#side2{
  float: right;
  width: 244px;
}
#footer{
}


/* ヘッダー
---------------------------------------------------*/
/*#header{
  position: relative;
}
*/
#header div#inhd{
  border-bottom: 1px solid #999999;
}
#header p.date{
  padding: 0 0 8px 10px;
  color: #999999;
  float: left;
  _line-height: 1.2;
}
#header p.siteMap{
  float: right;
  margin-right: 15px;
  display: inline;
}
/*
#header h1{
  padding: 5px 10px;
}
*/

/* グローバルナビゲーション
---------------------------------------------------*/
#gnav{
  border-bottom: 4px solid #043376;
  height: 25px;
}
#gnav ul li{
  float: left;
  overflow: hidden;
  width: 78px;
  height: 25px;
  margin-right: 4px;
  text-align: center;
  background: url(/common/img/nav_off.gif) no-repeat;
  line-height: 2.2;
  font-weight: bold;
  font-size: 13px;
}
#gnav ul{
    position: relative;
    margin-left: 13px;
  float: left;
  display: inline;
}
#gnav ul li a{
  display: block;
  width: 78px;
  background: url(/common/img/nav_off.gif) no-repeat;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.2;
}
#gnav ul li a:hover{
  background: url(/common/img/nav_on.gif) no-repeat;
  color: #ffffff;
}
#gnav ul li a.on{
  background: url(/common/img/nav_on.gif) no-repeat !important;
  color: #ffffff;
}
#gnav ul li ul.subMenu{
  visibility: hidden;
  position: absolute;
  top: 25px;
  left: 0;
  margin: 0;
  border-top: 4px solid #043376;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  z-index:3;
}
#gnav ul li ul.subMenu li{
  clear: both;
  width: 150px;
  margin: 0;
  border-bottom: 1px solid #cccccc;
}
#gnav ul li ul.subMenu li a{
  width: 150px;
  background-image: none !important;
  background-color: #ffffff !important;
}
#gnav ul li ul.subMenu li a:hover{
  background-image: none !important;
  color: #000000 !important;
}
#gnav ul li ul.subMenu li.odd a{}

#gnav p.fontResize{
  float: right;
    margin-right: 15px;
    display: inline;
}

#pankuzu{
    margin: 8px 0 8px 15px;
}


/* メインコンテンツ
---------------------------------------------------*/
/* 検索ボックス */
#main #searchBox{
  margin-bottom: 5px;
  padding: 2px;
  border: 1px solid #cccccc;
}
#main #searchBox .inner{
    padding: 10px 9px 7px 9px;
  text-align: center;
  background: #ececec;
  zoom: 1;
}
#main #searchBox input#srcTxt{
    width: 330px;
  height: 19px;
    vertical-align: top;
}
#main #searchBox input#srcBtn{

}

/* トップニュース */
#main #topNews{
  width: 685px;
  margin-bottom: 5px;
}
#main #topNews .inner{
  padding: 7px 10px;
  background: url(/common/img/sec_bg02.gif) repeat-y bottom;
  zoom: 1;
}
#main #topNews h3 a{
  display: block;
  font-size: 150%;
  line-height: 1.3;
}
#main #topNews p{
  padding-left: 5px;
  line-height: 1.5;
}
#main #topNews .rightBox{
  float: right;
  width: 130px;
  margin: 0 0 10px 10px;
  padding: 7px 7px 5px 7px;
  border: 1px solid #efefef;
}
#main #topNews .rightBox img{
  display: block;
  margin-bottom: 2px;
}
#main #topNews .rightBox p{ padding: 4px;}
#main #topNews .rightBox p,
#main #topNews .rightBox p a{
  line-height: 1.2;
}
/*
 * AAボタン1行化 2011/06/06 pdc-d-kuroshima
#main #topNews .social{ margin: 7px 10px 5px;}
 */
#main #topNews .social{ margin: 7px 10px 5px -6px;}
#main #topNews .social ul li{
  float: left;
  margin-right: 5px;
}
#main #topNews .social ul li.last{
    float: right;
    margin:0;
}

#main #topNews .etcNews dl.last{
  margin-bottom: 7px;
}
#main #topNews .etcNews dl dt{
  float: left;
  width: 53px;
  margin-right: 10px;
}
#main #topNews .etcNews dl dd{
  float: left;
  padding: 20px 0 0 10px;
  *padding: 24px 0 0 10px;
  background: url(/common/img/icon_allow.gif) no-repeat 0 24px;
    width: 590px;
}

#main #topNews .etcNews dl dd span{ font-size: 96%;}
#main #topNews p.more{
  margin: 10px 10px 5px 0;
  text-align: right;
}
#main p.morenews{
  text-align: right;
}

/* 写真ニュース */
#main #photoNews{
  position: relative;
  width: 507px;
  margin-bottom: 5px;
}
#main #photoNews .inner{
  padding: 0 0 10px 7px;
  background: url(/common/img/sec_bg02.gif) repeat-y bottom;
  zoom: 1;
}
#main #photoNews dl{
  float: left;
  width: 117px;
  margin-right: 8px;
    margin-top: 10px;
}

#main #photoNews dl.last{ margin-right: 0;}
#main #photoNews dt{
  margin-bottom: 5px;
  padding: 2px;
  border: 1px solid #e9e9e9;
}
#main #photoNews dd{
  text-align: center;
}
#main #photoNews p.pageLink{
  position: absolute;
  top: -6px;
  right: 8px;
}
#main #photoNews p.pageLink img{
  margin-right: 3px;
  vertical-align: -4px;
}
div.inner a#a_back{
  display: block;
 /* visibility: hidden; */
  float: left;
  width: 36px;
  height: 37px;
  outline: 0;
  cursor: pointer;
  text-indent: -999px;
  position: absolute;
  top: 0px;
  left: 1px;
  background: url(/common/img/arrow.png) no-repeat 0 0;
  background-position: 0 -72px;
}
div.inner a#a_forward{
  display: block;
 /* visibility: hidden; */
  float: left;
  width: 36px;
  height: 36px;
  outline: 0;
  cursor: pointer;
  text-indent: -999px;
  position: absolute;
  top: 0px;
  right: 25px;
  background: url(/common/img/arrow.png) no-repeat 0 0;
  background-position: 0 0;
}

/* エリア検索 */
#main #areaSearch{
  width: 507px;
  padding-bottom: 5px;
}
#main #areaSearch .inner{
  background: url(/common/img/bg_map.gif) repeat-y bottom;
  zoom: 1;
}
#main #areaSearch #areaMap{
    height: 294px;
    position: relative;
    width: 507px;
}
#main #areaSearch p{ text-align: center;}
#main #areaSearch p a{
  line-height: 1.5;
  font-size: 11px;
  color: #1372ac;
  text-decoration: underline !important;
}
#main #areaSearch p.hokkaido_tohoku{ position: absolute; top: 38px; left: 159px;}
#main #areaSearch p.hokuriku_koushin{ position: absolute; top: 116px; left: 347px;}
#main #areaSearch p.kanto{ position: absolute; top: 186px; left: 319px;}
#main #areaSearch p.tokai{ position: absolute; top: 250px; left: 301px;}
#main #areaSearch p.kinki{ position: absolute; top: 250px; left: 190px;}
#main #areaSearch p.chugoku{ position: absolute; top: 104px; left: 155px;}
#main #areaSearch p.shikoku{ position: absolute; top: 250px; left: 127px;}
#main #areaSearch p.kyusyu{ position: absolute; top: 104px; left: 59px;}


/* サイド(左)
---------------------------------------------------*/
/* 記事人気ランキング */
#side1 #ranking{
  width: 189px;
  margin-bottom: 5px;
}
#side1 #ranking .inner{
  padding: 5px 0 5px 5px;
  background: url(/common/img/sec_bg01.gif) repeat-y bottom;
  zoom: 1;
}
#side1 #ranking dl{
  width: 179px;
  padding: 3px 0;
  border-bottom: 1px dotted #cccccc;
}
#side1 #ranking dl.last{
  border-bottom: none;
}
#side1 #ranking dl dt{
  float: left;
  width: 30px;
  margin-right: 3px;
}
#side1 #ranking dl dd{
  float: left;
  width: 144px;
  padding-top: 8px;
}

/* Twitterニュース */
#side1 #twitter{
  width: 189px;
  margin-bottom: 5px;
}
#side1 #twitter .inner{
 /* padding: 5px;*/
  background: url(/common/img/sec_bg01.gif) repeat-y bottom;
  zoom: 1;
}
#side1 #twitter .twittBox{
 /* padding: 10px; */
  border: 1px solid #cccccc;
    height: 320px;
}

#side1 #twitter .twtr-timeline{
    width:185px;
}

/* おすすめ情報 */
#side1 #recommend{
  width: 189px;
  margin-bottom: 5px;
}
#side1 #recommend .inner{
  padding: 5px 0 0 5px;
  background: url(/common/img/sec_bg01.gif) repeat-y bottom;
  zoom: 1;
}
#side1 #recommend dl{
  width: 178px;
  padding-bottom: 10px;
}
#side1 #recommend dl dt{
  float: left;
  width: 70px;
  margin-right: 5px;
}
#side1 #recommend dl dd{
    float: left;
    line-height: 1.3;
    width: 103px;
}
#side1 #recommend dl dd a{
  font-size: 13px;
}
#side1 #recommend dl dd a{
  display: block;
  padding-bottom: 3px;
  font-weight: bold;
}

/* AA会場イベント告知 */
#side1 #event{
  width: 189px;
  margin-bottom: 5px;
}
#side1 #event .inner{
  padding: 5px 0 5px 5px;
  background: url(/common/img/sec_bg01.gif) repeat-y bottom;
}
#side1 #event dl{
  width: 179px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #cccccc;
}
#side1 #event dl dt{
  padding-bottom: 3px;
  font-size: 120%;
  line-height: 1.2;
}

#side1 #event dl dt a{ font-weight: bold;}
#side1 #event dl dd{
    font-size: 13px;
    line-height: 1.2;
    margin-top: 2px;
}


/* サイド(右)
---------------------------------------------------*/
/* バナーエリア */
#side2 .bnrArea{
  width: 244px;
  margin-bottom: 7px;
  text-align: center;
}

/* 落札率 */
#side2 #bidRate{
  width: 244px;
  margin: 0 auto 5px auto;
}

#side2 #bidRate h2{
  background: url(/common/img/ttl08.jpg) no-repeat 0 bottom;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    padding: 6px 0 0 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 234px;
}

#side2 #bidRate .inner{
  background: url(/common/img/sec_bg03.gif) repeat-y 0 bottom;
    width: 244px;}

#side2 #bidRate dl{
  padding: 10px 0;
  text-align: center;
}

#side2 #bidRate dl dt{
    margin-bottom: 13px;
}

#side2 #bidRate dl dd{
}

/* AA会場 時間案内 */
#place{
  width: 244px;
  margin-bottom: 5px;
}
#place .inner{
  background: url(/common/img/sec_bg03.gif) repeat-y 0 bottom;
  padding-bottom: 10px;
}
#place .inner dl{
    border-bottom: 1px dotted #CCCCCC;
    margin-left: 5px;
    padding:7px 0 10px;
    position: relative;
}
#place .inner dl.last{
    border-bottom: none;
}

#place .inner dl dt{
  float: left;
}
#place .inner dl dt img{
  vertical-align: bottom;
}
#place .inner dl dd{
    bottom: 8px;
    color: #FF0000;
    float: left;
    font-size: 23px;
    position: absolute;
    right: 25px;
}


h2#newstop{
 /* background: url(/common/img/ttl11.jpg) no-repeat 0 bottom;*/
   background: url(/common/img/ttl18.jpg) no-repeat 0 bottom;

  /*  font-size: 140%;*/
  /*  height: 23px; */
  /*  padding: 8px 17px 0 10px; */
   /* width: 497px; */
    position: relative;
}

.iconarea{
  position: absolute;
  right:7px;
  top:4px;
}

#main #subNewswrap{
  margin-top: 12px;
}

#main #subNews{
  width: 251px;
  height:235px;
  margin-bottom: 5px;
}
#main #subNews .inner{
  padding: 7px 6px;
  background: url(/common/img/sec_bg04.gif) repeat-y bottom;
  zoom:1;
  height:195px;
}

#subNews h2{
  background: url(/common/img/ttl12.jpg) no-repeat 0 bottom;
    font-size: 120%;
    height: 18px;
    padding: 6px 0 0 10px;
    width: 241px;
    position: relative;
}

#subNews h2 .iconarea{
  position: absolute;
  right:5px;
  top:3px;
}

#subNews dl {
    margin-bottom: 5px;
}

#subNews.lft {
    float: left;
}

#subNews.rht {
    float: right;
}

#subNews dl dt {
    float: left;
    margin-right: 2px;
    width: 53px;
}

#subNews dl dd {
    background: url("/common/img/icon_allow.gif") no-repeat scroll 0 0 transparent;
    float: left;
    padding: 0 0 0 10px;
    width: 173px;
}

#subNews dl dd a {
    line-height: 1.1;
}

#main #topNews ul.social02 li {
    float: left;
    margin-right: 5px;
}

#main #topNews ul.social02 li.txt {
    font-size: 11px;
    margin-top: 5px;
}

.favorite{
  clear: both;
  float: right;
  margin-bottom: 5px;
}

.favorite img{
  vertical-align: middle;
}

.favorite span{
    font-size: 11px;
    margin-left: 30px;
    margin-right: 16px;
}

#prArea{
    border: 2px solid #DCE9F9;
    font-size: 11px;
    padding: 5px 8px 0;
    margin:7px 0 3px;
}

#prArea a{
  line-height: 1.5;
  text-decoration: underline;
}

#calender{
  background-color: #e7e7e7;
  padding:8px 5px 5px;
  margin: 5px 0;
}

#calender h2{
  font-size: 13px;
  font-weight: bold;
  margin:0 0 5px 10px;
}

#calender #lft{
    background-color: #FFFFFF;
    float: left;
  /* height: 182px; 20110520 h-kinjyou */
    height:270px;
    width: 312px;
  /*  padding: 0 0 16px 0; */
}

#calender #lft_2{
    background-color: #FFFFFF;
    float: left;
  /* height: 182px; 20110520 h-kinjyou */
    height:320px;
    width: 312px;
  /*  padding: 0 0 16px 0; */
}

#calender table{
  /* height: 182px;  20110520 h-kinjyou */
    height:270px;
    width: 312px;
}

#calender table th{
    height:10px;
    text-align:center;
    border:1px solid #000000;

}

#calender table td{
    text-align:center;
    font-size:xx-small;
    width:44px;
    height:50px;
    vertical-align:top;
    border:1px solid #000000;

}

#calender table td div{
    height:50px;
    overflow:hidden;
}

#calender #rht{
    background-color: #FFFFFF;
    float: right;
  /*  height: 166px; */
    height:254px;
    padding: 8px;
    width: 164px;
    overflow: auto;
}

#calender #rht_2{
    background-color: #FFFFFF;
    float: right;
  /*  height: 166px; */
    height:304px;
    padding: 8px;
    width: 164px;
    overflow: auto;
}

#calender ul#rht li{
  margin-bottom: 3px;
}

#calender ul#rht li span{
/*    display: inline-block; */
    font-size: 11px;
    margin-bottom: 8px;
    margin-left: 6px;
    *display: inline;
    *zoom:1;
}

#searchArea {
    margin-top: 5px;
}

#searchArea table {
    border-bottom: 1px solid #DBDBDB;
}

#searchArea table td {
    border-top: 1px solid #DBDBDB;
}

#searchArea td.a01, #searchArea td.a02, #searchArea td.a03 {
    width: 126px;
}

#searchArea td.a01 {
    background: url("/common/img/ttl_src01.jpg") no-repeat scroll 0 0 transparent;
}

#searchArea td.a01 span, #searchArea td.a02 span, #searchArea td.a03 span {
    display: none;
}

#searchArea table td.rhtd {
    border-right: 1px solid #DBDBDB;
    padding: 10px;
}

#searchArea table td form.posiset {
    float: left;
    width: 300px;
}

.prefset01, .prefset02 {
    display: inline;
    float: left;
    font-size: 11px;
    margin-top: 5px;
}

.prefset01 {
    margin-left: 25px;
}

.prefset01 p, .prefset02 p {
    line-height: 1.2;
}

.prefset01, .prefset02 {
    font-size: 11px;
}

.prefset02 {
    margin-left: 20px;
}

#searchArea p.btnS01 {
    float: right;
    margin-top: 16px;
}

#searchArea table td p.err {
    clear: both;
    color: #FF0000;
    line-height: 1.2;
    margin-top: 5px;
}

#searchArea td.a02 {
    background: url("/common/img/ttl_src02.jpg") no-repeat scroll 0 0 transparent;
}

#searchArea input.txtfrm {
    margin: 10px 0 0 25px;
    width: 200px;
}

#searchArea p.btnS02 {
    float: right;
    margin-top: 9px;
}

#searchArea td.a03 {
    background: url("/common/img/ttl_src03.jpg") no-repeat scroll 0 0 transparent;
}

#searchArea p.btnS03 {
    float: right;
    margin-top: 9px;
}

#paging{
  text-align: center;
  border:2px solid #e4e4e4;
  margin-top: 5px;
  font-size: 13px;
  zoom:1;
}

#paging p{
    background-color: #F3F3F3;
    font-weight: bold;
    padding: 5px 0;
}

#paging ul{
   /* margin: 5px 0 5px 105px;*/
    display: -moz-inline-box;
    display:inline-block;
    text-align:center;
}
/*---ie6hack----*/
*html #paging ul{
zoom:1;
display: inline;
}

/*---ie7hack----*/
*:first-child+html #paging ul{
zoom:1;
display: inline;

}

#paging li{
  border:1px solid #e7e7e7;
  padding:5px;
  margin-right: 2px;
  float: left;
    font-weight: bold;
}

#paging li a{
  text-decoration: underline;
}

#paging li.on{
  background-color: #ededed;
}

#paging li a{
    font-weight: bold;
}

#prefArea{
    margin: 5px 0;
    width: 507px;
}

#main #prefArea .inner {
    background: url("/common/img/sec_bg02.gif") repeat-y scroll center bottom transparent;
    padding: 15px 10px 1px;
    zoom:1;
}

#prefArea ul li{
    border-bottom:1px dotted #d1d1d1;
    padding-bottom: 3px;
    position: relative;
    margin-bottom: 12px;
}

#prefArea ul li img{
    position: absolute;
    right: 0;
    _right: 10px;
    bottom: 0;
  /*  top: -6px; */
}
/*2011.05.18 追加 */
#prefArea  h2{
      background:url("/common/img/ttl11.jpg") no-repeat scroll 0 bottom transparent;
      height:20px;
      font-weight: bold;
      padding:5px 0 0 10px;
      position:relative;
}



/* 2011.05.07 追加
-----------------------------------------------------------------------*/
/* MYメモ */
#main #myMemo{
  width: 507px;
  margin-bottom: 5px;
  font-size: 90%;
  color: #0000ff;
}
#main #myMemo .inner{
  padding: 13px;
  background: url(/common/img/sec_bg02.gif) repeat-y bottom;
  zoom: 1;
}
#main #myMemo table.top th,#main #myMemo table.top td{
  padding: 5px 3px 2px 5px;
  border: 1px solid #cccccc;
}
#main #myMemo table.top th{
  text-align: center;
  background: #e9fbff;
}
#main #myMemo table.top .btn{ padding: 0 3px;}
#main #myMemo table.top .btn img{ vertical-align: bottom;}
#main #myMemo table.btm th,#main #myMemo table.btm td{
  border: 1px solid #cccccc;
}
#main #myMemo table.btm th{
  background: #e9fbff;
  padding: 4px 3px 2px 5px;
  text-align: center;
}
#main #myMemo table.btm td{
  padding: 5px 3px 5px 5px;
  border-bottom:none;
}
#main #myMemo table.btm td img{
  vertical-align: middle;
}
#main #myMemo table.btm td textarea{
  vertical-align: middle;
  margin-right: 5px;
  width: 260px;
  font-size: 12px;
  height: 45px;
}
#main #myMemo table.btm th.sct{
  background: #e3edf0;
  padding: 2px;
}
#main #myMemo table.btm th.sct select{
  width: 100%;
  font-size: 90%;
}

/* お気に入り */
#main #favorite{
  width: 507px;
  margin-bottom: 5px;
}
#main #favorite .inner{
  padding: 0 8px 10px 8px;
  background: url(/common/img/sec_bg02.gif) repeat-y bottom;
  zoom: 1;
}
#main #favorite dl{
  padding: 10px 10px 5px 10px;
  border-bottom: 1px dotted #cccccc;
}
#main #favorite dt{
  margin-bottom: 5px;
}

#main #some {
    margin-bottom: 5px;
    width: 507px;
}

#main #some .inner {
    background: url("/common/img/sec_bg02.gif") repeat-y scroll center bottom transparent;
    padding: 0 8px 10px;
    height: 300px;
}

#main #some02 {
    margin-bottom: 5px;
    width: 507px;
}

#main #some02 .inner {
    background: url("/common/img/sec_bg02.gif") repeat-y scroll center bottom transparent;
    padding: 0 8px 10px;
    height: 300px;
}

#main #some03 {
    margin-bottom: 5px;
    width: 507px;
}

#main #some03 .inner {
    background: url("/common/img/sec_bg02.gif") repeat-y scroll center bottom transparent;
    padding: 0 8px 10px;
    height: 300px;
}


/* 20110808カテゴリー一覧用追加　h-kinjyou*/

#category_list{
   /* margin-bottom:5px;*/
    padding:2px 10px 5px 10px;
    /*background:url("/common/img/sec_bg02.gif") repeat-y scroll center bottom transparent;*/
    /*border-color: #DDDDDD;
    border-top: medium solid #DDDDDD;*/
}

#category_list li{
    float:left;
    font-size:20px;
   /*margin:2px 0;*/
}

/* フッター
---------------------------------------------------*/
#footer{
    margin: 0 auto;
    /*border-top: 1px solid #cfcfcf;*/
  /*  font-size: 11px;*/
}
#footer a{
    color: #666666;
    text-decoration: none;
}
#footer a:hover{
    color: #20394c;
    text-decoration: underline;
}
#footer .flist{
    clear: both;
    padding: 5px;
    line-height: 1.3;
}
#footer .flist li{
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #404040;
    line-height: 1.3;
    white-space: nowrap;
}
#footer .flist li.last{
    border-right: none;
}
#footer .footerBottom{
    background: #f7f7f7;
    border-top: 1px solid #999999;
    padding: 5px 5px 20px;
    position: relative;
}
#footer .footerBottom a.f_proto{
    float: left;
    display: block;
}
#footer .footerBottom ul{ float: left;}
#footer .footerBottom li{
    display: inline;
    padding: 0 5px;
    border-right: 1px solid #333333;
    line-height: 20px;
}
#footer .footerBottom p{
    float: left;
    width: 697px;
    padding-left: 5px;
}
#footer .footerBottom a.f_team6{
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    clear: both;
}
#footer .footerBottom ul li.last{ border: none;}