@charset "utf-8";

/* 汎用設定 */
/** タグのデフォルト値を使いやすいように変更 **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 14px;
	font-family: "メイリオ",Meiryo,"Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
}
div {
	position:relative;
	width:auto;
	height:auto;
}
/** 縦横のレイアウト指定 **/
/*** 基本 ***/
.m_auto {margin-left: auto;margin-right: auto;}
.m_right {margin-left: auto;margin-right: 0px;}
.txt_align_r {text-align: right!important;}
.txt_align_l {text-align: left!important;}
.txt_align_c {text-align: center!important;}
.v_align_t {vertical-align: top!important;}
.v_align_m {vertical-align: middle!important;}
.v_align_b {vertical-align: bottom!important;}
.v_align_bl {vertical-align: baseline!important;}
/*** 特殊：縦横の中央寄せ ***/
.v_center {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-align-items: center; /* safari用 */
	-webkit-justify-content: center; /* safari用 */
}
.v_center_h {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center; /* safari用 */
}
/*** インデント用（インデント幅ごとに用意） ***/
.items08 {
	padding-left:0.8em !important;
	text-indent:-0.8em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items08 li {
	line-height:1.2em;
}
.items09 {
	padding-left:0.9em !important;
	text-indent:-0.9em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items09 li {
	line-height:1.2em;
}
.items10 {
	padding-left:1.0em !important;
	text-indent:-1.0em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items10 li {
	line-height:1.2em;
}
.items13 {
	padding-left:1.3em !important;
	text-indent:-1.3em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items13 li {
	line-height:1.2em;
}
.items15 {
	padding-left:1.5em !important;
	text-indent:-1.5em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items15 li {
	line-height:1.2em;
}
.items20 {
	padding-left:2em !important;
	text-indent:-2em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items20 li {
	line-height:1.2em;
}
.items25 {
	padding-left:2.5em !important;
	text-indent:-2.5em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items25 li {
	line-height:1.2em;
}
.items30 {
	padding-left:3.0em !important;
	text-indent:-3.0em !important;
	list-style-type:none;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.items30 li {
	line-height:1.2em;
}



/* ページのベース設定 */
body {
	background-color: #eff0e8;
	overflow-y: auto;
}
#wrapper {
	width: 100%;
	background-color: #ffffff;
}
#page_back {
	min-width:250px;
	padding:5px;
	background-color: #f8f8ff;
}
#page_waku {
	border-radius: 10px / 10px;
	border: solid 1px #DCDCDC;
	background-color: #ffffff;
}


/* ページの内容表示する箇所 */
#main_area {
	padding-left:8px;
	padding-right:8px;
}


/* ヘッダー部分 */
/** ヘッダーの枠 **/
.header_back {
  width:100%;
  height;100%;
  border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  background-color: #EEEEEE;
  background-image: linear-gradient(transparent 0%,rgba(0,0,0,.1) 100%,transparent 30%,rgba(255,255,255,.3) 100%);
  box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset,0 2px 10px 0 rgba(255,255,255,.5) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
}
/** ヘッダー文字 **/
.header_text {
	padding:15px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #BBBBBB;
	color:#000000;
	letter-spacing: 1px;
}

/* フッター部分 */
/** フッターの枠 **/
.footer_back {
	width:100%;
	height;100%;
	border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
	border-top: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	padding:0px;

}
/** フッターの文字 **/
.footer_text {
	font-size: 11px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #BBBBBB;
	color:#000000;
	letter-spacing: 1px;
	line-height:1.2em;
	padding:8px;
}


/* タイトルの枠線等 */
/** 大項目用 **/
.title_01 {
	background: linear-gradient(#EEEEEE, #ffffff);
	box-shadow: 2px 2px 2px #EEEEEE;
	border-radius: 8px / 8px;
	margin-bottom: 10px;
	font-weight: bold;
	padding: 15px;
	color: #000000;
	border: solid 1px #CCCCCC;
}
.title_01 h1{
	font-size: 18px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #BBBBBB;
}

/** 中項目用 **/
.title_02 {
	box-shadow: 2px 2px 2px #DDDDDD;
	text-shadow: 2px 2px 2px #BBBBBB;
	border-top : solid 1px #EEEEEE;
	border-left: solid 5px #CCCCCC;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.title_02 h1 {
	height: 23px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	font-weight: bold;
	padding-top:12px;
	padding-left:12px;
	padding-bottom:5px;
}


/* 情報表示領域（上部） */
.info_top {
	font-size: 14px;
	line-height:1.2em;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1);
	padding:8px;
	padding-left:13px;
}

/* 情報表示領域（下部） */
.info_bottom {
	font-size: 14px;
	line-height:1.2em;
	text-shadow: 1px 1px 1px rgba(0,0,0,.1);
	padding:8px;
	padding-left:13px;
}

/* 罫線なしのtableタグ用（文章整形に使用） */
.table_none_line {
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
.table_none_line th {
	font-size: 15px;
	border: 0px;
	padding:0px;
	background-color: transparent;
}
.table_none_line td {
	font-size: 12px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,.1);
	border: 0px;
	padding-left:5px;
	padding-bottom:2px;
	background-color: transparent;
}

/* 項目名と入力内容（DB参照内容）を表示する画面（確認画面等）に使用 */
.show_table_01_waku {
	margin-right: 15px;
}
.show_table_01 {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 10px;
	margin-right: 50px;
	margin-bottom: 20px;
	padding:80px;
}
.show_table_01 th {
	width: 20%;
	min-width: 150px;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	line-height:1.2em;
	vertical-align: middle;
	white-space: nowrap;
	text-shadow: 2px 2px 2px #DDDDDD;
	padding:8px;
	color: #333333;
	border: solid 1px #DCDCDC;
	border-right:none;
	background-color: #EEEEEE;
}
.show_table_01 td {
	width: 80%;
	font-size: 15px;
	vertical-align: middle;
	word-break: break-all;
	line-height:1.3em;
	padding:8px;
	color: #333333;
	border: solid 1px #DCDCDC;
	background-color: #ffffff;
}

.show_table_02_waku {
	margin-right: 15px;
}
.show_table_02 {
	width: 100%;
	line-height:1.2em;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: 10px;
	margin-right: 50px;
	margin-bottom: 20px;
	padding:80px;
}
.show_table_02 td {
	width: 80%;
	font-size: 15px;
	vertical-align: middle;
	line-height:1.3em;
	word-break: break-all;
	padding:8px;
	border: solid 1px #DCDCDC;
	background-color: #ffffff;
}

.indentback {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: solid 0px #ffffff;
}
.indentback th {
	width: 0px;
	min-width: 0px;
	padding:0px;
	font-size: 15px;
	vertical-align:top;
	font-weight: bnormal;
	white-space: nowrap;
	line-height:1.3em;
	background-color: #ffffff;
	border: solid 0px #ffffff;
}
.indentback td {
	width: 100%;
	padding:0px;
	font-size: 15px;
	line-height:1.3em;
	background-color: #ffffff;
	border: solid 0px #ffffff;
}

/* 情報の作成日時表部分 */
.reg_time_msg {
	font-weight:bold;
	padding:3px;
	margin: 0px;
}



/* inputタグのベースの設定 */
.input_base {
	font-family: "メイリオ",Meiryo,"Meiryo UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	border: solid 1px #AAAAAA;
	border-radius: 5px;
	padding:4px;
	padding-left:8px;
	font-size:100%;
	line-height: 1.2em;
	height: 25px;
}

/* ボタン関連 */
/** ベースの設定 **/
.bt_base {
	border-radius: 5px;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	text-align: center;
	color:#000000;
	background-color: #f76300;
	background-image: -webkit-linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
	background-image:         linear-gradient(transparent 0%,rgba(255,255,255,.3) 50%,transparent 50%,rgba(0,0,0,.1) 100%);
	box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset,0 2px 10px 0 rgba(255,255,255,.5) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
	border: 1px solid rgba(0,0,0,.2);
	padding:0px;
}
/** マウスオーバーしたとき **/
.bt_base:hover {
	cursor: pointer;
	color:#777777;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}
/** 無効化のとき **/
.bt_base:disabled {
	background-color:#BBBBBB;
}

/** 「ログイン」ボタン用 **/
.bt_login {
	width: 150px!important;
	height: 40px!important;
	background-color: #DDDDDD;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

/** 「ログインアウト」ボタン用 **/
.bt_logout {
	width: 150px!important;
	height: 35px!important;
	white-space: nowrap;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	background-color: #DDDDDD;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

/** 「PDFファイル作成」ボタン用 **/
.bt_pdf {
	width: 150px!important;
	height: 35px!important;
	white-space: nowrap;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	background-color: #DDDDDD;
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

/* エラーメッセージ用 */
.error_text {
	color: red;
	font-weight: bold;
	padding: 0px;
}

.no_download {
	display:none;
  }