/***************************************************************************************************
 初期化
****************************************************************************************************/
* {
	margin				: 0;
	padding				: 0;
	box-sizing			: border-box;
	font-family			: "Hiragino Kaku Gothic ProN","メイリオ",sans-serif;
/*
	font-family			: "Meiryo", Arial, Helvetica, sans-serif;
*/
	font-size			: 11pt;
	line-height			: 1.4;
	text-decoration		: none;
}

/* body */
body, html{
	height				: 100%;
}
body {
	width				: 100%;
	background			: #f5f5f5;
}

header, nav, article, aside, section, footer {
	display				: block;
}

/* 見出し
-------------------------------------------------------------------------------*/
h1 {
	font-size			: 130%;
}
h2 {
	font-size			: 120%;
}
h3 {
	font-size			: 110%;
}
h4 {
	font-size			: 100%;
}

/* テーブル
-------------------------------------------------------------------------------*/
table {
	table-layout		: fixed;
	border-collapse		: collapse;
	border-style		: none;
	border-width		: 0;
	border				: none;
	padding				: 0;
	margin				: 0 auto;
}
th, td {
/*
	font-weight			: normal;
*/
	text-align			: center;
	vertical-align		: middle;
	padding				: 2px 5px;
	margin				: 0;
	background			: #fff;
	border				: 1px solid #999;
}
th {
	font-weight			: normal;
	background			: #add8e6;
}
td {
}
.td_obi {
	letter-spacing		: 0.5em;
	color				: white;
	background			: #333366 !important;
}
.tr_siwake_sum {
	color				: white;
	background			: #333366 !important;
}
.td_align_left {
	text-align			: left;
	padding-left		: 5px !important;
}
.td_align_right {
	text-align			: right;
	padding-right		: 5px !important;
}
/* テーブル(一覧用 1件1行) */
table.tbl_list_com_row1 {
}
table.tbl_list_com_row1 tr:nth-child(2n+1) {
	background			: #fdf5e6;
}
table.tbl_list_com_row1 tr:nth-child(2n) {
	background			: white;
}
table.tbl_list_com_row1 td {
	background			: transparent;
}

/* テーブル(一覧用 1件2行) */
table.tbl_list_com_row2 {
}
table.tbl_list_com_row2 tr:nth-child(4n+2),
table.tbl_list_com_row2 tr:nth-child(4n+1) {
	background			: #fdf5e6;
}
table.tbl_list_com_row2 tr:nth-child(4n),
table.tbl_list_com_row2 tr:nth-child(4n+3) {
	background			: white;
}
table.tbl_list_com_row2 td {
	background			: transparent;
}

/* テーブル(一覧用 1件3行) */
table.tbl_list_com_row3 {
}
table.tbl_list_com_row3 tr:nth-child(6n+3),
table.tbl_list_com_row3 tr:nth-child(6n+2),
table.tbl_list_com_row3 tr:nth-child(6n+1) {
	background			: #fdf5e6;
}
table.tbl_list_com_row3 tr:nth-child(6n),
table.tbl_list_com_row3 tr:nth-child(6n+5),
table.tbl_list_com_row3 tr:nth-child(6n+4) {
	background			: white;
}
table.tbl_list_com_row3 td {
	background			: transparent;
}

/* テーブル(一覧用 1件4行) */
table.tbl_list_com_row4 {
}
table.tbl_list_com_row4 tr:nth-child(8n+4),
table.tbl_list_com_row4 tr:nth-child(8n+3),
table.tbl_list_com_row4 tr:nth-child(8n+2),
table.tbl_list_com_row4 tr:nth-child(8n+1) {
	background			: #fdf5e6;
}
table.tbl_list_com_row4 tr:nth-child(8n),
table.tbl_list_com_row4 tr:nth-child(8n+7),
table.tbl_list_com_row4 tr:nth-child(8n+6),
table.tbl_list_com_row4 tr:nth-child(8n+5) {
	background			: white;
}
table.tbl_list_com_row4 td {
	background			: transparent;
}

/* テーブル(一覧用 1件5行) */
table.tbl_list_com_row5 {
}
table.tbl_list_com_row5 tr:nth-child(10n+5),
table.tbl_list_com_row5 tr:nth-child(10n+4),
table.tbl_list_com_row5 tr:nth-child(10n+3),
table.tbl_list_com_row5 tr:nth-child(10n+2),
table.tbl_list_com_row5 tr:nth-child(10n+1) {
	background			: #fdf5e6;
}
table.tbl_list_com_row5 tr:nth-child(10n),
table.tbl_list_com_row5 tr:nth-child(10n+9),
table.tbl_list_com_row5 tr:nth-child(10n+8),
table.tbl_list_com_row5 tr:nth-child(10n+7),
table.tbl_list_com_row5 tr:nth-child(10n+6) {
	background			: white;
}
table.tbl_list_com_row5 td {
	background			: transparent;
}

