@charset "utf-8";



header,h4,h5,h6,html,
p,
textarea{
	margin:5px 0 0 0;
//	padding:0;
//	margin-top:10px;
//	padding-bottom:10px;
	border:0;outline:0;
	background:transparent;
	line-height:1.5;
//	text-align:left
}

h1 {
margin:0px 0 0 0;
text-align:center;
line-height:1.2;
//border: 1px solid red; box-sizing: border-box;
}

h2 {
	margin:20px 0 0 0;
	text-align:left;
}

h3 {
	margin: 0px 0 0 0;
	text-align:left;
}




h4 {
	font-size:16px;
	margin:10px 0 0 0;
	text-align:left;
}




body {
width:1000px;
//width:950px;
margin: 0 auto;
padding: 0 auto;
font-size:13px;
text-align: center; /* box centering */
color: #272727;
font-weight: 500;
margin-top: 10px;
text-align:left;
-webkit-print-color-adjust: exact;
}




.ending_title_01{
text-align: center;  font-size: 35px;  font-weight: 800;
padding: 40px;  background-color: #0066cc;  color: #fff;
line-height: 1.4;
//border: 1px solid #888;
}



.ending_txt_01{
text-align: center;
font-size: 18px;
padding: 40px;
background-color: #eeffff;
border: 1px solid #888;
}




@media (max-width: 800px) { /* 横幅が__px以下の場合に適用するスタイル */

.ending_title_01{font-size: 6.0vw;  line-height: 1.4;  padding: 50px 0;}
.ending_txt_01{text-align: center;  font-size: 3.0vw;  line-height: 1.7;  padding: 70px 0;}

}/*@media (max-width: 600px)    ここまで*/



@media screen and (min-width: 800px){
.sp_br{display: none;}
}




