@charset "utf-8";

/* --------------------------  Reset Styles  ---------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { display:block;}

ul, ol {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;}

:focus {outline: 0;}

ins {background-color:#ff9; color:#000; text-decoration:none;}

mark {background-color:#ff9; color:#000; font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select {vertical-align:middle;}


/* --------------------------  Float Clear  ---------------------------------------- */

.clear {clear: both;}


/* --------------------------  General  ---------------------------------------- */

body {width: 100%; font-family: Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro',sans-serif; font-size: 13px; color: #838383; background: #fff; border-top: 5px  solid #815696; letter-spacing: 1px;}
*+html body {font-size: 13.5px; letter-spacing: 1.8px;}            /* IE7 */
body#fade {display: none;}

a {text-decoration: underline;}
a:link, a:visited {color: #000;}
a:active, a:hover {color: #95549b;}

address {font-style: normal;}

#wrapper {width: 980px; margin: 0 auto;}
.wrapper {width: 980px; margin: 0 auto;}

/* header */
header h1 {float: left; width: 173px; height: 44px; margin-top: 20px;}
header nav {float: right; width: 800px; height: 25px; text-align: right; margin-top: 15px;}
header nav a {display: block; float: right; margin-left: 5px;}

ul#font-size{float: right; width: 164px; height: 29px; background: url(../images/fontsize-bg.jpg) left top no-repeat; margin-top: 10px;}
ul#font-size li {float: right; margin-right: 5px;}
li.font-size-l, li.font-size-m, li.font-size-s {text-indent: -9999px;}
ul#font-size li a {display: block; width: 22px; height: 21px; margin-top: 4px;}
li.font-size-l a {background: url(../images/fontsize-L.jpg) left top no-repeat;}
li.font-size-m a {background: url(../images/fontsize-M_o.jpg) left top no-repeat;}
li.font-size-s a {background: url(../images/fontsize-S.jpg) left top no-repeat; margin-left: 5px;}
li.font-size-l a:hover {background: url(../images/fontsize-L_o.jpg) left top no-repeat;}
li.font-size-s a:hover {background: url(../images/fontsize-S_o.jpg) left top no-repeat;}

li.font-size {margin-top: 9px; font-size: 11px; font-weight: bold;}

aside#top {float: right; margin-top: 17px;}
aside#top a {padding: 5px 0 5px 15px; margin-left: 10px; background: url(../images/arrow01.png) left 50% no-repeat; margin-right: 15px; text-decoration: none; color: #838383; font-size: 12px; font-weight: bold; vertical-align: middle;}
aside#top a {vertical-align: text-bottom\9;}     /* IE8 */
*+html aside#top a {line-height: 20px;}     /* IE7 */
aside#top a:hover {color:#95549b;}

/* global-navi */
ul#global-navi {padding-top: 10px; height: 63px; width: 980px; margin: 0 auto;}
ul#global-navi li {float: left;}

#top-content {margin-top: 20px;}

/* right-navi */
#right-navi {float: right; width: 230px; margin-bottom: 20px;}
#right-navi img {vertical-align: bottom;}
ul#right-navi01 li {line-height: 0; font-size:1%;}
ul#right-navi01, ul#right-navi02 {margin-bottom: 15px;}
ul#right-navi02 li {margin-bottom: 5px;}

/* page-top */
#page-top {float: right; margin: 15px 0;}
#page-top a {color: #838383; text-decoration: none; padding-left: 15px; margin-left: 10px; background: url(../images/arrow02.png) left top no-repeat; font-weight: bold; font-size: 11px;}
#page-top a:hover {background: url(../images/arrow02_o.png) left top no-repeat; color: #8d8f91; text-decoration: underline;}

#footer-area {width: 100%;}

/* breadcrumb */
.breadcrumb {height: 41px;}
.breadcrumb p {line-height: 41px; color: #95549b; width: 980px; margin: 0 auto;}
.breadcrumb p img {vertical-align: text-bottom;}
.breadcrumb p a {color: #424242;}
.breadcrumb p a:hover {color:#95549b;}
.breadcrumb span {margin: 0 8px; color: #b2b2b2;}
.bottom-breadcrumb {height: 52px; background: url(../images/breadcrumb-bg.jpg) left top repeat-x;}
.bottom-breadcrumb p {line-height: 52px;}

/* bottom-navi */
#bottom-navi-area {height: 270px; background: #f6f6f6;}
.bottom-navi {width: 980px; margin: 0 auto; padding-top: 15px;}
.bottom-navi ul {float: left; height: 230px; padding: 10px 10px 0 10px; border-left: 1px solid #d3d3d4;}
.bottom-navi ul.right {padding-right: 0;}
.bottom-navi li {font-size: 10.5px; line-height: 16px; text-indent: -1em; margin-left: 1em;}
*+html .bottom-navi li {font-size: 10px;}       /* IE7 */
.bottom-navi li a {color:#494949; text-decoration: none; padding-left: 10px; background: url(../images/arrow03.png) left 50% no-repeat;}
.bottom-navi li a:hover {color:#95549b; text-decoration: underline;}
li.bottom-navi01 {margin-bottom: 24px; font-size: 11px; font-weight: bold;}
li.bottom-navi02 {margin-bottom: 10px; font-size: 11px; font-weight: bold;}
*+html li.bottom-navi03 a {background: url(../images/arrow03.png) left 20% no-repeat;}      /* IE7 */
*+html li.bottom-navi02 a {background: url(../images/arrow03.png) left 20% no-repeat;}      /* IE7 */
li.bottom-navi-title, li.bottom-navi-title02 {color:#494949; text-decoration: none; padding-left: 20px; background: url(../images/arrow03.png) left 50% no-repeat; margin-left: 0;}
li.bottom-navi-title02 {background: url(../images/arrow03.png) left 20% no-repeat;}

/* footer */
footer {height: 110px; background: url(../images/footer-navi-bg.jpg) left bottom repeat-x;}
#footer-navi {width: 980px; margin: 0 auto; padding-top: 30px; color: #fff; letter-spacing: 0.5px; font-size: 11px;}
*+html #footer-navi {font-size: 12px;}    /* IE7 */
#footer-navi a {color: #fff;}
#footer-navi a:hover {text-decoration: underline;}
.footer-left {float: left;}
.footer-left a {padding-left: 15px; margin: 0 10px; background: url(../images/arrow03.png) left 50% no-repeat; text-decoration: none;}
footer address {float: right; margin-bottom: 10px; font-size: 13px; text-align: right; line-height: 20px;}
.copyright {float: right; width: 500px;}
.copyright p {text-align: right;}


/* --------------------------  kaso  ---------------------------------------- */

#banner {margin-top: 20px;}

#left-content {float: left; width: 720px; color: #000; letter-spacing: 0.4px; line-height: 20px;}
*+html #left-content {letter-spacing: 1.4px;}            /* IE7 */
#left-content section {padding-bottom: 20px; width: 700px; margin: 0 auto;}
section#content-top {letter-spacing: 0.6px;}
*+html section#content-top {letter-spacing: 1.6px;}            /* IE7 */
#left-content h1 {margin-bottom: 10px;}
#left-content h2 {margin-bottom: 10px;}

.section-tittle {color: #548f4c; font-size: 15px; font-weight: bold; padding-left: 28px; margin: 0 0 5px 5px; background: url(../images/arrow04.png) left no-repeat;}
.section-tittle01 {color: #357dac; font-size: 15px; font-weight: bold; padding-left: 28px; margin: 0 0 5px 5px; background: url(../images/arrow04.png) left no-repeat;}
.section-tittle02 {color: #895d96; font-size: 15px; font-weight: bold; padding-left: 28px; margin: 0 0 5px 5px; background: url(../images/arrow04.png) left no-repeat;}
.section-tittle03 {color: #357dac; font-size: 15px; font-weight: bold; padding-left: 25px; background: url(../images/arrow09.jpg) left 10% no-repeat;}
.section-tittle04 {color: #000000; font-size: 15px; font-weight: bold; padding-left: 28px; padding-top: 20px; padding-bottom: 20px; margin: 0 0 0 0; background: url(../images/arrow04.png) left no-repeat;}
.section-tittle05 {color: #de0808; font-size: 15px; font-weight: bold; padding-left: 25px;  padding-bottom: 5px; background: url(../images/arrow10.jpg) left 10% no-repeat;}
.section-tittle06 {color: #de0808; font-size: 15px; font-weight: bold; padding-left: 28px; margin: 0 0 5px 5px;}
.bottom10 {margin-bottom: 10px;}
.bottom15 {margin-bottom: 15px;}
.bottom20 {margin-bottom: 20px;}
.bottom25 {margin-bottom: 25px;}
.bottom30 {margin-bottom: 30px;}
.left30 {margin-left: 30px;}
.indent {text-indent: -1em; margin-left: 1em;}
.indent02 {text-indent: 1em;}
.gray {color: #818181;}
.red {color: #c7151a;}
.blue {color: #4f84b0;}
.bold {font-weight: bold;}
.red_bold {font-weight: bold; color:#ff0000;}
a.gold {color: #ad903e;}
a.gold:hover {color: #d0bd87;}
.text-right {text-align: right;}
.text-center {text-align: center;}

table.block2 {width: 700px; margin-top: 15px; font-size: 13px;}
table.block2 td {border: 1px solid #d3d3d4; padding: 13px 18px;}
td.left-tittle {background: #ebe6d8; vertical-align: middle;}
table.block2 td p {line-height: 20px;}

table.history-block2 {margin: -2px 0 20px 0;}
table.history-block2 td.left-tittle {width: 150px;}
table.history-block2 td.right {vertical-align: middle;}

.odd td {background: white;}
.even td {background: #f7f7f5;}

table.list {width: 700px; font-size: 13px;}
table.list th {font-weight: normal; padding: 8px 5px; border: 1px solid #d3d3d4; background: #ebe6d8; vertical-align: middle;}
table.list td {padding: 10px 5px; border: 1px solid #d3d3d4; vertical-align: middle;}
table.list td p {line-height: 20px;}

table.t_hyo {width: 700px;}
table.t_hyo th {font-weight: normal; padding: 8px 5px; border: 1px solid #d3d3d4; background: #ebe6d8; vertical-align: middle;}
table.t_hyo td {padding-top: 4px; padding-bottom: 5px; border-left: 1px solid #d3d3d4; border-right: 1px solid #d3d3d4;vertical-align: middle;}

.title_hyo1{width:34%;}
.title_hyo2{width:34%; border-bottom: 1px solid #d3d3d4;}
.t_hyo_maney{width:20%; text-align:right; padding-right:5px; border-bottom: 1px solid #d3d3d4;}
.t_hyo_brank{width:20%; text-align:right; padding-right:5px; border-top: none; border-bottom: none;}
.t_hyo_sum{width:20%; text-align:right; padding-right:5px; border-bottom: 5px double #d3d3d4;}
.t_hyo{padding-left:3px;}
.t_hyo1{padding-left:1em;}
.t_hyo2{padding-left:2em;}
.t_hyo3{padding-left:3em;}
.t_hyo4{padding-left:4em;}
.t_hyo5{padding-left:5em;}


td.map {text-align: center;}
th.width60 {width: 60px;}
th.width80 {width: 80px;}
th.width100 {width: 100px;}
td.width80 {width: 80px;}
td.width100 {width: 100px;}
td.center {text-align: center;}

img.table-category {margin-bottom: -10px;}

p.arrow01, p.arrow02, p.arrow03, p.arrow04, p.arrow05 {margin-bottom: 10px; padding-left: 25px;}
p.arrow01-1, p.arrow03-1, p.arrow03-2 {padding-left: 25px;}
p.arrow01, p.arrow01-1 {background: url(../images/arrow05.jpg) left 40% no-repeat;}
p.arrow02 {background: url(../images/arrow05.jpg) left 20% no-repeat;}
p.arrow03, p.arrow03-1 {background: url(../images/arrow09.jpg) left 20% no-repeat;}
p.arrow03-2 {background: url(../images/arrow09.jpg) left 10% no-repeat;}
p.arrow04 {background: url(../images/arrow07.jpg) left top no-repeat;}
p.arrow05 {background: url(../images/arrow05.jpg) left 10% no-repeat;}
p.arrow06, p.arrow06-1 {background: url(../images/arrow05.jpg) left 20% no-repeat;}

p.no1, p.no2, p.no3, p.no4, p.no5, p.no6, p.no7 {margin-bottom: 10px; padding-left: 25px;}
p.no1 {background: url(../images/no1.jpg) left 50% no-repeat;}
p.no2 {background: url(../images/no2.jpg) left 50% no-repeat;}
p.no3 {background: url(../images/no3.jpg) left 50% no-repeat;}
p.no4 {background: url(../images/no4.jpg) left 50% no-repeat;}
p.no5 {background: url(../images/no5.jpg) left 50% no-repeat;}
p.no6 {background: url(../images/no6.jpg) left 50% no-repeat;}
p.no7 {background: url(../images/no7.jpg) left 50% no-repeat;}

p.no1-p, p.no2-p, p.no3-p, p.no4-p, p.no5-p, p.no6-p, p.no7-p,p.no8-p, p.no9-p {margin-bottom: 10px; padding-left: 25px;}
p.no1-p {background: url(../images/no1-p.jpg) left top no-repeat;}
p.no2-p {background: url(../images/no2-p.jpg) left top no-repeat;}
p.no3-p {background: url(../images/no3-p.jpg) left top no-repeat;}
p.no4-p {background: url(../images/no4-p.jpg) left top no-repeat;}
p.no5-p {background: url(../images/no5-p.jpg) left top no-repeat;}
p.no6-p {background: url(../images/no6-p.jpg) left top no-repeat;}
p.no7-p {background: url(../images/no7-p.jpg) left top no-repeat;}
p.no8-p {background: url(../images/no8-p.jpg) left top no-repeat;}
p.no9-p {background: url(../images/no9-p.jpg) left top no-repeat;}


p.copy {color: #548f4c; font-weight: bold; letter-spacing: 1.2px;}
p.copy02 {color: #000; font-weight: bold; letter-spacing: 1.2px; line-height: 1.8em;}
p.copy02 span {margin-left: 98px;}

p.arrow01.cancer-ttl{font-weight:bold; font-size:14px; margin-bottom:20px;}

iframe {border: 1px solid #d3d3d4;}
.map-link {padding-bottom: 10px; width: 379px; margin: 0 auto;}
*+html .map-link {padding-top: 5px; padding-bottom: 5px;}         /* IE7 */
.map-link a {display: block; float: left;}
a.pdf {margin-right: 17px;}

#box {width: 660px; padding: 13px 20px; background: url(../images/box-bg.jpg) left top repeat-y;}
#box-top {width: 700px; height: 3px; background: url(../images/box-top.jpg) left top no-repeat;}
#box-bottom {width: 700px; height: 3px; background: url(../images/box-bottom.jpg) left top no-repeat; margin-bottom: 5px;}

.about-us-content #box {padding-bottom: 3px;}

/* --------------------------  font size  ---------------------------------------- */

/* index.html */
#top-news {font-size: 14px;}


/* kaso General */
p.no1, p.no2, p.no3 {font-size: 13px;}
#box-center li {font-size: 13px;}


/* child-vaccination.html */
table.block4 {font-size: 11px;}
table.block4 th {font-size: 13px;}
p.attention {font-size: 11px;}


/* care-management.html */
p.copy, p.copy02 {font-size: 15px;}


/* syllabary01.html */
p.syllabary-nav {font-size: 20px;}
p.syllabary-nav02 {font-size: 16px;}


/* map.html */
ul.map-text-link a {font-size: 13.5px;}


/* knowledge.html */
table.knowledge {font-size: 14px;}


/* child-vaccination_list.html */
p.attention02 {font-size: 12px;}

/* edge表記のみ */
@supports (-ms-ime-align: auto) {
    table.list{
    display:table;
    table-layout: fixed;
    word-break: break-all;
}
table.list {width: 700px; font-size: 13px;}
table.list th {font-weight: normal; padding: 8px 5px; border: 1px solid #d3d3d4; background: #ebe6d8; vertical-align: middle;}
table.list td {padding: 10px 5px; border: 1px solid #d3d3d4; vertical-align: middle; word-break: break-all; width: 100%;}
table.list td p {line-height: 20px; }
}

/* 注意書き */
.caution {
    color:#c7151a ;
    font-weight: bold;
    font-size: 16px;
}

span.news_red {
    color:#c7151a;
    font-weight: bold;
}