@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html{
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	min-width: 984px;
	background: #FAF5E1;
	font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 14px;
	color: #333333;
}
.button_grayL {/*ボタングレーL*/
	width: 122px;
	height: 25px;
	background: url(images/button_grayL.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_grayL:hover {
		background: url(images/button_grayL_hover.png);
	}
.button_gray {/*ボタングレー*/
	width: 108px;
	height: 25px;
	background: url(images/button_gray.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_gray:hover {
		background: url(images/button_gray_hover.png);
	}
.button_orange {/*ボタンオレンジ*/
	width: 108px;
	height: 25px;
	background: url(images/button_orange.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_orange:hover {
		background: url(images/button_orange_hover.png);
	}
.button_orangeL {/*ボタンオレンジ*/
	width: 122px;
	height: 25px;
	background: url(images/button_orangeL.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_orangeL:hover {
		background: url(images/button_orangeL_hover.png);
	}
.button_red {/*ボタンレッド*/
	width: 108px;
	height: 25px;
	background: url(images/button_red.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_red:hover {
		background: url(images/button_red_hover.png);
	}
.button_green {/*ボタングリーン*/
	width: 149px;
	height: 25px;
	background: url(images/button_green.png);
	border: none;
	font-weight: bold;
	color: #333;
}
	.button_green:hover {
		background: url(images/button_green_hover.png);
	}

a {/*通常テキストリンク*/
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

input[type="text"] {/*テキストボックス*/
	height: 16px;
        padding-top:1px;
        font-size:14px;
		font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	}
textarea {/*テキストボックス*/
	font-size:14px;
        padding-top:1px;
		font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	}
input[type="radio"] {/*ラジオボタン*/
        margin-right:5px;
}
input[type="checkbox"] {/*ラジオボタン*/
        margin-right:5px;
}
input[type="password"] {/*テキストボックス*/
	height: 16px;
        padding-top:1px;
		font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	}
input {/*テキストボックス*/
	font-family: Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.Full {/*横長テキストボックスclass*/
	width: 840px;
}

.FullTextarea {/*横長テキストボックスclass*/
	width: 840px;
}

.Checkbox {/*チェックボックス調整class*/
	margin-right: 5px;
}

select {
	border: #333333 1px solid;
}
h1 {
	width: 140px;
	height: 32px;
	margin-top: -2px;
	background: url(images/logo.png);
}
h3 {
	width: 120px;
	font-size: 14px;
	margin: 3px 20px 0 0;
	font-weight: bold;
	float: left;
}

table {
	border: none;
}
	td {
	        background-color: transparent;
	        border: none;
	}
.PageSelecter {/*枠・背景無しセル ページセレクター用*/
		width: 300px;
                table-layout: fixed;
		padding: 0 10px;
		text-align: right;
		background-color: transparent;
		border: none;
}

.Table_List {/*テーブルスタイル*/
	width: 974px;
	border-collapse: collapse;
        margin: 0 auto;
}
	.Table_List th {
		width: auto;
		height: 22px;
		padding: 0 5px;
		text-align: center;
		border: #999 1px solid;
		background-color: #0086B4;
		color: #FFFFFF;
	}
	.Table_List td {
		width: auto;
		height: 20px;
		padding: 0 5px;
		background-color: #FFFFFF;
		border: #999 1px solid;
	}
        .Table_List .Date_format {/*yyyy/mm/dd用セル*/
        	table-layout: fixed;
        	text-align: right;
        	width: 60px;
        }
        .Table_List .LineCenterShort {/*表のヘッダ部 中央寄せ 短め*/
        	table-layout: fixed;
        	text-align: center;
        	width: 60px;
        }
        .Table_List .LineCenter {/*表のヘッダ部 中央寄せ*/
        	table-layout: fixed;
        	text-align: center;
        	width: 100px;
        }
        .Table_List .LineCenterLong {/*表のヘッダ部 中央寄せ 長め*/
        	table-layout: fixed;
        	text-align: center;
        	width: 200px;
        }
        .Table_List .LineLeftShort {/*表 左寄せ 短め*/
        	table-layout: fixed;
        	text-align: left;
        	width: 60px;
        }
        .Table_List .LineLeft {/*表 左寄せ 長め*/
        	table-layout: fixed;
        	text-align: left;
        	width: 200px;
        }
        .Table_List .Number {/*表　数字(右寄せ)*/
        	table-layout: fixed;
        	text-align: right;
        	width: 60px;
        }

        .Table_List tfoot th{
        	table-layout: fixed;
        	text-align: center;
        	background: #B8E366;
        	width: 80px;
        	color: #000000;
        }

        .Table_List .hihyouji {/*表　罫線非表示*/
					border: none;
        }

#Wrap {
    width: 100%;
    min-height: 100%;
    position: relative;
}

/*ヘッダー*/
#Header {
	width: 100%;
	height: 40px;
	left: 0;
	position: absolute;
	background-color: #FAF5E1;
	position: fixed;
}
#Header_Area {
	width: 984px;
	height: 100%;
	margin: 0 auto;
}
#Heading_Area h2 {/*ヘッダー内表示エリア*/
	width: 100%;
	height: 20px;
	padding-top: 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #683906;
	background-color: #6AAED9;
	border-bottom: 1px solid #6AAED9;
}
#Menu_Area {/*メニューエリア*/
	width: 100%;
	height: 20px;
	padding-top: 6px;
	background-color: #E8D37F;
	border-bottom: 1px solid #E8D37F;
}
	#Menu_Area ul {
		width: 984px;
		margin: 0 auto;
	}
	#Menu_Area li {
		padding-left: 18px;
		margin-right: 20px;
		float: left;
		list-style: none;
		background: url(images/menu_ico.png) no-repeat;
	}
        #help {
                padding-left: 0px !important;
		margin-right: 0px !important;
		float: right !important;
		list-style: none !important;
                background: none !important;
	}
	#Menu_Area a {
		font-size: 14px;
		color: #683906;
	}

#UserIinformation {/*ユーザー情報*/
	margin: 14px 0;
	font-size: 15px;
	float: right;

}
#UserLogOff {/*ログオフ*/
	margin: 10px 0;
	float: right;
}
#System_Logo {/*システムロゴ*/
	width: 250px;
	height: 20px;
	margin: 10px 0;
	float: left;
}
	#System_Logo a {
		width: 100%;
		height: 100%;
		display: block;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: bold;
	}
