@charset "euc-jp";
/*=========================================================================

File Name:	r-page.css
Style Info:	デバイス別　カテゴリ・詳細ページ用スタイル

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


/* Javascript Disabled */


/*==================================================================================================================================================
@group 親カテゴリ
==================================================================================================================================================*/

h2.pagetype{ margin:0;}
div#CateArticleBlk{ margin:0;}

@media screen and (min-width: 768px){
  h2.pagetype{ margin:0;}
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:50%; float:left;}
  div.CateArticleList-odd div.CateArticleListInner,
  div.CateArticleList-even div.CateArticleListInner,
  div.CateArticleList-t-odd div.CateArticleListInner,
  div.CateArticleList-t-even div.CateArticleListInner,
  div.CateArticleList-f-odd div.CateArticleListInner,
  div.CateArticleList-tw-odd div.CateArticleListInner{ margin:0 10px 10px;}  
  div#relcate{ float:none;}
  div#relcate li{
    padding:4px 0;
    float:none;
  }
  div.CateArticleList-odd,
  div.CateArticleList-t-odd,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 960px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:50%; float:left; clear:none;}
  
  div.CateArticleList-odd{ clear:both;}
  div.CateArticleList-t-odd{ clear:both;}
  div.CateArticleList-f-odd{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 1024px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:33%; float:left; clear:none;}
  
  div.CateArticleList-t-odd{ clear:both;}
  div.CateArticleList-t-even{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}

@media screen and (min-width: 1680px){
  div.CateArticleList-odd,
  div.CateArticleList-even,
  div.CateArticleList-t-odd,
  div.CateArticleList-t-even,
  div.CateArticleList-f-odd,
  div.CateArticleList-tw-odd{ width:25%; float:left; clear:none;}
  
  div.CateArticleList-f-odd{ clear:both;}
  div.CateArticleList-tw-odd{ clear:both;}
}


/*==================================================================================================================================================
@group 子カテゴリ
==================================================================================================================================================*/

div.divider{ width:100%; float:left;}
div.dividerInner{ margin:0 5px 10px;}
div.archive-content{ display:none;}
span.listDate{ display:block;}
span.listTitle{ display:block; height:3em; overflow:hidden;}
.pagenate span.text04{ display:none;}
.pagenate span.text05{ display:none;}
div.archive{
	margin:0 5px 5px;
  background:#FFF;
	padding:0px 5px 5px;
  clear:both;
}

@media screen and (min-width: 480px){
  div.divider{ width:50%; float:left;}
}

@media screen and (min-width: 768px){
  div.divider{ width:50%; float:left;}
  div.dividerInner{ margin:0 5px 10px;}
  div.archive-content{ height:4.8em; overflow:hidden; display:block;}
  span.listDate{ display:block;}
  div.archive{ padding:0 10px 10px;}
  .pagenate span.text04{ display:inline-block;}
  .pagenate span.text05{ display:inline-block;}
}

@media screen and (min-width: 1440px){
  div.divider{ width:33%; float:left;}
}

@media screen and (min-width: 1680px){
  div.divider{ width:25%; float:left;}
}

/*==================================================================================================================================================
@group 詳細ページ：テンプレートスタイル
==================================================================================================================================================*/

/*記事のタイトル*/
h2#page-title{
  padding:18px 10px 10px;
  font-size:115%;
  border:1px solid #E4E9DA;
  background:url(../images/bg_page-title.gif) repeat top left;
}
/*記事詳細ページ基本スタイル*/
div#detail{
	padding:0px;
	margin:0 5px 20px;
}
/*記事の外枠*/
div.articleBox{ margin:10px 5px;}
  div.articleBox p{ padding:0 0 5px; margin:0;}
  div.articleBox img{ max-width:100%;}
  div.articleBox ul,div.articleBox ol{ margin:5px 5px 5px 1em; padding:0 5px 5px;}
  .articleArea{ padding:0px; clear:both;}

/*日付*/
span.date{
  display:block;
  padding:3px;
  text-align:right;
  font-size:85%;
  background: #F5EFE9;
  color:#333333;
}
/* 段落 */
div.articleBox p{
  padding:0 0 10px;
  margin:8px 3px;
}
/* リスト（ul,ol） */
div.articleBox ul,div.articleBox ol{ margin:5px 5px 5px 2em; padding:0 5px 5px;}
div.articleBox ul li p,div.articleBox ol li p{ padding:0; margin:0;}


