﻿
/**************************
    
    全体

***************************/
body {
    font-family: 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-weight: 400;
}
.wholeArea{
    width:1200px;
    padding:10px;
}
.MainArea {
    clear: both;
    padding: 10px;
}
.Title {
    float: left;
    height: 35px;
    font-size: 1.5em;
    font-weight:bold;
}
#HospitalSearchSupportLink {
    margin-top: 70px;
    clear: both;
    background-color: rgb(226,240,217);
    padding: 5px;
    border-top: solid;
    cursor: pointer;
}
a:visited {
    color: inherit;
}
#HospitalSearchSupportLink a {
    text-decoration: none;
}
#HospitalSearchSupportLink a:hover{
    text-decoration:underline;
}
/* 見出し */
h4 {
    border-bottom: dashed 3px silver;
    font-size: 130%;
}

/* ボタン */
[type="submit"]{
    cursor:pointer;
}
/* ラジオボタン */
[type="radio"] + label {
    cursor: pointer;
}
/*[type="radio"] {
    display: none;
}*/
/* チェックボックス */
[type="checkbox"] + label {
    cursor: pointer;
}
/* 検索ボタン */
.btn_search{
    width: 200px;
    background-color: #d4edf4;
    font-weight: bold;
    color: #6495ed;
    border: 2px solid #95d2e3;
    font-size: 1.3em;
    margin: 30px;
    border-radius: 5px;
}
.btn_search:hover {
    background-color: #add8e6;
}
select {
    width: 165px;
    height:40px;
    cursor: pointer;
    background-color: white;
    /* box-shadow: 0 2px 0 white; */
    border-radius: 2px;
    font-size:16px;
}
/* 文字サイズ変更欄 */
.fontSize {
    float: right;
    padding: 2px 10px 2px 10px;
    margin: 5px;
    width: 25px;
    height: 37px;
    text-align: center;
    cursor: pointer;
    background-color: white;
    color: black;
    border:solid 1px black;
}
.fontSize:hover {
    background-color: #cfdffc;
    color: #1a57ff;
    border: solid 1px #1a57ff;
}
[class*="small"] {
    font-size: 100%;
    line-height:2.3;
}
[class*="medium"] {
    font-size: 120%;
    line-height: 2.1;
}
[class*="large"] {
    font-size: 150%;
}
[class*="fontSet"] {
    background-color: #cfdffc;
    color: #1a57ff;
    border: solid 1px #1a57ff;
}
.language {
    float: right;
    height: 37px;
    margin: 8px 0px 0px 10px;
}

/**************************
    
    がんの種類

***************************/

/* がんの種類選択 */
.dvbuiArea [type="radio"] {
    display:none;
}
.dvchildbuiArea {
    position: relative;
    display: inline-block;
    width: 100%;
}
.pBuiHead {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid;
}
[class^="buiItem"] [type="radio"] + label {
    padding: 5px 10px 5px 10px;
    border: solid 1px #6495ed;
    border-radius: 10px;
    margin: 2px;
    background-color: #b7dfe0;
    display: inline-block;
    box-sizing: border-box;
    font-weight:bold;
}
[class^="buiItem"] [type="radio"]:checked + label {
    background-color: #00546b;
    color: white;
}
[class^="buiItem"]:hover {
    filter:brightness(80%);
}
[class*=" child"] [type="radio"] + label {
    background-color: #e9f7f7;
    font-weight:normal;
}

