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

File Name:      page.css
Style Info:     ページスタイル

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

/*=========================================================================
@group common
=========================================================================*/

/*--パンくずリスト--*/
#breadcrumb{
    padding:6px 9px;
    border:1px solid #CBE8FD;
    background:#EFF8FF;
    margin-bottom:10px;
    clear:both;
}

/*ページネート*/
.pagenate{
  clear:both;
	padding:5px;
	margin-bottom:20px;
	text-align:center;
  font-size:85%;
  border-bottom:2px solid #B8DDE9;
}
	.pagenate span{
		display:inline-block;
		margin:0 1px;
	}
  /*リンクあり*/
	.pagenate span.text04{
		display:inline-block;
		border:1px solid #0059B2;
		margin:0 1px;
    background:#E5EEF7;
	}
  /*リンクなし*/
	.pagenate span.text05{
		display:inline-block;
		border:1px solid #0059B2;
    background:#0059B2;
		margin:0 1px;
    padding:0px 4px;
    color:#FFFFFF;
	}
    .pagenate span.text04 a{
		  display:inline-block;
      padding:0px 4px;
    }
    .pagenate span.text04 a:hover{
      background:#0059B2;
      color:#FFFFFF;
    }
    .pagenate span.text04 a:focus{
      background:#0059B2;
      color:#FFFFFF;
    }
.clear{
	clear:both;
}


div#pagetype{
  background:url(../images/bg_pagetype.jpg) repeat-x top left;
  padding:4px;
  border:1px solid #E1E1E1;
}
  div#pagetype h3{ float:left; font-weight:normal;}
  div#pagetype span{ display:block; float:right;}




/*=========================================================================
@group categoryarticle
=========================================================================*/

div.CateArticleList-odd,
div.CateArticleList-even,
div.CateArticleList-t-odd,
div.CateArticleList-t-even,
div.CateArticleList-f-odd,
div.CateArticleList-tw-odd{ padding-top:10px;}

#CateArticleBlk h3{
  padding:0;
  border:1px solid #CCCCCC;
  font-weight:normal;
  background:url(../images/bg_pagetype.jpg) repeat-x top left;
}
  #CateArticleBlk h3 span{
    display:block;
    padding:5px 5px 5px 15px;
    background:url(../images/bg_title-cate-archive.jpg) no-repeat center left;
  }
    #CateArticleBlk h3 span a{ display:block;}

  div.CateArticleListInner p{
    text-align:right;
    padding:0.5em 0.5em 0.5em 0;
  }
    #CateArticleBlk ul li{
      padding:5px 10px 5px 5px;
      background:url(../images/dot.gif)  repeat-x bottom left;
    }


/*=========================================================================
@group article
=========================================================================*/
div.dividerInner{
  padding:5px 0 0;
  border-right:1px solid #DEDEDE;
  border-bottom:1px solid #DEDEDE;
  border-left:1px solid #DEDEDE;
}
div.archiveWrapper{
  padding-top:10px;
  padding-bottom:10px;
}
div.archive{
	margin:0 7px 7px;
  background:#FFF;
	padding:10px 10px 5px;
  clear:both;
}
div.archive:hover{
  background:#EFEFEF;
}
  p.artnumber{
    background:url(../images/bg_pagenum.jpg) repeat-x top left;
    border:1px solid #DEDEDE;
    padding:0 7px;
    margin:0 5px 0;
    text-align:center;
    font-size:80%;
  }
	div.archive h3{
		padding:0 0 3px 0;
    font-weight:normal;
    background:url(../images/dot_naname.gif) repeat-x bottom left;
	}
		div.archive h3 span.listTitle{
			font-size:110%;
			background:url(../images/bg_articletitle.jpg) no-repeat center left;
      display:block;
		}
    div.archive span.listDate{
      text-align:left;
      padding:0;
      margin:0;
      font-weight:normal;
      font-size:85%;
      color:#666;
    }
    div.archive span.listCategory{
      display:block;
      height:1.5em;
      text-align:right;
      overflow:hidden;
      margin-bottom:2px;
      padding:2px 2px 2px 5px;
      color:#2E5562;
      font-size:85%;
      border-bottom:1px solid #CCC;
    }
      div.archive span.listCategory a{
        color:#2E5562;
      }

	div.archive p{
		padding:5px 0;
    font-size:90%;
	}
  span.article-image{ display:block; float:left; margin-right:15px; height:120px; overflow:hidden;}
        h2.articletopics{
            width:740px;
        }
        p.cateImg{
            margin-bottom:10px;
        }