/* テンプレート基本スタイル */
.articleArea00{ padding:0; clear:both;}
/*type1.html*/
.type1articleArea01{ padding:0; clear:both;}
.type1articleArea02{ padding:0; clear:both;}
.type1articleArea03{ padding:0; clear:both;}

/*type2.html*/
.type2articleArea01{ padding:0; clear:both;}
.type2articleArea02{ padding:0; clear:both;}
.type2articleArea03{ padding:0; clear:both;}

/*type3.html*/
.type3articleArea01{ padding:0; clear:both;}
.type3articleArea02{ padding:0; clear:both;}
.type3articleArea03{ padding:0; clear:both;}

/*type4.html*/
.type4articleArea01{ padding:0; clear:both;}
.type4articleArea02{ padding:0; clear:both;}
.type4articleArea03{ padding:0; clear:both;}

/*type5.html*/
.type5articleArea01{ float:left; padding-top:20px;}
.type5articleArea02{ float:right; padding-top:20px;}
.type5articleArea03{ clear:both;}

/*type6.html*/
.type6articleArea01{ padding:0; clear:both;}
.type6articleArea02{ padding:0; clear:both;}
.type6articleArea03{ padding:0; clear:both;}
div.articleBox p.type6image{ padding:0; margin:0; text-align:center;}


/* お問い合わせボックス */
div#contactBlk{
  border:1px solid #DEDEDE;
  margin:10px;
}
  div#contactBlk h5{ font-weight:normal; padding:5px 12px; background:#DEDEDE; font-size:120%;}
  div#contactBlk p{ padding:5px 12px;}
  span.btn_aform{ text-align:center; display:block; padding: 5px 0 5px;}

/* 追加情報 */
div#additional-info{
  border:1px solid #DDDDDD;
  margin:10px;
}
  div#additional-info h5{ font-weight:normal; padding:5px 12px; background:url(../images/bg_pagetype.jpg) repeat-x;}
  div#additional-info div#additional-infoContent{ padding:5px 12px;}
  div#additional-infoContent div{ padding:5px; margin:5px;}
  div#additional-infoContent div.boxend{ background:none;}



h2#error404{
	font-size:170%;
  word-break: break-all;
}

@media screen and (min-width: 768px){
  h2#page-title{ padding:20px 15px 10px; font-size:140%; border-bottom:3px solid #82C550; background:#F1F5E5;}
  div#detail{
    border-right:1px solid #DEDEDE;
    border-bottom:1px solid #DEDEDE;
    border-left:1px solid #DEDEDE;
    margin:0 0 20px;
  }
  .articleArea00{ padding:15px; clear:both;}
  /*type1.html*/
  .type1articleArea01{ padding:15px; clear:both;}
  .type1articleArea02{ padding:15px; clear:both;}
  .type1articleArea03{ padding:15px; clear:both;}

  /*type2.html*/
  .type2articleArea01{ padding:15px; clear:both;}
  .type2articleArea02{ padding:15px; clear:both;}
  .type2articleArea03{ padding:15px; clear:both;}

  /*type3.html*/
  .type3articleArea01{ padding:15px; clear:both;}
  .type3articleArea02{ padding:15px; clear:both;}
  .type3articleArea03{ padding:15px; clear:both;}

  /*type4.html*/
  .type4articleArea01{ padding:15px; clear:both;}
  .type4articleArea02{ padding:15px; clear:both;}
  .type4articleArea03{ padding:15px; clear:both;}

  /*type5.html*/
  .type5articleArea01{ float:left; padding-top:20px;}
  .type5articleArea02{ float:right; padding-top:20px;}
  .type5articleArea03{ clear:both;}

  /*type6.html*/
  .type6articleArea01{ padding:15px; clear:both;}
  .type6articleArea02{ padding:15px; clear:both;}
  .type6articleArea03{ padding:15px; clear:both;}
  div.articleBox p.type6image{ padding:0; margin:0;  text-align:center;}

  
  /* 追加情報 */
  div#additional-info{ background:url(../images/bg_additional-info.gif)  repeat-y top left;}
  div#additional-info h5{
    width:100px;
    float:left;
    background:none;
    padding:10px;
    height:100%;
    margin-right:-130px;
  }
  div#additional-info div#additional-infoContent{ float:right; width:100%; padding:0;}
  div#additional-info div#additional-infoContent div{ margin-left:130px; padding:10px;}
  
  
  /* 404エラー */
  h2#error404{
    font-size:300%;
    word-break: break-all;
  }
  span.btn_aform{ text-align:left;}
}