/*コンテンツエリア*/
#Contents {
	width: 984px;
	margin: 0 auto;
	padding: 85px 0 20px 0;
	overflow: hidden;
}

#Heading {/*見出し？*/
	width: 200px;
	height: 18px;
	padding-top: 5px;
	Display:Block;
	font-weight: bold;
	text-align: center;
	background-color: #0086B4;
	color: #FFFFFF;
}

.RadioButton_Area {/*右上ラジオボタンエリア*/
	width: auto;
	height: 20px;
	float: right;
}
	.RadioButton_Area label {
		margin-left: 10px;
		display: inline-block;
		cursor: pointer;
	}


.OneColumn {/*一行wrapper*/
	width: 100%;
	height: auto;
	margin-top: 18px;
	overflow: hidden;
	float: left;
	clear: both;
}
	.OneColumn select {
		float: left;
		margin-right: 10px;
	}
	.OneColumn .Seach {
		float: left;
	}

.InnerColumn {
	height: auto;
	margin: 10px 0 0 140px;
	float: left;
}
.IndentColumn h3 {
	text-align: right;
}
.Center_Button_Area {
	width: auto;
	margin: 20px auto 0 auto;
	clear: both;
	text-align: center;
}
.Button_Area {/*左寄せボタンエリア*/
	float: right;
}
.List_Area {/*リストエリア*/
	width: auto;
	height: 400px;
}

