@charset "euc-jp";
.uec	{
         background-color: #000080; /* コンテナの背景色 */
         color: #ffffff; /* 全体の文字色 */
	 font-size:28px;
         font-weight: bold;
         font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	 padding:8px 30px 5px 30px;
/*	 margin:5px 0px 5px 0px;*/
margin: 10px 20px;
	 font-weight: bold;
         border: 2px solid #000080;
         display: inline-block;
/*         width:1024px; */
	}

h4 {
  margin: 10px 10px 7px -5px;
  padding: 5px 10px 5px 10px;
  font-size: 20px;
  font-weight: bold;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  display: inline-block; 
/*  background-color: #4aa4ad;
  border: 2px solid #4aa4ad; */
  background-color: #000080;
  border: 2px solid #000080;
  color: white;
}

h3 {
  margin: 20px 10px 10px 30px;
  padding: 5px 10px 5px 10px;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
/*  width: 200px;*/
  background-color: #000080;
  border: 2px solid #000080;
  color: white;
}

p {font-size:18px; 
margin: 20px 10px 10px 35px;
   line-height: 160%; }

form {font-size:18px; 
   margin: 10px 10px 10px 40px;
   line-height: 140%; }

table {font-size:18px; 
   margin: 10px 10px 10px 30px;
   line-height: 140%; }
TD {padding-right: 10px;}

.btn-style {
  font-size: 22px;
  font-weight: bold;
  border-radius: 10px;
/*  border-bottom: solid 3px goldenrod;*/
  box-shadow: 3px 3px 3px gray;
  transition: 0.3s;
}

.cls-style {
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
}

.text-input {
  font-size: 20px;
}

.can-tab {
  font-size: 20px;
  margin-left: 0px;
}

.cand {
  font-size: 16px;
  color: darkblue;
}
.cand2 {
  font-size: 20px;
  font-weight: bold;
}

.warn {
  font-size: 20px;
  font-weight: bold;
  color: red;
}

.koho {
  margin: 10px 10px 10px 0px;
/*  padding: 30px 10px 30px 0px; */
  font-size: 20px;
  font-weight: bold;
  color: darkblue;
}

.rd-input {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  line-height: 180%; 
/*  margin-left: 5px; */
  vertical-align: top;   
}

.rd-input2 {
  font-size: 16px;
  font-weight: plain;
  margin-top: 10px;
  line-height: 190%; 
/*  margin-left: 5px; */
  vertical-align: top;   
}

.radio-input {
  margin-top: 3px;
  width: 20px;
  height: 20px;
  vertical-align: middle;   
}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 5px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 800px; 
  }
/*  margin: 0 auto;}*/

/*タブのスタイル*/
.tab_item {
  width: calc(100%/10);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 35px 0;
  clear: both;
  overflow: hidden;
  height: 750px;
}

/*選択されているタブのコンテンツのみを表示*/
#aiue_0:checked ~ #aiue_0_content,
#aiue_a:checked ~ #aiue_a_content,
#aiue_ka:checked ~ #aiue_ka_content,
#aiue_sa:checked ~ #aiue_sa_content,
#aiue_ta:checked ~ #aiue_ta_content,
#aiue_na:checked ~ #aiue_na_content,
#aiue_ha:checked ~ #aiue_ha_content,
#aiue_ma:checked ~ #aiue_ma_content,
#aiue_ya:checked ~ #aiue_ya_content,
#aiue_wa:checked ~ #aiue_wa_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}