/*感染症情報センターCSS感染症発生動向調査用 */

html,
body {
padding: 0px;
margin: 0px;
border: none;
background: white;
color: #003333;
text-align: center;
font-size:100%;
}

/*ヘッダー、バナー*/
#header {
width: 800px;
height: 120px;
/*height: 146px;*/
padding: 0px;
margin-bottom: 20px;
}

#banner {
height: 91px;
}

.center {
width: 800px;
margin: 0px auto;

}
.left2 {
width: 800px;
margin: 30px;
text-align: left

}



/*バナー：見出し1*/

#navcontainer {
width:800px;
padding: 0px;
height: 35px;
background: #dfffdf;
overflow: hidden;
}

#navlist {
width:800px;
padding: 5px 0;
margin-left: 5px;
margin-top:10px;
border-bottom: none;
font-size:80%;
font: bold  Verdana, sans-serif;
text-align:left;
text-indent:10pt;
}

#navlist li {

        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
color:#999900;
padding: 4px 0.5em;
margin-left: 3px;
border-top: 1px solid #999900;  /* 上線の幅（細）とカラー */
border-left:1px solid #999900;  /* 左線の幅（細）とカラー */
border-right:2px solid #999900; /* 右線の幅（太）とカラー */
border-bottom: none;            /* 下線の幅（細）とカラー */
background: #ccff99;            /* ボタン背景色*/
text-decoration: none;
font-size: 1em;                 /* 文字サイズ */
font-weight: bold;
}

#navlist li a:visited { color: #a77210; }

#navlist li a:hover {
color: #b03720;
background: white;
border-top: 1px solid #CC9900;    /* 上線の幅（細）とカラー */
border-left:1px solid #CC9900;    /* 左線の幅（細）とカラー */
border-right:2px solid #CC9900;   /* 右線の幅（太）とカラー */
border-bottom: none;              /* 下線の幅（細）とカラー */
position: relative;  /* ポイントしたときのリンク文字の動きを指定*/
top: 1px; 
left: 1px; 
text-decoration: none;
}

#navlist li a:active{
color: #b03720;
background: white;

}


/*中間*/
#middle {
background: white;
float: left;
width: 100%;
}

/*右：目次*/
#right{
float: right;
width: 160px;
margin: 5px 0px 0px 13px;
padding-right: 0px;
border-left: 1px dotted #999900;
font-size:90%
}

.contents_list {
margin: 0px;
padding: 0px 0px 0px 30px;
list-style-image: url('../img/list.gif');
}

.contents_list li{
margin: 0px 0px 8px 0px;
padding: 0px;
}

.contents_list2 {
margin: 0px;
padding: 10px 5px 5px 5px;
list-style-image: url('../img/list2.gif');
}

.contents_list2 li{
margin: 0px 0px 8px 0px;
padding: 0px;
}

/*左：本文*/
#left {
margin-left: 3px;
float: left;
width: 620px;
margin-top: 0px;
padding: 0px;
line-height: 1.5em;
font-size:95%;
}

#left2 {
width:800px;
padding:0px;
margin:30px;
}

#left3 {
float: left;
width:520px;
padding:0px;
margin-top: 0px;
margin-left:100px;
font-size:95%;
}
/*フッター*/
#footer {
margin-top: 15px;
width: 800px;
height: 50px;
background: #dfffdf;
}

.center {
width: 800px;
margin: 0px auto;
text-align: left;
}

.footer_bun {
text-align: right;
color: #999933;
background: #dfffdf;
font-size:12px;
}

.footer_bun p {
margin: 0px;
padding: 5px 5px 5px 5px;
}


/*本文について*/
p {
color: #003333;
padding: 0px;
margin: 10px 0px 10px 0px;
}


div{
color: #003333;
}

/*大見出しの文字*/
h1 {
color: #999900 ;
font: bold 23px HG丸ｺﾞｼｯｸM-PRO;
margin: 0px 0px 15px 10px;
padding: 0px;
}

/*左側見出しの文字*/
h2 {
color: #999900;
font: bold 15px HG丸ｺﾞｼｯｸM-PRO;
margin: 15px 0px 20px 10px;
padding: 0px;
}

