@CHARSET "UTF-8";



/**********************************************************/
/*  全体設定                                              */
/**********************************************************/
/*  HTMLのフォントをメイリオ系にする  */
html {
    font-family : メイリオ, sans-serif ;
}

/*  コンテンツを中央に表示  */
body {
    margin     : 0px ;
    padding    : 0px ;
    text-align : center ;
    //background : #E3DECC;
    word-break : break-all;
    
    //background-image: url("../29412511_m.jpg");
    //background-repeat: no-repeat;
    //background-attachment: fixed;
}

.body2 {
    background-image: url("../image/29412511_m.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.shimane {
    background-image: url("../image/shimane_large.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.errorTd {
	background-color:#ffc0cb8a ;
}

#Container {
    width        : 90%  ;
    margin-left  : auto ;
    margin-right : auto ;
    min-width    : 800px ;
}

select {
    width           :   190px ;
    max-width       :   100% ;
    white-space     :   nowrap ;
    overflow        :   hidden ;
    text-overflow   :   ellipsis ;
    -o-text-overflow:   ellipsis ;
}

.header {
	margin-top : 20px ;
	
	
}

.privacy {
	text-align: center;
}


.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	//left: 50%;
	//top: 50%;
	//transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	//width: 180px;
}

.start p img {
	width: 100%;
}


ul.companyList, ol {
  padding: 0;
  position: relative;
}

ul.companyList li, ol li {
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  background: whitesmoke;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
}







.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.link {
	color: #76747B;
}

.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}


.WeCan_Container {
	margin-top : 100px;
}

.WeCan {
	margin-top : 50px;
}

.header_back {
	background: #ffffff;
}


.fadeIn {
animation-name: fadeInAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.blur{
	animation-name:blurAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
 
.blurTrigger{
    opacity: 0;
}

//ul {
//  border: solid 2px skyblue;
//  border-radius: 5px;
//  padding: 0.5em 1em 0.5em 2.3em;
//  position: relative;
//}
//
//ul li {
//  line-height: 1.5;
//  padding: 0.5em 0;
//  list-style-type: none!important;
//}
//
//ul li:before {
//  
//  font-family: "Font Awesome 5 Free";
//  content: "\f138";/*アイコンの種類*/
//  position: absolute;
//  left : 1em;/*左端からのアイコンまでの距離*/
//  color: skyblue;/*アイコン色*/
//}


ul.cp_list {
	padding: 0.5em;
	list-style: none;
}
ul.cp_list li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	margin-bottom:5px;
	border-bottom: 1px solid rgba(255,143,0,1);
}
ul.cp_list li:after,
ul.cp_list li:before {
	content:'';
	position: absolute;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.7em;
	left: 0.2em;
	width: 12px;
	height: 12px;
	border:2px solid rgba(255,143,0,1);
}
ul.cp_list li:after {
	top: 0.9em;
	left: 0.7em;
	width: 14px;
	height: 14px;
	background: rgba(255,143,0,0.5);
	transform: rotate(60deg);
}

.h1top {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

.title_1{
  padding-left:20px;
}

.png_1{
  padding-left:50px;
}

.data_1{
  padding-left:40px;
}

.data_margin_1{
  margin-left:40px;
}


.h1top_2 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #ff6a6a;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
}

.h1top_2:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  //content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
}

.h1top_3:first-letter {
  font-size: 2em;
  color: #7172ac;
}

.h1top_4 {
  position: relative;
  color: white;
  background: #81d0cb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.h1top_4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.data1_sirlver{
 background: #f8f8ff;
}


.height100 {
  height:150px;
}

.boldfont {
  font-weight: bold;
}

.rowSecond {
  margin-top:20px;
}

.h1top_5 {
 position: relative;
  padding-left: 25px;
}
.h1top_5:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px rgb(119, 195, 223);
}
.h1top_5:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px rgb(119, 195, 223);
}

.h1top_6 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.h1top_6:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.sendTd {
	text-align:center;
}





#wrap {
  min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -30px;
  /* フッターの高さ分だけ、パディングを指定 */
  //padding: 0 0 30px;
  //background-color: #fbead4;
}

