@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      treatment_manual.css
 Update:         2011.01.14
 Style Info:     疥癬対策マニュアルCSSファイル
----------------------------------------------------------- */

body {
 margin: 0;
 padding: 0;
 text-align: center;
 font-family:'ＭＳ Ｐゴシック','Lucida Grande', Geneva, Verdana, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,Osaka;
 color: #484848;
 font-size: 13px;
 line-height: 150%;
 /*background: url(../../img/08_bg_bodytop.gif) repeat-x left top;*/
 background-color: fcfcfc;
}

html>/**/body {
 font-size: 13px;
}

#wrap {
 /*background: url(../../img/08_bg_bodybottom.jpg) repeat-x left bottom;*/
}

#container {
 margin: 0 auto;
 padding: 0 6px;
 width: 875px;
 background: url(../../img/08_bg_container.jpg) repeat-y left 8px;
 text-align: left;
}

div, dl, dt, dd {
 margin: 0;
 padding: 0;
}
h1, h2, h3, h4, p, em, address {
 margin: 0;
 padding: 0;
 font-size: 100%;
 font-weight: normal;
 font-style: normal;
}
ul, li {
 margin: 0;
 padding: 0;
 list-style: none;
}
img {
 border: 0;
}

.center {
 text-align: center;
}

.right {
 clear-both;
 text-align: right;
}

.top5 {
 margin-top: 5px;
}

.top10 {
 margin-top: 10px;
}

.top20 {
 margin-top: 20px;
}

.top40 {
 margin-top: 40px;
}
.ptop40 {
 padding-top: 40px;
}

.bottom70 {
 margin-bottom: 70px;
}

.bottom120 {
 margin-bottom: 120px;
}

.left20 {
 padding-left: 20px;
}
.left50 {
 padding-left: 50px;
}
.orange {
 color: #fd9968;
}
.small {
 font-size: 11px;
}
.cf {
 line-height: 120%;
}
/* -----------------------------------------------------------
    ヘッダー
----------------------------------------------------------- */
#header {
 padding: 0 15px;
 width: 845px;
 height: 100px;
 background: url(../../img/08_bg_header.jpg) no-repeat left bottom;
}

#header h1 {
 float: left;
 margin-top: 21px;
 width: 653px;
}

#header h2 {
 float: right;
 margin-top: 20px;
 width: 98px;
}
#header a:hover, #header a:active,
#header-print a:hover, #header-print a:active {
 background: none;
 text-decoration: none;
}


/* -----------------------------------------------------------
    コンテンツ囲み
----------------------------------------------------------- */
#contents {
 width: 875px;
 background: url(../../img/08_bg_contents.jpg) repeat-y left top;
}

#left {
 float: left;
 width: 215px;
}

#right {
 float: left;
 padding: 20px 20px 40px 20px;
 width: 620px;
 background: url(../../img/08_bg_right.jpg) no-repeat left top;
}
.print-wrap {
 padding: 20px 20px 40px 20px;
 width: 620px;
}

/* -----------------------------------------------------------
    左サイドバー
----------------------------------------------------------- */
#left ul.chartmenu {
 width: 215px;
}

#left ul.chartmenu li {
 width: 207px;
}

#left ul.chartmenu li.menu01,
#left ul.chartmenu li.menu01-end {
 /*height: 56px;*/
 margin: 5px 4px 0;
 padding-bottom: 10px;
}
#left ul.chartmenu li.menu04 {
 margin: 5px 4px 0;
}
#left ul.chartmenu li.menu-chart {
 margin: 5px 4px 0;
}
#left ul.chartmenu li.menu01 {
 background: url(../../img/08_menu_top_arrow.gif) center bottom no-repeat;
}
#left ul.chartmenu li.menu02 {
 /*height: 46px;*/
 margin: 5px 4px 0;
}

#left ul.chartmenu li.menu03,
#left ul.chartmenu li.menu03-end {
 /*height: 46px;*/
 margin: 0 4px;
 padding-bottom: 10px;
}

