body {
  margin : 0px;
  background-color: #e4e9c2;
  color : #000000 ;
  font-size   : 96% ;
  margin      : 0px ;
  color       : #000000 ;
}
a {
  text-decoration : none;
}
a:link {
  color : #0033cc;
}
a:visited {
  color : #3366cc;
}
a:hover {
  text-decoration : underline ;
  color : #cc0000;
  background-color : #ffffcc;
}
A:active {
  color : #990000;
}

.text-s {
  font-size : 88% ;
  line-height : 130% ;
}

/*テーブル枠*/
.table-main{
  border-collapse: collapse;
  background-color : white;
  line-height: 150%;
  padding : 20px;
}
.td-main{
  background-color : white;
  line-height: 150%;
  padding : 10px;
}

ol {
  margin-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: small;
  font-weight: normal;
  line-height: 150%;
  list-style-type: decimal;
  list-style-position: inside;
}

/* 通常のリスト */
UL {
  margin-top : 3px;
  margin-bottom : 3px;
  font-size: small;
  font-weight: normal;
  margin-left : 20px;
  line-height : 150%;
}

/* 課名の見出しH1（class指定） */
.kameiH1{
  width : 720px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left : 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent : 1.5em;
  font-weight: bold;
  line-height : 1em;
  color : #336699 ;
  border: none;
  background : url(images/h1logo.gif) 1px no-repeat;
}

/* 市章入りのH1 */
.sisyouH1 {
  width : 720px;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left : 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-indent : 40px ;
  font-weight: bold;
  line-height : 1.2em;
  background : url(images/h1logo.gif) 1px no-repeat;
  border: 1px solid #6699CC;
}

/* 目的別目次の見出しH1（class指定） */
.lifeH1 {
  width : 700px;
  padding : 10px;
  margin : 10px;
  border: none; 
  color : #336699 ;
  background-image : none ;
  text-indent : 5px;
}

/* 目的別目次のH3見出し　幅300ピクセル(p class="lifeH3") */
.lifeH3 {
  width : 300px;
  padding : 3px;
  margin: 20px 0px 10px 10px ;
  line-height: 120%;
  font-weight: bold;
  color : #339966 ;
  background-color : #ddffee;
  border-width: 0 0 0 10px;
  border-style: solid;
  border-color: #66cc99;
}

/* 通常の見出し */
H1 {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left : 5px;
  font-weight: bold;
  text-indent : 0 ;
  line-height : 1.2em;
  background-image : none;
  border : 3px solid #6699CC;
}
H2 {
  margin: 40px 5% 20px 0px;
  padding-left : 10px;
  font-weight: bold;
  border-width: 0px 0px 1px 10px;
  border-style: solid;
  border-color: #6699CC;
}
H3 {
  margin: 20px 10% 10px 5px;
  padding-right: 5px;
  padding-left : 6px;
  font-weight: bold;
  border-bottom: #99CCEE 1px solid;
  border-left : #99CCEE 6px solid;
}
H4{
  margin-top: 15px;
  margin-left : 8px;
  margin-bottom: 5px;
  padding-left : 5px;
  border-bottom: #99ccff dotted 1px;
}
p {
  line-height: 150%;
  margin : 0.5em 10px 0.5em 10px ;
}



/* 情報ページの目的別目次への戻りリンク段落用(p class="subindexback") */
.subindexback{
  width : 760px;
  margin: 0px auto 0px auto;
  padding-top : 2px;
  padding-right : 5px;
  padding-bottom : 2px;
  font-size : 90%;
  font-weight: bold;
  text-align : right;
  background-color : #ffffff;
}

/* 情報ページの課名段落用(p class="kamei") */
.kamei{
  width : 760px;
  margin: 0px auto 0px auto;
  padding-top : 2px;
  padding-bottom : 2px;
  padding-right : 5px;
  font-size : 95%;
  font-weight: bold;
  text-align : right;
  background-color : #ffffff;
}

