/* メニューページのCSS */



.nittei{					/* 各項目の日程 */
  font-weight: bold;
  font-size: 0.8em;
  margin-top: 1px;
  margin-bottom: 0;
}

.teikyo{					/* 各項目の提供 */
  text-align: right;
  font-size: 80%;
  padding-top: 0;
  margin-top: 0;
  clear: both;
  line-height: 1.3em;
}

.honbun{					/* 各項目の本文 */
  margin-top: 0;
  margin-left: 1em;
  margin-bottom: 1.5em;
}

.honbun p{
  margin-top: 0;
}

.honbun img.shousai{
  border: none;
  float: none;
}
.honbun a:hover img.shousai,.honbun a:active img.shousai{
  border: none;
}

.honbun img{					/* 本文各項目の挿絵 */
  border: 3px solid #aaaaaa;
  float: right;
  margin: 0.1em 0 0.5em 1.2em;
}
.honbun a img{
  border: 3px solid #aaaaaa;
}
.honbun a:hover img,.honbun a:active img{
  border: 3px solid #ff703f;
}



div#col_main{					/* 左コラム */
  width: 415px;
  position:relative;
  height:auto;
  float: left;
  margin: 0 auto;
/*  border:solid 1px;*/
}

h3.l_midashi{				/* 左側各欄のH3タグ */
  margin: 0px;
  background-color: #f0e39e;
  color: #65432c;
  padding-left: 0.5em;
  border-top: solid 3px #EABD1C;
}

div#col_main h4 {		/*メインコラムのH4タグ*/
  border-style: solid;
  border-color: #ff703f;
  border-width: 0 0 0 0.3em;
  margin-top: 0.5em;
  margin-left: -0.5em;
  margin-bottom: 0px;
  padding-left: 5px;
  font-size: 1.2em;
  color: #2C2F22;
}

			   		/*メインリコメンド欄開始*/
div#osusume{
  width: 710px;
  margin: 0 auto;/*ボックスを中央に寄せる*/
  position:relative;
  height:300px;
  background-image: url("image/menu/yomikomityu.gif");
  background-repeat: no-repeat;
  background-position: 260px 123px;
/*  border:solid 1px;*/
}


div#osusume span a.top_recem{
  position: absolute;
  top: 260px; /* 詳細リンクの縦位置を指定 */
  left: 500px;
/*  right: 40px; /* 詳細リンクの横位置を指定 */*/
  display: block;
  width: 191px;
  height: 33px;
  background-image: url("image/menu/shousai_link_back.png");
  background-repeat: no-repeat;
}
div#osusume span a:hover.top_recem,
div#osusume span a:active.top_recem{
  background-image: url("image/menu/shousai_link_back.png");
  background-repeat: no-repeat;
  background-position: bottom;
}

div#osusume img{
  border-style: none;
}

div.attention{
  text-align: left;
  border: medium solid;
  margin: 1em;
  padding: 1em;
  text-align: left;
  background-color: #F0E39E;
  border-color: #EABD1C;
}
div.attention h3{
  text-align: center;
  color: #B42F06;
}


			   		/*メインリコメンド欄終了*/

.waku_l1{
  width: 405px;
  height:auto;
  margin: 10px auto;
  background-color: #ffffff;
  text-align: left;/*IE用のセンタリングを戻す*/
}
.waku_l2{
  padding: 10px;
/*  border:solid 1px;*/
}

ul.saishin{			/*最新情報のリスト開始*/
  font-size: 1.2em;
  list-style-position: outside;
  padding-left: 0.5em;
  margin: 0.5em 0 0 0;
  list-style-type:none;
}
ul.saishin li{
  background-image: url("image/menu/yahazu2.gif");
  background-position:0 0.2em;
  background-repeat:no-repeat;
  padding-left: 1em;
}
					/*最新情報のリスト終了*/

