@charset "UTF-8";

@charset "UTF-8";


/*/////////////////////////////////////////////////////////
 * yui font (フォント調整)
///////////////////////////////////////////////////////// */

/* font size px <-> % ----------
	10px 	84%
	11px 	92%
	12px 	100%
	13px 	109%
	14px 	117%
	15px 	125%
	16px 	134%
	17px 	142%
	18px 	150%
	19px 	159%
	20px 	167%
	21px 	175%
	22px 	184%
	23px 	192%
	24px 	200%
	25px 	209%
	26px 	217%
------------------------------ */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 12px/1.22 Verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-size: small;
	*font: x-small;
}
* html body ,
*:first-child+html body {
	font: 12px/1.22 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
/**
 * Bump up IE to get to 13px equivalent
 */
code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 99%;
}
pre {
	font: 12px/1.22 Verdana, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	*font-size: small;
	*font: x-small;
	word-wrap: break-word; /* IE */
	white-space: pre-wrap; /* other */
	overflow: hidden;
}
* html pre ,
*:first-child+html pre {
	font: 12px/1.22 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
}


/* font size change set */
body.fontS {
	font-size: 10px;
}
body.fontM {
	font-size: 12px;
}
body.fontL {
	font-size: 15px;
}






h1 { font-size:16px; font-weight:bold; margin:10px 0 }

/* リンク */
:link, :visited {
	text-decoration: underline;
	color: gray;
	font-size:12px;
}
:link:hover, :visited:hover {
	color: orange;
}
div#logo { font-size: 20px; float:left; }
div#logout { text-align:right; line-height:2.5em }
div#menu { background:#245386; clear:left; margin: 0 0 5px 0 }
div#menu td { border-right:1px solid white; }
div#menu a { display:block; padding:5px 20px; }
div#menu :link, div#menu :visited { color:white; text-decoration:none }
div#menu :hover { color:white; text-decoration:underline; }
div#copyright { margin-top:10px; font-size:10px; color:gray }

/* フォーム部品 */
fieldset { border: 1px solid #d7d7d7; padding: 10px; margin: 5px 0 }
legend { padding: 0 .25em; color: #999; font-weight: bold }
input, textarea, select { margin: 1px; font-size: 12px }
input, select { vertical-align: middle }
input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }
input[type=text], input.textwidget { padding: .1em .1em }
input[type=text]:focus, input.textwidget:focus, textarea:focus { border: 1px solid #886; }
textarea { padding: .1em 0 .1em .3em; }

/* 一覧テーブル用 */
table.list {
	border: 1px solid #d7d7d7;
	width: 100%;
}
table.list th {
	text-align: left;
	padding: .33em .5em;
	font-size: 12px;
	color: #73733E;
}
table.list thead { background: #f7f7f0 }
table.list thead th {
	border: 1px solid #d7d7d7;
	border-bottom-color: #999;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
}
table.list tbody tr {
	border-top: 1px solid #ddd;
	background: #FCFCF8;
}
table.list tbody tr:hover { background: #EEFAFF !important }
table.list tbody tr.deleted { background: #F0F0F0 }
table.list tbody tr.deleted td { color: #808080 }
table.list tbody td, table.list tbody th {
	border: 1px solid #ddd;
	padding: .2em .3em;
	vertical-align: top;
}
table.list tbody td :link, table.list tbody td :visited { display: block }

/* 詳細情報表示用テーブル */
table.show {
	clear: both;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.show td, table.show th {
	border: 1px solid #ddd;
	padding: .25em .5em;
}
table.show th {
	color: #73733E;
	background: #f7f7f0;
}
table.show thead { background: #f7f7f0 }

/* 編集画面用テーブル */
table.edit {
	clear: both;
	border: 2px solid #73733E;
	border-collapse: collapse;
	border-spacing: 0;
}
table.edit td, table.edit th {
	border: 1px solid #ddd;
	padding: .25em .5em;
}
table.edit th {
	color: #73733E;
	background: #f7f7f0;
	text-align: left;
	vertical-align: top;
}
table.edit thead { background: #f7f7f0 }

/* エラーメッセージ */
.error {
	padding: 5px;
	background: #FFEEEE;
	border: 1px solid #E30000;
	color: #E30000;
	width: 500px;
	margin: 0 0 1em 0;
}
.error ul {
	font-size: 11px;
	margin: 0;
	padding: 0 20px;
}
.error-detail {
	font-size:10px; color:red;
}

/* ページャ */

/* その他 */
table.select-box {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
table.select-box td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

.message {
	font-size:10px;
	color:gray
}

.subtitle {
	font-size:14px;
	text-decoration:underline;
	font-weight:bold;
}

.link img {
	margin: 3px 0px -5px 0;
}

.report img {
	margin: 3px 3px -4px 0;
}

.reportTitle {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	padding-right:10px;
}

#preLoader {
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; top:0; left:0;
	background:#fff no-repeat center center;
	z-index:999;
}

#preLoader p {
	color:#ededed;
	font:72pt Arial,san-serif;
	font-weight:bold;
}

.contentsMsg {
	padding:5px 0px 5px 0px;
	font-size:12px;color:gray;
}

.info {
	padding-bottom:20px;
}

.title {
	font-size:20px;bold;padding-bottom:10px;
}

body {
	padding:5px 0px 0px 20px;
}

.icon_info img {
  vertical-align: middle;
  margin: 0 2px 0 0;
}