/* 問い合わせ先段落用(p class="toi") */
.toi{
  margin-top: 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  padding : 5px 5px 5px 5px ;
  line-height: 120%;
  font-weight: bold;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #993333;
  background-color : #f7f9d0;
}

/* 問い合わせ先段落用　幅350ピクセル(p class="toi-w350") */
.toi-w350{
  width : 350px;
  margin-top: 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  padding : 5px;
  line-height: 120%;
  font-weight: bold;
  border: 1px solid #993333;
  background-color : #f7f9d0;
}

/* リンクの頭にマークを付ける(a class="link") */
.link{
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left : 12px;
  background : url(images/go_b.gif) no-repeat 1px;
}

/* リンクの頭にマークを付けるの中のマーク無し(a class="linknone") */
.linknone{
  margin-left: 0;
  margin-right: 0;
  background-image : none;
  padding-left : 0px;
}

/* リストのリンクの頭にマークを付ける(ul class="li-link") */
ul.li-link {
  line-height : 120%;
  margin-top : 0.5em;
  margin-bottom : 0.5em;
  margin-left : 1em;
  list-style-image : url(images/go_b.gif);
}
ul.li-link li {
  line-height : 120%;
  margin-top : 0.5em;
  margin-bottom : 0.5em;
  margin-left : 1em;
  list-style-image : url(images/go_b.gif);
}

/* リストのリンクの頭にマークを付ける(DIV id="menu" 内) */
DIV#menu ul {
  margin-top : 0.5em;
  margin-bottom : 0.5em;
  margin-left : 1em;
  line-height : 120%;
  list-style-image : url(images/go_b.gif);
}
DIV#menu ul li {
  line-height : 120%;
  margin-top : 0.5em;
  margin-bottom : 0.5em;
  margin-left : 1em;
  list-style-image : url(images/go_b.gif);
}

/* 広報の表 */
.kouhou-table{
  line-height : 150%;
  margin-left : 10px;
  margin-top : 1em;
  margin-bottom : 1em;
}

/* 細線のみの表 */
table.line1 {
  border : 1px solid #666666 ;
  border-collapse: collapse;
  margin : 0.5em;
}
table.line1 td {
  line-height : 130%;
  padding : 3px 5px 3px 5px ;
  border : 1px solid #999999 ;
  border-collapse: collapse;
  vertical-align : top ;
}
table.line1 th {
  line-height : 130%;
  padding : 3px 5px 3px 5px ;
  border : 1px solid #999999 ;
  border-collapse: collapse;
  background-color : #eeeeee ;
  vertical-align : top ;
}

/* 点線下線のみの表 */
table.uline {
  border-collapse: collapse;
  margin : 0.5em;
  font-size:94%;
}
table.uline th, table.uline td {
  line-height : 130%;
  padding-left : 8px;
  padding-right : 8px;
  border-bottom : 1px dotted silver;
  vertical-align : top ;
}
table.uline td.tdlink a {
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 15px ;
  background : url(images/go_b.gif) no-repeat left 1px ;
}

/* 点線下線のみの表　リンクマーク入り */
table.ulinelink {
  border-collapse: collapse;
  margin : 0.5em;
  border : 1px dotted silver;
}
table.ulinelink th, table.ulinelink td {
  line-height : 130%;
  padding-left : 8px;
  padding-right : 8px;
  border : 1px dotted silver;
  vertical-align : top ;
}
table.ulinelink a {
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 15px;
  background : url(images/go_b.gif) no-repeat left top;
}

/* 点線下線のみの表　リンクマーク入り subindex用 */
table.ulinelink_subindexinfo {
  border-collapse: collapse;
  margin : 0px ;
  border-width : 1px 0px 0px 0px;
  border-style: dotted ;
  border-color:#CCCCCC ;
}
table.ulinelink_subindexinfo th, table.ulinelink_subindexinfo td {
  line-height : 130%;
  padding : 5px 5px 5px 5px ;
  border-width : 0px 0px 1px 0px;
  border-style: dotted ;
  border-color:#CCCCCC ;
  vertical-align : top ;
}
table.ulinelink_subindexinfo a {
  font-weight:bold;
  font-size:105%;
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 15px;
  background : url(images/go_b.gif) no-repeat left top;
}