/*文章中の見出し（下線、背景付き）*/
h3 {
margin: 0;
width: 610px;
font: bold ;
font-size:110%;
padding: 2px 0px 2px 3px;
background-color: #DEFCD6;
border-bottom: 1px #BEFAB1 solid;
}



/*通常のリスト*/
ul {
color: #003333;
list-style: circle;
}

li {
color: #003333;
margin: 5px 0px 5px 0px;
}


/*黒丸、間隔が狭いリスト*/
ul.list1 {
color: #003333;
list-style: disc;
padding: 0px;
margin-top: 3px;
}

ol.list1 {
color: #003333;
padding: 0px;
margin-top: 0px;
}

.list1 li {
color: #003333;
margin: 0px 0px 2px 0px;
}

/*margin20のリスト*/
ul.list2 {
color: #003333;
list-style: disc;
padding: 0px;
margin: 0px 0px 0px 20px;
}

ol.list2 {
color: #003333;
padding: 0px;
margin: 0px 0px 0px 20px;
}

.list2 li {
color: #003333;
margin: 0px 0px 2px 0px;
}

/*margin20のリストに続くリスト*/
ul.list3 {
color: #003333;
list-style: disc;
padding: 0px;
margin: 5px 0px 0px 15px;
}

ol.list3 {
color: #003333;
padding: 0px;
margin: 0px 0px 0px 40px;
}

.list3 li {
color: #003333;
margin: 0px 0px 2px 0px;
}

/*通常のテーブル*/

table{
font-size:90%;
}

table.table1{
font-size:90%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table1 th{
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: #663300;
background-color:#ccff99;
background-image:url('../img/table-back.gif');
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table1 td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 4px 5px 4px 5px;
}


/*枠のみのテーブル（thなし）*/
table.table2{
font-size:90%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
margin: 10px;
}

.table2 td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 10px;
}

/*文字サイズ13pxに固定したテーブル*/
table.table3{
font-size:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table3 th{
font: bold ;
font-size:100%;
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: #663300;
background-color:#ccff99;
background-image:url('../img/table-back.gif');
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table3 td{
font-size:100%;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 4px 5px 4px 5px;
}


/*健康増進課からのページ大見出しの文字*/
h4 {
color: #669999;
font: bold 23px HG丸ｺﾞｼｯｸM-PRO;
margin: 10px 0px 15px 10px;
padding: 0px;
}

/*健康増進課からのページ文章中の見出し（下線、背景付き）*/
h5 {
margin: 0;
width: 610px;
font: bold 16px;
color: #006666;
padding: 3px 0px 2px 3px;
background-color: #e8e8ff;
border-bottom: 1px #c8c8ff solid;
}


/*健康増進課からのページテーブル*/
table.table4{
font-size:90%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table4 th{
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: #663300;
background-color:#CCCCFF;
background-image:url('../img/table-back.gif');
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table4 td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 4px 5px 4px 5px;
}


/*本文中の表グラフ　*/

#right_heading {
height: 30px;
width: 550px;
background: white;
overflow: hidden;
margin-left: 21px;
}

#right_headingbar {
height: 30px;
width: 550px;
float: right;
text-align: right;
list-style: none;
padding: 0px;
margin: 5px 0px 0px 0px;
}

#right_headingbar li {
padding: 0px;
margin: 0px;
float: left;
display: block;
height: 30px;
background: transparent url('../img/report-mokuji-r.gif') no-repeat right top;
}

a,
a:visited {
color: #CD3333;
}

a.active,
a.active:visited {
color: #b03720;
text-decoration: none;
font-weight: bold;
}

a:hover,
a:visited:hover {
color: #b03720;
}

#right_headingbar a,
#right_headingbar a:visited {
display: block;
color: #a77210;
font: bold 12px;
text-decoration: none;
background: transparent url('../img/report-mokuji-l.gif') no-repeat left top;
padding: 8px 20px 10px 20px;
}

#right_headingbar a:hover,
#right_headingbar a:visited:hover {
color: #CD3333;
font: bold 12px ;
text-decoration: none;
}

#right_headingbar #gr {
background-image: url('../img/report-mokuji-rg.gif');
}

#right_headingbar #ma {
background-image: url('../img/report-mokuji-rm.gif');
}

#right_headingbar #now {
background-image: url('../img/report-mokuji_a-r.gif');
}

#right_headingbar #now a {
background-image: url('../img/report-mokuji_a-l.gif');
color: #CD3333;
}