#left li.menu03 {
 background: url(../../img/08_menu_top_arrow.gif) center bottom no-repeat;
}
#left ul.chartmenu li.menu01-end {
 border-bottom: 2px solid #CCC;
}
#left ul.chartmenu li.menu03-end {
 border-bottom: 2px solid #CCC;
}
#left ul.chartmenu li a, #left ul.chartmenu li a:link, #left ul.chartmenu li a:visited, #left ul.chartmenu li a:hover, #left ul.chartmenu li a:active {
 text-decoration: none;
 background: none;
}
ul.manualmenu {
 width: 215px;
 margin-bottom: 20px;
}

.manualmenu li {
 margin: 5px 7px 0 6px;
 padding-bottom: 4px;
 /*width: 175px;*/
 border-bottom: 1px solid #CCC;
}
.manualmenu p {
 margin-left: 10px;
 /*margin-bottom: 4px;*/
 padding: 1px 0 1px 8px;
 width: 159px;
 border-left: 8px solid #00AFE5;
}
.manualmenu li a, .manualmenu li a:link, .manualmenu li a:visited {
 display: block;
 width: 159px;
 color: #484848;
 text-decoration: none;
}
.manualmenu li a:hover, .manualmenu li a:active {
 display: block;
 width: 159px;
 color: #40ADE0;
 text-decoration: none;
 background-color: #fafafa;
}


/* -----------------------------------------------------------
    右コンテンツ
----------------------------------------------------------- */
.honbun {
 margin-top: 20px;
}

.honbun img {
 vertical-align: middle;
}

.bt-list {
 float: right;
 margin-top: 20px;
}

/* -----------------------------------------------------------
    フッター
----------------------------------------------------------- */
#footer {
 clear: both;
 margin: 0 auto;
 width: 875px;
 height: 50px;
 font-size: 12px;
 background: url(../../img/08_bg_footer.gif) no-repeat left top;
}
#footer p {
 padding-top: 15px;
}

.copyright {
 float: left;
}

.footernavi {
 float: right;
}

/* -----------------------------------------------------------
    リンク設定
----------------------------------------------------------- */
a, a:link, a:visited {
 color: #008D7E;
 text-decoration: underline;
}
a:hover, a:active {
 color: #FFF;
 background-color: #FC6C26;
 text-decoration: none;
}
/* リンク時の画像に背景色を表示させない--------------------*/
#container a.img, #container a.img:link, #container a.img:visited, #container a.img:hover, #container a.img:active {
 background-color: #FFF;
 text-decoration: none;
}


/* -----------------------------------------------------------
    カラー設定
----------------------------------------------------------- */
.red {
 color: #FF0000;
}

/* -----------------------------------------------------------
    囲みバグ
----------------------------------------------------------- */
.bug:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.bug { display:inline-table; }

/* Mac IE には適用させない \*/
* html .bug { height:1px; }
.bug { display:block; }
/* */

/*　疥癬対策マニュアルチャート
 ------------------------------------------------------------------------------*/
#contents-chart {
 width: 875px;
}
.print-all {
 margin: 20px 20px 0 0;
 text-align: right;
}
.print-all a, .print-all a:link, .print-all a:visited, .print-all a:hover, .print-all a:active{
 text-decoration: none;
 background-color: #FFF;
}
#chart-liner {
 margin-top: 40px;
 text-align: center;
}
h3#chart-title {
 width: 790px;
 margin: 40px 43px 0 42px;
}
#chart {
 width: 750px;
 margin: 15px 43px 15px 42px;
 padding: 20px;
 border-top: solid 1px #EEEAC8;
 border-bottom: solid 1px #EEEAC8;
 background: url(../../img/08_bg_chart.gif) repeat-y left top;
}

p.chart-arrow {
 margin: 25px 0;
 text-align: center;
}

p.tab-title a:hover, p.tab-title a:active {
 background-color: #FFFCE1;
}
p.tab-title a img {
 border: none;
}
.tab-middle {
 position: relative;
 padding: 5px 15px 0;
 padding-bottom: 1.5em;
}
.chart-detail {
 position: absolute;
 right: 15px;
 bottom: 0;
 text-align: right;
}