/* ここでフッターの高さを指定 */
#footer {
  height: 60px;
  background-color: #191970;
  color: #FFFFFF;
  padding-top: 10px;
  margin-top:55px;
}
#footer2 {
  height: 60px;
  background-color: #191970;
  color: #FFFFFF;
  padding-top: 10px;
  
  position: fixed;
  bottom: 0;
  width: 100%;
  
  margin-top:55px;
}

.textContact {
	margin-left:10px;
}

.rowContact {
	padding-top:10px;
}

.rowTableHead {
	border-top-style: solid;
    border-top-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    
}

.tableClass {
  border: solid 1px #333;
  width:80%;
  margin-left: 40px;
}

.tableClass th {
  border: solid 1px #777;
  padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width:30%;
    background:#e0ffff
}
.tableClass td {
  border: solid 1px #777;
  padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    width:70%;
}
.textareaContact {
	width:80%;
	height:150px;
}
.priveDiv {
	height: 200px;
    overflow-y: auto;	
  border: solid 1px #777;
  margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em;
  text-decoration: none;
  color: #668ad8;
  background: #e1f3ff;
  transition: .4s;
  margin:5px;
}

.btn-flat-vertical-border:hover {
  background: #668ad8;
  color: #FFF;
}

.btn-flat-vertical-border-gray {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em;
  text-decoration: none;
  color: #333333;
  background-color: transparent;;
  transition: .4s;
  margin:5px;
}

.btn-flat-vertical-border-gray:hover {
  background: #333333;
  color: #FFF;
}

.btn-flat-vertical-border-red {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1em 3em;
  text-decoration: none;
  color: #FF5F17;
  background: #FFC7AF;
  transition: .4s;
  margin:5px;
}

.btn-flat-vertical-border-red:hover {
  background: #FF5F17;
  color: #FFF;
}


/**********************************************************/
/*  Header                                                */
/**********************************************************/
.Header {
    width : 100% ;
}

.HeaderTd1 a:link { 
    color :#000 ; 
    text-decoration : none ;
}

.HeaderTd1 a:visited { 
    color : #000 ; 
    text-decoration:none ;
}

.HeaderTd1 a:hover { 
    color : #000 ; 
    text-decoration : none ; 
}

.HeaderTd1 a:active { 
    color :#000 ; 
    text-decoration : none ;
}

.HeaderTd2 {
    text-align : right ;
}

.HeaderTd2Table {
    margin-left : auto ;
}

.ViewHeader {
    width : 100% ;
}

.ViewHeaderTd2 {
    text-align : right ;
}

.ViewHeaderTd2Table {
    margin-left : auto ;
}

.Title {
    height           : 75px ;
    margin-left : 5px ;
}

.LoginHeader {
    width : 100% ;
}

.LoginTitle {
    height       : 180px ;
    display      : block ;
    margin-left  : auto ;
    margin-right : auto ;
}

.enishiAlphabetText {
    margin-top : 30px ;
}

.enishiKanjiText {
    text-decoration :none ;
}


/**********************************************************/
/*  Navigation                                            */
/**********************************************************/

.EndMenu {
    margin: 0; padding-top: 5px;  padding-bottom: 5px; padding-left: 10px; text-align: center;
    /* background: #FDC44F; */
    background: #c9caca; /* Old browsers */
}


/**********************************************************/
/*  Contents                                              */
/**********************************************************/
#Contents {
    vertical-align : top ;
}


/**********************************************************/
/*  警告文字                                              */
/**********************************************************/
.ErrMsg {
    color : red ;
}


/**********************************************************/
/*  エラークラス                                          */
/**********************************************************/
.errorClass {
    font-weight : bold ;
    color       : red  ;
    display     : none ;
}


/**********************************************************/
/*  ▽shino                                              */
/**********************************************************/
.Footer {
    width      : 100% ;
    text-align : right;
    background: #2980b9;
}

.tblMain {
    background: #fff;
    overflow    : hidden ;
}

.Navigation {
    width: 250px;
    vertical-align: top;
}