#right_headingbar #mnow {
background-image: url('../img/report-mokuji_a-rm.gif');
}

#right_headingbar #mnow a {
background-image: url('../img/report-mokuji_a-l.gif');
color: #CD3333;
}


#right_middle {
background: #dfffdf;
float: left;

margin-left: 25px;
padding: 10px;
border-top: 1px solid #dfffdf;
border-left: 1px dotted #8c8c46;
border-right: 1px dotted #8c8c46;
}

/*トップページのテーブル*/

table.table5{
font-size:102%;
border-top:1px solid #c7ff8e;
border-left:1px solid #c7ff8e;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table5 th{
border-right:1px solid #c7ff8e;
border-bottom: 1px solid #c7ff8e;
color: #663300;
background-color:#c7ff8e;
background-image:url(../img/table-bar.gif);
background-position:left top;
padding: 5px 5px 3px 15px;
text-align:left;
}
.table5 td{
border-right:1px solid #c7ff8e;
border-bottom:1px solid #c7ff8e;
padding: 4px 5px 4px 5px;
}


/*トップページのテーブルの中のリスト*/

ul.list5 {
color: #003333;
list-style: none;
padding: 0px;
margin: 5px 5px 5px 5px;

}

.list5 li {
color: #003333;
margin: 0px 5px 5px 0px;
background-color: #e7ffce;

}


/*週報のテーブル*/

table.table6{
font-size:100%;
border-top:1px solid #999900;
border-left:1px solid #999900;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
width: 600px;
margin: 5px;
margin-top: 15px;
}

.table6 td{
border-right:1px solid #999900;
border-bottom:1px solid #999900;
padding: 4px 5px 4px 5px;
background-color:#dfffdf;
}

table.table7{
border-collapse:collapse;
font-size:90%;
}
.table7 th{
border:1px solid #999900;
font-size:88%;

}

.table7 td{
border:1px solid #999900;
padding: 4px 5px 4px 5px;

}

#first{
text-align:center;
font-size:13pt;
font-weight:bold;
border:1px solid #999900;
background-color:#dfffdf;
padding: 4px 5px 4px 5px;
margin:0px 10px 10px 10px;
}

#second{
color: #999900 ;
font: bold 23px HG丸ｺﾞｼｯｸM-PRO;
margin: 0px 0px 0px 10px;
padding: 0px;
}

#third{
border:2px dotted #1E90FF;
margin:10px  20px 10px 20px;
padding:10px;
}


.table8{
border-width:1px;
border-style:solid;
border-color:#cccccc;
border-collapse:collapse;
margin:0px 0px 0px 0px;
}


.table8 th{
font: bold 13px;
border-width:1px;
border-style:solid;
border-color:#cccccc;
color: #663300;
background-color:#ccff99;
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table8 td{
font-size:90%;
border-width:1px;
border-style:solid;
border-color:#cccccc;
padding: 4px 5px 4px 5px;
}

/*病原体のテーブル*/

table.table9{
font-size:90%;
border-top:1px solid #999900;
border-left:1px solid #999900;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
width: 800px;
margin: 5px;
margin-top: 15px;
}

.table9 td{
border-right:1px solid #999900;
border-bottom:1px solid #999900;
padding: 4px 5px 4px 5px;
background-color:#dfffdf;
}

/*警報・注意報レベルの表*/
table.table10{
 width:600px;
font-size:90%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table10 th{
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: #663300;
background-color:#ccff99;
background-image:url('../img/table-back.gif');
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table10 td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 4px 5px 4px 5px;
text-align:center;
font: bold ;
}

/病原体情報php5のページ/
table.table11{
font-size:90%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
.table11 th{
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
color: #663300;
background-color:#ccff99;
background-image:url('../img/table-back.gif');
background-position:left top;
padding: 4px 5px 4px 5px;
text-align:center;
}
.table11 td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 4px 5px 4px 5px;
}








.first{
color: #663300;
font-meight:bold;
background-color:#ccff99;
}

/*病原体情報の文章中の見出し（下線、背景付き）*/
.second{
margin: 0;
width: 800px;
font: bold ;
font-size:100%;
padding: 2px 0px 2px 3px;
background-color: #DEFCD6;
border-bottom: 1px #BEFAB1 solid;
}