@media screen and (min-width: 960px){
  div.articleBox p{ padding:0 5px 10px;}
}
/*==================================================================================================================================================
@group 詳細ページ：見出し
==================================================================================================================================================*/

/*見出し１*/
div.articleBox h3{
	padding:8px;
	font-size:120%;
	border-top:1px solid #558B2F;
	border-right:1px solid #558B2F;
	border-bottom:1px solid #558B2F;
	border-left:15px solid #558B2F;
	margin:5px 0;
}

/*見出し２*/
div.articleBox h4{
	padding:5px;
	font-size:110%;
	border-top:1px solid #558B2F;
	border-right:1px solid #558B2F;
	border-bottom:1px solid #558B2F;
	border-left:5px solid #558B2F;
	margin:5px 0;
}

/*見出し３*/
div.articleBox h5{
	padding:5px 5px 5px 15px;
	font-size:100%;
	border-bottom:3px solid #DEDEDE;
	margin:5px 0;
	background:url(../images/bg_midashi03.jpg) no-repeat center left;
}
@media screen and (min-width: 768px){
  div.articleBox h3{ padding:10px;}
  div.articleBox h4{ padding:8px; border-left:8px solid #558B2F;}
  
}
/*==================================================================================================================================================
@group 詳細ページ：画像処理
==================================================================================================================================================*/

a.page-image-none200{ display:block; max-width:200px;}
a.page-image-none400{ display:block; max-width:400px;}
a.page-image-none600{ display:block; max-width:600px;}
a.page-image-left200{ display:block; max-width:200px;}
a.page-image-left400{ display:block; max-width:400px;}
a.page-image-left600{ display:block; max-width:600px;}
a.page-image-right200{ display:block; max-width:200px;}
a.page-image-right400{ display:block; max-width:400px;}
a.page-image-right600{ display:block; max-width:600px;}

a.page-image-none200 img,
a.page-image-none400 img,
a.page-image-none600 img,
a.page-image-left200 img,
a.page-image-left400 img,
a.page-image-left600 img,
a.page-image-right200 img,
a.page-image-right400 img,
a.page-image-right600 img{ max-width:100%;}

img.page-image-left{ display:block; float:none; margin:0; clear:both;}
img.page-image-none{ display:block; float:none; margin:0; clear:both;}
img.page-image-right{ display:block; float:none; margin:0; clear:both;}

@media screen and (min-width: 480px){
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}
  
  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-left600{ display:block; max-width:600px; float:none; margin:0;}
  
  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:none; margin:0;}
  a.page-image-right600{ display:block; max-width:600px; float:none; margin:0;}
  
  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}
  
  a.page-image-none400 img.page-image-left{ float:none;}
  a.page-image-left400 img.page-image-left{ float:none;}
  a.page-image-right400 img.page-image-left{ float:none;}
  a.page-image-none600 img.page-image-left{ float:none;}
  a.page-image-left600 img.page-image-left{ float:none;}
  a.page-image-right600 img.page-image-left{ float:none;}
}
@media screen and (min-width: 640px){
  a.page-image-none200{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none400{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-none600{ display:block;  clear:both; margin:10px auto; float:none;}
  a.page-image-left200{ display:block; max-width:200px; float:left; margin:0 20px 20px 0;}
  a.page-image-left400{ display:block; max-width:400px; float:left; margin:0 20px 20px 0;}
  a.page-image-left600{ display:block; max-width:600px; float:left; margin:0 20px 20px 0;}
  a.page-image-right200{ display:block; max-width:200px; float:right; margin:0 0 20px 20px;}
  a.page-image-right400{ display:block; max-width:400px; float:right; margin:0 0 20px 20px;}
  a.page-image-right600{ display:block; max-width:600px; float:right; margin:0 0 20px 20px;}
  
  img.page-image-left{ display:block; clear:none; float:left; margin:0 20px 20px 0; max-width:100%;}
  img.page-image-none{ display:block; clear:both; margin:10px auto; float:none; max-width:100%;}
  img.page-image-right{ display:block; clear:none; float:right; margin:0 0 20px 20px; max-width:100%;}
}


/*==================================================================================================================================================
@group 詳細ページ：画像処理（WIKI）
==================================================================================================================================================*/

/* aタグ */
a.imagelink_filea{ display:block;}
a.imagelink_fileb{ display:block;}
a.imagelink_filelib{ display:block;}

/* imgタグ共通 */
a.imagelink_filea img,
a.imagelink_fileb img,
a.imagelink_filelib img{ max-width:240px;}

/* imgタグパターン別 */
a.imagelink_filea img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filea img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_fileb img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_fileb img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

a.imagelink_filelib img.page-image-left{ display:block; float:none; margin:5px; clear:both;}
a.imagelink_filelib img.page-image-right{ display:block; float:none; margin:5px; clear:both;}

@media screen and (min-width: 640px){
  /* imgタグパターン別 */
  a.imagelink_filea img.page-image-left{ display:block; float:left; clear:both; margin:0 20px 20px 0;}
  a.imagelink_filea img.page-image-right{ display:block; float:right; clear:both; margin:0 0 20px 20px;}
  
  /* ---------------------- テンプレートtype別 ---------------------- */
  a.imagelink_filelib{ width:240px; float:left; width:240px; padding:0 20px 20px 0;}
  
  /* ----------------------------------------
   type1articleArea01：左
   type1articleArea02：左
   ---------------------------------------- */
  div.type1articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type1articleArea01 img{ width:240px;}
  div.type1articleArea02 img{ width:240px;}
  
  
  /* ----------------------------------------
   type2articleArea01：右
   type2articleArea02：右
   ---------------------------------------- */
  div.type2articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type2articleArea01 img{ width:240px;}
  div.type2articleArea02 img{ width:240px;}
  
  /* ----------------------------------------
   type3articleArea01：右
   type3articleArea02：左
   ---------------------------------------- */
  div.type3articleArea01 a.imagelink_filea{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type3articleArea02 a.imagelink_fileb{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type3articleArea01 img{ width:240px;}
  div.type3articleArea02 img{ width:240px;}
  
  /* ----------------------------------------
   type4articleArea01：左
   type4articleArea02：右
   ---------------------------------------- */
  div.type4articleArea01 a.imagelink_filea{ float:left; width:240px; padding:0 20px 20px 0;}
  div.type4articleArea02 a.imagelink_fileb{ float:right; width:240px; padding:0 0 20px 20px;}
  div.type4articleArea01 img{ width:240px;}
  div.type4articleArea02 img{ width:240px;}
  
  /* ----------------------------------------
   type5articleArea01：無
   type5articleArea02：無
   ---------------------------------------- */
  div.type5articleArea01 a.imagelink_filea{ float:none; width:240px;}
  div.type5articleArea02 a.imagelink_fileb{ float:none; width:240px;}
  div.type5articleArea01 img{ width:240px;}
  div.type5articleArea02 img{ width:240px;}
  
  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:480px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:480px; max-width:480px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:480px; max-width:480px;}
}

@media screen and (min-width: 1280px){
  /* ----------------------------------------
   type6articleArea01：無
   type6articleArea02：無
   ---------------------------------------- */
  div.type6articleArea01 a.imagelink_filea{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea02 a.imagelink_fileb{ float:none; width:580px; margin:0 auto;}
  div.type6articleArea01 a.imagelink_filea img{ width:580px; max-width:580px;}
  div.type6articleArea02 a.imagelink_fileb img{ width:580px; max-width:580px;}
}


/*==================================================================================================================================================
@group 詳細ページ：iframe処理
==================================================================================================================================================*/

@media screen and (min-width: 100px) and (max-width: 320px){ div.articleBox iframe{ width:224px; height:130px;}}
@media screen and (min-width: 320px) and (max-width: 480px){ div.articleBox iframe{ width:280px; height:170px;}}
@media screen and (min-width: 480px) and (max-width: 640px){ div.articleBox iframe{ width:430px; height:242px;}}
@media screen and (min-width: 768px) and (max-width: 900px){ div.articleBox iframe{ width:448px; height:252px;}}

/*==================================================================================================================================================
@group 詳細ページ：メールフォーム
==================================================================================================================================================*/

/* dl form */
dl.formlist{
  margin: 0;
  padding: 0;
  clear:both;
}
dl.formlist dt{
  margin: 0;
  padding: 0.2em 0.8em 0 0.4em;
  border-left: 5px solid #6DA47D;
  font-size: 100%;
  line-height: 1.6;
}
dl.formlist dd{
  padding: 0.4em 0.8em 0.5em;
  border-bottom: #ccc dotted 1px;
  line-height: 1.6em;
  margin:0 0 0.5em;
}
dl.formlist .textareaBox{
  width:100%;
  height:90px;
}
div#inquiryBox p.formlist-submit{ padding:20px 0; text-align:center;}
div#inquiryBox p.formlist-submit input.submit{ padding:5px; margin:0;}


@media screen and (min-width: 640px){
  div.formlistWrapper{
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC;
    border-left:1px solid #CCC;
    background:url(../images/bg_dt.gif) repeat-y top left;
  }
  dl.formlist{
    margin: 0;
    padding: 0;
    border-top:1px solid #CCC;
  }
  dl.formlist dt{
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.6;
    width:220px;
    margin:0 -225px 0 0;
    float:left;
    border:none;
  }
  dl.formlist dd{
    padding: 0;
    margin:0;
    line-height: 1.6;
    width:100%;
    float:left;
    border:none;
  }
    span.dtInner{
      padding:8px;
      display:block;
    }
    span.ddInner{
      margin:0 10px 0 225px;
      border:none;
      padding:8px;
      display:block;
    }
  dl.formlist .textareaBox{
    height:300px;
  }
}

/*==================================================================================================================================================
@group 詳細ページ：カテゴリ内　他の記事
==================================================================================================================================================*/
div.cateList span.u-date{ display:block;}

@media screen and (min-width: 640px){
  div.cateList span.u-date{ display:inline;}
}
@media screen and (min-width: 768px){
  div.cateList span.u-date{ display:block;}
}
@media screen and (min-width: 960px){
  div.cateList span.u-date{ display:inline;}
}

/*==================================================================================================================================================
@group カテゴリートップページ
==================================================================================================================================================*/

div.catetop{
  display:none;
  border:3px solid #ECDCCE;
  height:150px;
  position:relative;
  margin-bottom:15px;
}
p.catetitle{ position:absolute; top:50px; left:10px;}
p.catebanner{ position:absolute; bottom:10px; right:10px;}


/* 網田レトロ館 */
div#catetop-327{ background:url(../images/category/327.jpg) repeat-x top left;}


@media screen and (min-width: 640px){
  div.catetop{ display:block;}
}


/*==================================================================================================================================================
@group サイトマップ
==================================================================================================================================================*/

/* サイトマップ */
div#sitemap{
  padding:0px;
}
  div#sitemap ul{
    list-style-type:none;
  }
  
  /* カテゴリ第一階層 */
  li.is_list_0{
    margin:20px 0;
    padding:20px 0 0;
    clear:both;
    padding-bottom:5px;
  }
    li.is_list_0 span{
      display:block;
      padding:10px 10px 5px;
      border-top:1px solid #558B2F;
      border-right:1px solid #558B2F;
      border-bottom:1px solid #558B2F;
      border-left:5px solid #558B2F;
    }
    a.is_link_0{
      font-size:120%;
    }
  
  /* for layout.css */
/* 第二階層 */
ul.is_cate_1{ margin:0 0 0 5px;}
a.is_link_1{ display:block; margin:5px; padding:2px 5px; text-align:center; font-size:90%;
}

/* 第三階層 */
ul.is_cate_2{ margin:5px;}
li.is_list_2{ float:left; padding-right:30px;}
a.is_link_2{ font-size:90%; display:block; background:url(../images/icon_catearticle.gif) no-repeat left center; padding-left:12px;}


li.is_list_1{ display:block; width:100%; float:left;}

@media screen and (min-width: 480px){
  li.is_list_1{ display:block; width:50%; float:left;}
}
@media screen and (min-width: 1440px){
  li.is_list_1{ display:block; width:33%; float:left;}
}
@media screen and (min-width: 1680px){
  li.is_list_1{ display:block; width:25%; float:left;}
}

/*==================================================================================================================================================
@group マップ：観光マップ
==================================================================================================================================================*/

div#kankoumap ul{ margin:0; padding:0;}
div#kankoumap ul li span{ display:block; border:1px solid #FFFFFF;}
div#kankoumap ul li#k-menu001,
div#kankoumap ul li#k-menu002{ width:116px; padding:3px 3px 3px 0}
div#kankoumap ul li#k-menu001 span,
div#kankoumap ul li#k-menu002 span{ border:none;}
div#kankoumap div#ishibashimapInner ul li#k-map001{ clear:both;}
div#kankoumap ul li.kmap-type0 a{ display:block; border:2px solid #999999; background:#E1E1E1;} /*グレーアウト*/
div#kankoumap ul li.kmap-type1 a{ display:block; border:2px solid #FF8000;} /*観光マップ*/
div#kankoumap ul li.kmap-type2 a{ display:block; border:2px solid #85B200;} /*アウトドアマップ*/
div#kankoumap ul li.kmap-type3 a{ display:block; border:2px solid #549ECB;} /*石橋マップ*/
div#kankoumap ul li.kmap-type0 a:hover{ border:2px solid #D33A87;}
div#kankoumap ul li.kmap-type1 a:hover{ border:2px solid #51EEFF;}
div#kankoumap ul li.kmap-type2 a:hover{ border:2px solid #AFFD0D;}
div#kankoumap ul li.kmap-type3 a:hover{ border:2px solid #FF4D4D;}
div#kankoumap{ margin-bottom:10px;}

@media screen and (max-width: 959px){
  div#kankoumap ul li{ width:50%; float:left;}
  div#kankoumap ul li img{ max-width:100%;}
}
@media screen and (min-width: 960px){
  div#kankoumap{ margin:10px 0; text-align:center; background:#FFECC7; border:1px solid #FFCD71;}
  div#kankoumapInner{
    width:678px;
    height:510px;
    background:url(../images/map/bg_kankoumap.gif) no-repeat top left;
    position:relative;
    margin:10px auto 20px;
  }
  div#kankoumapInner ul li{ position:absolute; margin:0; padding:0;}
  div#kankoumapInner ul li#k-map001{ left:5px; top:84px; }
  div#kankoumapInner ul li#k-map002{ left:107px; top:113px; }
  div#kankoumapInner ul li#k-map003{ left:94px; top:162px; }
  div#kankoumapInner ul li#k-map004{ left:5px; top:252px; }
  div#kankoumapInner ul li#k-map005{ left:84px; top:286px; }
  div#kankoumapInner ul li#k-map006{ left:207px; top:191px; }
  div#kankoumapInner ul li#k-map007{ left:273px; top:307px; }
  div#kankoumapInner ul li#k-map008{ left:156px; top:377px; }
  div#kankoumapInner ul li#k-map009{ left:288px; top:401px; }
  div#kankoumapInner ul li#k-map010{ left:402px; top:146px; }
  div#kankoumapInner ul li#k-map011{ left:420px; top:270px; }
  div#kankoumapInner ul li#k-map012{ left:440px; top:312px; }
  div#kankoumapInner ul li#k-map013{ left:427px; top:383px; }
  div#kankoumapInner ul li#k-map014{ left:576px; top:136px; }
  div#kankoumapInner ul li#k-map015{ left:476px; top:211px; }
  div#kankoumapInner ul li#k-menu001{ right:0; top:27px; }
  div#kankoumapInner ul li#k-menu002{ right:0; top:61px; }
}

/*==================================================================================================================================================
@group マップ：アウトドアマップ
==================================================================================================================================================*/

div#outdoormap ul{ margin:0; padding:0;}
div#outdoormap ul li span{ display:block; border:1px solid #FFFFFF;}
div#outdoormap ul li#k-menu001,
div#outdoormap ul li#k-menu002{ width:116px; padding:3px 3px 3px 0}
div#outdoormap ul li#k-menu001 span,
div#outdoormap ul li#k-menu002 span{ border:none;}
div#outdoormap div#ishibashimapInner ul li#k-map001{ clear:both;}
div#outdoormap ul li.kmap-type0 a{ display:block; border:2px solid #999999; background:#E1E1E1;} /*グレーアウト*/
div#outdoormap ul li.kmap-type1 a{ display:block; border:2px solid #FF8000;} /*観光マップ*/
div#outdoormap ul li.kmap-type2 a{ display:block; border:2px solid #85B200;} /*アウトドアマップ*/
div#outdoormap ul li.kmap-type3 a{ display:block; border:2px solid #549ECB;} /*石橋マップ*/
div#outdoormap ul li.kmap-type0 a:hover{ border:2px solid #D33A87;}
div#outdoormap ul li.kmap-type1 a:hover{ border:2px solid #51EEFF;}
div#outdoormap ul li.kmap-type2 a:hover{ border:2px solid #AFFD0D;}
div#outdoormap ul li.kmap-type3 a:hover{ border:2px solid #FF4D4D;}
div#outdoormap{ margin-bottom:10px;}

@media screen and (max-width: 959px){
  div#outdoormap ul li{ width:50%; float:left;}
  div#outdoormap ul li img{ max-width:100%;}
}
@media screen and (min-width: 960px){
  div#outdoormap{ margin:10px 0; text-align:center; background:#DFFFC8; border:1px solid #C1DA52;}
  div#outdoormapInner{
    width:678px;
    height:510px;
    background:url(../images/map/bg_outdoormap.gif) no-repeat top left;
    position:relative;
    margin:10px auto 20px;
  }
  div#outdoormapInner ul li{ position:absolute; margin:0; padding:0;}
  div#outdoormapInner ul li#k-map001{ left:5px; top:84px; }
  div#outdoormapInner ul li#k-map002{ left:107px; top:113px; }
  div#outdoormapInner ul li#k-map003{ left:94px; top:162px; }
  div#outdoormapInner ul li#k-map004{ left:5px; top:252px; }
  div#outdoormapInner ul li#k-map005{ left:84px; top:286px; }
  div#outdoormapInner ul li#k-map006{ left:207px; top:191px; }
  div#outdoormapInner ul li#k-map007{ left:273px; top:307px; }
  div#outdoormapInner ul li#k-map008{ left:156px; top:377px; }
  div#outdoormapInner ul li#k-map009{ left:288px; top:401px; }
  div#outdoormapInner ul li#k-map010{ left:402px; top:146px; }
  div#outdoormapInner ul li#k-map011{ left:420px; top:270px; }
  div#outdoormapInner ul li#k-map012{ left:440px; top:312px; }
  div#outdoormapInner ul li#k-map013{ left:427px; top:383px; }
  div#outdoormapInner ul li#k-map014{ left:576px; top:136px; }
  div#outdoormapInner ul li#k-map015{ left:476px; top:211px; }
  div#outdoormapInner ul li#k-menu001{ right:0; top:27px; }
  div#outdoormapInner ul li#k-menu002{ right:0; top:61px; }
}
/*==================================================================================================================================================
@group マップ：石橋マップ
==================================================================================================================================================*/