/* 都道府県 */
[class^="prefecture "] {
    position: absolute;
    border-radius: 10px;
    border: solid 1px white;
    color: white;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
/* 北海道 */
[class$="hokkaido"] {
    background-color: #6495ed;
}
/* 東北 */
[class$="tohoku"] {
    background-color: #6495ed;
}
/* 関東 */
[class$="kanto"] {
    background-color: rgb(215,208,56);
}
/* 中部 */
[class$="tubu"] {
    background-color: rgb(34,159,110);
}
/* 近畿 */
[class$="kinki"] {
    background-color: rgb(230,142,37);
}
/* 中国 */
[class$="tyugoku"] {
    background-color: rgb(25,173,216);
}
/* 四国 */
[class$="sikoku"] {
    background-color: rgb(197,104,152);
}
/* 九州・沖縄 */
[class$="kyusyu_okinawa"] {
    background-color: rgb(219,86,36);
}

/* 北海道 */
#hokkaido{
    width:170px;
    height:105px;
    top:50px;
    left:750px;
    line-height:6;
}
/* 青森 */
#aomori{
    width:120px;
    height:45px;
    top:175px;
    left:750px;
    line-height:3;
}
/* 秋田 */
#akita {
    width: 60px;
    height: 45px;
    top: 221px;
    left: 750px;
    line-height: 3;
}
/* 岩手 */
#iwate {
    width: 60px;
    height: 45px;
    top: 221px;
    left: 811px;
    line-height: 3;
}
/* 山形 */
#yamagata {
    width: 60px;
    height: 45px;
    top: 268px;
    left: 750px;
    line-height: 3;
}
/* 宮城 */
#miyagi {
    width: 60px;
    height: 45px;
    top: 268px;
    left: 811px;
    line-height: 3;
}
/* 福島 */
#hukusima {
    width: 120px;
    height: 45px;
    top: 314px;
    left: 750px;
    line-height: 3;
}
/* 関東 */
/* 群馬 */
#gunma {
    width: 60px;
    height: 45px;
    top: 360px;
    left: 750px;
    line-height: 3;
}
/* 栃木 */
#totigi {
    width: 60px;
    height: 45px;
    top: 360px;
    left: 811px;
    line-height: 3;
}
/* 茨城 */
#ibaraki {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 811px;
    line-height: 3;
}
/* 埼玉 */
#saitama {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 750px;
    line-height: 3;
}
/* 東京 */
#tokyo {
    width: 60px;
    height: 45px;
    top: 452px;
    left: 750px;
    line-height: 3;
}
/* 千葉 */
#tiba {
    width: 60px;
    height: 90px;
    top: 452px;
    left: 811px;
    line-height: 5;
}
/* 神奈川 */
#kanagawa {
    width: 60px;
    height: 45px;
    top: 497px;
    left: 750px;
    line-height: 3;
}
/* 中部 */
/* 福井 */
#hukui {
    width: 60px;
    height: 45px;
    top: 360px;
    left: 568px;
    line-height: 3;
}
/* 石川 */
#isikawa {
    width: 60px;
    height: 45px;
    top: 314px;
    left: 568px;
    line-height: 3;
}
/* 富山 */
#toyama {
    width: 60px;
    height: 45px;
    top: 314px;
    left: 629px;
    line-height: 3;
}
/* 新潟 */
#niigata {
    width: 60px;
    height: 45px;
    top: 314px;
    left: 690px;
    line-height: 3;
}
/* 岐阜 */
#gihu {
    width: 60px;
    height: 90px;
    top: 360px;
    left: 629px;
    line-height: 5;
}
/* 長野 */
#nagano {
    width: 60px;
    height: 90px;
    top: 360px;
    left: 690px;
    line-height: 5;
}
/* 愛知 */
#aiti {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 629px;
    line-height: 3;
}
/* 山梨 */
#yamanasi {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 690px;
    line-height: 3;
}
/* 静岡 */
#sizuoka {
    width: 60px;
    height: 45px;
    top: 497px;
    left: 690px;
    line-height: 3;
}
/* 近畿 */
/* 兵庫 */
#hyogo {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 446px;
    line-height: 3;
}
/* 京都 */
#kyoto {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 507px;
    line-height: 3;
}
/* 滋賀 */
#siga {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 568px;
    line-height: 3;
}
/* 大阪 */
#osaka {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 446px;
    line-height: 3;
}
/* 奈良 */
#nara {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 507px;
    line-height: 3;
}
/* 三重 */
#mie {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 568px;
    line-height: 3;
}
/* 和歌山 */
#wakayama {
    width: 120px;
    height: 45px;
    top: 497px;
    left: 446px;
    line-height: 3;
}
/* 中国 */
/* 山口 */
#yamaguti {
    width: 60px;
    height: 90px;
    top: 406px;
    left: 263px;
    line-height: 5;
}
/* 島根 */
#simane {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 324px;
    line-height: 3;
}
/* 鳥取 */
#tottori {
    width: 60px;
    height: 45px;
    top: 406px;
    left: 385px;
    line-height: 3;
}
/* 広島 */
#hirosima {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 324px;
    line-height: 3;
}
/* 岡山 */
#okayama {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 385px;
    line-height: 3;
}
/* 四国 */
/* 愛媛 */
#ehime {
    width: 60px;
    height: 45px;
    top: 525px;
    left: 294px;
    line-height: 3;
}
/* 香川 */
#kagawa {
    width: 60px;
    height: 45px;
    top: 525px;
    left: 355px;
    line-height: 3;
}
/* 高知 */
#kouti {
    width: 60px;
    height: 45px;
    top: 571px;
    left: 294px;
    line-height: 3;
}
/* 徳島 */
#tokusima {
    width: 60px;
    height: 45px;
    top: 571px;
    left: 355px;
    line-height: 3;
}
/* 九州・沖縄 */
/* 長崎 */
#nagasaki {
    width: 60px;
    height: 45px;
    top: 497px;
    left: 58px;
    line-height: 3;
}
/* 佐賀 */
#saga {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 58px;
    line-height: 3;
}
/* 福岡 */
#hukuoka {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 119px;
    line-height: 3;
}
/* 熊本 */
#kumamoto {
    width: 60px;
    height: 45px;
    top: 497px;
    left: 119px;
    line-height: 3;
}
/* 大分 */
#oita {
    width: 60px;
    height: 45px;
    top: 451px;
    left: 180px;
    line-height: 3;
}
/* 宮崎 */
#miyazaki {
    width: 60px;
    height: 90px;
    top: 497px;
    left: 180px;
    line-height: 5;
}
/* 鹿児島 */
#kagosima {
    width: 120px;
    height: 45px;
    top: 543px;
    left: 58px;
    line-height: 3;
}
/* 沖縄 */
#okinawa {
    width: 60px;
    height: 45px;
    top: 618px;
    left: 38px;
    line-height: 3;
}
.txtPrefectureSearharea {
    top: 30px;
    left: 48px;
    width: 500px;
    height: 60px;
    position: absolute;
}
/**************************

    検索条件共通

***************************/
/* 見出し */
.heading {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
    border-bottom: dashed 3px silver;
    font-size:130%;
}
/* 選択項目ラベル */
[class^="set "] {
    display: inline-block;
    text-align: center;
    background-color: #f5f5f5;
    width: 300px;
/*    border: solid thin black;*/
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.prefectureSet{
    display: inline-block;
    text-align: center;
    background-color: #f5f5f5;
    width: 400px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/* 検索テキストボックス */
.Txtsearch {
    width: 300px;
    border-radius: 5px;
    padding: 5px;
}
/* 選択状態 */
[class$=" clicked"] {
    background-color: #00546b;
    color: white;
}
#dvbuiNoSelect {
    border: dashed thin black;
    margin: 10px;
    padding: 8px;
    position: absolute;
    left: 460px;
    top: 155px;
    font-size: 15px;
}
#dvprefectureNoSelect {
    border: dashed thin black;
    margin: 10px;
    padding: 8px;
    position: relative;
    left: 520px;
    top: -54px;
    font-size: 15px;
    width:60px;
}
/*********************************

　検索結果画面

**********************************/
.btnPinListOpen{
	background-color: #98fb98;
    border: solid 1px #228b22;
    color: #228b22;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.2em;
}
.btnPinListOpen:hover{
	background-color: #90ee90;
}