/*---------------p:第3階層---------------*/

.backbtn{
	padding:0;
	margin:0;
}

/*記事のタイトル*/
h2#page-title{
  padding:20px;
  font-size:140%;
  border:1px solid #E4E9DA;
  background:url(../images/bg_page-title.jpg) repeat-x top left;
}

/*記事詳細ページ基本スタイル*/
div#detail{
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	border-left:1px solid #E1E1E1;
	padding:5px;
	margin:0 0 20px;
	line-height:1.5;
}
		/*日付*/
		span.date{
			display:block;
			padding:5px;
			text-align:right;
			font-size:90%;
			background:#EFF8FF;
      color:#00468C;
		}
		
		/*記事の外枠*/
		div.articleBox{
			margin:10px auto 40px;
		}
        div.articleBox p{
          padding:0 10px 10px;
          margin:5px;
        }
				div.articleBox ul,div.articleBox ol{
					margin:10px 10px 10px 4em;
					padding:0 10px 10px;
				}
				.articleArea{
				  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;
          width:49%;
				  padding-top:20px;
				}
				.type5articleArea02{
				  float:right;
          width:49%;
				  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;
				}


    /*GoogleMaps*/
    .mapBlk{ padding:0 7px;}
    iframe.embedded-code{ width:100%; height:260px;}
		
		/*お問合せ先ボックス*/
		table#contactTable{
      width:100%;
			text-align:left;
			border-top:1px solid #DDDDDD;
			border-left:1px solid #DDDDDD;
		}
			table#contactTable td{
        padding:12px;
        text-align:left;
        border-right:1px solid #DDDDDD;
        border-bottom:1px solid #DDDDDD;
			}
			table#contactTable td.cantactTitle{ width:8em; background:url(../images/bg_contacttable.jpg) repeat-x bottom left; vertical-align:top;}
      span.btn_aform{
        display:block;
        padding:5px 0 0 0;
      }
      
div#detail hr{
  visibility:hidden;
	clear:both;
}

/*カテゴリ内他の記事*/
div.cateList{
	padding:20px 0 20px;
	margin-top:20px;
}
	div.cateList h4{
		font-size:110%;
		border-bottom:1px solid #DEDEDE;
		border-left:5px solid #FF9900;
		padding-left:10px;
    font-weight:normal;
	}
        div.cateList ul{
            padding:10px 5px 15px;
            list-style-type:none;
        }
          div.cateList li{
              background:url(../images/dot.gif) repeat-x bottom left;
              padding:5px;
          }


/*=========================================================================
@group inquiry
=========================================================================*/

div#inquiryBox{
  width:100%;
	text-align:left;
	margin:0 auto;
}
  div#inquiryBox h5{
    padding:0.5em 0.5em 0.25em 0.5em;
    font-size:110%;
    border-top:1px solid #83afdc;
    border-right:1px solid #83afdc;
    border-bottom:1px solid #83afdc;
    border-left:10px solid #83afdc;
    margin:2em 0 10px 0;
  }
  div#inquiryBox p{
    padding:10px;
  }

div#errorBox{
	width:580px;
	text-align:left;
	margin:50px auto;
	padding-top:30px;
	border:10px solid #FF9999;
}

/*フォーム全体の幅*/
.maintable{
	margin:0 auto;
  width:100%;
	text-align:left;
	color: #555555;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.maintable td{
	padding:7px;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:left;
}
.subtable{
	margin:0 auto 0 0;
	text-align:left;
	color: #555555;
	border:none;
}
.subtable td{
	padding:7px;
	border:none;
	text-align:left;
	vertical-align:top;
	background:url(../images/dot2.gif) repeat-x bottom left;
}

/*入力項目名*/
.tabletitle{
width:150px;
padding:10px;
vertical-align:top;
line-height: 130%;
color: #555555;
background:#EEEEEE;
}
.textareaBox{
width:90%;
height:300px;
}

/*入力部分・確認画面の入力内容*/
.tableform{
vertical-align:top;
padding-bottom:30px;
line-height: 130%;
color: #555555;
}



/*フォームボタン*/
.submit{
margin:30px 10px;
padding:2px 15px;
}

.hissu{
	color:#C00;
	font-weight:bold;
	font-size:85%;
	text-indent:1em;
}
.noticebox{
	margin:0 auto;
	width:550px;
  text-align:left;
}
  .helptitle{
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:3px solid #06C;
    border-left:1px solid #CCC;
    margin:0;
    padding:5px 0 0;
  }
  .notice{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    padding:10px;
  }
    .notice p{
      margin:0;
      padding:0 0 1em;
      font-size:smaller;
    }