/* ラベル
-------------------------------------------------------------------------------*/
label {
	margin				: 0 5px;
}

/* input
-------------------------------------------------------------------------------*/
input[type=text] {
	padding				: 1px;
}
.ime_disable { ime-mode: disabled; }
.ime_active  { ime-mode: active; }
.readonly {
	background			: transparent;
	border				: none;
}

input[type=checkbox],
input[type=radio] {
	width				: 24px;
	height				: 24px;
	vertical-align		: middle;
}
input.readonly {
	background			: #dcdcdc;
	border				: 1px solid #999;
}

select {
	padding				: 1px;
}

textarea {
	width				: 100%;
}

/* ボタン
-------------------------------------------------------------------------------*/
input[type=submit],
input[type=button] {
	font-size			: 100%;
	min-width			: 7em;
	height				: auto;
	letter-spacing		: 0.1em;
	color				: #ffffff;
	background			: #6666ff;
	padding				: 8px 15px;
	margin				: 0;
	border				: 1px solid #ccc;
	border-radius		: 7px 7px 7px 7px;
}
input[type=submit]:hover,
input[type=button]:hover {
	cursor				: pointer;
	opacity				: 0.6;
	transition			: 0.3s;
}
.button_this_page {
	background			: #ff0000 !important;
	color				: #ffffff !important;
}
.button_insert {
	background			: #6666ff !important;
}
.button_update {
	background			: #339933 !important;
}
.button_delete {
	background			: #ff6666 !important;
}
.button_jump_to_page {
	background			: #ff9933 !important;
}
.button_print {
	background			: #9933cc !important;
}
.button_search {
	background			: #66cc33 !important;
}
.button_quote {
	background			: #a52a2a !important;
}
.button_execute {
	background			: #339933 !important;
}
.button_clear {
	background			: #cccc99 !important;
}
.button_next {
	background			: #008080 !important;
}
.button_return {
	background			: #a9a9a9 !important;
}
.button_send {
	background			: #008080 !important;
}

.button_disable {
	background			: #cccccc !important;
}
.button_disable:hover {
	cursor				: default !important;
	opacity				: 1 !important;
}

/* トグルボタン
-------------------------------------------------------------------------------*/
.toggle_button {
	margin				: 0 5px 0 0;
}
.toggle_button:hover {
	cursor				: pointer;
	opacity				: 0.5;
	transition			: 0.4s;
}
.toggle_button input[type=radio] {
	position			: absolute;
	opacity				: 0;
	filter				: alpha(opacity=0);
	outline				: none;
}
.toggle_button .label {
	display				: inline-block;
	min-width			: 2em;
	text-align			: center;
	padding				: 7px 15px;
	background			: #ccc;
	border				: #999;
	border-radius		: 5px;
	margin-bottom		: 5px;
}
.toggle_button .checked + .label {
	background			: magenta;
	color				: #fff;
}

/* リンクボタン
-------------------------------------------------------------------------------*/
.link_button {
	text-align			: center;
	background			: #bfff80;
}
.link_button a {
	display				: block;
	padding				: 8px 5px;
}

/* リンク
-------------------------------------------------------------------------------*/
a, a:link, a:visited {
	color				: blue;
}
a:hover, a:active {
	color				: red;
	cursor				: pointer;
}

/* float リセット
-------------------------------------------------------------------------------*/
.clear-both {
	clear: both;
}

/* 配置
-------------------------------------------------------------------------------*/
.align_center {
	text-align			: center;
}
.align_left {
	text-align			: left;
}
.align_right {
	text-align			: right;
}

/* 文字色
-------------------------------------------------------------------------------*/
.attention {
	color				: darkorange;
	font-weight			: bold;
}
.caution {
	color				: red;
}
.note {
	font-size			: 90%;
	color				: #999;
}
.color_readonly {
	background			: #ccc;
}
.font_bold {
	font-weight			: bold;
}
.color_total {
	background			: #faebd7;
}

/* 文字サイズ
-------------------------------------------------------------------------------*/
.font_size_small {
	font-size			: 80%;
}

/* 長さ
-------------------------------------------------------------------------------*/
.len_50 {
	width				: 50px;
}
.len_60 {
	width				: 60px;
}
.len_70 {
	width				: 70px;
}
.len_80 {
	width				: 80px;
}
.len_90 {
	width				: 90px;
}
.len_100 {
	width				: 100px;
}
.len_120 {
	width				: 120px;
}
.len_150 {
	width				: 150px;
}
.len_200 {
	width				: 200px;
}
.len_250 {
	width				: 250px;
}
.len_300 {
	width				: 300px;
}
.len_320 {
	width				: 320px;
}
.len_330 {
	width				: 330px;
}
.len_340 {
	width				: 340px;
}
.len_350 {
	width				: 350px;
}
.len_360 {
	width				: 360px;
}
.len_400 {
	width				: 400px;
}
.len_450 {
	width				: 450px;
}
.len_500 {
	width				: 500px;
}