.btnSearchSupport{
	background-color: #d4edf4;
    border: 2px solid #95d2e3;
    color: #6495ed;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.2em;

}
.btnSearchSupport:hover {
    background-color: #add8e6;
}

.lnkSupport:hover{
	text-decoration: none;
}

.gvResult {
    border-collapse: collapse;
    border: solid 1px black;
    table-layout: fixed;
}
.gvResult th{
    width:50px;
}
.gvResult td {
    padding: 3px 10px 3px 10px;
    background: #edfbfc;
    white-space:nowrap;
    text-align:center;
}
.gvResult tr:nth-child(odd) td {
    background: #c2eff7;
}
[class^="resultheader"] {
    font-weight: bold;
    color: white;
    background-color: #4d74f3;
    padding: 5px;
}
[class^="resultheader"] th{
    min-width:70px;
    padding:10px;
    white-space:nowrap;
}
[class^="resultheaderkyotengai"] {
    font-weight: bold;
    color: white;
    background-color: #a0a0a0;
    padding: 5px;
}

[class^="resultheaderkyotengai"] th {
    min-width: 70px;
    padding: 10px;
    white-space: nowrap;
}
[class^="resultdata1"] {
    background-color: #a8baf5;
    padding:5px;
}
[class^="resultdata2"] {
    background-color: #c4e6ff;
    padding: 5px;
    border:solid 1px white;
}
.dvjiseki{
    display:flex;
    border-radius:10px;
    padding:10px;
}
.rbljiseki [type="radio"] {
    appearance: none;
}
.rbljiseki [type="checkbox"] {
    appearance: none;
}
.rbljiseki label {
    padding: 5px 10px 5px 10px;
    background-color: #b8ede5;
    border-radius: 10px;
}
.rbljiseki [type="radio"]:checked + label{
    background-color:#fcb149;
}
.rbljiseki [type="checkbox"]:checked + label {
    background-color: #fcb149;
}
#downselect {
    position: absolute;
    background-color: white;
    border: solid 1px;
    padding: 10px;
    padding-right: 50px;
    width: 350px;
    z-index:1;
}
.hidden{
    display:none;
}
.supportMessage {
    position: absolute;
    background-color: white;
    width: 480px;
    text-align: center;
    left: 300px;
    border: solid 1px;
    padding: 20px;
    top: 200px;
}
.btnStyle {
    font-weight: bold;
    color: white;
    border: none;
    font-size: 1.2em;
}
input[type=button]:hover{
    cursor:pointer;
}

