@charset "utf-8";

/*****************************************************************************/
/*                                                                           */
/* スタイルシート                                                            */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* 共通設定 */
/*****************************************************************************/

/* 全体に適用
-------------------------------*/
* {
	font-style: normal;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

/* bodyに適用 */
body {
	font-size: 11px;
	font: 14px/1.6 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: auto;
	color: #000;
	background-color: #fff;
}


/* 各種タグスタイル定義
-------------------------------*/
ul,ol,dl {
    list-style-type: none;
}
br {
    font-size: 1px;
    line-height: 0.1px;
    clear: both;
}

td {
	font-size: 12px;
	FONT-FAMILY: "メイリオ";
	padding: 6px;
}

/* link style
-------------------------------*/
a {
    color: #d70c19;
    text-decoration: none;
}
a:link {
    color: #d70c19;
    text-decoration: none;
}
a:visited {
    color: #d70c19;
    text-decoration: none;
}
a:hover {
    color: #d70c19;
    text-decoration: underline;
}

a img {
    border-style: none;
}

p {
    margin: 2px;    
}

input{
    padding: 2px 2px;
}

select {
	font-family: Meiryo,'fgflop',Hiragino Kaku Gothic Pro,MS PGothic,sans-serif;
	font-size: 1rem;
	border: 2px #DDDDDD solid !important;
	border-radius: 3px;
}

/*****************************************************************************/
/* 共通設定 END                                                              */
/*****************************************************************************/

/* Font size
-------------------------------*/
.px10 {
    font-size: 10px;
}
.px11 {
    font-size: 11px;
}
.px12 {
    font-size: 12px;
    FONT-FAMILY: "メイリオ";
}
.px14 {
    font-size: 14px;
    FONT-FAMILY: "メイリオ";
}
.px14_2 {
    font-size: 14px;
    FONT-FAMILY: "メイリオ";
}

a:hover .alpha {
    filter: alpha(opacity=80);
    opacity: 0.80;      /* firefox, opera, safari */
}


/*****************************************************************************/
/* 全体枠定義
/*****************************************************************************/
#wrapper {
    margin: 0 auto;
    padding: 2px 2px 0 2px;
    text-align: center;
    width: 1024px;
    height: auto;
}
#wrapper h1 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0.1;
}
#wrapper h2 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0;
    display: none;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#header {
    width: 1024px;
    height: 60px;
    text-align: left;
    margin-bottom: 4px;
    color:#ffffff;

    background:linear-gradient(#c6c3c6, #fff);
    background: -moz-linear-gradient(top, #c6c3c6, #fff);/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#c6c3c6), to(#fff));　/* Safari,Google Chrome用 */
    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6c3c6, endcolorstr=#c6c3c6));
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6c3c6, endcolorstr=#c6c3c6))";
    zoom: 1;
}

#header .header_logo {
    float:left;
    width: 300px;
    height: 60px;
    text-align: left;
    background-color:#696969;
}

#header .header_logo a {
   	text-decoration: none;
	color: #ffffff;
}

#header .header_login {
    float:right;
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
}

#header .header_login .today_date {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
    padding: 0 10px 0 0;
    text-align: right;
}

#header .header_login .login_info {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    padding: 20px 10px 10px 0;
    color: #000;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#Header {
    width: 900px;
    padding: 2px 0 5px 0;
    height: auto;
    text-align: left;
}

#GlobalNavi {
    width: 1096px;
    margin: 0 auto;
}
#GlobalNavi .HeadMenu{
    width: 1080px;
    margin: 0 auto;
    height: 20px;
}
#GlobalNaviMain {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}
#GlobalNaviMain ul {
    margin: 0;
    padding: 0;
    float: right;
    height: 58px;
}
#GlobalNaviMain li {
    margin: 0;
    padding: 0;
    float: right;
    display:inline;
    height: 41px;
}

/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#MainContents {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
}
#MainContents .floatClear {
    clear:  both;
    display:    block;
}

/* メインコンテンツの中のコンテンツ定義 */
#MainContentsInner {
    padding-top: 22px;
    margin: 0 0 0 77px;
    height: auto;
    width: 1024px;
}

/* 中央コンテンツスタイル */
#content {
    float: left;
    width: 683px;
    height: auto;
    padding-top: 28px;
}
#content #contentinner {
    padding: 0 0 0 23px;
    height: auto;
}

.navi_title {
    margin: 2px 0 5px 0;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}

/* ログインユーザー名 */
.login_title {
    margin: 0 0 0 0;
    text-align: right;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}


/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#main {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
}
#main .floatClear {
    clear:  both;
    display:    block;
}

