
/* ---------------------------
   共通
--------------------------- */
/* ネスケ用サイズ合わせ */
*{ box-sizing : border-box; }
*{ -moz-box-sizing : border-box; }

/* IEバグ対策用(Mac版非対応) \*/
*html div { height: 1px; }
/* バグ対策終了 */

/* body情報------------------------------------------------------ */
body
{
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 0px;
	color: #000000;
	background: #ffffff;
	background-repeat: repeat;
	font-size: 100%;
}
/* IEのみに適用する \*/
*html body{ word-break: break-all; overflow: auto; }

/* form情報------------------------------------------------------ */
form
{
	margin: 0px;
}


/* div情報------------------------------------------------------ */
div
{
	margin: 0px;
	padding: 0px;
}

/* アンカータグ------------------------------------------------------ */
/* オリジナルの設定を利用
a:link
{
	color: #00008B;
	text-decoration: none;
}
a:active
{
	color: #8B0000;
	text-decoration: none;
}
a:visited
{
	color: #00008B;
	text-decoration: none;
}
a:hover
{
	color: #6A5ACD;
	text-decoration: underline;
}
*/

/* トップメニュー用 */
a.menubar
{
	display: block;
	width: 100%;
}

a.menubar:link
{
	color: #ffffff;
	text-decoration: none;
}
a.menubar:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.menubar:hover
{
	color: #0000CD;
	text-decoration: underline;
	background-color: #F0FFFF;
}


/* ul情報------------------------------------------------------ */
ul
{
	list-style-image: url("../top_images/i_ibento.gif");
	margin : 0px;
	padding :  0px 0px 0px 5px;
}

ul.ul3
{
	list-style-image: url("../top_images/i_sikaku3.gif");
	margin : 0px;
	padding :  0px 0px 0px 5px;
}

/* li情報------------------------------------------------------ */
li
{
	margin : 0px 0px 0px 20px;
	padding : 0px 3px 0.5em 3px;
}


/* トップメニュー用 */
ul.menubar
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 0.5%;
	list-style: none;
	display: block;
	overflow: auto;
}
ul.menubar li 
{
	width: 19.8%;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	padding: 1px;
	margin: 0px;
	float: left;
	display: block;
}
/* IEのみに適用する \*/
* html ul.menubar { height: 1%; padding-left: 1.2%; overflow: visible; }
* html ul.menubar li { height: 100%; }


/* HRを消す------------------------------------------------------------------ */
hr.hide
{
	display: none;
}


/* 文字を消す------------------------------------------------------------------ */
.hide
{
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;  /* MacIE5対策：これがないと隙間ができる */
}

/*--------------------------
  テキスト配置
  --------------------------*/
.txtleft	{ text-align : left; }
.txtcenter	{ text-align : center; }
.txtright	{ text-align : right; }
.txttop		{ vertical-align : top; }
.txtmiddle	{ vertical-align : middle; }
.txtbottom	{ vertical-align : bottom; }


/* ---------------------------
   table
--------------------------- */

/* サイトマップ */
table.boxlist {
	width : 90%;
	border : solid 1px;
	text-align : left;
}

th.boxlist
{
	background-color:#1F1FBE;
	font-size: 80%;
	font-weight: normal;
	color: #ffffff;
	border: solid 1px #CECFCE; border-collapse: collapse;
	text-align : center;
}

td.boxlist1
{
	background-color:#FFFFFF;
	font-size: 100%;
	font-weight: normal;
	color: #FF5216;
	border: solid 1px #CECFCE; border-collapse: collapse;
}

td.boxlist2
{
	background-color:#5F5FFD;
	font-size: 80%;
	font-weight: normal;
	color: #ffffff;
	border: solid 1px #CECFCE; border-collapse: collapse;
}

td.boxlist3
{
	background-color:#E4E4FF;
	font-size: 80%;
	font-weight: normal;
	border: solid 1px #CECFCE; border-collapse: collapse;
}

td.boxlist4
{
	background-color: LightYellow;
	font-size: 80%;
	text-align:center;
	font-weight: normal;
	border: solid 1px #CECFCE; border-collapse: collapse;
}


td.boxlist5
{
	background-color:#E4E4FF;
	font-size: 80%;
	text-align:center;
	font-weight: normal;
	border: solid 1px #CECFCE; border-collapse: collapse;
}

/* ---------------------------
   div
--------------------------- */
/* 余白設定1 */
div.space1 {
	margin : 1em 0em 1em 0em;
}
/* 余白設定2 */
div.space2 {
	padding : 0em 0em 0em 0.5em;
}
/* 余白設定3 */
div.space3 {
	padding : 2px 4px;
	text-align : left;
}
/* 余白設定4 */
div.space4 {
	padding : 0em 0em 0em 0em;
}