/* 点線下線のみの表　インフォメーションページ */

table.ulinelink-info {
  font-size : 100%;
  line-height : 120%;
  border-top : 1px dotted silver;
  border-collapse: collapse;
  margin : 0px 0px 0px 20px ;
}
table.ulinelink-info th, table.ulinelink-info td {
  padding: 8px 5px 8px 5px;
  vertical-align : top ;
  border-bottom : 1px dotted silver;
}
table.ulinelink-info td.tdlink a {
  font-size : 105%;
  background : url(topimg/go_info.gif) no-repeat left top ;
  padding-left : 18px;
  display: block;
}
table.ulinelink-info td.tdlink a:hover {
  background : url(topimg/go_info_o.gif) no-repeat left top #fff;
}

table.ulinelink-info tr.trlink-pickup {
  background: #FFCCCC;
}

table.ulinelink-info tr.trlink-pickup td.tdlink-pickup a {
  font-size:120%; color:#CC0000;
}

table.ulinelink-info td.tdlink-pickup a {
  font-size : 105% ;
  background : url(topimg/go_info.gif) no-repeat left top ;
  padding-left : 18px;
  font-weight : bold;
  color : #0099FF;
  display : block;
}

table.ulinelink-info td.tdlink-pickup a:hover {
  background : url(topimg/go_info_o.gif) no-repeat left top #fff ;
  color : #CC0000 ;
}

table.ulinelink-info td.tdkakuka {
  font-size : 100% ;
  text-align : right ;
}



/* 表のインデント */
.table-indent20px{
  margin-left : 20px;
  margin-right : 10px;
  line-height : 130%;
}
.table-indent10px{
  margin-left : 10px;
  margin-right : 10px;
  line-height : 130%;
}

/* コメント用の表 */
.table-comment{
  margin : 10px;
  padding : 5px;
  font-size : 95%;
  line-height : 130%;
  border: 1px solid #0099cc;
  background-color : #ddeeff;
}

/* コメント段落用（p class="comment"） */
.comment{
  margin : 10px;
  padding : 5px;
  font-size : 95%;
  line-height : 130%;
  line-height: 120%;
  border: 1px solid #0099cc;
  background-color : #ddeeff;
}

/* トップバーのアイコン枠(td class="topbar-tb") */
td.topbar-tb a { padding : 1px;}
td.topbar-tb {
  font-size : 13px;
  line-height : 13px;
  background : url(images/topbar2.gif) no-repeat 0px;
}

/* 目的別目次のリンク表　(table class="lifelink") */
table.lifelink {
  border-width : 0 0 0 0 ;
  margin : 1.5em 0.5em;
}
table.lifelink TH {
  background-color : #ddffee;
  font-weight: bold;
  border-width: 0 0 0 10px;
  border-style: solid;
  border-color: #66cc99;
  padding : 5px 3px 5px 5px;
  color : #339966 ;
  font-size : 110%;
}
table.lifelink TH a {
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 0px;
  background : none;
}
table.lifelink TD {
  padding : 5px 8px;
  line-height : 150%;
  border-bottom:1px dotted #999;
}
table.lifelink a {
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 15px;
  background : url(images/go_b.gif) no-repeat left top;
}

/* 課目次のリンク表　(table class="kalink") */
table.kalink {
  border : 0px ;
  margin : 0.5em;}
table.kalink TH {
  font-weight: bold;
  padding : 5px 3px 5px 5px;
  color : #6699cc ;
  border-width: 0 0 2px 0;
  border-color: #6699cc;
  border-style : dotted;
}
table.kalink td {
  padding-left : 8px;
  line-height : 130%;
}
table.kalink a {
  margin-left: 1px ;
  margin-right: 0 ;
  padding-left : 15px;
  background : url(images/go_b.gif) no-repeat left top;
}