.tab490-wrap {
 width: 490px;
 margin-left: 130px;
 padding-bottom: 11px;
 background: url(../../img/08_tab490_bottom.gif) no-repeat left bottom;
}
.tab490-wrap p.tab-title {
 height: 41px;
 background: url(../../img/08_tab490_top.gif) no-repeat left top;
}
.tab490-wrap .tab-middle {
 width: 460px;
 background: url(../../img/08_tab490_middle.gif) repeat-y left top;
}

.tab-wrap {
 width: 750px;
}
.tab-left {
 float: left;
 width: 355px;
}
.tab-right {
 float: right;
 width: 355px;
}
.bunrui-title {
 margin-bottom: 10px;
}

.tab355-wrap {
 width: 355px;
 padding-bottom: 11px;
 background: url(../../img/08_tab355_bottom.gif) no-repeat left bottom;
}
.tab355-wrap .tab-middle {
 width: 325px;
 padding-top: 10px;
 background: url(../../img/08_tab355_middle.gif) repeat-y left top;
}

.tab750-wrap {
 width: 750px;
 padding-bottom: 11px;
 background: url(../../img/08_tab750_bottom.gif) no-repeat left bottom;
}
.tab750-wrap p.tab-title {
 height: 41px;
 background: url(../../img/08_tab750_top.gif) no-repeat left top;
}
.tab750-wrap .tab-middle {
 width: 720px;
 background: url(../../img/08_tab750_middle.gif) repeat-y left top;
}

.tab490-wrap li, .tab750-wrap li {
 margin-left: 1.5em;
 list-style-type: disc;
 list-style-position: outside;
}
.indent-left {
 text-indent: -1em;
 margin-left: 1em;
}
p.tab-title a, p.tab-title a:link, p.tab-title a:visited, p.tab-title a:hover, p.tab-title a:active {
 background: none;
 text-decoration: none;
}


/*　疥癬対策マニュアル
 ------------------------------------------------------------------------------*/
#bg-manual {
 background: url(../../img/08_manual.gif) no-repeat left top;
}
.lead {
 margin: 7px 0 18px;
}
.manuallist li {
 margin-left: 1.5em;
 list-style-type: disc;
 list-style-position: outside;
}
.pagelink {
 width: 620px;
}
.pagelink-left, .pagelink-right {
 width: 310px;
 height: 1.5em;
 margin: 10px 0px 0px 0px;
}
.pagelink-left {
 float: left;
}
.pagelink-left img {
 margin-right: 5px;
 vertical-align: middle;
}
.pagelink-right {
 clear: both;
 float: right;
 text-align: right;
}

#facility {
 margin: 10px 0 30px 0;
	padding: 0;
	line-height: 150%;
}
#facility table {
 border-top: 1px solid #CBCBCB;
 border-left: 1px solid #CBCBCB;
}
#facility th, #facility td {
 /*padding: 3px 5px;*/
 border-right: 1px solid #CBCBCB;
 border-bottom: 1px solid #CBCBCB;
}
#facility th {
 background-color: #E5F3F2;
}
#facility .table-inline {
 height: 500px;
 overflow: auto;
}
#facility td.taiou {
 background-color: #FFFFEE;
}

/*　画像回り込み/右 --------------------------------------------------------------*/
.f-right {
 float: right;
 margin: 5px 0 5px 15px;
 padding: 0;
 font-size: 12px;
 line-height: 1.3em;
 width: auto;
 height: auto;
 text-align: center;
}
.f-right p img {
 margin: 0 0 10px;
 padding: 0;
}


.wrap03 {
font-size: 12px;
line-height: 1.3em;
margin: 12px 0 0;
width: 620px;
}

.wrap03 p {
margin: 0 0 10px;
padding 0;
text-align: center;
}

.left03 {
float: left;
width: 300px;
}

.right03 {
float: right;
width: 300px;
}

.wrap03-1 {
clear: both;
width: 620px;
}
