/***************************************************************************************************
 初期化
****************************************************************************************************/
* {
	text-decoration		: none;
	margin				: 0;
	padding				: 0;
	box-sizing			: border-box;
}

html, body {
	height				: 100%;
	font-family			: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック体", "YuGothic", "Roboto Slab" ,"Times New Roman", sans-serif;
	font-size			: 13pt;
	line-height			: 1.5;
	color				: #333332;
}
@media screen and (max-width:499px){
	html, body {
		font-size			: 12pt;
	}
}

body {
	width				: 100%;
	background			: #f5f5f5;
}
html {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	overflow-y			: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust	: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
	border				: 0;
	font-family			: inherit;
	font-size			: 100%;
	font-style			: inherit;
/*
	font-weight			: inherit;
*/
	margin				: 0;
	padding				: 0;
	outline				: 0;
	vertical-align		: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display				: block;
}
*,
*:before,
*:after {
	-webkit-box-sizing	: inherit;
	-moz-box-sizing		: inherit;
	box-sizing			: inherit;
}

/* 見出し
-------------------------------------------------------------------------------*/
h1 {
	font-size			: 130%;
}
h2 {
	font-size			: 115%;
	color				: #ff6347;
	text-align			: left;
}
h3 {
	font-size			: 110%;
}
h4 {
	font-size			: 105%;
}

/* p
-------------------------------------------------------------------------------*/
p {
	text-align			: left;
}

/* img
-------------------------------------------------------------------------------*/
img {
	display				: block;
}

/* 区切り線
-------------------------------------------------------------------------------*/
hr {
	border				: none;
	border-top			: 1px solid #aaa;
	margin				: 15px 0;
}

/* リスト
-------------------------------------------------------------------------------*/
ol,
ul {
	list-style			: none;
}
li {
	text-align			: left;
}
.list_style_decimal {
	list-style-type		: decimal;
	margin-top			: 15px;
}
.list_style_decimal > li {
	padding-left		: 0.5em;
	margin-left			: 1.5em;
}

.list_style_disc {
	list-style-type		: disc;
}
.list_style_disc > li {
	padding-left		: 0;
	margin-left			: 1.6em;
}

/* 定義リスト
-------------------------------------------------------------------------------*/
dl {
}
dt {
	font-weight			: bold;
	margin-bottom		: 10px;
}
dt:before {
	content				: "■";
	margin-right		:5px;
}
dd {
	padding-left		: 1em;
	margin-bottom		: 15px;
}

dl.dl_tablelist,
dl.dl_tablelist_2 {
}
dl.dl_tablelist dt,
dl.dl_tablelist_2 dt {
	color				: inherit;
	font-weight			: normal;
	padding				: 0;
	margin				: 0;
	margin-bottom		: 5px;
	clear				: both;
	float				: left;
}
dl.dl_tablelist dt:before,
dl.dl_tablelist_2 dt:before {
	display				: none;
}
dl.dl_tablelist dd,
dl.dl_tablelist_2 dd {
	padding				: 0;
	margin				: 0;
	margin-bottom		: 5px;
	float				: left;
}
dl.dl_tablelist_2 dd:before {
	content				: "： ";
}

/* テーブル
-------------------------------------------------------------------------------*/
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			: #e6e6fa;
}
td {
}
.td_foot {
	padding				: 5px;
}
.td_obi {
	text-align			: left;
	letter-spacing		: 0.5em;
	color				: white;
	background			: #008080 !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;
}

table tr.not_publish {
	background			: #bbb !important;
}


/* ラベル
-------------------------------------------------------------------------------*/
label {
	font-size			: 105%;
	margin				: 0 5px 0 3px;
}

/* input
-------------------------------------------------------------------------------*/
select {
	font-family			: inherit;
	font-style			: inherit;
	font-weight			: inherit;
	font-size			: 100%;
}

input[type=checkbox],
input[type=radio] {
	width				: 18px;
	height				: 18px;
	vertical-align		: middle;
	margin-right		: 5px;
}

textarea {
	width				: 100%;
	font-family			: inherit;
	font-style			: inherit;
	font-weight			: inherit;
	font-size			: 100%;
}

input[type=text],
input[type=password] {
	font-family			: inherit;
	font-style			: inherit;
	font-weight			: inherit;
	font-size			: 100%;
}
.ime_disable { ime-mode: disabled; }
.ime_active  { ime-mode: active; }
.readonly {
	background			: transparent;
	border				: none;
}
/*
input.readonly {
	background			: #dcdcdc;
	border				: 1px solid #999;
}
*/

/* ボタン
-------------------------------------------------------------------------------*/
input[type=submit],
input[type=button] {
	font-size			: 100%;
	min-width			: 7em;
	height				: auto;
	line-height			: 1;
	letter-spacing		: 0.1em;
	color				: #ffffff !important;
	background			: #6666ff;
	padding				: 8px 15px;
	margin				: 0;
	border				: none;
	border-width		: 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			: #ff4500 !important;
	color				: #ffffff !important;
}
.button_insert {
	background			: #6666ff !important;
}
.button_update {
	background			: #339933 !important;
}
.button_delete {
	background			: #ff6666 !important;
}
.button_save {
	background			: #6666ff !important;
}
.button_jump_to_page {
	background			: #ff9933 !important;
}
.button_print, .button_print_action, .button_print_single, .button_list_with_photo {
	background			: #9933cc !important;
}
.button_search {
	background			: #808000 !important;
}
.button_quote {
	background			: #bc8f8f !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,
.toggle_checkbox {
	margin				: 0 5px 0 0;
}
.toggle_button:hover,
.toggle_checkbox:hover {
	cursor				: pointer;
	opacity				: 0.7;
	transition			: 0.4s;
}
.toggle_button input[type=radio],
.toggle_checkbox input[type=checkbox] {
	position			: absolute;
	opacity				: 0;
	filter				: alpha(opacity=0);
	outline				: none;
}
.toggle_button .label,
.toggle_checkbox .label {
	display				: inline-block;
	min-width			: 2em;
	line-height			: 2;
	text-align			: center;
	color				: #fff;
	background			: #aaa;
	border				: none;
	border-radius		: 5px;
	padding				: 0 10px;
	margin				: 2px 0 2px 0;
	cursor				: pointer
}
.toggle_button input[type=radio]:checked + .label,
.toggle_checkbox input[type=checkbox]:checked + .label {
	color				: #fff;
	background			: #1e90ff;
}

@media screen and (max-width:899px){
	.toggle_button .label,
	.toggle_checkbox .label {
		border-radius		: 3px;
		padding				: 3px 5px;
		margin				: 2px 0;
	}
}

/* リンクボタン
-------------------------------------------------------------------------------*/
.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;
}

/* 改行用
-------------------------------------------------------------------------------*/
.line_wrap {
	display				: block;
	margin-top			: 3px;
}

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

/* 文字色
-------------------------------------------------------------------------------*/
.attention {
	color				: #ff6347;
	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_large {
	font-size			: 110% !important;
}
.font_size_ex_large {
	font-size			: 120% !important;
}
.font_size_small {
	font-size			: 90% !important;
}
.font_size_very_small {
	font-size			: 80% !important;
}

/* 長さ
-------------------------------------------------------------------------------*/
.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_110 {
	width				: 110px;
}
.len_120 {
	width				: 120px;
}
.len_130 {
	width				: 130px;
}
.len_140 {
	width				: 140px;
}
.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;
}
.len_100per {
	width				: 100%;
}