.clear {
    clear:  both;
    display:    block;
}


/*****************************************************************************/
/* メインコンテンツ内のコンテンツ枠定義
/*****************************************************************************/
#contents {
    float: left;
    width: 1014px;
    min-height: 720px;
    height: auto;
    margin-top: 0px;
    padding: 4px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#contents #contentinner {
    padding: 0 0 0 23px;
    height: auto;
}

.navi_title {
    margin     : 2px 0 5px 0;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: #000000;
    FONT-FAMILY: "メイリオ";
    background-color:#E0FFFF;
    border-top: 1px solid #000099;
    border-bottom: 1px solid #000099;
}
.navi_title a {
   text-decoration: none;
}

/*****************************************************************************/
/* フッターテンプレートスタイル（トップ、ブランド毎に定義）                  */
/*****************************************************************************/
#footer {
    margin: 2px 0 0 0;
    width: 1024px;
    height: auto;
    min-height: 20px;
    color: #000000;
    text-align: right;

    background-color:#666666;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

#footer .about {
    margin:0px 0 20px 0;
    font-size: 14px;
    text-align: center;
}

#footer .copyright {
    margin: 2px 0;
    font-size: 12px;
    text-align: center;
	color: #ffffff;
}

#footer .pagetop {
    font-size: 14px;
    float: right;
    padding: 2px;
}


/*****************************************************************************/
/*                                                                           */
/* ここから下は全ブランド共通定義                                            */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* その他のページの枠定義
/*****************************************************************************/
#OtherContents {
    padding-bottom: 20px;
    height: auto;
    background-image: url("../pc/images/other_bg.jpg");
    background-repeat: no-repeat;
}

/* その他のページの枠定義（内部コンテンツ） */
#OtherContentsInner {
    margin: 0 0 0 169px;
    height: auto;
    width: 910px;
    line-height: 1.8em;
}
#OtherContents .floatClear {
    clear:  both;
    display:    block;
}

.inputHeadLogin {
    padding          : 10px;
    color            : #000;
    background-color : #AAD5FF;
    font-size        : 11px;
    line-height      : 1.2em;
    text-align       : left;
}

.inputColLogin {
    padding          : 10px;
    background       : #ffffff;
    font-size        : 11px;
    line-height      : 1.2em;
    text-align       : left;
}

.inputHead {
	padding          : 8px;
	color            : #000000;
	background-color : #AAD5FF;
	FONT-FAMILY      : "メイリオ";
	font-size        : 12px;
	line-height      : 1.2em;
	text-align       : left;
	border:1px solid #778899;
}

.inputCol {
	padding          : 8px;
	background       : #ffffff;
	font-size        : 12px;
	FONT-FAMILY      : "メイリオ";
	line-height      : 1.0em;
	text-align       : left;
	border:1px solid #778899;
}

.inputColDisp {
    padding          : 5px;
    background       : #ffffff;
    font-size        : 10px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
}