/* コンテンツタイトル */
div.con_title
{
	padding: 0.5em 0em 0.5em 0em;
	text-align: left;
}

/* コンテンツ概要 */
div.con_summary
{
	padding: 0.5em 0em 1em 0em;
	text-align: left;
}

/* 更新日付 */
div.date
{
	padding: 0.2em 0.5em 0em 0.5em;
	text-align: right;
	width: 100%;
}

/* コンテンツ用 */
div.contents
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 100%;
	text-align: left;
	padding: 0em 0em 1em 0.5em;
}


/* 上部バナー背景 */
div.topimg
{
	width: 98%;
	margin: 0px auto;
	text-align: right;
	background-image: url("../top_images/top_image01.gif") ;
	background-repeat: no-repeat;
}

div.topimg2
{
	width: 98%;
	margin: 0px auto;
	text-align: left;
	background-position: right;
	background-image: url("../top_images/top_image02.gif") ;
	background-repeat: no-repeat;
}

/* メニューバー */
div.menubar
{
	width: 98%;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
	border: solid #C9C9C9;
	border-width: 0px 1px 0px 1px;
	background-image: none;
	background-color: #3333cc; 
	padding: 3px;
	overflow: auto; /* netscape用 */
}
/* IEのみに適用する \*/
*html div.menubar{ overflow:visible; }

div.menubar1
{
	width: 100%;
	text-align: center;
}
div.menubar2
{
	width: 100%;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	background-color: #3333cc;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
/* IEのみに適用する \*/
* html div.menubar1{height: 1%}
* html div.menubar2{height: 100%;}
/* */



/* タブメニュー用 */
div.tabmenu
{
	background-image: url("../top_images/top_back10.gif") ;
	font-size: 90%;
	color: #00008B;
	vertical-align: middle;
	width: 98%;
	margin: 0px auto;
	text-align:left;
	border: solid 0px #C9C9C9;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* 検索用 */
div.search
{
	margin: 0px;
/*	padding: 0px 4px 4px;*/
	padding: 1px;
	text-align: right;
	width: 98%;
	margin: 0px auto;
	font-size: 80%;
	background-image: url("../top_images/top_back10.gif") ;
	vertical-align: middle;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/* サイト情報用 */
div.siteinfo
{
	margin: 0px;
	padding : 5px;
	font-size: 80%;
	text-align:left;
	background-image: url("../top_images/top_back10.gif") ;
}

/* バナー用 */
div.banner
{
	padding-top: 10px;
	text-align:center;
}

/* 自治体情報エリア */
div.jyuusyo
{
	padding: 3px;
	font-size: 80%;
	font-weight: normal;
	color: #353535;
	text-align: center;
	border: solid 0px #939393;
}

/* 中央揃え */
div.txtcenter
{
	border : 0px;
	text-align : center;
}

/* 音声ナビゲーション用 */
div.voicenavi {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;  /* MacIE5対策：これがないと隙間ができる */
}

/* パンくず */
div.topicpath
{
	background-image: url("../top_images/top_back10.gif") ;
	border: solid 1px #C9C9C9;
	font-size: 90%;
	font-weight:bold;
	text-align:left;
	padding: 5px;
}


/* ---------------------------
   ＭＭＣＢコンテンツ枠スタイル
   --------------------------- */
/* サイドメニュー */
/* 枠（サイドメニュー情報タイトル）--------------------------------------------------- */
div.waku_side01
{
	color: #000000;
	position: relative;   /* IE6対策：これがないと背景が消える */
	background: transparent url(../top_images/top_waku_image02_02.gif) repeat-y top right;
}

/* 枠（サイドメニュー情報タイトル背景）----------------------------------------------- */
div.waku_side01_1
{
    padding-left: 7px;
	background-image: url("../top_images/top_waku_image02_01.gif") ;
}

/* 枠（サイドメニュー情報タイトル整形）----------------------------------------------- */
div.waku_side01_2
{
	padding-right: 5px;
	padding-bottom: 3px;
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
}

/* 枠（サイドメニュー情報エリア）----------------------------------------------------- */
div.waku_side02
{
	margin: 0px;
	margin-left: 3px;
	padding: 0px;
	color: #000000;
	position: relative;   /* IE6対策：これがないと背景が消える */
	background: transparent url(../top_images/top_waku_image01_04.gif) repeat-y top right;
}

/* 枠（サイドメニュー情報エリア背景）------------------------------------------------- */
div.waku_side03
{
	margin: 0px;
	padding: 0px;
	background-image: url("../top_images/top_waku_image01_03.gif") ;
}

/* 枠（サイドメニュー情報エリア整形）------------------------------------------------- */
div.waku_side03_1
{
	margin: 0px;
	padding-top: 2px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	margin-right: 3px;
}

/* 枠（サイドメニュー情報フッター）--------------------------------------------------- */
div.waku_side04
{
	margin: 0px;
	padding: 0px;
	position: relative;   /* IE6対策：これがないと背景が消える */
	text-align:left;
	background: transparent url(../top_images/top_waku_image01_06.gif) repeat-y top right;
}


/* ピックアップ */
/* 枠（ピックアップ情報タイトル）--------------------------------------------------- */
div.waku_pik01
{
  color: #000000;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background: transparent url(../top_images/top_waku_image03_02.gif) repeat-y top right;
}


/* 枠（ピックアップ情報タイトル背景）----------------------------------------------- */
div.waku_pik01_1
{
  padding-left: 7px;
  background-image: url("../top_images/top_waku_image03_01.gif") ;
}

/* 枠（ピックアップ情報タイトル整形）----------------------------------------------- */
div.waku_pik01_2
{
	padding-right: 5px;
	padding-bottom: 3px;
	text-align:center;
	vertical-align: middle;
	font-size: 90%;
}


/* 枠（ピックアップ情報エリア）----------------------------------------------------- */
div.waku_pik02
{
  margin-left: 3px;
  padding: 0px;
  color: #000000;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background: transparent url(../top_images/top_waku_image01_04.gif) repeat-y top right;
}

/* 枠（ピックアップ情報エリア背景）------------------------------------------------- */
div.waku_pik03
{
  margin: 0px;
  padding: 0px;
  background-image: url("../top_images/top_waku_image01_03.gif") ;
}

/* 枠（ピックアップ情報エリア整形）------------------------------------------------- */
div.waku_pik03_1
{
	font-size: 80%;
	font-weight: normal;
	text-align:center;
	margin-left: 3px;
	margin-right: 5px;
	padding-top: 5px
}

/* 枠（ピックアップ情報エリア整形）------------------------------------------------- */
div.waku_pik03_2
{
	padding: 3px 3px 0px 3px;
	margin: 0px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
}

/* 枠（ピックアップ情報フッター）--------------------------------------------------- */
div.waku_pik04
{
  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image01_06.gif) repeat-y top right;
}


/* 緊急情報 */
/* 枠（緊急情報タイトル）------------------------------------------------------------ */
div.waku_kinkyuu01
{
  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image04_02.gif) repeat-y top right;
}


/* 枠（緊急情報エリア）-------------------------------------------------------------- */
div.waku_kinkyuu02
{
  margin-left: 3px;
  padding: 0px;
  padding-top: 2px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background: transparent url(../top_images/top_waku_image01_04.gif) repeat-y top right;
}


/* 枠（緊急情報エリア背景）---------------------------------------------------------- */
div.waku_kinkyuu03
{
  margin: 0px;
  padding: 0px;
  background-image: url("../top_images/top_waku_image01_03.gif") ;
}


/* 枠（緊急情報フッター）------------------------------------------------------------ */
div.waku_kinkyuu04
{
  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image01_06.gif) repeat-y top right;
}