.gvResult td .ckpin {
    opacity: 0;
    position: absolute;
    margin: -10px;
    z-index: 2;
    cursor:pointer;
}

.gvResult td .ckpin + label:after {
    content: "";
    width: 30px;
    height: 30px;
    background-size: 25px;
    background-image: url("../picture/bookmark_off.png");
    background-repeat: no-repeat;
    position: absolute;
    margin: -14px 0 0 -12px;
}
.gvResult td .ckpin:checked + label:after {
    background-image: url("../picture/bookmark_on.png");
}

.pinSet .ckpin {
    opacity: 0;
    position: absolute;
    margin: -10px;
    z-index: 2;
    cursor: pointer;
}

.pinSet .ckpin + label:before {
    content: "";
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-image: url(../picture/bookmark_off.png);
    background-repeat: no-repeat;
    position: absolute;
    margin: 3px 0 0 -23px;
}

.pinSet .ckpin:checked + label:before {
    background-image: url("../picture/bookmark_on.png");
}

/* マップ */
#gmap {
    width:650px;
   height:450px;
   left:200px;
   margin:20px;
}

.dvcategory{
    border-radius:10px;
}

[class*=" kyoten"]{
    color:white;
    background-color:#6495ed;
}

[class*=" notkyoten"] {
    background-color: #feee91;
}

.dvlegend {
    position: absolute;
    color: black;
    background-color: white;
    border: solid 1px;
    top: -30px;
    text-align: left;
    padding: 10px;
    font-size: 15px;
    display:none;
}
.popup:hover .dvlegend {
    display: inline-block;
    opacity: 1;
    z-index: 3;
}
.popup {
    cursor: default;
    color:white;
    text-decoration:underline;
}

/* 再検索 */
#dvSelectConditions {
    background-color: #f0ffff;
    border-radius: 10px;
    padding: 3px;
}

.dvchildbuiArea {
    position: relative;
    display: inline-block;
    width: 100%;
}

.pBuiHead {
    font-size: 18px;
    font-weight: bold;
    border-bottom: solid;
}

.parentbui {
    background-color: #f0ffff;
    padding: 10px 0px 10px 0px;
}

.parentbui [type="radio"] {
    display: none;
}

.parentbui [type="radio"] + label {
    padding: 5px 10px 5px 10px;
    border: solid 1px #6495ed;
    margin: 2px;
    background-color: #b7dfe0;
    display: inline-block;
    box-sizing: border-box;
    min-width: 100px;
    text-align: center;
}

.parentbui [type="radio"]:checked + label {
    background-color: #00546b;
    color: white;
}

[class^="childbui"] {
    background-color: #f0ffff;
    padding: 0 10px 10px 10px;
}

[class^="childbui"] .buiItem [type="radio"] {
    display: none;
}

[class^="childbui"] .buiItem [type="radio"] + label {
    padding: 5px 10px 5px 10px;
    border: solid 1px #ffa500;
    margin: 2px;
    background-color: #ffe4b5;
    display: inline-block;
    box-sizing: border-box;
    min-width: 100px;
    text-align: center;
    font-size: 95%;
    font-weight:normal;
}

