@CHARSET "UTF-8";
/*---------------------------------------------------------------*/
/*  共通
/*---------------------------------------------------------------*/
body {
	font-family: Arial, 'ＭＳ ゴシック', sans-serif;
	font-size: 12px;
}

td.breakAll {
	word-break: break-all;
}

/*-------------------------------*/
/*  アンカー関係
/*-------------------------------*/
a:link {
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline
}

a:visited {
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline
}

a:hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

a:active {
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline
}

/*-------------------------------*/
/*  テーブルヘッダ用のアンカー
/*-------------------------------*/
th a:link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}

th a:visited {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}

th a:hover {
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
}

th a:active {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline
}

/*-------------------------------*/
/*  非活性項目
/*-------------------------------*/
.inactive {
	color: silver;
}

/*-------------------------------*/
/*  必須項目
/*-------------------------------*/
.required {
	background-color: lightsalmon;
}
/*lightsalmon*/
/*-------------------------------*/
/*  エラー項目
/*-------------------------------*/
.errored {
	background-color: red;
}

/*-------------------------------*/
/*  インラインに流し込むことのできるブロック要素
/*-------------------------------*/
div.inline {
	display: inline-block;
	_display: inline;
}

/*-------------------------------*/
/*  テーブル
/*-------------------------------*/
table {
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

th {
	text-align: center;
	font-size: 14px;
	height: 20px;
	table-layout: fixed;
}

td {
	text-align: left;
	color: black;
	font-size: 12px;
	height: 20px;
	table-layout: fixed;
}

td.index {
	background-color: #E7E8E2;
	color: #111;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

td.border {
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}

/*-------------------------------*/
/*  テーブル
/*-------------------------------*/
table.main {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	border-color: black;
	margin: 0px;
	padding: 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	width: 900px;
	height: 620px;
	table-layout: fixed;
	text-align: left;
}

table.main tr {
	table-layout: fixed;
}

th.main {
	text-align: center;
	vertical-align: top;
	font-size: 14px;
}

td.main {
	text-align: left;
	vertical-align: top;
	color: black;
	font-size: 12px;
	table-layout: fixed;
}

/*-------------------------------*/
/*  テーブル（検索部）
/*-------------------------------*/
.searchArea {
	background-color: #E7E8E2;
}

td.searchCount {
	color: #4F4E57;
	font-size: 12px;
}

table.search {
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}

table.search tr {
	height: 4px;
}

table.search th {
	text-align: left;
	font-size: 12px;
}

table.search td {
	text-align: left;
	color: black;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 2px;
	padding-right: 5px;
}

table.search td.blue {
	font-weight: bold;
	width: 900px;
	height: 13px;
	background-color: #107FC9;
	text-align: left;
	color: white;
	font-size: 13px;
	padding-left: 15px;
	padding-top: 2px;
	padding-right: 5px;
}

table.search td.input {
	text-align: left;
	color: black;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

table.search table td {
	padding-left: 0px;
	padding-right: 0px;
}
/*-------------------------------*/
/*  テーブル（高さ固定）
/*-------------------------------*/
table.hfixed {
	border-collapse: separate;
	border-spacing: 6px 4px;
}

table.hfixed tr {
	height: 15px;
}

/* 内容改行できるようにする　*/
table.hfixed td {
	word-break:break-all;
}

/*-------------------------------*/
/*  テーブル（一覧部）
/*-------------------------------*/
/*
table.list tr:nth-child(odd) td {
    background-color:#FFFFFF;
}

table.list tr:nth-child(even) td {
    background-color:#E7E8E2;
}
*/
table.list {
	border-collapse: collapse;
	empty-cells: show;
	border-style: inset;
	border-width: 1px;
	border-color: black;
	height: 10px;
	table-layout: fixed;
}

table.list th {
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	border-style: solid;
	border-width: 0px 0.5px 0px 0.5px;
	border-color: #666666;
	background-color: #666666;
	table-layout: fixed;
}

table.list td {
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: #FFFFFF;
	border-style: solid;
	/*  border-width: 0px 0px 0.1px 0px;*/
	border-width: 1px 1px 1px 1px;
	border-color: #666666;
	table-layout: fixed;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.list td:hover {
	font-size: 12px;
	text-align: left;
	cursor: default;
}

.dest {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.dest:hover {
    font-size: 12px;
    cursor: default;
}

/*  論理削除 */
table.list tr.deleteflg td {
	background-color: #b2b2b2;
}

/*  チェックボックス論理削除 */
table.list tr.selected td {
	background-color: #CFFFAF;
}

table.fixlist {
	border-collapse: collapse;
	empty-cells: show;
	border-style: inset;
	border-width: 1px;
	border-color: black;
	height: 10px;
	table-layout: fixed;
}

table.fixlist th {
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	border-style: solid;
	border-width: 0px 0.5px 0px 0.5px;
	border-color: #666666;
	background-color: #666666;
	table-layout: fixed;
}

table.fixlist td {
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: #FFFFFF;
	border-style: solid;
	/*  border-width: 0px 0px 0.1px 0px;*/
	border-width: 1px 1px 1px 1px;
	border-color: #666666;
	table-layout: fixed;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}

table.fixlist td:hover {
	font-size: 12px;
	text-align: left;
	cursor: default;
}
/*  接続申込初期値設定 */
table.updatelist {
	border-collapse: collapse;
	empty-cells: show;
	border-style: inset;
	border-width: 1px;
	border-color: black;
	height: 10px;
	table-layout: fixed;
}

table.updatelist th {
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	border-style: solid;
	border-width: 0px 0.5px 0px 0.5px;
	border-color: #666666;
	background-color: #666666;
	table-layout: fixed;
}

table.updatelist td {
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: #FFFFFF;
	border-style: solid;
	/*  border-width: 0px 0px 0.1px 0px;*/
	border-width: 1px 1px 1px 1px;
	border-color: #666666;
	word-wrap: break-word;
}

table.updatelist td:hover {
	font-size: 12px;
	text-align: left;
	cursor: default;
}

/*  論理削除 */
table.fixlist tr.deleteflg td {
	background-color: #b2b2b2;
}

/*  チェックボックス論理削除 */
table.fixlist tr.selected td {
	background-color: #CFFFAF;
}

table.detail td {
	text-align: left;
	vertical-align: top;
	color: black;
	font-size: 14px;
	background-color: white;
	border-style: solid;
	border-width: 0.1px;
	border-color: black;
	table-layout: fixed;
}
/*-------------------------------*/
/*  テーブル（一覧部）
/*-------------------------------*/
table.listhead {
	border-collapse: collapse;
	empty-cells: show;
	border-style: none;
	border-width: 0px;
	border-color: black;
	height: 10px;
	table-layout: fixed;
	position: relative;
	top: 1px;
	z-index: 0;
}

table.listhead th {
	text-align: center;
	color: black;
	font-size: 12px;
	background-color: #D3D3D3;
	border-style: solid;
	border-width: 0.1px;
	border-color: black;
}

table.listhead td {
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: white;
	border-style: solid;
	border-width: 0.1px;
	border-color: black;
	table-layout: fixed;
}

/*-------------------------------*/
/*  テーブル（一覧部）
/*-------------------------------*/
table.page {
	empty-cells: show;
	border-style: none;
	border-width: 0px;
	border-color: black;
	width: 630px;
	position: absolute;
	top: 100px;
	left: 450px;
}

/*-------------------------------*/
/*  テーブル（ヘッダメニュー部）
/*-------------------------------*/
table.headermenu {
	width: 900px;
	background-color: #666666;
	border-radius: 5px;
}

/*-------------------------------*/
/* テーブル内のカラムpreタグ
/* 空行削除とフォント指定
/*-------------------------------*/
td pre {
	margin: 0;
	font-family: Arial, 'ＭＳ ゴシック', sans-serif;
	font-size: 12px;
}

/*---------------------------------------------------------------*/
/*  テキストエリア
/*---------------------------------------------------------------*/
textarea {
	font-family: Arial, 'ＭＳ ゴシック', sans-serif;
	font-size: 12px;
}

/*---------------------------------------------------------------*/
/* input属性全体（テキストボックス、ボタンなど）
/*---------------------------------------------------------------*/
input {
	font-family: Arial, 'ＭＳ ゴシック', sans-serif;
	font-size: 12px;
}

/*---------------------------------------------------------------*/
/*  暦ボタン（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
.ui-datepicker-trigger {
	max-width: 35px;
	max-height: 18px;
	padding: 0px;
	margin-left: 1px;
	border: 1px solid;
	vertical-align: top;
}

/*---------------------------------------------------------------*/
/*  ボタン（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
input.fixedbutton30 {
	font-size: 12px;
	width: 30px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.inactivebutton30 {
	font-size: 12px;
	width: 30px;
	height: 20px;
	border-color: silver;
	border-radius: 5px;
	background-color: silver;
	color: #ffffff;
}
/*---------------------------------------------------------------*/
/*  ボタン（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
input.fixedbutton45 {
	font-size: 12px;
	width: 45px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.fixedbutton65 {
	font-size: 12px;
	width: 65px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.disabledbutton65 {
	font-size: 12px;
	width: 65px;
	height: 20px;
	border-color: #cccccc;
	border-radius: 5px;
	background-color: #cccccc;
	color: #ffffff;
}

input.disabledbutton {
	font-size: 12px;
	height: 20px;
	border-color: #cccccc;
	border-radius: 5px;
	background-color: #cccccc;
	color: #ffffff;
}

input.fixedbutton {
	font-size: 12px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.fixedbutton100 {
	font-size: 12px;
	width: 100px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.fixedbutton120 {
	font-size: 12px;
	width: 120px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
}

input.fixedbutton150 {
	font-size: 12px;
	width: 150px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
}

input[class^='fixedbutton']:disabled {
	font-size: 12px;
	width: 150px;
	height: 20px;
	border-color: #cccccc;
	border-radius: 5px;
	background-color: #cccccc;
	color: #ffffff;
}

input.inactivebutton45 {
	font-size: 12px;
	width: 45px;
	height: 20px;
	border-color: silver;
	border-radius: 5px;
	background-color: silver;
	color: #ffffff;
}

input.inactivebutton65 {
	font-size: 12px;
	width: 65px;
	height: 20px;
	border-color: silver;
	border-radius: 5px;
	background-color: silver;
	color: #ffffff;
}

input.inactivebutton100 {
	font-size: 12px;
	width: 100px;
	height: 20px;
	border-color: silver;
	border-radius: 5px;
	background-color: silver;
	color: #ffffff;
}

input.inactivebutton150 {
	font-size: 12px;
	width: 150px;
	height: 20px;
	border-color: silver;
	border-radius: 5px;
	background-color: silver;
	color: #ffffff;
}

input.allChecked {
	font-size: 8px;
	width: 14px;
	height: 14px;
}
/*---------------------------------------------------------------*/
/*  ボタン（更新）（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
input.editbutton45 {
	font-size: 12px;
	width: 45px;
	height: 20px;
	border-color: #ff6347;
	border-radius: 5px;
	background-color: #ff6347;
	color: #ffffff;
}

input.editbutton65 {
	font-size: 12px;
	width: 65px;
	height: 20px;
	border-color: #ff6347;
	border-radius: 5px;
	background-color: #ff6347;
	color: #ffffff;
}

input.editbutton100 {
	font-size: 12px;
	width: 100px;
	height: 20px;
	border-color: #ff6347;
	border-radius: 5px;
	background-color: #ff6347;
	color: #ffffff;
}

input.editbutton150 {
	font-size: 12px;
	width: 150px;
	height: 20px;
	border-color: #ff6347;
	border-radius: 5px;
	background-color: #ff6347;
	color: #ffffff;
}

input.allChecked {
	font-size: 8px;
	width: 14px;
	height: 14px;
}

/*---------------------------------------------------------------*/
/*  ボタン（幅、高さ、フォント指定）
/*---------------------------------------------------------------*/
input.fixedbutton100 {
	font-size: 12px;
	width: 100px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.fixedbutton120 {
	font-size: 12px;
	width: 120px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.fixedbutton150 {
	font-size: 12px;
	width: 150px;
	height: 20px;
	border-color: #1077d3;
	border-radius: 5px;
	background-color: #1077d3;
	color: #ffffff;
}

input.allChecked {
	font-size: 8px;
	width: 14px;
	height: 14px;
}
/*---------------------------------------------------------------*/
/*  ヘッダー
/*---------------------------------------------------------------*/
table.header {
	white-space: nowrap;
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

table.header td {
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #4F4E57;
}

#titleHeader {
	width: 900px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: white;
	border: 2px solid #8C8C8C;
	background-color: #8C8C8C;
	border-radius: 5px; /* 4つのコーナーを半径5pxの角丸に */
	margin-top: 0px;
	margin-bottom: -9px;
}

.middleHead {
	font-weight: bold;
	font-size: 18px;
	border: 2px solid #4F4E57;
	background-color: #4F4E57;
	border-radius: 5px; /* 4つのコーナーを半径5pxの角丸に */
	text-align: center;
	color: white;
}
/*---------------------------------------------------------------*/
/*  フッター
/*---------------------------------------------------------------*/
table.footer td {
	text-align: left;
	background-color: black;
}

/*---------------------------------------------------------------*/
/*  メッセージ
/*---------------------------------------------------------------*/
table.message {
	white-space: nowrap;
	border-collapse: collapse;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

table.message td.error {
	text-align: left;
	color: red;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

table.message td.warn {
	text-align: left;
	color: red;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

table.message td.info {
	text-align: left;
	color: black;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
/*---------------------------------------------------------------*/
/*  メッセージ領域
/*---------------------------------------------------------------*/
div.message {
	height: 70px;
	overflow: auto;
}

/* ログイン用エラーメッセージ */
div.loginError {
	color: red;
}

/* 01.箱型の見出し */
#heading01 {
	position: relative;
	margin: 0 -10px;
	padding: 5px 20px;
	width: 208px;
	background: #C2EEFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	float: left
}

#heading01:before {
	content: " ";
	position: absolute;
	top: -9px;
	left: 0;
	width: 238px;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #91daff;
	float: left
}
/* 02.箱型の見出し */
#heading02 {
	position: relative;
	margin: 0 -10px;
	padding: 5px 20px;
	width: 602px;
	background: #C2EEFF;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

#heading02:before {
	content: " ";
	position: absolute;
	top: -9px;
	left: 0;
	width: 632px;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #91daff;
}

#jquery-sample {
	margin: 10px;
	width: 200px;
}

#jquery-sample-ajax {
	margin: 10px;
	padding: 10px;
	height: 100px;
	background-color: yellow;
	border: 1px solid gray;
	border-radius: 10px;
}

/*-------------------------------*/
/*  ドロップダウン
/*-------------------------------*/

/*  親メニュー  */
#dropmenu {
	list-style-type: none;
	width: 900px;
	padding: 0;
	margin: 0;
}

#dropmenu li {
	position: relative;
	width: 20%;
	float: left;
	text-align: center;
}

#dropmenu li a {
	display: block;
	margin: 0;
	padding: 5px 0px;
	background: #666666;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

/*  子メニュー  */
#dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#dropmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}

#dropmenu li ul li a {
	padding: 13px 15px;
	background: #4C4C4C;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*  マウスオーバーしたら  */
#dropmenu>li:hover>a {
	background: #4C4C4C;
	text-decoration: underline
}

#dropmenu>li:hover li:hover>a {
	background: #262626;
	text-decoration: underline;
}

#dropmenu li:hover>ul>li {
	overflow: visible;
	height: 38px;
}

/*  孫メニュー以降  */
#dropmenu li ul li ul {
	top: 0;
	left: 100%;
}