/* 枠（緊急情報エリア整形 タイトル）------------------------------------------------------ */
div.waku_kinkyuu05
{
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	color: #FF0000;
}

/* 枠（緊急情報エリア整形 概要）---------------------------------------------------------- */
div.waku_kinkyuu06
{
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
}

/* 枠（緊急情報エリア整形 詳細）---------------------------------------------------------- */
div.waku_kinkyuu07
{
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	margin: 0px;
	padding: 5px;
}

/* 枠（緊急情報エリア整形 URL）---------------------------------------------------------- */
div.waku_kinkyuu08
{
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	padding-right: 15px;
}

/* 新着情報 */
/* 枠（新着情報タイトル）------------------------------------------------------------ */
div.waku_sintyaku01
{
  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image01_02.gif) repeat-y top right;
}


/* 枠（新着情報エリア）-------------------------------------------------------------- */
div.waku_sintyaku02
{
  margin-left: 3px;
  padding: 0px;
  color: #000000;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background: transparent url(../top_images/top_waku_image01_04.gif) repeat-y top right;
}


/* 枠（新着情報エリア背景）---------------------------------------------------------- */
div.waku_sintyaku03
{
  margin: 0px;
  padding: 0px;
  background-image: url("../top_images/top_waku_image01_03.gif") ;
}


/* 枠（新着情報フッター）------------------------------------------------------------ */
div.waku_sintyaku04
{
  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image01_06.gif) repeat-y top right;
}