div#ishibashimap ul{ margin:0; padding:0;}
div#ishibashimap ul li span{ display:block; border:1px solid #FFFFFF;}
div#ishibashimap ul li#k-menu001,
div#ishibashimap ul li#k-menu002{ width:116px; padding:3px 3px 3px 0}
div#ishibashimap ul li#k-menu001 span,
div#ishibashimap ul li#k-menu002 span{ border:none;}
div#ishibashimap div#ishibashimapInner ul li#i-map001{ clear:both;}
div#ishibashimap ul li.kmap-type0 a{ display:block; border:2px solid #999999; background:#E1E1E1;} /*グレーアウト*/
div#ishibashimap ul li.kmap-type1 a{ display:block; border:2px solid #FF8000;} /*観光マップ*/
div#ishibashimap ul li.kmap-type2 a{ display:block; border:2px solid #85B200;} /*アウトドアマップ*/
div#ishibashimap ul li.kmap-type3 a{ display:block; border:2px solid #549ECB;} /*石橋マップ*/
div#ishibashimap ul li.kmap-type0 a:hover{ border:2px solid #D33A87;}
div#ishibashimap ul li.kmap-type1 a:hover{ border:2px solid #51EEFF;}
div#ishibashimap ul li.kmap-type2 a:hover{ border:2px solid #AFFD0D;}
div#ishibashimap ul li.kmap-type3 a:hover{ border:2px solid #FF4D4D;}
div#ishibashimap{ margin-bottom:10px;}