.StartMenu {
/*  width: 200px;*/
    padding: 8px 10px;
    text-align: center;
/*  background: #FDC44F; */
    background: #ebeded;
/*  border-left: 7px #c0c0c0 solid;
    border-right: 7px #c0c0c0 solid;
    border-bottom: 7px #c0c0c0 solid;*/
}
.Navigation ul {
    margin: 0;
    padding: 0;
/*  border-top: 1px #c0c0c0 dotted; */ /* 境界線：上 */
    list-style-type: none;
    text-align: left;
    vertical-align: tp;
}
.Navigation ul li {
    padding: 3px 1px;
/*  background-color: #44DEDE;*/
    border-bottom: 2px #c0c0c0 dashed ;
}
.Navigation ul li a.sel {
    display: block;
    position: relative;
    padding: 5px 5px;
/*  border-left: 7px #FDC44F solid; *//* 境界線：左 */
    border-left: 7px #c9caca solid;   /* 境界線：左 */
    text-decoration: none; /* 下線なし */
/*  background-color: #FFF200; */
/*  background-color : #0b4619 ; */
    background-color : #ebeded ;
/*  color : #fff ;*/
}
.Navigation ul li a.disp {
    display: block;
    position: relative;
    padding: 5px 5px;
/*  border-left: 7px #FDC44F solid; *//* 境界線：左 */
    border-left: 7px #c9caca solid;   /* 境界線：左 */
    text-decoration: none; /* 下線なし */
    color   :#000000;
}
.Navigation ul li a:hover {
/*  border-left-color: #FDC44F; *//* 境界線：左 */
    border-left-color: #c9caca;   /* 境界線：左 */
    background-color: #E3DECC;
}

.Navigation ul li a:visited {
    color: #e66088;
}

.Navigation ul li a:active {
    color: #e66088;
}



.tblType1 {
/*  font-size: 12px;*/
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
.tblType1 th,
.tblType1 td {
    padding: 12px;
    vertical-align: middle;
    border-bottom: #fff 1px solid;
/*  color: #fff; */
}
.tblType1 th.head1 {
    width: 20%;
    border-right: #fff 1px solid;
    /* background: #60C4B0; */
    /* background: #ea648b; */
    background: #ebeded;
    text-align: left;
    font-weight: normal;
}
.tblType1 th.head2 {
    width: 20%;
    border-right: #fff 1px solid;
/*    background: #60C4B0; */
    background: #ea648b;
    text-align: left;
    font-weight: normal;
}

.tblType1 th.head3 {
    width: 20%;
    border-right: #fff 1px solid;
    /* background: #60C4B0; */
    /* background: #ea648b; */
    background: #ebeded;
    text-align: left;
    font-weight: normal;
    text-align: right;
}




.tblType1 th.item1,
.tblType1 td.item1 {
    width: 80%;
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid; */
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblType1 td.item2 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid; */
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: left;
}

/** 検索結果用 **/
.tblType2 {
/*  font-size: 12px;*/
    width: 95%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
.tblType2 th,
.tblType2 td {
    padding: 5px;
    vertical-align: middle;
    border-bottom: #fff 1px solid;
/*  color: #fff; */
}
.tblType2 th.head1 {
    border-right: #fff 1px solid;
/*  background: #93B8CA; */
/*  background: #a53757; */
    background: #938ac1;
    text-align: center;
    font-weight: normal;
}
.tblType2 th.item1,
.tblType2 td.item1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblType2 td.item2 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
    background: #ECEEF1;
    color: #000;
    text-align: left;
}
.tblType2 td.button1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: center;
}

.tblDialog {
/*  font-size: 12px;*/
    width: 80%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
.tblDialog th,
.tblDialog td {
    padding: 4px;
    vertical-align: middle;
    border-bottom: #fff 1px solid;
/*    color: #fff; */
}
.tblDialog th.head1 {
    width: 15%;
    border-right: #fff 1px solid;
/*  background: #60C4B0; */
/*  background : #ea648b ; */
    background: #938ac1;
    text-align: left;
    font-weight: normal;
}
.tblDialog th.item1,
.tblDialog td.item1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblDialog td.item2 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: center;
}

.tbl_HorizontalScroll{
    width:  100%;
    overflow-x:  auto ;
}