span.example{
    display:block;
	padding:3px;
}
.formerror{ color:#CC0000;}


#kakuninBox2{ width:50%; float:right; text-align:left;}
#kakuninBox3{ width:50%; float:left; text-align:right;}

/*=========================================================================
@group wysiwyg
=========================================================================*/
/* common */
.articleArea00{
  padding:15px;
}

/* horizontalrule */
div#detail div.articleArea00 hr.el-hr{
  visibility:visible;
  border:none;
  height:1px;
  background:#999;
}

/* table */
div#detail div.articleArea00 table{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:10px auto 30px 10px;
}
	div#detail div.articleArea00 table th,div#detail div.articleArea00 table td{
		padding:7px;
		border-bottom:1px solid #CCC;
		border-left:1px solid #CCC;
		text-align:left;
	}
	div#detail div.articleArea00 table th{
		background:#DCEBF3;
	}
	div#detail div.articleArea00 table strong{ display:inline; font-weight:bold;}
    div#detail div.articleArea00 table p{ padding:0; margin:0;}
  div#detail div.articleArea00 ul{
    list-style-type:disc;
  }


/*=========================================================================
@group wiki
=========================================================================*/

/*--------------画像制御--------------*/
/*右寄せ*/
.imgright{
	display:block;
	clear:both;
	float:right;
	margin:10px 0 10px 20px;
	/*border:1px solid #000;*/
	width:320px;
}
/*左寄せ*/
.imgleft{
	display:block;
	clear:both;
	float:left;
	margin:10px 20px 10px 0;
	/*border:1px solid #000;*/
	width:320px;
}

/*--------------見出し--------------*/
/*見出しで必ずfloatをクリア*/
div.articleBox h3,div.articleBox h4,div.articleBox h5{
	clear:both;
}
/*記事のタイトル*/
div#detail h2{
	padding:23px 0.5em 0.5em 1em;
	font-size:140%;
	border:1px solid #CAD9EA;
	margin-bottom:10px;
	background:url(../images/bg_pagetitle.jpg) repeat-x top left;
}

/*見出し１*/
div.articleBox h3{
	padding:0.75em 0.5em 0.5em 0.5em;
	font-size:140%;
	border-top:1px solid #83AFDC;
	border-right:1px solid #83AFDC;
	border-bottom:1px solid #83AFDC;
	border-left:10px solid #83AFDC;
	margin:2em 0 10px 0;
	background:url(../images/bg_midashi01.jpg) repeat-x top left;
}

/*見出し２*/
div.articleBox h4{
	padding:0.5em 0.5em 0.25em 0.5em;
	font-size:110%;
	border-top:1px solid #83AFDC;
	border-right:1px solid #83AFDC;
	border-bottom:1px solid #83AFDC;
	border-left:10px solid #83AFDC;
	margin:2em 0 10px 0;
}

/*見出し３*/
div.articleBox h5{
	padding:0.25em 0.5em 0 1.25em;
	font-size:100%;
	border-bottom:5px solid #DEDEDE;
	margin:2em 0 10px 5px;
	background:url(../images/bg_midashi03.jpg) no-repeat center left;
}

/*--------------太字--------------*/
span.marktxt{ font-weight:bold;}


/*--------------文字のサイズ選択--------------*/
span.fsize80{ font-size:80%;}
span.fsize100{ font-size:100%;}
span.fsize120{ font-size:120%;}
span.fsize140{ font-size:140%;}
span.fsize160{ font-size:160%;}
span.fsize180{ font-size:180%;}
span.fsize200{ font-size:200%;}


/*--------------テーブル--------------*/
table.commonTable{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:10px auto 30px 10px;
}
	table.commonTable th,table.commonTable td{
		padding:7px;
		border-bottom:1px solid #CCC;
		border-left:1px solid #CCC;
		text-align:left;
	}
	table.commonTable th p,table.commonTable td p{margin:0; padding:0}
	table.commonTable th{
		background:#DCEBF3;
	}
  table.commonTable td.scell{
		background:#DCEBF3;
  }
	table.commonTable strong{ display:block; font-weight:normal;}