/* 枠（新着情報エリア整形）---------------------------------------------------------- */
div.waku_sintyaku05
{
	text-align:left;
	font-size: 100%;
	font-weight: normal;
	margin-right: 10px;
	padding: 3px;
}

/* 枠（新着情報エリア整形）---------------------------------------------------------- */
div.waku_sintyaku06
{
	text-align:left;
	font-size: 90%;
	font-weight: normal;
	margin-right: 10px;
	padding: 3px;
}

/* 枠（今週のイベントタイトル）------------------------------------------------------------ */
div.waku_event01
{

  margin: 0px;
  padding: 0px;
  position: relative;   /* IE6対策：これがないと背景が消える */
  text-align:left;
  background: transparent url(../top_images/top_waku_image01_1_02.gif) repeat-y top right;
}

/* パンくず */
div.topicpath
{
	background-image: url("../top_images/top_back10.gif") ;
	background-color: #F6F6F6;
	border: solid 2px #E3E3E3;
	font-size: 90%;
	font-weight:bold;
	text-align:left;
	padding: 0px;
}

/* ---------------------------
   ＭＭＣＢ新着情報画像用スタイル
   --------------------------- */
div.waku_new01
{
  	text-align:left;
	margin: 0px;
	padding: 3px;
	font-size: 80%;
	color: #000000;
}

.waku_new02
{
	float: right;
	margin-top: 0.3em;
	margin-left: 1em;
	margin-bottom: 0.3em;
}

.waku_new03
{
	float: left;
	font-size: 70%;
	text-align : center;
}

.waku_new04
{
	float: left;
	margin-top: 0.3em;
	margin-left: 0.2em;
	margin-bottom: 0.3em;
}



/* 階層メニュー用 */
div.tree_1
{
	position: relative;   /* IE6対策：これがないと背景が消える */
	background: transparent url(../top_images/top_back5.gif) repeat-y top right;
	clear: both;
	margin-right: 3px;
	padding: 5px;
	padding-top: 10px;
	font-size: 100%;
	line-height: 1em;
	color: #FF5216;
}

div.tree_2
{
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	padding: 3px 3px 3px 20px;
	color: #000000;
}
div.tree_3
{
	text-align:left;
	font-weight: normal;
	padding: 3px 3px 3px 15px;
}

.tree_kbn
{
	font-size: 90%;
	font-weight: normal;
	color: #FF0000;
}

.tree_con
{
	font-size: 80%;
	font-weight: normal;
	color: #000000;
}

/* カテゴリメニュー用 */
div.category_1
{
	position: relative;   /* IE6対策：これがないと背景が消える */
	background: transparent url(../top_images/top_back5.gif) repeat-y top right;
	clear: both;
	margin-right: 3px;
	padding: 3px;
	font-size: 100%;
	line-height: 1em;
	color: #FF5216;
}

div.category_2
{
	text-align:left;
	font-size: 90%;
	font-weight: normal;
	padding: 3px;
	color: #000000;
}

div.category_3
{
	text-align:left;
	font-size: 100%;
	font-weight: normal;
	padding: 3px 3px 3px 50px;
}

div.category_4
{
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	color: #000000;
	padding: 3px 3px 3px 20px;
}



/* 検索用 */
div.search_01
{
	padding: 5px;
	margin: 0px;
	text-align:center;
	font-size: 90%;
	font-weight: normal;
}

div.search_02
{
	padding-left: 3px;
	margin-left: 5px;
	margin-right: 5px;
	text-align:left;
	font-size: 90%;
	font-weight: normal;
	background-image: url("../top_images/top_back2.gif") ;
}

div.search_03
{
	padding: 3px 3px 10px 30px;
	margin: 0px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;

}

div.search_04
{
	padding: 5px;
	margin: 0 5% 10px 5%;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}

/* イベント用 */
div.event01
{
	padding: 10px;
	margin: 0px;
	text-align:center;
	font-size: 120%;
	font-weight: normal;
}

/*----------------------------
  ファイル送受信コンテンツ用
----------------------------*/
div.fileform {
	width: 600px;
	font-size: 100%;
}
div.fileform div {
	width: 100%;
	padding: 0.5ex 0ex 0ex;
	border: 0px none;
}
div.fileform div#formhead {
	padding: 0.5ex;
	background-color: #303099;
	color: #ffffff;
}
div.fileform span.lbl {
	width: 20%;
	padding: 0.5ex;
	background-color: #303099;
	color: #ffffff;
	text-align:center;
}
div.fileform span.txt {
	margin: auto 0.5ex;
	vertical-align: top;
}
div.fileform label.txt {
	width: 20%;
	padding: 0.5ex;
	background-color: #303099;
	color: #ffffff;
	text-align: center;
}
div.fileform input {
	margin: auto 0.5ex;
	vertical-align: top;
}