a:link { color: #000088; }

a:hover { opacity: 0.75 ; }

.title_etc {
	text-align:center;
}

/*
hr{
border:none;
border-top:dashed 1px #fff;
height:1px;
color:#FFFFFF;
width:500px;
}
*/

.hrline_style{
border: 0.5px dashed #888;
}


.wrap{
//border: 1px solid blue;
}

.link_01, .link_02, .link_03, .link_04, .link_05, .link_06 {
display: inline-block;
top: 0;
bottom: 0;
margin: 0;
width: 200px;
height: 200px;
margin: 10px;
color: #efefef;
//line-height: 1.1;
font-size: 150%;
vertical-align: middle; 
//border: 1px solid red;
}




.no_underline{text-decoration:none; }

.link_01{background-color: #; /*その他系統色: #efe5ff;*/ }
.link_02{background-color: #; /*その他系統色: #dfefff;*/ }
.link_03{background-color: #; /*その他系統色: #ffe5fc;*/ }
.link_04{background-color: #; /*その他系統色: #dfffef;*/ }
.link_05{background-color: #; /*その他系統色: #ddefff;*/ }
.link_06{background-color: #; /*その他系統色: #fdfad8;*/ }



table {
  width:100%;
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
//  border:  solid 1px #555;
//  text-align:left
}

th, td {

//	border:  solid 1px #555;
padding: 5px;
font-size:12px;
text-align: left;
line-height:1.25;
}


.lineheight_0_7{
  padding: 15px 0px 15px 5px;
  line-height:0.7;
}

.lineheight_1_2{
  line-height:1.2;
}


.seal_icon_01{
margin: 0px;
padding 0px;
width: 150px;
border: none;
border: solid 1px red;
}

.seal_icon_01 img{
width: 100%;
}




.ex_border_b {  /*テーブルのボーダーを設定する時は2px以上じゃないとChromeなので不具合あり*/
  border-collapse: collapse;
//  border-bottom: 2px dotted #bbb;
  border-bottom: 2.0px dotted rgba(10,10,10,0.15);
  //opacity: 0.5;
}

.ex_border_no {  /*テーブルのボーダーを設定する時は2px以上じゃないとChromeなので不具合あり*/
  border-collapse: collapse;
  border-top:none;
}


img {
}


#footer_alert {
    position: fixed;
    text-align:left;
    left: 0;
    right: 0;
    bottom: 0px;
	width: 100%;
	padding: 10px 20px 10px 20px;
    height: auto;
	font-size: 90%;
	color: #fff;
	background: #000;
}


.chiebukuro_mihon_box{
background-color: #44aa77;
vertical-align: middle;
//border: 1px solid blue;
}

.chiebukuro_mihon_left{
color: #fff;
display: inline-block;
font-weight: 700;
font-size:125%;
margin: 0;
padding: 0px 0px 0px 10px;
width: 83%;
height: 130px;
vertical-align: middle;
//border: 1px solid red;
}

.chiebukuro_mihon_right {
display: inline-block;
width: 15%;
vertical-align: middle;
//border: 1px solid blue;
}

.chiebukuro_mihon_right img{
display: inline-block;
vertical-align: middle;
width: 100%;
}


@media only screen and ( max-width : 1000px ) {

body {width:95%; font-size: 80%;}
h1 {font-size: 150%;}

img {max-width: 95%; height: auto;}

#footer_alert {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0px;
	width: 95%;
	padding: 10px 100px 10px 20px;
    height: auto;
	font-size: 90%;
	color: #fff;
	background: #000;
}

}









/* -----------------------------------------------
 * アコーディオン
----------------------------------------------- */
/*　2018-05-23とりあえずアコーディオンはナシの方向で→やっぱりアリで*/
.displayNone {
    display: none;
}

.accordion li,.accordion02 li {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.accordion a,.accordion02 a {
    display: block;
}


.switch {
 //   cursor:pointer;
    font-weight: bold;
    padding:10px 10px 10px 10px;
    font-size: 14px;
    background: #eee;
    border-bottom: 1px solid #ccc;
    position: relative;
}




.accordion02 .switch:after {
    position: absolute;
    top: 60%;
    right: 10px;
    margin-top: -18px;
    content: '>';
    font-size: 20px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
    font-family: sans-serif;
    color: #fff;  /*三角形の色設定*/
}
 
.accordion02 .switch.open:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: sans-serif;
}






/*印刷時の設定（設定しないと全てのページに現れる）*/

@media print{
#footer_alert {
    position: relative;
	top: 20px;
//    left: 0;
//    right: 0;
//    bottom: 10px;
	width: 100%;
	padding: 10px 20px 10px 20px;
    height: auto;
	font-size: 90%;
	color: #fff;
	background: #000;
}

	.cp_stepflow01 {
        display: none;
    }

}






/*プログレスバー（進捗）を表示*/

.cp_stepflow01 {
	font-size: 70%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 1em;
	padding: 0;
	line-height:1.2;
}
.cp_stepflow01 > li {
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-overflow: ellipsis;
	color: #999;
	 -ms-flex: 1;
	-moz-flex: 1;
	-webkit-box-flex: 1;
	     flex: 1;
}
.cp_stepflow01 > li .bubble {
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 auto 0.5em;
	border-radius: 1000px;
	background-color: #999;
}
.cp_stepflow01 > li .bubble::after, .cp_stepflow01 > li .bubble::before {
	position: absolute;
	top: 5px;
	display: block;
	width: 100%;
	height: 1.5px;
	content: '';
	background-color: #999;
}

.cp_stepflow01 > li.active .bubble::before {
	background-color: #999;
}

.cp_stepflow01 > li.completed,
.cp_stepflow01 > li.completed .bubble {
	color: #ff0000;
}
.cp_stepflow01 > li.completed .bubble,
.cp_stepflow01 > li.completed .bubble::after,
.cp_stepflow01 > li.completed .bubble::before {
	background-color: #ff0000;
}
.cp_stepflow01 > li:last-child .bubble::after,
.cp_stepflow01 > li:last-child .bubble::before {
	width: 0%;
	margin-right: 50%;
}
.cp_stepflow01 > li.active,
.cp_stepflow01 > li.active .bubble {
	font-weight: bold;
	color: #ff0000;
}
//.cp_stepflow01 > li.active .bubble,
//.cp_stepflow01 > li.active .bubble::after,
.cp_stepflow01 > li.active .bubble::before {
	background-color: #ccc;
}	

.cp_stepflow01 > li.active .bubble {
	background-color: #ff0000;
}		

.cp_stepflow01 > li.active .bubble::after {
	background-color: #ff0000;
	width: 8%;
}


@media only screen and ( max-width : 800px ) {
	.cp_stepflow01 > li.active .bubble::after {
		width: 12%;
	}
}

@media only screen and ( max-width : 600px ) {
body,th,td,input {
font-size:75%;
}




.cp_stepflow01 > li .bubble {
width: 8px;
height: 8px;
margin-top: 0.25em;
}


.cp_stepflow01 > li.active .bubble::after {
width: 18%;
}

}




a.bt-yes{
  display: inline-block;  text-decoration: none;
  height:50px;  width: 120px;  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #ff3333; !important;
  border:solid 1px #ff3333;
  border-radius: 10px;
  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -o-transition: 0.3s;
  -ms-transition: 0.3s;  transition: 0.3s;
 }

a.bt-yes:hover{  /* クリックした時 */
  background-color: #fff;  color: #ff3333;
}




a.bt-no{
  display: inline-block;  text-decoration: none;
  height:50px;  width: 120px;  line-height: 50px;
  text-align: center;
  color: #fff;
  background-color: #2bb6c1; !important;
  border:solid 1px #2bb6c1;
  border-radius: 10px;
  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -o-transition: 0.3s;
  -ms-transition: 0.3s;  transition: 0.3s;
 }

a.bt-no:hover{  /* クリックした時 */
  background-color: #fff;  color: #2bb6c1; !important;
}







input[type="submit"] {
   /* 通常表示（進むor送信ボタン） */
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;  text-decoration: none;
  height:50px;  width: ;  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #ff3333;
  border:solid 1px #ff3333;
  border-radius: 10px;
  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -o-transition: 0.3s;
  -ms-transition: 0.3s;  transition: 0.3s;
}

input[type="submit"]:hover {
  -webkit-appearance: none;
  border-radius: 0;
   /* マウスが載ったとき */
  background: #fff;  color: #ff3333;
}



input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
   /* 通常表示（戻るボタン） */
  display: inline-block;  text-decoration: none;
  height:50px;  width: ;  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #2bb6c1;
  border:solid 1px #2bb6c1;
  border-radius: 10px;
  -webkit-transition: 0.3s;  -moz-transition: 0.3s;  -o-transition: 0.3s;
  -ms-transition: 0.3s;  transition: 0.3s;
}

input[type="button"]:hover {
  -webkit-appearance: none;
  border-radius: 0;
   /* マウスが載ったとき */
  background: #fff;  color: #2bb6c1;
}





/*診療科リストの並び設定*/

ul.nav{
  padding: 0px;
}
ul.nav li{
  display: inline-block;
  width: 220px;
  text-align: left;
}





/*Page Topボタン設定*/
---------------------------------------------------------------------------*/

#pagetop {
clear: both;
}
#pagetop a {
color: #FFF;		/*文字色*/
font-size: 11px;	/*文字サイズ*/
//background: #555;	/*背景色*/
text-decoration: none;
text-align: center;
width: 5em;	/*ボックス幅*/
display: block;
float: right;
margin: 5px 10px 20px 5px;
letter-spacing: 0.1em;	/*文字間隔を少し広めにとる設定。*/
opacity: 0.7;
}

/*マウスオン時*/
#pagetop a:hover {
opacity: 0.5;
}