/*フッター*/
#Footer {
	width:100%;
	height: 30px;
	position: fixed;
	bottom: 0;
	background-color: #FAF5E1;
	left:0;
	font-family: "Noto Sans JP", sans-serif;
}
	#Footer span {
		padding-top: 3px;
		margin: 0 auto;
		text-align: center;
		display: block;
	}


/*-------------個別画面用スタイル----------------*/
/*ログイン画面*/
#Centering {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-width: 600px;
	min-height: 450px;
	position: relative;
}
	#Centering #Centering_Wrap {
		width: 600px;
		height: 450px;
		top: 50%;
		left: 50%;
		margin: -225px 0 0 -300px;
		padding: 0;
		position: absolute;

	}

.Center_Input_Area {/*入力エリアをセンタリング*/
	width: 350px;
	height: auto;
	overflow: hidden;
	margin: 20px auto 0 auto;
	display: block;
	clear: both;
}
	.Center_Input_Area span {
		width: 100%;
		margin: 0 auto;
		font-weight: bold;
		display: block;
		float: left;
		clear: both;
	}
	.Center_Input_Area input {
		width: 340px;
		margin: 0 auto;
		float: left;
		clear: both;
	}

/*ユーザ登録画面*/
.button {
	width: 100px;
}

.error {
	color:#990000;
	font-size:12px;
}
.umLayout {
    background-color: #F4F2DB;
    margin: 0px;
    padding: 0px;
}
.umLayout tr {
    height:20px;
}
.umLayout td th {
    background-color: #F4F2DB;
    border:none;
}

/*ライセンス詳細画面*/
#LicInfoFld fieldset {
	width: 100%; /* 必要に応じてテーブルの幅を指定 */
	margin: 0 auto; /* 左右のマージンを自動で設定 */
	height: 100%;
	padding:0px 30px 0px 30px;
	border: #999 1px solid;
}

#LicInfoFld table {
	width: 80%; /* 必要に応じてテーブルの幅を指定 */
	table-layout: fixed; /* 各列の幅を均等にする */
  }
  
#LicInfoFld td {
width: 50%; /* ラベルと入力フィールドの幅を均等に */
padding: 10px; /* セルの余白を調整 */
}

.detail_Input_Area input[type="text"] {
	display: inline-block;
	vertical-align: middle; /* 垂直方向中央揃え */
	margin: 0 auto;
	clear: both;
}

.input_text30 {
	width: 300px; /* テキスト入力フィールドの幅を 300px に指定 */
}

.input_text20 {
	width: 200px; /* テキスト入力フィールドの幅を 200px に指定 */
}

.input_text10 {
	width: 100px; /* テキスト入力フィールドの幅を 100px に指定 */
}

.detail_Input_Area span {
  margin-right: 10px; /* ラベルと入力テキストの間にスペースを追加 */
  width: 150px;
  margin: 0 auto;
  font-weight: bold;
  display: inline-block;
  clear: both;
}

.detail_Input_Area label {
	display: inline-block;
	width: 250px; /* ラベルの幅を固定 */
	margin-right: 10px; /* ラベルと入力フィールドの間隔 */
}

.detail_label {
	display: inline-block;
	width: 250px; /* ラベルの幅を固定 */
	margin-right: 10px; /* ラベルと入力フィールドの間隔 */
}

.detail_textarea {
	width: 300px; /* 幅 */
	height: 150px; /* 高さ */
	padding: 10px; /* 内側の余白 */
	border: 1px solid #ccc; /* 枠線 */
	border-radius: 5px; /* 角丸 */
	font-size: 16px; /* フォントサイズ */
	line-height: 1.5; /* 行の高さ */
	resize: vertical; /* リサイズ可能 (vertical: 縦方向, horizontal: 横方向, both: 両方向, none: リサイズ不可) */
  }

  .alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
  }
  
  .alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
  }