/*-------------------------------------------------------------------------------------------------
　見附市用変更
-------------------------------------------------------------------------------------------------*/
/********** ↓ div 確認用 *********
div {
	border: 1px dashed !important;
	background-image: none;
	background-color: #EFEFEF;
}
/********* ↑ div 確認用 **********/

/* body情報------------------------------------------------------ */
body
{
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../top_images/back.gif);
	background-repeat: repeat;
}

/* ---------------------------
   table
--------------------------- */

/* サイトマップ */
th.boxlist
{
	background-color:#FF6600;
}

td.boxlist1
{
	background-color:#FFFFFF;
}

td.boxlist2
{
	background-color:#FF9900;
}

td.boxlist3
{
	background-color:#FFE4D2;
}

td.boxlist5
{
	background-color:#FFE4D2;
}

/* サイトマップ */
div.waku_boxlist01 {
  margin: 0px;
  padding: 0px 186px 0px 0px;
  text-align:left;
  background: transparent url(../top_images/TOP_search_image03.gif) no-repeat top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 追加コンテナ ------------------------------------------------------------------------- */

/* 緊急情報用 */
div.waku_kinkyuu_container {
	width: 70%;
	margin: 0px auto 8px;
	position: relative;
	clear: both;
}

/* トップメニュー用 */
div.waku_menubar_container {
	width: 100%;
	margin: 0px auto;
	position: relative;
	clear: both;
}

/* 自治体情報用 */
/* コンテナ */
div.waku_cityname_container {
	min-width: 805px; /* netscape用 */
	width: 96%;
	margin: 0px auto;
	background: #FFFFFF;
	position: relative;
	float: left;
	clear: both;
	left: 2%;
}

/* 体裁用枠 ----------------------------------------------------------------------------- */

/* トップページフラッシュ */
div.waku_top_flash {
	position: relative;
	float:left;
}
div.waku_top_flash object {
	/*width: 380px;*/
	position: relative;
	float: left;
	display: block;
}
div.waku_top_flash embed {
	/*width: 380px;*/
	margin: 0px 0px 8px 0px;
	position: relative;
	float: left;
}

/* 枠（上部メニュー用 */
div.waku_topmenu {
	width: 94%;
	margin: 0px auto;
	border: solid #9C95F8;
	border-width: 0px 0px 4px 0px;
	background: #CFCCFD;
}

/* 新着情報枠 */
div.waku_top_sintyaku {
	position: relative;
	float:left;
}

/* 自治体情報上HR */
div.waku_cityname_container hr {
	border: solid #666666;
	border-width: 2px 0px 0px 0px;
}

/* サイドメニュー */
div.waku_sidemenu01 {
	width: 100%;
	margin: 0px;
	padding: 8px 4px 0px 4px;
	/*background: #9C95F8;*/
	background: transparent;
	position: relative;
	float: left;
}

/* ul情報------------------------------------------------------ */
ul
{
	list-style-image: url("../top_images/TOP_image01_30.gif");
	margin : 0px;
	padding :  0px 0px 0px 2px;
}
/* IEのみに適用 \*/
*html ul { padding: 0px; }

ul.ul3
{
	list-style-image: url("../top_images/TOP_image01_25.jpg");
	margin : 0px;
	padding :  0px 0px 0px 0px;
}

/* li情報------------------------------------------------------ */
li
{
	margin: 0px 0px 1px 20px;
	padding: 0px;
	vertical-align: top;
}
/* IEのみに適用する \*/
*html li{ margin-left: 16px;}

/* トップメニュー用 */
ul.menubar
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}
ul.menubar li 
{
	width: 19.9%;
	padding: 1px 0.1% 1px 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	display: block;
}
/* IEのみに適用する \*/
* html ul.menubar { height: 1%; padding-left: 0.5%; overflow: visible; }
* html ul.menubar li { height: 100%; }

/* 上部バナー背景 */
div.topimg
{
	min-width: 805px; /* Netscape等 */
	width: 96%;
	min-height: 177px; /* Netscape等 */
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(../top_images/TOP_image01_02.jpg);
	position: relative;
	float: left;
	left: 2%;
}
/* フラッシュ配置設定 */
div.topimg div {
	margin: 0px;
	padding: 0px;
	position: relative;
	float: right;
}
/* トップ用画像 IEのみに適応する \*/
*img.topimg {
	position: relative;
	clear: both;
	left: -3px;
}

/* 上部バナー背景 */
div.topimg_1
{
	margin: 0px auto;
	/*background: url(../top_images/TOP_hd_image01_03.jpg) no-repeat top right;*/
}


