
<style type="text/css">

img{
/* PCの右クリック禁止 */
/*pointer-events: none;*/
}

/* 文字設定 */
body {
font-size                 : 95%;
color                     : #FAFAFA;
-webkit-text-size-adjust  : 100%;
margin                    : 0;
}

/* フォント部分指定 */
.font_set1{
font-family : "Didot","Yu Mincho","游明朝", sans-serif;
}

/* リンク文字設定 */
a:link {
color : #FAFAFA;
}
a:visited {
color : #FAFAFA;
}
a:hover {
color : #00BFFF;
}
a:active {
color : #F2F2F2;
}

/* リンク下線削除 */
a {
text-decoration : none;
}

.submenu-link:link {
  color           : #04B4AE;
  text-decoration : none;
}
.submenu-link {
color           : #04B4AE;
text-decoration : none;
}
.submenu-link:hover {
color           : #DF0101;
text-decoration : underline;
}
.submenu-link:visited {
color           : #04B4AE;
}

g {
white-space : pre-wrap;
}

/* hr1のデザイン */
.hr1 {
height      : 0;
margin      : 0;
padding     : 0;
border      : 0;
border-top  : 3px double #BDBDBD;
padding     : 20px 0;
text-align  : center;
overflow    : visible;
}
.hr1::after {
content     : '\02666';
display     : inline-block;
position    : relative;
top         : -40px;
padding     : 0 3px;
background  : #071418;
color       : #BDBDBD;
font-size   : 20px;
}

/* 文字の両サイドに線 */
.head-border {
display     : flex;
align-items : center;
width       : 67%;
margin-left : 35px;
}
.head-border:before,
.head-border:after {
content           : "";
height            : 1px;
flex-grow         : 1;
background-color  : #E4E3E3;
}
.head-border:before {
margin-right      : 1.2rem;
}
.head-border:after {
margin-left       : 1.2rem;
}

/* inputのplaceholderの文字調節 */
.target1::placeholder {
color     : #ed7a9c;
font-size : 0.8em;
}
.target2::placeholder {
font-size : 0.8em;
}

/* inputボックスのデザイン */
.m-form-text {
height              : 2.4em;
width               : 80%;
padding             : 0 16px;
border-radius       : 4px;
border              : none;
box-shadow          : 0 0 0 1px #ccc inset;
appearance          : none;
-webkit-appearance  : none;
-moz-appearance     : none;
}
.m-form-text:focus {
outline             : 0;
box-shadow          : 0 0 0 2px rgb(33, 150, 243) inset;
}
/* テキストエリアのデザイン */
.m-form-item-textarea textarea {
height              : 300px;
}
.m-form-textarea {
display             : block;
width               : 80%;
height              : 300px;
padding             : 4px 16px;
border-radius       : 4px;
border              : none;
box-shadow          : 0 0 0 1px #ccc inset;
appearance          : none;
-webkit-appearance  : none;
-moz-appearance     : none;
resize              : vertical;
}
.m-form-textarea:focus {
outline             : 0;
box-shadow          : 0 0 0 2px rgb(33, 150, 243) inset;
}

.m-form-textarea2 {
display             : block;
margin-left         : 0px;
width               : 730px;
height              : 200px;
padding             : 4px 16px;
border-radius       : 4px;
border              : none;
box-shadow          : 0 0 0 1px #ccc inset;
appearance          : none;
-webkit-appearance  : none;
-moz-appearance     : none;
resize              : vertical;
}
.m-form-textarea2:focus {
outline             : 0;
box-shadow          : 0 0 0 2px rgb(33, 150, 243) inset;
}

.m-form-text3 {
height              : 2.4em;
width               : 130px;
padding             : 0 16px;
border-radius       : 4px;
border              : none;
box-shadow          : 0 0 0 1px #ccc inset;
appearance          : none;
-webkit-appearance  : none;
-moz-appearance     : none;
}
.m-form-text3:focus {
outline             : 0;
box-shadow          : 0 0 0 2px rgb(33, 150, 243) inset;
}

/* ドロップダウン */
.dropdown1 {
position      : relative;
display       : inline-block;
border-radius : 4px;
font-size     : 14pt;
margin-top    : 0em;
padding       : 0;
background    : #ffffff;
width         : 230px;
height        : 33px;
border-color  : #ccc;
border        : 1px solid #ccc;
margin-left   : 10px
}
.dropdown1 select {
width               : 100%;
margin              : 0;
background          : none;
border              : 1px solid transparent;
outline             : none;
-webkit-box-sizing  : border-box;
-moz-box-sizing     : border-box;
box-sizing          : border-box;
appearance          : none;
-webkit-appearance  : none;
font-size           : 0.7em;
color               : #4C4B4B;
padding             : .7em 1.9em .5em .8em;
line-height         : 1.3;
}
.dropdown1::after {
content         : "";
position        : absolute;
width           : 9px;
height          : 8px;
top             : 50%;
right           : 1em;
margin-top      : -4px;
z-index         : 2;
background      : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(192,192,192)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;
pointer-events  : none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dropdown1 select::-ms-expand {
display         : none;
}
select:focus::-ms-value {
background      : transparent;
color           : #ccc;
}
}