@media screen and (max-width: 959px){
  div#ishibashimap ul li{ width:50%; float:left;}
  div#ishibashimap ul li img{ max-width:100%;}
}
@media screen and (min-width: 960px){
  div#ishibashimap{ margin:10px 0; text-align:center; background:#DAEFF8; border:1px solid #B3DEF0;}
  div#ishibashimapInner{
    width:678px;
    height:510px;
    background:url(../images/map/bg_ishibashimap.gif) no-repeat top left;
    position:relative;
    margin:10px auto 20px;
  }
  div#ishibashimapInner ul li{ position:absolute; margin:0; padding:0;}
  div#ishibashimapInner ul li#k-menu001{ right:0; top:27px; }
  div#ishibashimapInner ul li#k-menu002{ right:0; top:61px; }
  div#ishibashimapInner ul li#i-map001{ left:5px; top:112px; }
  div#ishibashimapInner ul li#i-map002{ left:22px; top:208px; }
  div#ishibashimapInner ul li#i-map003{ left:71px; top:181px; }
  div#ishibashimapInner ul li#i-map004{ left:79px; top:267px; }
  div#ishibashimapInner ul li#i-map005{ left:108px; top:145px; }
  div#ishibashimapInner ul li#i-map006{ left:85px; top:300px; }
  div#ishibashimapInner ul li#i-map007{ left:157px; top:336px; }
  div#ishibashimapInner ul li#i-map008{ left:5px; top:257px; }
  div#ishibashimapInner ul li#i-map009{ left:8px; top:322px; }
  div#ishibashimapInner ul li#i-map010{ left:29px; top:351px; }
  div#ishibashimapInner ul li#i-map011{ left:148px; top:397px; }
  div#ishibashimapInner ul li#i-map012{ left:80px; top:418px; }
  div#ishibashimapInner ul li#i-map013{ left:155px; top:183px; }
  div#ishibashimapInner ul li#i-map014{ left:226px; top:335px; }
  div#ishibashimapInner ul li#i-map015{ left:256px; top:305px; }
  div#ishibashimapInner ul li#i-map016{ left:221px; top:247px; }
  div#ishibashimapInner ul li#i-map017{ left:209px; top:196px; }
  div#ishibashimapInner ul li#i-map018{ left:225px; top:163px; }
  div#ishibashimapInner ul li#i-map019{ left:253px; top:134px; }
  div#ishibashimapInner ul li#i-map020{ left:397px; top:219px; }
  div#ishibashimapInner ul li#i-map021{ left:445px; top:171px; }
  div#ishibashimapInner ul li#i-map022{ left:295px; top:68px; }
  div#ishibashimapInner ul li#i-map023{ left:260px; top:100px; }
  div#ishibashimapInner ul li#i-map024{ left:353px; top:48px; }
  div#ishibashimapInner ul li#i-map025{ left:386px; top:83px; }
  div#ishibashimapInner ul li#i-map026{ left:448px; top:97px; }
  div#ishibashimapInner ul li#i-map027{ left:434px; top:129px; }
  div#ishibashimapInner ul li#i-map028{ left:275px; top:272px; }
  div#ishibashimapInner ul li#i-map029{ left:343px; top:278px; }
  div#ishibashimapInner ul li#i-map030{ left:411px; top:301px; }
  div#ishibashimapInner ul li#i-map031{ left:305px; top:344px; }
  div#ishibashimapInner ul li#i-map032{ left:488px; top:284px; }
  div#ishibashimapInner ul li#i-map033{ left:470px; top:236px; }
  div#ishibashimapInner ul li#i-menu001{ left:557px; top:27px; }
  div#ishibashimapInner ul li#i-menu002{ left:557px; top:61px; }
}