div#detail div.articleArea00 table.commonTableOff{
	margin:10px auto 30px 10px;
  border-collapse:collapse;
  border:none;
}
	div#detail div.articleArea00 table.commonTableOff th,div#detail div.articleArea00 table.commonTableOff td{
		padding:10px;
		text-align:left;
  border:none;
	}
	div#detail div.articleArea00 table.commonTableOff th p,div#detail div.articleArea00 table.commonTableOff td p{margin:0; padding:0}
	div#detail div.articleArea00 table.commonTableOff th{
		background:#E4ECF4;
	}
/*--------------注意書き・引用文--------------*/
.notice{
	padding:5px 5px 5px 10px;
	font-size:100%;
	border-left:2px solid #C00;
	background:#FFEEF4;
}
span.blockquote{
	display:block;
	margin:20px;
	padding:10px;
	font-size:100%;
	border:5px solid #FFABAB;
	background:#FFEEF4;
}


/*--------------GoogleMap--------------*/
#mapBlk{ padding:0 7px;}

h2#error404{
	font-size:300%;
	font-family:"Arial Black", Gadget, sans-serif;
	padding:60px 30px 40px;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
	margin-bottom:10px;
  margin-left:30px;
	background:none;
  color:#85CDE4;
  background:#F2F9FE;
}
h3#error404message{
	padding:15px 30px 15px;
	font-size:200%;
  font-family:"Arial Black", Gadget, sans-serif;
  margin:0 35px;
	font-size:140%;
	margin:2em 0 10px 0;
}
h3.title-error404{
	padding:0.5em 0.5em 0.25em 0.5em;
	font-size:110%;
	border-top:1px solid #83AFDC;
	border-right:1px solid #83AFDC;
	border-bottom:1px solid #83AFDC;
	border-left:10px solid #83AFDC;
	margin:2em 0 10px 30px;
}


/*=========================================================================
@group static
=========================================================================*/


/*  年賀状  */
.nengaTable{
  border:none;
  border-collapse:collapse;
  width:100%;
  margin:20px auto;
}
  .nengaTable td{
    padding:5px 0 20px;
    width:15%;
    text-align:center;
  }
  .nengaTable th{
    padding:5px 15px 5px 0;
  }
  .nengaTable th span{
    display:block;
    padding:5px;
    border-bottom: 1px solid #999;
    border-left: 6px solid #999;
  }
  
  
  
/* 写真・絵画コンテスト */

div.contestBox p.sakuhinBox{
  float:left;
	padding-left:35px;
  margin-left:0;
  margin-right:0;
}
div.contestBox p.sakuhinBox span{
  display:block;
  text-align:center;
}


/* 「RSSについて」スタイル */

div#desc-rss{ padding:0;}

/*記事のタイトル*/
div#static-only h1#page-title{
	padding:0.5em;
	font-size:140%;
	border:1px solid #CAD9EA;
	margin-bottom:10px;
	background:url(../images/bg_midashi01.jpg) repeat-x top left;
}
/*見出し２*/
div#static-only div.articleBox h2{
	padding:0.5em 0.5em 0.25em 0.5em;
	font-size:110%;
	border-top:1px solid #83AFDC;
	border-right:1px solid #83AFDC;
	border-bottom:1px solid #83AFDC;
	border-left:10px solid #83AFDC;
	margin:2em 0 10px 0;
}

/*見出し３*/
div#static-only div.articleBox h3{
	padding:0.25em 0.5em 0 0.5em;
	font-size:100%;
	margin:2em 0 10px 5px;
  border-top:none;
  border-right:none;
	border-bottom:2px solid #DEDEDE;
	border-left:6px solid #DEDEDE;
	background:url(../images/bg_midashi03.jpg) no-repeat center left;
}

/*==================================================================================================================================================
@group フォトギャラリー規約
==================================================================================================================================================*/

div#tos{ text-align:left; padding:15px;}

div#tos h1{ border-bottom:1px solid #C7C9D6; padding:0; margin-bottom:10px;}
div#tos ul{ padding:10px; list-style-type:none;}
div#tos ul li{ margin-bottom:5px; background:url(../images/dot_x.gif) repeat-x bottom; padding-bottom:5px;}
p#doui{ text-align:center; border:3px solid #DCE6ED; padding:15px; margin:5px 10px;}