.dropdown2 {
position      : relative;
display       : inline-block;
border-radius : 4px;
font-size     : 14pt;
margin-top    : 0em;
padding       : 0;
background    : #ffffff;
width         : 130px;
height        : 33px;
border-color  : #ccc;
border        : 1px solid #ccc;
margin-left   : 10px
}
.dropdown2 select {
width               : 100%;
margin              : 0;
background          : none;
border              : 1px solid transparent;
outline             : none;
-webkit-box-sizing  : border-box;
-moz-box-sizing     : border-box;
box-sizing          : border-box;
appearance          : none;
-webkit-appearance  : none;
font-size           : 0.7em;
color               : #4C4B4B;
padding             : .7em 1.9em .5em .8em;
line-height         : 1.3;
}
.dropdown2::after {
content         : "";
position        : absolute;
width           : 9px;
height          : 8px;
top             : 50%;
right           : 1em;
margin-top      : -4px;
z-index         : 2;
background      : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12'%3E%3Cpolygon fill='rgb(192,192,192)' points='8,12 0,0 16,0'/%3E%3C/svg%3E") 0 0 no-repeat;
pointer-events  : none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.dropdown2 select::-ms-expand {
display         : none;
}
select:focus::-ms-value {
background      : transparent;
color           : #ccc;
}
}

/*ボタンデザイン*/
.button0 {
background      : #DF0101;
border-radius   : 3px;
position        : relative;
display         : flex;
justify-content : space-around;
align-items     : center;
margin          : 0 auto;
width           : 280px;
padding         : 10px 25px;
color           : #ffffff;
transition      : 0.3s ease-in-out;
font-weight     : 500;
border          : 1px solid #DF0101;
}
.button0:hover {
opacity         : 0.6;
}

/*ボタンデザイン*/
.button1 {
background      : #04B4AE;
border-radius   : 3px;
position        : relative;
display         : flex;
justify-content : space-around;
align-items     : center;
margin          : 0 auto;
width           : 280px;
padding         : 10px 25px;
color           : #ffffff;
transition      : 0.3s ease-in-out;
font-weight     : 500;
border          : 1px solid #04B4AE;
}
.button1:hover {
opacity         : 0.6;
}

/* 削除ボタン */
.button2 {
display       : inline-block;
border-radius : 4px;
font-size     : 8pt;
text-align    : center;
cursor        : pointer;
padding       : 5px 9px;
background    : #0080FF;
color         : #ffffff;
line-height   : 1em;
transition    : .3s;
border        : 1px solid #0080FF;
width         : 40px;
}
.button2:hover {
opacity       : 0.6;
}

/* アイコン画像変更ボタン */
.button3 {
display       : inline-block;
border-radius : 4px;          /* 角丸       */
font-size     : 10pt;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
padding       : 10px 10px;   /* 余白       */
background    : #868A08;     /* 背景色     */
color         : #ffffff;     /* 文字色     */
line-height   : 1em;         /* 1行の高さ  */
transition    : .3s;         /* なめらか変化 */
border        : 1px solid #868A08;    /* 枠の指定 */
width         : 162px;
}
.button3:hover {
opacity       : 0.6;         /* カーソル時透明度 */
}

/* テーブルデザイン */
.table1 {
border-collapse : collapse;
border          : 1px #b8b9bf solid;
}
.table1 TD {
border          : 1px #b8b9bf solid;
}

.table2 {
border-collapse : collapse;
border          : 1px #9D9D9D solid;
}
.table2 TD {
border          : 1px #9D9D9D solid;
}

.table3 {
border-collapse : collapse;
border          : 1px #D8D8D8 solid;
}
.table3 td {
background      : #0B3B39;
height          : 40px;
border          : 0px #D8D8D8 solid;
font-size       : 14px;
}
.table3 tr:nth-child(odd) td {
background      : #0A1B2A;
}

.table4 {
border-collapse : collapse;
border          : 1px #D8D8D8 solid;
}
.table4 td {
border          : 0px #D8D8D8 solid;
font-size       : 14px;
}

.table5 {
border-collapse : collapse;
}

.table6 {
border-collapse : collapse;
border          : 1px #D8D8D8 solid;
}
.table6 td {
background      : #424242;
height          : 40px;
border          : 0px #D8D8D8 solid;
font-size       : 14px;
}

.table7 {
border-collapse : collapse;
border          : 1px #D8D8D8 solid;
}
.table7 td {
background      : #eee;
height          : 100px;
border          : 1px #D8D8D8 solid;
font-size       : 16px;
}
.table7 tr:nth-child(odd) td {
background      : #fff;
}

.table8 {
border-collapse : collapse;
border          : 1px #D8D8D8 solid;
}
.table8 td {
background      : #0B3B39;
height          : 100px;
border          : 0px #D8D8D8 solid;
font-size       : 14px;
}
.table8 tr:nth-child(odd) td {
background      : #0A1B2A;
}

/*ページング*/
ul.paging{
list-style-type   : none;
margin            : auto;
padding           : 0;
display           : table;
}
ul.paging::after{
content           : "";
display           : block;
clear             : both;
}
ul.paging > li{
float             : left;
}
ul.paging > li > *{
margin            : 2px;
padding           : 3px 0;
display           : block;
color             : #000;
background-color  : #CCC;
text-decoration   : none;
}
ul.paging > li > a, ul.paging > li > .active, ul.paging > li > [data-page]{
padding           : 3px 10px;
border            : 1px solid #CCC;
border-radius     : 5px;
}
ul.paging > li > .active{
background-color  : #F781BE;
}
ul.paging > li > [data-page]{
cursor            : pointer;
}

</style>