/*----------全体設定追加----------*/
 
.page-top {
// display: none;
 position: fixed;
 bottom: 0px;
 right: 5px;
width: 10px;
height: 50px;
line-height: 15px;
padding: 5px 0px 0px 0px;
color: #fff;
font-size: 15px;
text-align: center;
background: #555;
font-weight: 1000;
text-decoration: none;
border-radius: 5px;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#bbbbbb;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#bbbbbb;
}
::placeholder{ /* Others */
color:#bbbbbb
}
:-moz-placeholder { /* Internet Explorer 10-11 */
color:#bbbbbb;
}

th.back_pink { 
background-color: #ffeeee;
}


.present_page_link_button_container{
text-align: center;
}

a.present_page_link_button{
font-size: 110%;
color:#550000;
display:inline-block;
width:31.0%;
height:30px;
//line-height: 13.0px;
padding-top:10px;
padding-bottom:0px;
margin-top:2px;
margin-bottom:0px;
text-align:center;
text-decoration: none;
border:1px solid #fff;
background-color:#fff;
border-radius: 2px;
}

a.present_page_link_button_02{
font-size: 110%;
color:#fff;
display:inline-block;
width:17.5%;
height:20px;
line-height: 6.0px;
padding-top:13px;
padding-bottom:0px;
margin-top:2px;
margin-bottom:0px;
text-align:center;
text-decoration: none;
border:1px solid #fff;
background-color:#fff;
border-radius: 2px;
}

