/* ---------------------------
   共通
--------------------------- */
/* ネスケ用サイズ合わせ */
*{ 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を消す------------------------------------------------------------------ */
/* del 2006.05.31
hr.hide
{
	display: none;
}
*/

/* 文字を消す------------------------------------------------------------------ */
/* del 2006.05.31 font.cssに同様のスタイルがあるため
.hide
{
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
}
*/

/*--------------------------
  テキスト配置
  --------------------------*/
.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 {
	/* upd 2006.05.31
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;  /* MacIE5対策：これがないと隙間ができる */
	display: none;
}

/* パンくず */
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.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;
}