/* メニューバー */
div.menubar
{
	width: 80%;
	margin: 0px auto;
	padding: 0px 0px 0px 1px;
	text-align: center;
	vertical-align: middle;
	border: solid #C9C9C9;
	border-width: 1px;
	background-image: none;
	background-color: transparent;
	overflow: auto; /* netscape用 */
}
/* IEのみに適用する \*/
*html div.menubar{ overflow:visible; }

div.menubar2
{
	width: 100%;
	padding: 2px;
	font-size: 100%;
	color: #ffffff;
	text-align: center;
	background-color: #9C95F8;
	border: 1px solid #CCCCCC;
}
/* IEのみに適用する \*/
* html div.menubar1{height: 1%}
* html div.menubar2{height: 100%;}


/* タブメニュー用 */
div.tabmenu
{
	min-width: 805px; /* netscape用*/
	width: 96%;
	margin: 0px auto;
	padding: 0px;
	font-size: 90%;
	color: #00008B;
	text-align: left;
	background: url(../top_images/TOP_image01_05.gif) repeat-x top left;
	border: 0px none;
	position: relative;
	float: left;
	left: 2%;
}
/* 画像配置用 */
div.tabmenu div {
	margin: 0px;
	padding: 0px;
	float: right;
}
div.tabmenu img {
	margin: 0px;
	padding: 0px;
}

/* 自治体情報エリア */
div.jyuusyo
{
	padding: 0px;
	margin: 0px auto;
	font-size: 80%;
	font-weight: normal;
	color: #666666;
	text-align: center;
	border: solid 0px #939393;
}

/* パンくず */
div.topicpath
{
	padding: 0px;
	font-size: 90%;
	font-weight:bold;
	text-align:left;
	background-image: none;
	background-color: #FFFFFF;
	border: solid 2px #E3E3E3;
}
div.topicpath img {
	vertical-align: middle;
}

/* ---------------------------
   ＭＭＣＢコンテンツ枠スタイル
   --------------------------- */
/* サイドメニュー */
/* 枠（サイドメニュー情報タイトル）--------------------------------------------------- */
div.waku_side01
{
	margin: 0px;
	color: #000000;
	line-height: 0.5em;
	position: relative;   /* IE6対策：これがないと背景が消える */
	background: transparent;
}

/* 枠（サイドメニュー情報タイトル背景）----------------------------------------------- */
div.waku_side01_1
{
	margin: 0px;
	padding: 4px 0px;
	border: 2px solid #8b81ff;
	background: #d3deff;
	position: relative;
}

/* 枠（サイドメニュー情報タイトル整形）----------------------------------------------- */
div.waku_side01_2
{
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 80%;
	color: #000000;
	background: transparent;
	position: relative;
}

/* 枠（サイドメニュー情報エリア）----------------------------------------------------- */
div.waku_side02
{
	margin: 0px 0px 8px 0px;
	padding: 0px;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid #CCCCCC;
	position: relative;   /* IE6対策：これがないと背景が消える */
	background-image: none;
}

/* 枠（サイドメニュー情報エリア背景）------------------------------------------------- */
div.waku_side03
{
	margin: 0px;
	padding: 0px;
	background-image: none;
}

/* 枠（サイドメニュー情報エリア整形）------------------------------------------------- */
div.waku_side03_1
{
	margin: 0px;
	margin-right: 3px;
	padding-top: 2px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	border: 0px none;
}

/* 枠（サイドメニュー情報フッター）--------------------------------------------------- */
div.waku_side04
{
	margin: 0px;
	padding: 0px;
	text-align:left;
	background-image: none;
	position: relative;   /* IE6対策：これがないと背景が消える */
}

/* ピックアップ */
/* 枠（ピックアップ情報タイトル）--------------------------------------------------- */
div.waku_pik01
{
  margin: 0px;
  font-size: 80%;
  color: #000000;
  background: transparent;
}


/* 枠（ピックアップ情報タイトル背景）----------------------------------------------- */
div.waku_pik01_1
{
  margin: 0px;
  padding: 4px 0px;
  border: 2px solid #8b81ff;
  background: #d3deff;
  position: relative;
}

/* 枠（ピックアップ情報タイトル整形）----------------------------------------------- */
div.waku_pik01_2
{
	padding: 0px;
	text-align: left;
	font-size: 90%;
 	background: transparent;
}

/* 枠（ピックアップ情報エリア）----------------------------------------------------- */
div.waku_pik02
{
  margin: 0px;
  padding: 0px;
  color: #000066;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background-image: none;
}

/* 枠（ピックアップ情報エリア背景）------------------------------------------------- */
div.waku_pik03
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  text-align: center;
  border: 2px solid #CCCCCC;
  background-image: none;
}

