/*
//*************************************************************************************************
//	名称	: 共通CSS
//	名票	: common.css
//	概要	: 
//	メモ	: 
//*************************************************************************************************
*/
/* -------------------------------- */
/* 共通								*/
/* -------------------------------- */
body {
	font-family: "MS UI Gothic";
	background-color: #ffffff;
	color: #000000;
}
/* クリックした瞬間の色を変更 */
a:active {
	color: #ff0000;
}
/* 訪問済みリンクの色を変更 */
a:visited{
	color: #ff00ff;
}
/* マウスを載せたときの色を変更 */
a:hover {
	text-decoration: none;
	color: #CC0000;
}

/* タイトルボックス */
.title_box {
	/*position: center;*/
	text-align: center;
	/* 選択ボックスの位置指定 */
	/*width: 80%;*/
	/* ボックスの高さを指定する */
	border-radius: 10px;
	/* ボックスに角丸を指定する */
	background: #0000ff;
	/* ボックスの背景色を指定する */
	font-size: 22pt;
	font-family: "MS UI Gothic";
	color:#ffffff;
	font-weight:bold;
	padding: 3px;
}

/* 画面の幅 */
.header_width {
	width: 1080px;
}

/* ボタン（小） */
.btn_small {
	font-size: 13pt;
	width: 80px;
	height: 30px;
	color: #000000;
	border: 2px solid #000000;
	font-family: "MS UI Gothic";
}

/* フッタの会社名 */
.company_disp {
	font-size: 9pt;
}

/* 共通メッセージ */
.msg {
	color: #0085C8;
	font-weight: bold;
	margin: 10px;
	font-size: 12pt;
}

/* 共通エラーメッセージ */
.errmsg {
	color: #CC0000;
	font-weight: bold;
	margin: 10px;
	font-size: 12pt;
}

/* ソフトウェアバージョン */
.soft_ver {
	font-weight: bold;
	text-align: right;
}

.hide {
	visibility: hidden;
}

/* ファイル入力欄の幅 */
input[type="file"] {
	width: 300px;
}

/* -------------------------------- */
/* ログイン画面						 */
/* -------------------------------- */
/* ログイン画面 : ログインボックス */
.login_box {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 800px;
	font-size: 12pt;
	color: #0000ff;
	font-family: "MS UI Gothic";
}

/* 情報ボックス */
.info_box {
	border-radius: 10px;
	background-color: #c5d9f1;
	font-size: 16pt;
	text-align: left;
	font-family: "MS UI Gothic";
}

/* ログイン画面のリンク */
a.logion_link {
	font-size: 15pt;
	border-bottom: solid 1px;
	color: #0000ff;
	cursor: pointer;
	text-decoration: none;
}
a.logion_link:hover {
	text-decoration: none;
	color: #CC0000;
}

/* 入力規則メッセージ */
.input_message {
	color: #000000;
	font-weight:normal;
	font-size: 11pt;
}

/* -------------------------------- */
/* ホーム画面						 */
/* -------------------------------- */
/* ホーム画面のメニューリンク */
a.menu_link{
	color:#0000ff;
}
/* マウスを載せたときの色を変更 */
a.menu_link:hover {
	color: orange;
}

/* -------------------------------- */
/* 管理画面							 */
/* -------------------------------- */
/* 管理画面BODY */
.admin_body {
	font-family: "Meiryo UI";
	background-color: #ffffff;
	color: #000000;
}

/* 管理者画面タイトルボックス */
.admin_title_box{
	text-align: center;
	/*width: 80%;*/
	border-radius: 10px; /* ボックスに角丸を指定する */
	background: #87cefa; /* ボックスの背景色を指定する */
	font-size: 22pt;
	font-weight: bold;
	padding: 3px;
}

/* 管理者画面ボタン */
.admin_btn {
	font-size: 16pt;
	width: 150px;
	height: 50px;
	background-color: #87cefa;
}

/* 管理者画面の一覧行 */
.admin_row{
	height: 20px;
}

/* 管理者画面の入力テキストボックス */
.admin_text_input{
    width: 100%;
	padding: 0px;
	box-sizing: border-box;
}

/* 管理画面の分類コンボボックス */
.admin_bunrui_select{
	width: 400px;
	height: 25px;
	border: 2px solid #000000;
	font-size: 15pt;
}

/* 管理画面のアクセントカラー */
.admin_accent_color {
	background-color: #87cefa;
}

/* スクロールテーブル */
.scroll_table {
	border-collapse: collapse;
	border-color: #000000;
	padding: 0px;
	white-space: nowrap;
}
.scroll_table thead,tbody {
	display: block;
}
.scroll_table tbody {
	height: 550px;
	overflow-y: scroll;
}

/* スクロール領域 縦横 */
.scroll_area_xy {
	height: 590px;
	width: 1080px;
	overflow: scroll;
}