@import url(reset.css);
/* layout */
html, body {height:100%;}
body {
background:#f0f0f0;
}
#wrap {
width:1118px;
margin:0 auto -80px;
background:url(images/wrapper_bg.gif) repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}
#bg {
margin:0 auto;
background:url(images/wrapper_bg.gif) repeat-y;
}
#cont {
width:900px;
margin: 0 auto;
background:url(img/main_bg.gif);
}
#header {
display:block;
width:900px;
height:100px;
background:url("images/header2025.png");
}
#footer {
clear:both;
width:900px;
}
#menu {
width:900px;
height:30px;
}
#contents {
width:900px;
height:260px;
}
#main {
width:900px;
float:left;
height:100%;
padding: 0 0 1em 0;
}
/* indent */
h1, #menu, #news dt, #notice dt, #side li, #eng,
#sb-01, #sb-02, #sb-03, #sb-04, #sb-05, #sb-06, #sb-07 { text-indent:-9999px;}
a img { border-style:none;}
.none { background-image:none;
}
#eng a {
position:relative;
background:url("images/Japanese.gif") no-repeat;
display:block;
width:100px;
height:25px;
top:-20px;
left:798px;
}
/* h */
/*h1 a {
position: relative;
top:45px;
left:20px;
display:block;
width:238px;
height:45px;
background:url(images/h1_logo.gif) no-repeat;
}*/
h1 a {
position: relative;
top:35px;
left:18px;
display:block;
width:437px;
height:63px;
background:url("images/h1_logo.gif") no-repeat;
}
h2 {
}
h4 {
width:100%;
height:30px;
padding:6px 0 0 15px ;
background:url(images/h4_banner.gif) repeat-x;
font-size:14px;
font-weight:bold;
color:#333;
}
h5 {
width:100%;
height:30px;
padding:6px 0 0 15px ;
background:url(images/side_banner.gif) no-repeat;
font-size:12px;
font-weight:bold;
color:#333;
}
.border { height:1px; text-indent:-9999px; border-top:1px dashed #036; background-image:none;}
h6 {
height:20px;
margin:20px 0 20px 1em;
padding: 5px 0 0 1em;
border-bottom:1px dashed #036;
border-left:5px solid #036;
color:#333;
font-weight:bold;
}
.v-side a, .v-main a, #news a, .cr a { color:#039;}
.v-side a:link, .v-main a:link, #news a:link { color:#039;}
.v-side a:visited, .v-main a:visited #news a:visited {color:#369;}
.v-side a:hover, .v-main a:hover, #news a:hover { background-color:#ccc;}
.v-side a:active, .v-main a:active #news #news a:active { text-decoration:none;}
.doubleline { border-bottom: double 3px #ff0000;}
/* menu----------------------------- */
#menu ul { display:block;}
#menu li { float:left;}
#menu li a { display:block; width:150px; height:30px;}
#menu li#about { background:url(images/menu.gif) 0 0;}
#menu li#sisetu { background:url(images/menu.gif) 750px 0;}
#menu li#man { background:url(images/menu.gif) 600px 0;}
#menu li#personal { background:url(images/menu.gif) 450px 0;}
#menu li#link { background:url(images/menu.gif) 300px 0;}
#menu li#contact { background:url(images/menu.gif) 150px 0;}
#menu li#about a:hover { background:url(images/menu.gif) 0 30px;}
#menu li#sisetu a:hover { background:url(images/menu.gif) 750px 30px;}
#menu li#man a:hover { background:url(images/menu.gif) 600px 30px;}
#menu li#personal a:hover { background:url(images/menu.gif) 450px 30px;}
#menu li#link a:hover { background:url(images/menu.gif) 300px 30px;}
#menu li#contact a:hover { background:url(images/menu.gif) 150px 30px;}
/* contents-table-------------------*/
#contents td {
padding:10px 0 0 10px;
}
/* news¬ice ----------------------------- */
#news {width:599px; float:left;}
#notice { width:300px; float:left;}
#news dt {width:599px; height:63px; background:url(images/news.gif) no-repeat;}
/*#notice dt {width:300px; height:63px; background:url(images/notice.gif) no-repeat;}*/
#news dd {
padding:20px 30px 20px 30px;
}
#news ul {line-height:1.6em;}
#news li { border-bottom:1px dashed #999; padding:10px 0 0 0.5em;}
.mark {color:#f96; font-weight:bold;}
/* ここから追加 */
/* index.html */
#icon_menu { width: 899px; height: 120px; }
.fukidashi {
width:148px;
height:97px;
font-size:11px;
background-image:url(images/info_system-gl.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
.btn_ichiran {
border: 1px solid #999;
width: 80px;
height: 1.5em;
margin-left: 480px;
text-align: center;
background-color: #CCF;
}
#icon_menu table { margin: 2px; }
#icon_menu th {
text-align: left;
top: 20px;
}
#icon_menu td { vertical-align: bottom; padding: 1px; }
#notice .menulist {
margin: 0 0 15px 0;
padding: 5px 2px 0 5px;
width: 290px;
text-align: left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position:relative; /* google chromeでhover操作を有効にするために入れています */
}
#notice .menulist h2{
height: 19px;
margin: 0;
padding: 7px 0 0 12px;
font-size: 12px;
color: #fffffc;
background-color:#369;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#notice covid1{
height: 27px;
margin: 0 5px 0 4px;
padding: 5px 35px 0 12px;
font-size: 16px;
color: #fffffc;
background-color:#FF8C00;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#notice covid2{
height: 27px;
margin: 0 5px 0 4px;
padding: 5px 35px 0 12px;
font-size: 16px;
color: #fffffc;
background-color:#c50018;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#notice .menulist a {
color:#004080;
display:block;
border-right: solid 1px #9f9f9f;
border-bottom: solid 1px #9f9f9f;
border-left: solid 1px #9f9f9f;
width: 264px;
padding: 6px 4px 3px 20px;
font-size: 12px;
line-height: 160%;
text-decoration: none;
background-image:url(images/side_menu_bg.gif);
background-repeat:no-repeat;
}
#notice .menulist a:hover {
color: #005ebb;
background-color:#F3F3F3;
text-decoration: none;
background-image:url(images/side_menu_bg_hover.gif);
background-repeat:no-repeat;
}
#news h2 {
margin: 0 0 0 10px;
padding: 8px 0 0 15px;
height: 40px;
font-size: 14px;
background-image: url(images/news_title.gif);
background-repeat:no-repeat;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#news .newsbox {
width: 555px;
height: 220px;
margin: -10px 8px 10px 11px;
padding: 0 10px 0 10px;
overflow : hidden;
word-wrap: normal;
position: relative; /* google chromeでscroll操作を有効にするために入れています */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* index.html ここまで */
/* hm-neo.html */
.print-box2 {
position:absolute;
left:10px;
border:2px dotted #096;
width: 300px;
padding:10px;
font-size:120%;
}
.v-area-left {
width: 200px;
height: 600px;
float:left;
position: relative;
}
.v-area-center {
width: 1px;
float:left;
height: 600px;
position: relative;
}
.v-area-right {
width: 390px;
float: left;
left: 10px;
position: relative;
}
.v-area-right ul {
position: relative;
left: 10px;
width: 300px;
}
.kakomi {
padding: 3px;
border: 1px solid #C0C;
}
/* hm-neo.htmlここまで */
/* 追加ここまで */
/*#notice li#banner { margin:0px 0 0 10px; display:block;}*/
/*
#notice ul#side {display:block; margin:0 0 0 10px;}
#side li a { display:block;}
#side li#man a {height:46px; background:url(images/sidemenu.gif) 0 0 no-repeat;}
#notice li#gojo a {height:46px; background:url(images/sidemenu.gif) 0 -46px no-repeat;}
#notice li#sho a {height:46px; background:url(images/sidemenu.gif) 0 -92px no-repeat;}
#notice li#access a {height:46px; background:url(images/sidemenu.gif) 0 -138px no-repeat;}
#notice li#sitemap a {height:46px; background:url(images/sidemenu.gif) 0 -184px no-repeat;}
*/
/* add by okano */
.new {background-color:#FF0000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:1px 2px 1px 2px;}
.download {background-color:#3366FF; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:9px; padding:1px 2px 1px 2px;}
.important {font-size:11px; color:#990000; font-weight:bold;}
/* 自己管理チェックシート */
.jikocheck {border:1px solid #FF99CC; padding:2px; font-size:112%; background-color:#FFCCCC;}
/* 発熱警告 */
#news dt p {text-indent: 0px; width:270px; height:20px; border:3px solid #000000; background-color:#FFFF33; position:absolute; left:180px; text-align:center; vertical-align:middle; padding:2px; font-size:10pt; font-weight:bold;}
.hatsu {text-indent: 0px; width:450px; height:20px; border:3px solid #000000; background-color:#FFFF33; position:absolute; left:180px; text-align:center; vertical-align:middle; padding:2px; font-size:10pt; font-weight:bold;}
/* 行動マニュアル（トップページ） */
/*#notice li#banner_infl { margin:0px 0 0 10px; display:block; height:53px;}*/
.manual {left:10px; width:270px; height:15px; background-color:#8b0000; padding:0; border:1px solid #800000; font-weight:bold; font-size:8pt; color:white; text-align:center;}
.manual_w a {width:134px; height:15px; background-color:#ffa07a; padding:0; border:1px solid #8b0000; font-weight:bold; font-size:8pt; text-align:center; color: #000000; float:left;}
.manual_s a {left:10px; width:134px; height:15px; background-color:#ffa07a; padding:0; border:1px solid #8b0000; font-weight:bold; font-size:8pt; color:#000000; text-align:center; float:left;}
.manual_s a:hover { width:134px; height:15px; background-color:#FFFFFF; font-weight:bold; font-size:8pt; color:#000000;}
.manual_w a:hover { width:134px; height:15px; background-color:#FFFFFF; font-weight:bold; font-size:8pt; color:#000000;}
/* 行動マニュアル（インフルエンザ関連ページ） */
.manual2 {background-color:#ffebcd; padding:2px; border:1px solid #800000; font-size:112%;}
/* インフルエンザ2009-2010シーズン */
.influ09 {
border-top:4px solid #FF9900;
border-bottom:4px solid #FF9900;
padding:2px;
font-size:112%;
background-color:#FFCC00;
position:absolute;
left:400px;
}
/* インフルエンザ2010-2011シーズン */
.influ10 {
border-top:4px solid #00CC00;
border-bottom:4px solid #00CC00;
padding:2px;
font-size:112%;
background-color:#99FF99;
position:absolute;
left:596px;
}
.dock {color:#0033FF; font-weight:bold;}
.juyo {color:#FF00FF; font-weight:bold; font-size:12px;}
.naiyou {color:#CC3300; font-weight:bold;}
/* Q&A */
.toggle-box {
margin: 0 auto;
}
.toggle-box input {
display: none;
}
.toggle-box label {
color:#4776AF;
cursor: pointer;
padding: 0 20px;
}
.toggle-box label:hover {
color: #c50018;
}
.toggle-box .tb-cont1 {
padding: 0 0;
}
.toggle-box .tb-cont2 {
transition: 0.2s;
height: 0;
overflow: hidden;
padding: 0 10px;
}
.toggle-box input:checked + .tb-cont2 {
height: auto;
padding: 10px;
}
/* vrious ------------------------------*/
.v-main {
float:left;
padding:30px 20px;
width:600px;
line-height:1.6em;
}
.contents li { padding:0 0 0 4em; background:url(images/listicon.gif) 24px 4px no-repeat;}
.contents dt { font-weight:bold; color:#339999; background:url(images/411.gif) 0 2px no-repeat; padding:0 2em;}
.contents dt, .v-main dd, .v-main p, .v-main ul { margin:10px 0 10px 10px;}
table { margin:10px; border-collapse:separate; empty-cells:show;}
td {vertical-align: middle; }
.v-main td {padding:0.5em; font-size:12px;}
.title { font-size:16px; font-weight:bold; color:#FF6600;}
.photoback {
background:url(images/photo.jpg) no-repeat;
background-position:bottom right;
min-height:600px;
}
.p-icons { vertical-align: middle;}
.box { vertical-align: middle; border:1px solid #ccc; padding:5px;}
.t-margin { margin:0 0 2em 6em; }
.v-side {
float:left;
padding:30px 20px;
width:186px;
font-size:12px;
line-height:1.6em;
}
.v-side ul { margin:1em;}
.v-side li {background:url(images/412.gif) -3px 1px no-repeat; text-indent:14px; }
#sb-01 a { display:block; height:30px; width:170px;background:url(images/submenu.gif);} /* 救急 */
#sb-02 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -30px;} /* AED */
#sb-03 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -60px;} /* 安全衛生管理マニュアル */
#sb-04 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -90px;} /* 互助会 */
#sb-05 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -120px;} /* SHO */
#sb-06 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -150px;} /* アクセス */
#sb-07 a { display:block; height:30px; width:170px;background:url(images/submenu.gif) 0 -180px;} /* サイトマップ */
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.indent { text-indent:1em;}
.red { color:#cc0000;}
.blue {color:#0033cc; font-weight:bold;}
.green {color:#369;}
.allow {margin:3em 0 0 0; padding:1em 0 0 0; border-top:1px dashed #ccc;}
.big { font-size:18px; font-weight:bold;}
.capture { font-size:11px; color: #366; width:70px;}
.under {border-bottom:1px solid #000; font-weight:bold;}
.pan li { font-weight:bold; font-size:11px; display:inline;}
.bg-red { background-color:#ffcc99;}
.bg-orange { background-color:#ffe2c6;}
.bg-yellow {background-color:#d6ffd6;}
.bg-green { background-color:#9cf;}
.bg-gray { background-color:#ccc;}
.bg-red-u { background-color:#ffffbb;}
.table-li { margin:0; padding:0 0 0 1em; background:url(images/listicon.gif) 0px 4px no-repeat;}
.flame { border:3px solid #D20002; width:500px; padding:1em; margin:1em 0 0 2em;}
.flame2 {
border:2px dashed #699;
background-color:#FFFFFF;
display:block;
width:250px;
position: relative;
top:-460px;
left:360px;
}
.info_box {
padding:10px;
border:1px dotted #999999;
background-color:#FFCCFF;
font-size:16px;
font-weight:bold;
}
/* 診療予定表 --------------------------*/
.yoshida {
font-size:10px;
color:#0099CC;
}
.kanazawa {
font-size:10px;
color:#3300FF;
}
.mental {background-color:#ffe2c6;}
.koyouji {color:navy;}
.tokubetu {color: #009900}
.RI {font-size: 12px; color: #990000;}
.teiki {color:#FF33FF;}
.niji {color:#66CC33;}
.jugatsuki {color:#6600CC; font-size:95%;}
.natuyasumi { color:#FF66FF;}
.DNA-RI {font-size:95%; color:#9933FF;}
.soudan {
font-size: 21px;
color: #140956;
background-color: #f0e68c;
}
/* footer ------------------------------*/
.push {
height:80px;
}
#footer {
margin:0 auto;
height:80px;
width:1118px;
background:url(images/wrapper_bg.gif);
background-color:#000000;
}
.footer_p {
margin:0 auto;
/* padding:20px 0 0 0; */
padding:10px 0;
width:900px;
height:60px;
background-color:#A9D5FE;
text-align:center;
}
.cr {
margin:0 20px;
padding: 0;
font-size:10px;
color:#333;
}
ul.Corona li:hover > ul {
display: block;
}
ul.Corona ul {
padding-left: 0px;
text-align: center;
width:150px;
display: none;
}
.Video{
text-align: center;
}
.Border2 p{
border: inset 10px #90ee90;
}
.covid1{
margin-top: 20px;
margin-bottom: 20px;
padding-left: 10px;
font-size: 20px;
font-weight:bold;
}
.covid2{
margin-top: 30px;
margin-bottom: 20px;
padding-left: 10px;
border-left: solid 7px #c50018;
border-bottom: solid 1px #dddddd;
font-size: 18px;
font-weight: normal
}