﻿
@charset "UTF-8";

a:hover{
  opacity: 0.7;
  text-decoration: none;
}

.fwb{font-weight: bold;}
.txt_b{font-weight:bold;}
.txt_w{color:#ffffff;}
.txt_c{text-align:center;} 
.txt_l{text-align: left;}
.txt_r{text-align: right;}
.txt_24{font-size: 24px}
.mar_t_n{margin-top:none;}
.mar_b_n{margin-bottom:none;}
.mar_l_n{margin-left:none;}
.mar_r_n{margin-right:none;}
.mar_t_5{margin-top:5px;}
.mar_b_5{margin-bottom:5px;}
.mar_l_5{margin-left:5px;}
.mar_r_5{margin-right:5px;}
.mar_t_10{margin-top:10px;}
.mar_b_10{margin-bottom:10px;}
.mar_l_10{margin-left:10px;}
.mar_r_10{margin-right:10px;}
.mar_t_15{margin-top:15px;}
.mar_b_15{margin-bottom:15px;}
.mar_l_15{margin-left:15px;}
.mar_r_15{margin-right:15px;}
.mar_t_30{margin-top:30px;}
.mar_b_30{margin-bottom:30px;}
.mar_l_30{margin-left:30px;}
.mar_r_30{margin-right:30px;}
.pad_t_n{padding-top:none;}
.pad_b_n{padding-bottom:none;}
.pad_l_n{padding-left:none;}
.pad_r_n{padding-right:none;}
.pad_t_5{padding-top:5px;}
.pad_b_5{padding-bottom:5px;}
.pad_l_5{padding-left:5px;}
.pad_r_5{padding-right:5px;}
.pad_t_10{padding-top:10px;}
.pad_b_10{padding-bottom:10px;}
.pad_l_10{padding-left:10px;}
.pad_r_10{padding-right:10px;}
.red{color: #ff0000}
.blue{color: #000c69}
.blue_l{color: #0c00cc}
.green{color: #008000}
.bgc_lightblue{background-color:#95CEE1;}
.ff_Century{font-family: Century}
.ff_Times{font-family: Times New Roman}
.txt_10{font-size:10px;}
.txt_12{font-size:12px;}
.txt_14{font-size:14px;}
.txt_16{font-size:16px;}
.txt_18{font-size:18px;}
.txt_20{font-size:20px;}
.txt_22{font-size:22px;}
.txt_24{font-size:24px;}
.txt_28{font-size:28px;}
.txt_30{font-size:30px;}
.cl_l{clear: left;}
.cl_b{clear: both;}
.cl_r{clear: right;}
.fl_l{float: left;}
.fl_r{float: right;}
.val_top{vertical-align: top;}
.val_mid{vertical-align: middle;}
.val_bot{vertical-align: bottom;}


.kansyouzai-table1 {
	border:1px solid #000033;
	margin:5px 0 30px 0;
        border-collapse: collapse;
	}

.kansyouzai-td1 {
	border:1px solid #000033;
	padding:3px;
	text-align:center;
	background-color:rgba(82, 209, 255, 0.56);
	width:90px;
	}

.kansyouzai-td2 {
	border:1px solid #000033;
	width:150px;
	text-align:center;
	padding:5px;
	}

.kansyouzai-td3 {
	border:1px solid #000033;
	width:150px;
	height:150px;
	text-align:center;
	padding:3px;
	}

.kansyouzai-td4 {
	border:1px solid #000033;
	width:150px;
	text-align:center;
	padding:10px 5px;
	}

.kansyouzai-span1 {
	color:#ff0000;
	font-weight:bold;
	font-size:120%;
	}

.kansyouzai-td5 {
	border:1px solid #000033;
	width:150px;
	text-align:left;
	padding:5px;
	}

.kansyouzai-td6 {
	border:1px solid #000033;
	width:150px;
	text-align:left;
	padding:5px;
	font-size:90%;
	}

div#footer{
        background-repeat: repeat-x;
	width: 760px;
	margin-top: 10px;
	padding-top: 8px;
	clear: both
        }

div#container{
        position:relative;
        top:20px;
	width:760px;
	margin:0 auto;
	padding-top:15px;
	border-left:1px #ccc solid;
	border-right:1px #ccc solid;
        }

.hikaku-table-blue{/*線有り・縦横移動無し*/
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-collapse: collapse;
}
.hikaku-table-blue > tbody > tr > th{
	text-align: center;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	background-color: #dcfdff;
	width: 120px;/*220527追記*/
	min-width: 120px;/*220527追記*/
}
.hikaku-table-blue > tbody > tr > td{
	text-align: center;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	padding-top: 5px;
	width: 150px;/*220527追記*/
	min-width: 150px;/*220527追記*/
}
.hikaku-table-green{/*線有り・縦横移動無し*/
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	border-collapse: collapse;
}
.hikaku-table-green > tbody > tr > th{
	text-align: center;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	background-color: #dcffe1;
	width: 120px;/*220527追記*/
	min-width: 120px;/*220527追記*/
}
.hikaku-table-green > tbody > tr > td{
	text-align: center;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	padding-top: 5px;
	width: 150px;/*220527追記*/
	min-width: 150px;/*220527追記*/
}
.hikaku-table-red{/*線有り・縦横移動無し*/
	border-top: 0px solid #a9a9a9;
	border-bottom: 0px solid #a9a9a9;
	border-collapse: collapse;
}
.hikaku-table-red > tbody > tr > th{
	text-align: center;
	font-weight: bold;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	background-color: #ffdcdc;
	width: 69px;/*220527追記*/
	min-width: 69px;/*220527追記*/
}
.hikaku-table-red > tbody > tr > td{
	text-align: center;
	border-collapse: collapse;
	border: 1px #a9a9a9 solid;
	padding-top: 5px;
	max-width: 150px;/*220527追記*/
	min-width: 150px;/*220527追記*/
}
.hikaku-table-red > tbody > tr > td.td-w50{
	width: 45px;
	min-width: 45px;
}

/*.hikaku-icon{
  width: 140px;
  height: 40px;
  margin: 0 7px;
  border-radius: 40px;
  border: 5px solid #3c3232;
  vertical-align: middle;
  font-size: 18Px;
  font-weight: bold;
  position: relative;
  margin: auto;
}*/

.hikaku-icon-blue{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 40px;
	margin-bottom: 10px;
	border: 5px solid #015EAC;
	font-size: 18Px;
	border-radius: 40px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	background-color: #dcfdff;
}
.hikaku-icon-red{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 40px;
	margin-bottom: 10px;
	border: 5px solid #D83E3E;
	font-size: 18Px;
	border-radius: 40px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	background-color: #ffdcdc;
}
.hikaku-icon-green{
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 40px;
	margin-bottom: 10px;
	border: 5px solid #059A1A;
	font-size: 18Px;
	border-radius: 40px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	background-color: #dcffe1;
}
.hikaku-icon-blue a,.hikaku-icon-red a,.hikaku-icon-green a{
	text-decoration:none;
}
a:link,a:visited,a:active{
	color: #000000;
}
.hikaku-table-blue a:hover{
	color: #015EAC;
}
.hikaku-table-green a:hover{
	color: #059A1A;
}
.hikaku-table-red a:hover{
	color: #D83E3E;
}


/*タイトル　220527追記*/
.midasi_h2{
	margin:40px 0 20px 0; 
}

#youto{
	margin-bottom: 0;
}


/* メディアクエリ */

@media screen and (max-width: 759px) {
	/* 759px以下に適用されるCSS（タブレット用） */

div#footer{
	width: 100%;
        }

div#container{
	width:100%;
	margin:0 auto;
        }

h1{
	font-size: 150%
	}

/*テーブルスクロール*/

.scroll{
width:100%;
max-width:750px; 
margin-bottom: 15px;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.hikaku-table-blue > tbody > tr > th{
	font-size: 16px;
}
.hikaku-table-red > tbody > tr > th{
	font-size: 16px;
}
.hikaku-table-green > tbody > tr > th{
	font-size: 16px;
}

.hikaku-table-blue > tbody > tr > td{
	font-size: 13px;
}
.hikaku-table-red > tbody > tr > td{
	font-size: 13px;
}
.hikaku-table-green > tbody > tr > td{
	font-size: 13px;
}


.hikaku-table-blue > tbody > tr > td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.hikaku-table-red > tbody > tr > td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.hikaku-table-green > tbody > tr > td{
	padding-top: 10px;
	padding-bottom: 10px;
}


}