#dropmenu li ul li ul li {
	width: 120%;
}

#dropmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}

/*  下層を示す矢印  */
#dropmenu li ul li ul li a {
	background: #4C4C4C
}

#dropmenu li:hover ul li ul li:hover>a {
	background: #262626;
	text-decoration: underline
}

#dropmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #fff;
}

#dropmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #fff;
}

/* placeholder属性のフォーマット(ブラウザごとに指定が必要) */

/* IE10以降 */
:-ms-input-placeholder {
	color: #A1A1A1;
	font-size: 12px;
}
/* Firefox 19以降 */
::-moz-placeholder {
	color: #A1A1A1;
	opacity: 1;
	font-size: 12px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #A1A1A1;
	font-size: 12px;
}

/* 必須項目のplaceholder属性のフォーマット(ブラウザごとに指定が必要) */
/* IE10以降 */
.required:-ms-input-placeholder {
	color: #fff;
	font-size: 12px;
}
/* Firefox 19以降 */
.required::-moz-placeholder {
	color: #fff;
	opacity: 1;
	font-size: 12px;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
.required::-webkit-input-placeholder {
	color: #fff;
	font-size: 12px;
}

/* jquery.mediaTableのスタイル上書き */
.mediaTableMenu {
	position: absolute;
	top: 0;
	right: 0;
	color: white;
	background: #888888;
	border: 1px solid #666666;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 2px 2px 4px #FFFFFF;
}

.mediaTableMenu a {
	display: block;
	background: #666666;
	padding: 0.3em 1.0em 0.3em 1.0em;
	cursor: pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/*-------------------------------*/
/*  変更不可
/*-------------------------------*/
.henkofuka {
	background-color: #A1A1A1;
	color: #000;
}

div.resultEllipsis {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

td.breakAll {
	word-break: break-all;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: hidden;
}