.ListData {
    background       : #000;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}


table#table_list {
    border-collapse: collapse;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
table#table_list td { border-right: 1px solid #bbb; }
table#table_list tr.kisu {
    /*background-color: #faf0e6;*/
    background-color: #EFEFEF;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}
table#table_list tr.gusu {
    background-color: #fffafa;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}

.TableList {
/*  style="border:1px solid #778899;" */
    /*border:1px solid #778899;*/
    background-color:#ffffff;
}

.listHead {
  height:30px;
  margin           : 0;
  padding          : 2px;
  background-color : #0000A0;
  color            : #fff;
  text-align       : center ;
  font-size        : 14px;
}

.listCol2 {
  margin           : 0;
  padding          : 2px;
  height           : 30px;
  background-color : #fde;
  color            : #666;
  text-align       : center ;
}


/* 一覧リストのスタイル */
.list0 {
    background-color : #F9EEED;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list1 {
    background-color : #dcdcdc;
    color            : #000000;
    padding          : 0.1em 0.5em 0.1em 0.5em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list00 {
    background-color : #16b26e;
    color            : #000000;
    padding          : 2px 2px 2px 2px;
    height           : 30px;
}


.textInput,textarea{    /* 通常の入力フォーム */
    background-color:#FFFFFF;
    border:1px solid #000;
}


.inputHighlighted{  /* ハイライト効果 */
/*      background-color:#317082;*/
/*      color:#FFF;*/

    background-color:#e6e600;
    color:#000;
    border:1px solid #000;
}

.guide_msg {
	font-size:12px;
	color: #808080;
}

/* テーブル（汎用）
---------------------------------------------------------------------------*/
.ta_common {
	width: 100%;
	margin-bottom: 2px;
}
.ta_common, .ta_common td, .ta_common th {
	/*border: 1px solid #eee;		    /*テーブルの枠線の幅、線種、色*/
	padding: 6px;				        /*ボックス内の余白*/
	font-size: 0.9rem;
	word-break: break-all;
}
/*左側ボックス*/
.ta_common th {
	width: 150px;
	text-align: left;                       /*左よせ*/
	background: #aad5ff;                    /*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 0.8rem;
    border: 1px solid #778899;
}
.ta_common td {
    border: 1px solid #778899;
}

/* テーブル（汎用）
---------------------------------------------------------------------------*/
.ta_list {
	width: 100%;
	margin-bottom: 5px;
}
.ta_list, .ta_list td, .ta_list th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 4px;				    /*ボックス内の余白*/
	font-size: 0.9rem;
	word-break: break-all;
}
/* 左側ボックス */
.ta_list th {
    padding: 6px;
    text-align: center;			/*左よせ*/
	/*background: #c7d6d6;		/*背景色*/
	background: #0000a0;		/*背景色*/
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}

/* 一覧リストのタイトル */
.listTitle {
    padding : 4px;
    line-height: 16px;
    background: #0000a0;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY : "メイリオ";
    border: 1px solid #CCC;
}

/* 一覧リストのカラム */
.listCol {
	margin           : 0;
	padding          : 2px;
	color            : #000000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
    border: 1px solid #CCC;
}

.al_center {
    text-align: center;
}
.al_left {
    text-align: left;
}
.al_right {
    text-align: right;
}

/* メインメニュー
-------------------------------*/
#menu {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #e2ebed;
	padding-bottom: 30px;
	line-height: 180%;
	border: solid 1px #000;
	z-index: 10;
}

#menu a {
	color: #000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}

#menu ul {
	border: solid 10px #000;
	background-color: #fff;
	padding: 1px;
	z-index: 10;
}

#menu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 5px;
	width: auto;
	height: 20px;
	list-style-type: none;	/* No bullets */
/*	border: solid 1px #ccc; /*メニューの枠線*/
/*	font-weight: bold;*/
}

/* 第一階層にマウスオーバー */
#menu li:hover {
	color: #ffffff;
	background-color: #317082;		/* マウスONしたときの色 */
	cursor: default;
}

/* リスト項目にマウスオーバーしたとき */
#menu li a:hover {
	color: #fff;
}

/* 第一階層に属するメニュー */
#menu li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 200px;
	background: #eee;
	border: solid 1px #000;
}

#menu li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	height: 25px;
}

/* リスト項目にマウスONしたとき */
#menu li ul li a {
	display: inline-block;
	width: 198px;
	height: 25px;
}

/* リスト項目にマウスオーバーしたとき */
#menu li ul li a:hover {
	background: #999;
	color: #fff;
}

/* 各種操作ボタンスタイル定義
------------------------------------------------------------------------------*/
.searchBox {
	font-size: 14px;
    margin: 5px 0;
}