/*==================================================================================================================================================
@group ふるさと納税申込フォーム
==================================================================================================================================================*/
div.orei-list{ padding:10px 0; margin:10px 0; border-top:1px solid #DEDEDE;}
h4.title_oreinoshina{ float:left;}
div#inquiryBox p.btn_oreinoshina{ display:block; width:164px; float:right; padding:0; margin:0;}
div#inquiryBox p.input_oreinoshina{ clear:both; padding:0; margin:0;}




/*=========================================================================
@group calendar
=========================================================================*/


/*イベントカレンダーページスタイル*/

#eventBlk{padding:10px 0; margin:0;}

/*ナビボタン*/
.eventNav{
	margin:0px auto 5px;
	text-align:center;
	border-top:5px solid #E6DFD7;
	border-bottom:5px solid #E6DFD7;
  width:100%;
}
	.eventNav ul{ list-style-type:none; padding-bottom:5px;}
	.eventNav li{
    float:left;
		margin:0;
    width:8.3%;
	}
    .eventNav li a{ display:block; padding:3px;}
    a.btn-month{ background:url(../images/border.gif) repeat-y right top;}
    .eventnavBtn{ padding:5px 0;}

ul.btn-month{ clear:both; padding:0;}
.eventNav li.btn-prevMonth{ width:70px; float:left;}
.eventNav li.btn-nextMonth{ width:70px; float:right;}
.eventNav li.btn-prevMonth a,
.eventNav li.btn-nextMonth a{ padding:3px 0;}


/*行事予定表*/

ul#calendarTab{ list-style-type:none;}
ul#calendarTab li{
  width:225px;
  float:left;
  padding:0;
  margin:0;
}
ul#calendarTab li a{ display:block; margin:0; padding:0;}
ul#calendarTab li span{ display:block; margin:0; padding:0;}

div#evcal-header{
  border:3px solid #CBD3AF;
  clear:both;
  background:url(../images/bg_evcal-header.jpg) repeat-x top left;
  padding:0;
  margin-bottom:10px;
}
div#kosodatecal-header{
  border:3px solid #FFE6E6;
  clear:both;
  background:url(../images/bg_spcate-header.jpg) repeat-x top left;
  padding:0;
  margin-bottom:10px;
}
  div#kosodatecal-header span{ display:block; background:url(../images/bg_kosodatecal_title-trans.png) no-repeat right top;}

/* イベントカレンダー */
h2#month-ev{ background:#F3F1EB; font-size:200%; padding:10px 12px 7px; line-height:1.2em; border:1px solid #CCCCCC;}
table.eventTable{
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0 auto 10px;
	width:100%;
}
table.eventTable caption{ text-align:right; background:#F7F5F0; padding:1px 5px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; font-size:90%;}
	table.eventTable th,table.eventTable td{
		padding:5px;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		text-align:center;
	}
	table.eventTable th{
		background:#FBEDDF;
	}
	table.eventTable th.day{
		width:3em;
	}
	table.eventTable th.dow{
		width:3em;
	}
	table.eventTable td.event{
		text-align:left;
	}
		table.eventTable td.event ul{ margin-left:2em;}
		table.eventTable td.event ul li{
			padding:3px 0;
			margin:0;
			text-indent:0;
		}

		table.eventTable td span.saturday{
			color:#00F;
			font-weight:bold;
		}
		table.eventTable td span.sunday{
			color:#D90000;
			font-weight:bold;
		}

/* 健康カレンダー */
h2#month-ken{ background:#FFE2D9; font-size:200%; padding:10px 12px 7px; line-height:1.2em; border:1px solid #DDC4BB; color:#400000;}
table.kenkouTable{
	border-top:1px solid #DDC4BB;
	border-right:1px solid #DDC4BB;
	margin:0 auto 10px;
	width:100%;
}
table.kenkouTable caption{ text-align:right; background:#FCEEEB; padding:1px 5px; border-right:1px solid #DDC4BB; border-left:1px solid #DDC4BB; font-size:90%;}
	table.kenkouTable th,table.kenkouTable td{
		padding:5px;
		border-bottom:1px solid #DDC4BB;
		border-left:1px solid #DDC4BB;
		text-align:center;
	}
	table.kenkouTable th{
		background:#FBE7E2;
	}
	table.kenkouTable th.day{
		width:3em;
	}
	table.kenkouTable th.dow{
		width:3em;
	}
	table.kenkouTable td.event{
		text-align:left;
	}
		table.kenkouTable td.event ul li{
			padding:3px 0 3px 25px;
			margin:0;
			text-indent:-20px;
		}

		table.kenkouTable td span.saturday{
			color:#00F;
			font-weight:bold;
		}
		table.kenkouTable td span.sunday{
			color:#D90000;
			font-weight:bold;
		}