/* 各課目次事務内容の表 */
table.jimutable {
  border : 1px  solid  #666666 ;
  border-collapse: collapse ;
  margin : 10px ;
}
table.jimutable td {
  font-size : 95% ;
  line-height : 130% ;
  padding : 3px 5px 3px 5px ;
  border : 1px  solid #999999 ;
  border-collapse: collapse ;
  vertical-align : top ;
}
table.jimutable th {
  line-height : 130% ;
  padding : 3px 5px 3px 5px ;
  border : 1px solid #999999 ;
  border-collapse : collapse ;
  background-color : #ddeeff ;
  vertical-align : top ;
}

/* 点線のＨＲ */
hr.dot-line {
  margin : 1em ;
  border : 3px dotted #6699cc ;
}

/* 重要なお知らせ段落用(p class="imp") */
.imp {
  margin-top: 10px;
  margin-bottom : 10px;
  margin-left : 10px;
  padding : 5px ;
  color : #cc0000;
  background-color : #ffffcc;
  line-height: 150%;
  font-weight: bold;
  border: 2px solid #cc0000;
}

/*◆subindex−レイアウト◆*/
#main-width {
  width:760px;
  margin:0px;
  padding : 0px;
  text-align:left;
  line-height: 150%;
  background-color : white;
}
#main-left {
  display:inline;
  width:170px;
  margin:0px 0px 0px 20px;
  padding:0px;
  float:left;
}

/* 01カテゴリ内目次 */
#main-left #divul1 {
  width:170px;
  margin:0px 0px 15px 0px ;
  padding:0px;
  border: 1px solid #999;
}
#main-left #divul1 h3 {
  font-size:98%;
  color: #333;
  text-align:center;
  margin:0px;
  padding: 3px 0px;
  background: url(topimg/midasi-b.gif) no-repeat top left;
  border:none;
}
#main-left #divul1 ul {
  list-style:none;
  margin:0px ;
  padding:0px;
  font-size:96%;
}
#main-left #divul1 ul li{
  margin: 2px;
  padding: 3px 5px 2px 5px;
  font-weight:bold;
  border-top:1px dotted #666;
}
#main-left #divul1 ul li a{
  text-decoration:none;
  padding:0px 5px 0px 5px;
  display:block;
}

/* 02目的目次 */
#main-left #divul2 {
  width:170px;
  margin:0px 0px 10px 0px ;
  padding:0px;
  border: 1px solid #ccc;
}
#main-left #divul2 h3 {
  color:#666;
  text-align:center;
  font-size:92%;
  margin:0px;
  padding:0px;
  background: #efefef;
  border:none;
}
#main-left #divul2 ul {
  list-style:none;
  margin:0px ;
  padding:0px;
  font-size:90%;
}
#main-left #divul2 ul li {
  margin: 2px;
  padding:2px 5px 1px 5px;
  border-top:1px dotted #999;
}
#main-left #divul2 ul li a {
  text-decoration:none;
  padding:0px 5px 0px 5px;
  display:block;
}

/*◆ right ◆*/
#main-right {
  display:inline;
  width:530px;
  margin:0px 0px 10px 20px;
  padding:0px;
  float:left;
}
#main-right h2 {
  margin : 20px 0px 10px 0px;
  padding : 3px 3px 3px 10px;
  font-weight: bold;
  border-width: 0px 0px 2px 8px;
  border-style: solid;
  border-color: #66cc99;
  font-size : 120%;
  color:#003333;
  background : url(images/h2_bg.gif) no-repeat right top #ddffee;
}
#main-right ul {
  list-style:none;
  margin : 0px 0px 0px 0px ;
  padding:0px;
  font-size:105%;
}
#main-right ul li {
  margin: 2px 5px 2px 2px;
  padding:5px ;
  border-bottom:1px solid #ccc;
}
#main-right ul li a {
  margin-left: 1px ;
  margin-right: 10px;
  padding-left : 15px;
  background : url(images/go_b.gif) no-repeat left top;
}