/* 枠（ピックアップ情報エリア整形）------------------------------------------------- */
div.waku_pik03_1
{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-weight: normal;
	text-align: center;
}

/* 枠（ピックアップ情報エリア整形）------------------------------------------------- */
div.waku_pik03_2
{
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 80%;
	font-weight: normal;
}

/* 枠（ピックアップ情報フッター）--------------------------------------------------- */
div.waku_pik04
{
  margin: 0px;
  padding: 0px;
  text-align:left;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 緊急情報 */
/* 枠（緊急情報タイトル）------------------------------------------------------------ */
div.waku_kinkyuu01
{
  width: 100%;
  margin: 0px auto;
  padding: 0px 20px 0px 0px;
  text-align: left;
  background: transparent url(../top_images/Emergency_04.gif) no-repeat top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 緊急情報用 */
/* 枠（緊急情報タイトル背景）------------------------------------------------------------ */
div.waku_kinkyuu01_1 {
	margin: 0px;
	padding: 0px;
	background: transparent url(../top_images/Emergency_02.gif) repeat-x top left;
	position: relative;
}

/* 枠（緊急情報エリア）-------------------------------------------------------------- */
div.waku_kinkyuu02
{
  width: 100%;
  margin: 0px auto 8px;
  padding: 2px 0px 0px 0px;
  font-size: 80%;
  border: 2px solid #CCCCCC;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（緊急情報エリア背景）---------------------------------------------------------- */
div.waku_kinkyuu03
{
  margin: 0px;
  padding: 0px;
}

/* 枠（緊急情報フッター）------------------------------------------------------------ */
div.waku_kinkyuu04
{
  margin: 0px;
  padding: 0px;
  text-align:left;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（緊急情報エリア整形 タイトル）------------------------------------------------------ */
div.waku_kinkyuu05
{
	margin: 0px;
	padding: 3px 3px 3px 3px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
}

/* 枠（緊急情報エリア整形 概要）---------------------------------------------------------- */
div.waku_kinkyuu06
{
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

/* 枠（緊急情報エリア整形 詳細）---------------------------------------------------------- */
div.waku_kinkyuu07
{
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}

/* 枠（緊急情報エリア整形 URL）---------------------------------------------------------- */
div.waku_kinkyuu08
{
	margin: 0px;
	padding: 5px;
	padding-right: 15px;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
}

/* 新着情報 */
/* 枠（新着情報タイトル）------------------------------------------------------------ */
div.waku_sintyaku01
{
  margin: 0px;
  padding: 0px 186px 0px 0px;
  text-align:left;
  background: transparent url(../top_images/TOP_image01_12.gif) no-repeat top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（新着情報タイトル背景）----------------------------------------------------------- */
div.waku_sintyaku01_1 {
	margin: 0px;
	padding: 0px;
	background: transparent url(../top_images/TOP_image01_10.gif) repeat-x top left;
	position: relative;
}

/* 枠（新着情報エリア）-------------------------------------------------------------- */
div.waku_sintyaku02
{
  margin: 0px;
  padding: 0px;
  color: #000000;
  border: 2px solid #CCCCCC;
  position: relative;   /* IE6対策：これがないと背景が消える */
  background-image: none;
}


/* 枠（新着情報エリア背景）---------------------------------------------------------- */
div.waku_sintyaku03
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  background: #DDFFD0;
}


/* 枠（新着情報フッター）------------------------------------------------------------ */
div.waku_sintyaku04
{
  margin: 0px;
  padding: 0px;
  text-align: left;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（新着情報エリア整形）---------------------------------------------------------- */
div.waku_sintyaku05
{
	margin-right: 10px;
	padding: 3px;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
}

/* 枠（新着情報エリア整形）---------------------------------------------------------- */
div.waku_sintyaku06
{
	margin-right: 10px;
	padding: 3px;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}

/* 枠（今週のイベントタイトル）------------------------------------------------------------ */
div.waku_event01
{
  margin: 16px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  font-size: 80%;
  color: #666666;
  background: transparent url(../top_images/TOP_image_47.jpg) repeat-x top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* キーワード検索用 */
div.waku_keyword01{
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 80%;
	text-align: left;
	background-color: #FFFFFF;
	position: relative;
}
div.waku_keyword01 input#keyword{
	/*width: 170px;*/
	width: 80%;
}

/* ---------------------------
   ＭＭＣＢ新着情報画像用スタイル
   --------------------------- */
div.waku_new01
{
	margin: 0px;
	padding: 3px;
  	text-align:left;
	font-size: 80%;
	color: #000000;
}

.waku_new02
{
	margin-top: 0.3em;
	margin-left: 1em;
	margin-bottom: 0.3em;
	float: right;
}

.waku_new03
{
	font-size: 70%;
	text-align : center;
	float: left;
}

.waku_new04
{
	margin-top: 0.3em;
	margin-left: 0.2em;
	margin-bottom: 0.3em;
	float: left;
}

/* カテゴリメニュー用 */
div.category_1
{
	margin-right: 3px;
	padding: 3px;
	font-size: 100%;
	line-height: 1em;
	color: #FF5216;
	position: relative;   /* IE6対策：これがないと背景が消える */
	clear: both;
	background-image: none;
}
div.category_1 a {
	color: #ff0000 !important;
	font-weight: bold !important;
}

div.category_2
{
	margin: 0px;
	padding: 0px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	color: #000066;
}
div.category_2 hr {
	margin: 0px;
	padding: 0px;
	border: solid #FAC645;
	border-width: 2px 0px 0px 0px;
}

div.category_2_1
{
	padding: 0px;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	color: #000066;
}

div.category_3
{
	padding: 3px 3px 3px 50px;
	text-align:left;
	font-size: 100%;
	font-weight: normal;
}

/* 画像位置 */
div.category_3 img {
	vertical-align: middle;
}

div.category_4
{
	padding: 3px 3px 3px 20px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	color: #000066;
}

div.category_4_1
{
	padding: 3px 3px 3px 20px;
	text-align:left;
	font-size: 100%;
	font-weight: normal;
	color: #000066;
}

/* 検索用 */
div.waku_search01
{
  margin: 0px;
  padding: 0px 186px 0px 0px;
  text-align:left;
  background: transparent url(../top_images/TOP_search_image03.gif) no-repeat top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

div.search_01
{
	margin: 0px;
	padding: 5px;
	text-align:center;
	font-size: 90%;
	font-weight: normal;
}

div.search_02
{
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 3px;
	text-align:left;
	font-size: 90%;
	font-weight: normal;
}

div.search_03
{
	margin: 0px;
	padding: 3px 3px 10px 30px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;

}

div.search_04
{
	margin: 0 5% 10px 5%;
	padding: 5px;
	text-align:left;
	font-size: 80%;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}

/* インデックス用 */
/* 枠（インデックスタイトル）------------------------------------------------------------ */
div.waku_index01
{
  margin: 0px;
  padding: 0px 186px 0px 0px;
  text-align:left;
  background: transparent url(../top_images/TOP_image01_41.gif) no-repeat top right;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（インデックスタイトル背景）-------------------------------------------------------- */
div.waku_index01_1
{
  margin: 0px;
  padding: 0px;
  background: transparent url(../top_images/TOP_image01_39.gif) repeat-x top right;
  position: relative;
}

/* 枠（インデックスエリア）-------------------------------------------------------------- */
div.waku_index02
{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  border: 2px solid #CCCCCC;
  background: #FFE4D2;
  position: relative;   /* IE6対策：これがないと背景が消える */
}


/* 枠（インデックスエリア背景）---------------------------------------------------------- */
div.waku_index03
{
  margin: 0px;
  padding: 0px;
}


/* 枠（インデックスフッター）------------------------------------------------------------ */
div.waku_index04
{
  margin: 0px;
  padding: 0px;
  text-align:left;
  position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（インデックスエリア整形 タイトル）------------------------------------------------------ */
div.waku_index05
{
	margin: 0px;
	padding: 3px 3px 3px 3px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
}

/* 枠（インデックスエリア整形 概要）---------------------------------------------------------- */
div.waku_index06
{
	margin: 0px;
	padding: 5px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}

/* 枠（インデックスエリア整形 詳細）---------------------------------------------------------- */
div.waku_index07
{
	margin: 0px;
	padding: 5px;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}

/* 枠（インデックスエリア整形 URL）---------------------------------------------------------- */
div.waku_index08
{
	margin: 0px;
	padding: 5px;
	padding-right: 15px;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
}

/* ツリーフォント -------------------------------------------------------------------------- */
div.tree_1 a {
	color: #ff0000 !important;
	font-weight: bold !important;
}

/* 今週のイベント */
/* 枠（今週のイベント情報エリア）----------------------------------------------------------- */
div.waku_event02
{
	margin: 0px 0px 6px 0px;
	padding: 0px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	font-size: 80%;
	position: relative;   /* IE6対策：これがないと背景が消える */
}

/* 枠（人口の動き）------------------------------------------------------------------------ */
div.waku_jinkou01
{
	margin: 4px;
	padding: 0px;
	color: #000066;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* バナー用枠 ----------------------------------------------------------------------------- */
div.waku_banner01 {
	text-align: center;
}
div.waku_banner01 img {
	margin: 4px auto;
}

