.head{
  margin          : 0px;
  padding         : 10px;
  background      : #250d00;
  font-size       : 24pt;
  text-align      : left;
  color           : #fbfaf5;
}
.body{
  margin          : 0px;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}

hr{
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
input[type="checkbox"] {
display: none; /* checkboxを非表示にする */
}
.pinkcheck{
position: relative; /* ボックスの位置を指定する */
padding: 0px; /* ボックス内側の余白を指定する */
}

.pinkcheck:hover:after {
border-color: #0171bd; /* ボックスの境界線を実線で指定する */
}
.pinkcheck:after, .pinkcheck:before{
position: relative; /* ボックスの位置を指定する */
content: ""; /* ボックスのコンテンツ */
display: block; /* ブロックレベル要素化する */
}
.pinkcheck:before {
left: 0px; /* 左から配置の基準位置を決める */
width: 30px; /* ボックスの横幅を指定する */
height: 16px; /* ボックスの高さを指定する */
background : #fff;
}
.pinkcheck:after {
left: 0px; /* 左から配置の基準位置を決める */
width: 30px; /* ボックスの横幅を指定する */
height: 16px; /* ボックスの高さを指定する */
border: 2px solid #f6bfbc; /* ボックスの境界線を実線で指定する */
margin-top: -31px;
background : #f6bfbc;
opacity: 0; /* 要素を透過指定する */
}
input[type=checkbox]:checked + .pinkcheck:after {
opacity: 1; /* 要素を表示する */
}

/*コマンドボタン*/

.comm01{
  border-radius   : 0.3em;
  background      : #fbfaf5;
  color           : #250d00;
  font-size       : 14pt;
  border          : 2px outset #250d00;
  text-decoration : none;
  padding         : 5px 10px;
  cursor          : pointer;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}
.comm01:hover {
  background-color: #250d00;
  color           : #fbfaf5;
}
.comm02{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  color           : #250d00;
  font-size       : 11pt;
  text-decoration : none;
  padding         : 2px;
  cursor          : pointer;
  background      : #fbfaf5;
}
.comm02:hover {
  font-weight     : 900;
}
.comm3{
  border-radius   : 0.2em;
  border          : 1px outset #250d00;
  color           : #fbfaf5;
  font-size       : 13pt;
  text-decoration : none;
  padding         : 5px 10px;
  cursor          : pointer;
  background      : #250d00;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}
.comm4{
  border-radius   : 0.2em;
  border          : 1px outset #727171;
  color           : #fbfaf5;
  font-size       : 13pt;
  text-decoration : none;
  padding         : 5px 10px;
  cursor          : pointer;
  background      : #727171;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}
.comm5{
  border-radius   : 0.2em;
  border          : 1px outset #003f8e;
  color           : #fbfaf5;
  font-size       : 13pt;
  text-decoration : none;
  padding         : 5px 10px;
  cursor          : pointer;
  background      : #003f8e;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}

/*ライン*/
.hr01{
  border-top      : 1px solid #bbb;
  border-bottom   : 1px solid #fff;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: #250d00;
  size : 2px;
}

/*背景*/
.pikn01{
  background-color: #ffe0ff;
}
.blue01{
  background-color: #dbffff;
}
.yellow01{
  background-color: #ffff84;
}

/*タイトルバー*/

.title01{
  border-radius   : 0, 0, 3em, 3em;
  background-color: #250d00;
  padding         : 10px 20px;
  color           : #fbfaf5;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
  font-size       : 16pt;
  margin          : 0px;
}
.title02{
  border-radius   : 0.2em;
  background-color: #250d00;
  padding         : 4px 10px;
  color           : #fbfaf5;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
  font-size       : 12pt;
  margin          : 10px 30px;
}
.title03{
  border-radius   : 0.2em;
  padding         : 4px 10px;
  color           : #250d00;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
  font-size       : 12pt;
  margin          : 10px 30px;
  border          : 1px solid #250d00;
  text-align      : center;
}

/*枠デザイン*/
.frame01{
  margin          : 0px;
  background      : #250d00;
  padding         : 10px 30px;
}
.frame02{
  border-radius   : 0.4em;
  border          : 3px double #250d00;
  padding         : 10px;
  margin          : 5px;
  width           : 190mm;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
}
.frame03{
  padding         : 10px;
  margin          : 5px 30px;
}
.frame04{
  padding         : 10px;
  margin          : 5px 30px;
}
.stampbox{
  border          : 1px dashed #250d00;
  font-size       : 8pt;
  width           : 18mm;
  height          : 20mm;
  text-align      : center;
  padding-top     : 20px;
}

.table1{
  margin          : 10px;
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  text-align      : center;
}
.table2{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  margin          : 10px;
  padding         : 10px;
  text-align      : center;
  float           : left;
}
.table3{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  margin          : 10px;
  padding         : 10px;
  text-align      : center;
}
.floatend{
  clear           : both;
}
.tduls{
  border-bottom   : 1px solid #1e1e1e;
  padding-bottom  : 2px;
}
.pict{
  margin          : 5px;
  padding         : 3px;
  border          : 1px solid #eee;
box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
-moz-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
}

/*テキストボックス*/

.l12{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  font-size       : 12pt;
  padding         : 4px;
  text-align      : left;
}
.c12{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  font-size       : 12pt;
  padding         : 4px;
  text-align      : center;
}
.r12{
  border-radius   : 0.3em;
  border          : 1px solid #250d00;
  font-size       : 12pt;
  padding         : 4px;
  text-align      : right;
}

/*文字デザイン*/

.alart{
  color           : red;
  font-weight     : 900;
}
.anker0{
  text-decoration : none;
}
.t12r{
  font-size       : 12pt;
  text-align      : right;
  padding         : 5px;
  margin          : 3px;
}
.t18c{
  font-size       : 18pt;
  text-align      : center;
  padding         : 5px;
  margin          : 3px;
}
.t14c{
  font-size       : 14pt;
  text-align      : center;
  padding         : 5px;
  margin          : 3px;
}
.t12l{
  font-size       : 12pt;
  text-align      : left;
  padding         : 5px;
  margin          : 3px;
}
.recie01{
  font-size       : 20pt;
  background      : #fff9f5;
  border-radius   : 0.3em;
  padding         : 5px;
  margin-left     : 80px;
}
.recie02{
  font-size       : 22pt;
  background      : #fafdff;
  border-radius   : 0.3em;
  padding         : 5px, 20px;
  text-align      : center;
}
.recie03{
  font-size       : 12pt;
  text-align      : center;
}
.recie04{
  font-size       : 9pt;
  border-bottom   : 1px dashed #250d00;
}
.recie05{
  font-size       : 9pt;
  border-bottom   : 1px dashed #250d00;
  text-align      : right;
}
.contel{
  font-size       : 22pt;
  margin-left     : 80px;
}

/*文字配置*/

.p30{
  width           : 30px;
  text-align      : justify;
}
.p50{
  width           : 50px;
  text-align      : justify;
}
.list1{
  line-height     : 160%;
  margin          : 10px 40px;
}

/*タブ*/
.tab-content input[type="radio"] {
  display: none;
}

.tab-content label {
  display: inline-block;
  padding: 5px 20px;
  font-family     : "Meiryo UI", "MS UI Gothic", sans-serif;
  font-size: 18px;
  color: #250d00;
  background-color: #fbfaf5;
  cursor: pointer;
  box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
  color: #fbfaf5;
  background-color: #250d00;
}

.tab-content .tab-box {
  padding: 10px;
  border: 1px solid #250d00;
  border-radius: 0 5px 5px 5px;
  box-sizing: border-box;
}

.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #r1 {
  display: block;
}

#tab2:checked ~ .tab-box > #r2 {
  display: block;
}

#tab3:checked ~ .tab-box > #r3 {
  display: block;
}

#tab4:checked ~ .tab-box > #r4 {
  display: block;
}

#tab5:checked ~ .tab-box > #r5 {
  display: block;
}

#tab6:checked ~ .tab-box > #r6 {
  display: block;
}

#tab7:checked ~ .tab-box > #r7 {
  display: block;
}

#tab8:checked ~ .tab-box > #r8 {
  display: block;
}

#tab9:checked ~ .tab-box > #r9 {
  display: block;
}

#tab10:checked ~ .tab-box > #r10 {
  display: block;
}