﻿/* CSS Document */

* {font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

body {padding:0px; margin:0px;}
img {margin:0px;}
table { border-collapse:collapse; border-spacing: 0;}
H3 {border-bottom:#006600 2px dotted; font-size:20px; padding-left:20px; font-weight:normal;}
H4 {color:#003300; font-weight:bold; font-size:16px; line-height:1.5em; margin:0px 4px; padding-left:30px; border-bottom:#D5F6D7 1px solid;}
footer {font-size:12px; text-align:center; border-top:#006600 1px dotted; margin-top:20px;}
input[type=submit]  {margin:2px 10px;}
input[type=text],input[type=password] {margin:2px;}
.red {color:#FF0000;}
.blue {color:#0033FF;}
.num {text-align:right;}
.center {text-align:center;}
.ex {font-size:12px; color:rgba(182,182,182,1.00);}
.submit {font-size:16px; text-align:center; width:300px; margin:8px;}
.submit200 {font-size:15px; text-align:center; width:200px; margin:8px;}
.submit100 {font-size:14px; text-align:center; width:100px; margin:8px;}
.submit_mini {font-size:10px; text-align:center; margin:0px;}
.bg_red {background-color:#F00; color:#FFF;}
.alert {width:600px; margin:10px auto; padding:10px; border:#F90 3px dashed;}
.img_link a{color:#FFFFFF;}

 .search_list {overflow:scroll; height:500px;}
 .search_list::-webkit-scrollbar {
	background: transparent;
	height: 7px;
	overflow: visible;
	width: 13px;
 }
 .search_list::-webkit-scrollbar-thumb {
	border-left: solid white;
	background-color: rgba(0, 0, 0, 0.2);
 }

 .search_list::-webkit-scrollbar-corner {
	background: transparent;
 }

 .panel {width:800px; height:62px; margin:20px auto; border-radius:10px; position:relative;}
 .btn_off {background-color:rgba(230,253,252,1.00); border:rgba(33,88,230,1.00) 1px solid; }
 .btn_on {background-color:rgba(255,241,140,1.00); border:rgba(246,178,10,1.00) 1px solid; }
 .btn_over {background-color:rgba(223,234,235,1.00); border:rgba(33,88,230,1.00) 1px solid; color:rgba(175,175,175,1.00);}

 .form_tb1 {width:900px; margin:auto; border:#003300 1px solid;}

 .form_item_title_top {
  border:#003300 1px solid;
  background-color:#d5e4fa;
  color:#000;
  margin: unset;
  text-align: center;
  font-size:16px;
  display        : flex;
  justify-content: center;
  align-items    : center;
 }

 .form_item_title {
  border-right:#003300 1px solid;
  border-bottom:#003300 1px solid;
  border-left:#003300 1px solid;
  background-color:#d5e4fa;
  color:#000;
  margin: unset;
  text-align: center;
  font-size:16px;
  display        : flex;
  justify-content: center;
  align-items    : center;
 }
 .header_color{
   background-color:#154ea1;
   color:#fff;
 }

 .form_item_value_top {
  border:#003300 1px solid;
  padding:4px;
  margin: unset;
  text-align: center;
  font-size:15px;
 }
 .form_item_value {
  border-right:#003300 1px solid;
  border-bottom:#003300 1px solid;
  border-left:#003300 1px solid;
  padding-bottom:4px;
  padding-left: 0px;
  padding-right: 0px;
  margin: unset;
  text-align: center;
  font-size:15px;
 }
 .form_padding_top{
  padding-top: 4px;
 }
 .form_label_title{
   background-color: #d5e4fa;
   border-bottom:#003300 1px solid;
 }
 .form_margin{
   margin: auto;
 }
 .form_left {
   text-align: left;
 }
 .form_width{
   margin:20px auto;
   max-width: 1000px;
 }
 .form_tb1_select,#form_tb1 input[type=text] {font-size:16px;}

 .form_title {
   margin:auto;
   font-size:24px;
   max-width: 1000px;
 }
 .form_info {
   margin:10px auto;
   max-width: 1000px;
 }
 .sb200 {width:200px; font-size:18px;}

 .ent_num {width:900px; border:#063 1px dotted; text-align:center; font-size:18px; margin:8px auto; padding:6px 12px;}

 .btn-login{
   width: 130px;
   text-align: center;
   margin: 0 auto 30px;
   height: 40px;
   color: #ffffff;
   background-color: #4169e1;
   /* display: block; */
   border-radius: 5px;
   border: none;
 }

 .btn-menu{
   width: 200px;
   text-align: center;
   margin: 0 auto 30px;
   height: 40px;
   color: #ffffff;
   background-color: #4169e1;
   /* display: block; */
   border-radius: 5px;
   border: none;
 }

 .btn-logout{
   background-color: darkgray;
   color: #fff;
   border-radius: 5px;
 }

 .border-solid {
   text-align: center;
   border: 3px solid #000;
 }

/* alert */

 .alert600 {width:590px; border:rgba(118,27,62,1.00) 1px dotted; padding:5px; margin:20px auto;}
 .alert600 li {margin-top:4px; list-style:inside disc;}

 .info800 {border:rgba(0,255,160,1.00) 2px dotted; width:770px; margin:20px auto; padding:4px 6px 4px 20px;}
 .info800 li {list-style-type:disc;}
 .info800 ol li {list-style:outside circle; margin-left:30px;}

/* IME */
/*.ime_on {ime-mode:active;}*/
 .ime_off {ime-mode:inactive;}
 .ime_non {ime-mode:disabled;}

/*width*/
 .w20 {width:20px;}
 .w25 {width:25px;}
 .w30 {width:30px;}
 .w50 {width:50px;}
 .w80 {width:80px;}
 .w100 {width:100px;}
 .w120 {width:120px;}
 .w150 {width:150px;}
 .w200 {width:200px;}
 .w250 {width:250px;}
 .w300 {width:300px;}
 .w350 {width:350px;}
 .w400 {width:400px;}
 .w450 {width:450px;}
 .w500 {width:500px;}
 .w560 {width:560px;}
 .w600 {width:600px;}
 .w700 {width:700px;}


 .fs26 {font-size:26px;}
 .fs24 {font-size:24px;}
 .fs22 {font-size:22px;}
 .fs20 {font-size:20px;}
 .fs18 {font-size:18px;}
 .fs17 {font-size:17px;}
 .fs16 {font-size:16px;}
 .fs15 {font-size:15px;}
 .fs14 {font-size:14px;}
 .fs13 {font-size:13px;}
 .fs12 {font-size:12px;}
 .fs11 {font-size:11px;}
 .fs10 {font-size:10px;}

 .mt10 {margin-top:10px;}
 .mt20 {margin-top:20px;}
 .mt30 {margin-top:30px;}

 .mb10 {margin-bottom:10px;}
 .mb20 {margin-bottom:20px;}
 .mb30 {margin-bottom:30px;}

/*clearfix*/
 .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
 }

 .clearfix {
  min-height: 1px;
 }

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*cursor*/
.c_pointer {cursor:pointer;}
.c_pointer:hover {cursor:pointer; text-decoration:underline;}
.c_help {cursor:help;}
.c_wait {cursor:wait;}