/** 処理結果表示用 **/
.tblType3 {
/*  font-size: 12px;*/
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
.tblType3 th,
.tblType3 td {
    padding: 5px;
    vertical-align: middle;
    border-bottom: #fff 1px solid;
/*    color: #fff; */
}
.tblType3 th.head1 {
    border-right: #fff 1px solid;
/*  background: #93B8CA; */
/*  background: #ea648b; */
    background: #938ac1;
    text-align: center;
    font-weight:normal;
}
.tblType3 th.item1,
.tblType3 td.item1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*  background: #CEF6F5; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblType3 th.item2,
.tblType3 td.item2 {
    border-left: #fff 1px solid;
/*  background: #F5A9A9; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblType3 td.item3 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*  background: #ECEEF1;*/
    background: #fbead4;
    color: #000;
    text-align: left;
}

.tblType3 td.buttonitem1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*  background: #CEF6F5;*/
    background: #fbead4;
    text-align: center;
}

.title1 {
    padding: 5px 10px;
    text-align: left;
    /* border-left:7px solid #79D1B0;  */
    /* border-right:7px solid #79D1B0; */
    /* background : #CCDFCC ; */
/*  background : #0b4619 ; */
    background : #938ac1 ;
/*  color : #fff ; */
    font-weight: normal ;
    float : left ;
}

.title2 {
    padding: 5px 10px;
    text-align: right;
    /* border-left:7px solid #79D1B0;  */
    /* border-right:7px solid #79D1B0; */
    /* background : #CCDFCC ; */
/*  background : #0b4619 ; */
    background : #938ac1 ;
/*  color : #fff ; */
    font-weight: normal ;
}

.title3 {
    padding: 5px 10px;
    text-align: left;
    background : #fbead4 ;
    font-weight: normal ;
}


.tblType1 td.pageLink {
    width: 80%;
    text-align: left;
}
.tblType1 td.pageLink input[type="submit"] {
    margin-left : 10px ;
    margin-right: 10px ;
}

.tblType1 input[type="button"] {
    margin-left : 10px ;
    margin-right: 10px ;
}

.title1 input[type="button"] {
    margin-left : 10px ;
    margin-right: 5px ;
}

.title1 input[type="submit"] {
    margin-left : 5px ;
    margin-right: 5px ;
}


/**********************************************************/
/*  テキスト                                              */
/**********************************************************/
input.txtTypeAlpha {
    ime-mode:disabled;
}

input.txtTypeJpn {
    ime-mode:active;
}

input.datepicker {
    ime-mode:disabled;
}

input.datepickerFuture {
    ime-mode:disabled;
}

textarea.txtTypeAlpha {
    ime-mode:disabled;
}

textarea.txtTypeJpn {
    ime-mode:active;
}


/** 検索結果用 **/
.tblDialogType2 {
/*  font-size: 12px;*/
    width: 95%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
.tblDialogType2 th,
.tblDialogType2 td {
    padding: 5px;
    vertical-align: middle;
    border-bottom: #fff 1px solid;
/*  color: #fff; */
}
.tblDialogType2 th.head1 {
    border-right: #fff 1px solid;
/*  background: #93B8CA; */
/*  background: #a53757; */
    background: #938ac1;
    text-align: center;
    font-weight: normal;
}
.tblDialogType2 th.item1,
.tblDialogType2 td.item1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: left;
}
.tblDialogType2 td.item2 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
    background: #ECEEF1;
    color: #000;
    text-align: left;
}
.tblDialogType2 td.button1 {
    border-left: #fff 1px solid;
/*  border-right: #fff 1px solid;*/
/*    background: #ECEEF1; */
    background: #fbead4;
    color: #000;
    text-align: center;
}




/*
ime-mode

auto
    特に指定しません。
active
    初期値が日本語入力モードになります。
inactive
    初期値が英数字入力モードになります。
disabled
    英数字入力モードになります。ユーザーの操作によるモードの変更はできません。
*/


/**********************************************************/
/*  警告ダイアログ                                        */
/**********************************************************/
div.divDialogAlert {
}

table.tblDialogAlert {
    margin-left:auto ;
    margin-right:auto ;
}

table.tblDialogAlert tr{
}

table.tblDialogAlert tr td{
    padding-top: 5px ;
    padding-bottom: 5px ;
}

table.tblDialogAlert tr td.head{
    padding-right: 20px ;
    text-align: left ;
}

table.tblDialogAlert tr td.date{
    padding-left: 20px ;
    text-align: left ;
}


table.tblDialogBtn {
    margin-left:auto ;
    margin-right:auto ;
}

.btnDialog {
    margin-top:10px ;
    margin-left:10px ;
    margin-right:10px ;
}