ul.gyoji{			/*行事予定のリスト*/
  list-style: none;
  list-style-position: outside;
  margin-top: 0.5em;
  margin-left: 0;
  padding-left: 0;
}
ul.gyoji li{
  border-bottom: dotted 1px;
}

div#col_r{			/* 右コラム */
  width: 300px;
  position:relative;
  height:auto;
  float: right;
  margin: 0 auto;
  font-size: 0.8em;
  padding-top: 20px;
/*  border:solid 1px;*/
}

div#topright_ad{		/* 右上広告欄 */
  margin-bottom: 20px;
}

h3.r_midashi{				/* 右側各欄のH3タグ */
  margin: 1px 0 -1px 0;
  color: #ffffff;
  padding-left: 0.5em;
}

.waku_r1_midashi{	/* 右コラムの見出し部分 */
  width: 290px;
  height:auto;
  margin: 0px auto;
  background-color: #a1b55d;
  text-align: left;/*IE用のセンタリングを戻す*/
}
.waku_r2_midashi{
  padding: 0px;
  border-top: 3px solid #556b2f;
  border-right: 1px solid #a1b55d;
  border-bottom: 1px solid #a1b55d;
  border-left: 1px solid #a1b55d;
  /*
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #a1b55d;
  */
}

div#col_r h4 {		/*右側コラムのH4タグ*/
  border-style: solid;
  border-color: #a1b55d;
  border-width: 0 0 0 0.3em;
  margin-top: 0.5em;
  margin-left: -0.5em;
  margin-bottom: 0;
  padding-left: 3px;
  font-size: 1.2em;
/*  clear: both; */
}

.waku_r1{
  width: 290px;
  height:auto;
  margin: 0px auto 10px auto;
  background-color: #ffffff;
  text-align: left;/*IE用のセンタリングを戻す*/
}
.waku_r2{
  padding: 10px;
  border:solid 1px;
  border-color: #a1b55d;
}

					/* 公共交通機関関連開始 */
div#kotutel{		/*電話番号*/
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
}
p#unnkou{
  text-align: center;
  font-size: 1.3em;
}
					/* 公共交通機関関連終了 */


					/* Facebookページリンク開始 */
div.fb_link{
  border: 1px solid #3B5998;
  font-size: 0.7em;
  text-align: left;
}
div.fb_link p{
  margin-top: 0.5em;
  margin-bottom: 0.3em;
}
div.fb_link img{
  border-style: none;
  float: left;
  margin: 0.5em;
  display: block;
}
					/* Facebookページリンク終了 */


					/* Twitterガジェット位置合わせ開始 */
.twtr-widget{
  margin-left: 5px;
  margin-right: 5px;
}
					/* Twitterガジェット位置合わせ終了 */


/* モバイルサイト用開始 */
/* media queries */
/* @media screen and (max-width: 980px) { */
@media screen and (max-device-width: 480px) {

    div#contents {
       line-height: 3.5em;
       float: left;
    }
    div#sidem_bottom {
      display: none;
    }
    
    div#col_main,
    div#col_r,
    .waku_r1_midashi,
    div.attention {
      font-size: 180%;
      float: none;
      width: auto;
    }
    .waku_l1,
    .waku_r1{
      height: auto;
      width: auto;
    }
    
    h3.r_midashi {
      font-size: 100%;
    }
    
    div#osusume,div#osusume img{ /*トップリコメンド画像拡大*/
      width: 99%;
      height: auto;
    }
    div#osusume span a.top_recem {
      left: 690px;
      top: 330px;
    }
    
    div#topright_ad img{ /*トップ右側福娘バナー画像拡大*/
      width: 99%;
      height: auto;
    }
    

    #twitter_ticker .twtr-doc{ /*Twitterウィジット*/
      font-size: 350%;
    }
    #twitter_ticker .twtr-timeline{
      height: 600px !important;
    }
    #twitter_ticker h4{
      font-size: 120% !important;
    }


}
/* モバイルサイト用終了 */