/*==================================================================================================================================================
@group 施設案内
==================================================================================================================================================*/

div#facility{ border:1px solid #CABFB2; padding:5px; margin-bottom:10px;}
div#facility span{ display:block; text-align:center; padding:5px;}
div#facility img{ max-width:100%;}

@media screen and (min-width: 640px){
  div#facility h2{ width:55%; float:left;}
  div#facility span{ width:44%; float:right; padding:0; text-align:right;}
  div#facility span a{ display:block; padding:7px 5px;}
}

/*==================================================================================================================================================
@group 様式ダウンロード
==================================================================================================================================================*/

div#youshiki{ border:1px solid #CABFB2; padding:5px; margin-bottom:10px; padding:5px;}
div#title-youshiki{ background:url(../images/icon_youshiki.gif) no-repeat top left; padding-left:65px;} 
div#title-youshiki p{font-size:90%;}
div#youshiki h2{ font-size:130%;}
p#youshikisearch-formInner{ padding:5px;}
p#youshikisearch-formInner input{ width:100%;}
p#youshikisubmit-btn{ padding:5px; text-align:center;}
div#youshiki img{ max-width:100%;}

@media screen and (min-width: 960px){
  div#youshiki{ padding:10px;}
  div#youshikisearch-form{ width:100%; float:left;}
  p#youshikisearch-formInner{ margin-right:210px;}
  p#youshikisubmit-btn{ padding:0; width:210px; margin-left:-210px; float:right;}
}