a.color_kinkokkakukei{background-color:darkorchid;}
a.color_shikeikei{background-color:deeppink;}
a.color_ganka{background-color:#1e90ff;}
a.color_jibi{background-color:darkgreen;}
a.color_kyobu{background-color:#00008b;}

a.color_shinzo{background-color:#cf59a4;}
a.color_fukubu{background-color:#459d9a;}
a.color_nyorokei{background-color:#cc5c00;}
a.color_seiki{background-color:indigo;}
a.color_housyasen{background-color:olive;}


@media only screen and ( max-width : 800px ) {
a.present_page_link_button_02{font-size: 80%;}
}

@media only screen and ( max-width : 600px ) {
a.present_page_link_button_02{font-size: 60%;}
}

a.present_page_link_button:hover{
opacity: 0.8;
}


/*ページ印刷PDFダウンロードボタン*/
.download_button_01{
display: block;
//position: relative;
width: 160px;
padding: 0.8em;
text-align: center;
text-decoration: none;
background: #20b2aa;
color: #ffffff;
border-radius: 5px;
}

.download_button_01:link {
color: #ffffff;
}

.download_button_01:hover {
opacity:0.8; cursor: pointer; text-decoration: none;
}


/*知恵袋へのリンクボタン*/
.isya_chie_link_button_01{
display: block;
//position: relative;
width: 530px;
padding: 0.05em 0.25em;
text-align: center;
text-decoration: none;
background: red;
color: #ffffff;
border-radius: 5px;
}

.isya_chie_link_button_01:link {
color: #ffffff;
}

.isya_chie_link_button_01:hover {
opacity:0.7; cursor: pointer; text-decoration: none;
}


/*知恵袋へのボタン*/
.isya_chie_red_button_01{
display: block;
//position: relative;
width: 530px;
padding: 0.05em 0.25em;
text-align: center;
text-decoration: none;
background: red;
color: #ffffff;
border-radius: 5px;
}


/*赤い矢印*/
.red_arrow_01{
width:50px;
}



/*ページ印刷用改ページ*/
.page_print_break {
page-break-after: always;
background-color: #ff0000;
border: none;
}



/*2023/02/02追加分*/
input.yohaku{
margin:8px 0px 8px 0px;
//border: 1px solid red;
}




/*2023-02-13試し*/
td.border_all,th.border_all {border: 1px solid #333; }
td.border_R_blank,th.border_R_blank {border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #333;}
td.border_L_blank,th.border_L_blank {border-top: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333;}
td.border_top,th.border_top {border-top: 1px solid #333;}
td.border_right,th.border_right {border-right: 1px solid #333;}
td.border_bottom,th.border_bottom {border-bottom: 1px solid #333;}
td.border_left,th.border_left {border-left: 1px solid #333;}

td.border_top_dot,th.border_top_dot {border-top: 1px dotted #aaa;}
td.border_right_dot,th.border_right_dot {border-right: 1px dotted #aaa;}
td.border_bottom_dot,th.border_bottom_dot {border-bottom: 1px dotted #aaa;}
td.border_left_dot,th.border_left_dot {border-left: 1px dotted #aaa;}


td.border_dot_bottom,th.border_dot_bottom {border-bottom: 1px dotted #333;}


td.pos_right {text-align: right;}
td.pos_center {text-align: center;}
td.pos_left {text-align: left;}


td.bg_kin_01 {background-color: #efbfff;}
td.bg_kin_02 {background-color: #fdefff;}
td.bg_kin_select {background-color: darkorchid; color: #fff;}
td.border_right_kin_select {border-right: 1px solid #999;}


td.bg_sk_01 {background-color: #efc0db;}
td.bg_sk_02 {background-color: #fff0fb;}

td.bg_gan_01 {background-color: #b7eefd;}
td.bg_gan_02 {background-color: #f0ffff;}

td.bg_jib_01 {background-color: #c8fd88;}
td.bg_jib_02 {background-color: #f8ffb8;}

td.bg_kyo_01 {background-color: #b7eeff;}
td.bg_kyo_02 {background-color: #e9ffff;}

td.bg_shi_01 {background-color: #ffe0eb;}
td.bg_shi_02 {background-color: #fff9fd;}

td.bg_fuk_01 {background-color: #dfffcf;}
td.bg_fuk_02 {background-color: #ffffef;}

td.bg_nyo_01 {background-color: #eacec3;}
td.bg_nyo_02 {background-color: #ffefe9;}

td.bg_sei_01 {background-color: #e0bbef;}
td.bg_sei_02 {background-color: #f5dcff;}

td.bg_rad_01 {background-color: #ddd78b;}
td.bg_rad_02 {background-color: #fdf7bb;}



td.txt_bold {font-weight: bold; font-size: 110%;}
td.txt_sm {font-size: 105%;}




/*入力された文字をハイライト*/
.bg_yellow {color:black; background-color:#FFFF00; padding: 1px 0px; }

/*
.bg_yellow {padding: 1px 0px; animation: blinkAnimeS2 1s infinite alternate;}

@keyframes blinkAnimeS2{
   0%{ background-color:#FFFF00}
 100%{ background-color: opacity: 0.0;}
}
*/


/*リンクをボタン風に変更 2024-06-11追加*/
a.button_001 {
    background-color:#cceeff;
	padding: 10px 15px;
    border-radius:5px;
	cursor:pointer;
	text-decoration: none;
}
a.button_001:hover {
	color:white;
    background-color:navy;
}


/*リンクをボタン風に変更 2024-06-18追加*/
.button_001 {
	width: 140px;
	color:black;
	display: inline-block;
    background-color:#cceeff;
	padding: 10px 15px;
    border-radius:5px;
//	cursor:pointer;
	text-decoration: none;
}



.no_browser_back{
width: 50%;
color: white;
font-weight: bold;
background-color:#2222ff;
border-radius:5px;
padding: 15px 0px;
}



@media screen and ( max-width:800px) {
.no_browser_back{width: 100%; }
}