[class^="childbui"] .buiItem [type="radio"]:checked + label {
    background-color: #f4a460;
    color: white;
}

#prefectureArea [type="checkbox"] + label {
    display: inline-block;
    box-sizing: border-box;
}
/***************************************

    病院詳細画面

****************************************/
.subhead {
    font-weight: bold;
    color: white;
    padding: 1px 5px 1px 5px;
    border: solid 1px white;
    background-color: #7878ed;
    text-align: left;
}
.tblHospitalDetail{
    text-align:left;
    width:100%;
    border-collapse: collapse;
}
.tblHospitalDetail .tddata {
    background: #c6e4ec;
    border:solid 1px #6ebacf;
}
.subheadkyotengai {
    font-weight: bold;
    color: white;
    padding: 1px 5px 1px 5px;
    border: solid 1px white;
    background-color: #a0a0a0;
    text-align: left;
}
.tblHospitalDetail tr:nth-child(odd) .tddata {
    background: #fff;
}
.tblHospitalDetailkyotengai {
    text-align: left;
    width: 100%;
    border-collapse: collapse;
}

.tblHospitalDetailkyotengai .tddata {
    background: #dcdcdc;
    border: solid 1px silver;
}

.tblHospitalDetailkyotengai tr:nth-child(odd) .tddata {
    background: #fff;
}

.tblHospitalDetailkyotengai .tdtitle {
    background: whitesmoke;
    border: solid 1px silver;
    width: 200px;
    padding-left: 5px;
}
.hospitaltype_ncc {
    width: 230px;
    float: left;
    background-color: #87ceeb;
    border-radius: 10px;
    margin:7px;
}
.hospitaltype_genomu {
    width: 250px;
    float: left;
    background-color: #98fb98;
    border-radius: 10px;
    margin: 7px;
}
.hospitaltype_child {
    width: 200px;
    float: left;
    background-color: bisque;
    border-radius: 10px;
    margin: 7px;
}
.pinSet {
    border: solid 1px;
    width: 180px;
    float: left;
    margin: 7px;
}
/***************************************

    病院詳細画面（もっと詳しく）

****************************************/
/* タブ制御 */

.tabInfo_area {
    border-top: double blue;
    border-bottom: double blue;
    margin: 15px;
    text-align: left;
}

.tabInfo_area label {
    margin: 10px 30px 10px 30px;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}

.tabInfo_area label:hover {
	text-decoration: underline;
	color:blue;
}

.panelInfo_area {
    background: #fff;
}

.tab_panelInfo {
    display: none;
    margin: 10px 10px 0 10px;
}

#tbBasic:checked ~ .panelInfo_area #pnlBasic {
    display: block;
}
#tbBasic:checked ~ .tabInfo_area .tbBasic_label  {
    text-decoration: underline;
	color:blue;
}

#tbSupportCenter:checked ~ .panelInfo_area #pnlSupportCenter {
    display: block;
}
#tbSupportCenter:checked ~ .tabInfo_area .tbSupportCenter_label  {
    text-decoration: underline;
	color:blue;
}

#tbStructure:checked ~ .panelInfo_area #pnlStructure {
    display: block;
}
#tbStructure:checked ~ .tabInfo_area .tbStructure_label  {
    text-decoration: underline;
	color:blue;
}

#tbCurrentStatusReport:checked ~ .panelInfo_area #pnlCurrentStatusReport {
    display: block;
}
#tbCurrentStatusReport:checked ~ .tabInfo_area .tbCurrentStatusReport_label  {
    text-decoration: underline;
	color:blue;
}
.lblSutTitle{
    font-weight:bold;
    font-size:17px;
    margin:10px;
}

.tblSutractureDetail{
    text-align:left;
    width:100%;
    border-collapse: collapse;
}

.tdtitle {
    background: ghostwhite;
    border: solid 1px #6ebacf;
    width: 200px;
    padding-left: 5px;
}

.tblSutractureDetail .tddata {
    background: #c6e4ec;
    border:solid 1px #6ebacf;
    min-width:170px;
}

.tblSutractureDetail tr:nth-child(odd) .tddata {
    background: #fff;
}

/* フッター */
footer {
    padding: 0px;
    border-top: 2px dotted #37477F;
    margin: 30px auto auto auto;
    width: 100%;
    height: 20px;
    text-align: right;
    font-size: 12px;
}