/* 検索メニュー */
.btnSearch {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnSearch:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnSearch:visited {
    color: #fff;
    text-decoration: none;
}
.btnSearch:link {
    color: #fff;
    text-decoration: none;
}
.btnSearch:active {
    color: #fff;
    text-decoration: none;
}
.btnSearch:before {
	position: relative;
	margin-right: 10px;
	content: "\f002";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* リスト内の編集系ボタン */
.btnListCheck {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListCheck:hover {
	opacity:0.8;
    color: #fff;
	cursor: pointer;
}
.btnListCheck:visited {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:link {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:active {
    color: #fff;
    text-decoration: none;
}
.btnListCheck:before {
	position: relative;
	margin-right: 0px;
	content: "\f00c";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 閉じるメニュー */
.btnClose {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnClose:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnClose:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnClose:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnClose:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}

/* クリア系メニュー */
.btnClear {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#ff0000;
	border-radius: 3px;
	transition: .4s;
}
.btnClear:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnClear:visited {
    color: #fff;
    text-decoration: none;
}
.btnClear:link {
    color: #fff;
    text-decoration: none;
}
.btnClear:active {
    color: #fff;
    text-decoration: none;
}
.btnClear:before {
	position: relative;
	margin-right: 10px;
	content: "\f00d";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 新規系メニュー */
.btnNew {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnNew:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnNew:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnNew:before {
	position: relative;
	margin-right: 10px;
	content: "\f044";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* CSV出力 */
.btnExport {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnExport:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnExport:visited {
    color: #fff;
    text-decoration: none;
}
.btnExport:link {
    color: #fff;
    text-decoration: none;
}
.btnExport:active {
    color: #fff;
    text-decoration: none;
}
.btnExport:before {
	position: relative;
	margin-right: 10px;
	content: "\f093";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 編集系メニュー */
.btnEdit {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnEdit:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnEdit:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnEdit:before {
	position: relative;
	margin-right: 10px;
	content: "\f002";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 追加系メニュー */
.btnAdd {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#32cd32;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnAdd:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnAdd:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnAdd:before {
	position: relative;
	margin-right: 10px;
	content: "\f067";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 更新系メニュー */
.btnRegist {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#0C88CA;
	border-radius: 3px;
	transition: .4s;
}
.btnRegist:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnRegist:visited {
    color: #fff;
    text-decoration: none;
}
.btnRegist:link {
    color: #fff;
    text-decoration: none;
}
.btnRegist:active {
    color: #fff;
    text-decoration: none;
}

.btnRegist:before {
	position: relative;
	margin-right: 10px;
	content: "\f0c7";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 削除系メニュー */
.btnDelete {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#ff0000;
	border-radius: 3px;
	transition: .4s;
}
.btnDelete:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnDelete:visited {
    color: #fff;
    text-decoration: none;
}
.btnDelete:link {
    color: #fff;
    text-decoration: none;
}
.btnDelete:active {
    color: #fff;
    text-decoration: none;
}
.btnDelete:before {
	position: relative;
	margin-right: 10px;
	content: "\f014";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 印刷系メニュー */
.btnPrint {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#228b22;
	border-radius: 3px;
	transition: .4s;
}
.btnPrint:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnPrint:visited {
    color: #fff;
    text-decoration: none;
}
.btnPrint:link {
    color: #fff;
    text-decoration: none;
}
.btnPrint:active {
    color: #fff;
    text-decoration: none;
}
.btnPrint:before {
	position: relative;
	margin-right: 10px;
	content: "\f1c1";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* 一覧メニュー */
.btnList {
	display: inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #67c5ff;
	background-color:#008080;
	cursor: pointer;
	border-radius: 3px;
	transition: .4s;
}
.btnList:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnList:visited {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:link {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:active {
    color: #fff;
    text-decoration: none;
	cursor: pointer;
}
.btnList:before {
	position: relative;
	margin-right: 10px;
	content: "\f03a";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
}

/* テーブル内における各種操作ボタンスタイル
------------------------------------------------------------------------------*/

/* リスト内の編集系ボタン */
.btnListEdit {
	display: inline-block;
	padding: 0.1em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListEdit:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListEdit:visited {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:link {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:active {
    color: #fff;
    text-decoration: none;
}
.btnListEdit:before {
	position: relative;
	margin-right: 0px;
	content: "\f044";
	font-family:'Font Awesome 5 Free';
    font-weight: 900;
	font-size:1.5em;
}

/* リスト内の登録系ボタン */
.btnListUpdate {
	display: inline-block;
	padding: 0.4em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnListUpdate:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnListUpdate:visited {
    color: #fff;
    text-decoration: none;
}
.btnListUpdate:link {
    color: #fff;
    text-decoration: none;
}
.btnListUpdate:active {
    color: #fff;
    text-decoration: none;
}
.btnListUpdate:before {
	position: relative;
	margin-right: 0px;
	content: "\f0c7";
	font-family:'Font Awesome 5 Free';
    font-weight: 300;
	font-size:1.5em;
}

/* 緯度経度取得ボタン */
.btnMapGet {
	display: inline-block;
	padding: 0.5em 0.6em;
	text-decoration: none;
	color: #fff;
	background-color:#4179be;
	border-radius: 3px;
	transition: .4s;
}
.btnMapGet:hover {
	opacity:0.8;
	cursor: pointer;
}
.btnMapGet:visited {
    color: #fff;
    text-decoration: none;
}
.btnMapGet:link {
    color: #fff;
    text-decoration: none;
}
.btnMapGet:active {
    color: #fff;
    text-decoration: none;
}
.btnMapGet:before {
	position: relative;
	margin-right: 10px;
	content: "\f279";
	font-family:'Font Awesome 5 Free';
    font-weight: 800;
	font-size: 1.0em;
}

/* 「必須」マーク
---------------------------------------------------------------------------*/
.required:after {
	padding: 2px 4px;
    color: #FFF;
	position: relative;
	float: right;
    content: " 必須 ";
	background: #FF0000;
	font-size: 10px;
}