@charset "utf-8";

/* @group initialize */

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
 /*JSI ADD*/
	font-size: 12px;
	line-height: 1.6em;
}

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: bold;
}

ul,ol {
	list-style: none;
}

fieldset,img {
	border: none;
}

img, object, embed {
	vertical-align: bottom;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: none;
}

/* @end */

/* @group hacks */

.iepngfix {
	behavior: url(/common/css/iepngfix.htc);
}

/* clearfix for IE 5.5-7*/

.clearfix {
	zoom: 1;
}

/* clearfix 新しいブラウザ用 */

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* clearfix IE用 */

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1px;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/* @end */

/* @group common parts */

/* @group clear */

br.clear-both, div.clear-both, br.clear-left, div.clear-left {
	font: 1px/1px monospace;
	display: block;
}

.clear-both {
	clear: both;
}

.clear-left {
	clear: left;
}

/* @end */

/* @group width */

.fullwidth {
	width: 100%;
}

.w1em {
	width: 1em !important;
}

.w2em {
	width: 2em !important;
}

.w3em {
	width: 3em !important;
}

.w4em {
	width: 4em !important;
}

.w5em {
	width: 5em !important;
}

.w10 {
	width: 10px !important;
}

.w20 {
	width: 20px !important;
}

.w30 {
	width: 30px !important;
}

.w40 {
	width: 40px !important;
}

.w50 {
	width: 50px !important;
}

.w60 {
	width: 60px !important;
}

.w70 {
	width: 70px !important;
}

.w80 {
	width: 80px !important;
}

.w90 {
	width: 90px !important;
}

.w100 {
	width: 100px !important;
}

.w110 {
	width: 110px !important;
}

.w120 {
	width: 120px !important;
}

.w130 {
	width: 130px !important;
}

.w140 {
	width: 140px !important;
}

.w150 {
	width: 150px !important;
}

.w160 {
	width: 160px !important;
}

.w170 {
	width: 170px !important;
}

.w180 {
	width: 180px !important;
}

.w190 {
	width: 190px !important;
}

.w200 {
	width: 200px !important;
}

.w210 {
	width: 210px !important;
}

.w220 {
	width: 220px !important;
}

.w230 {
	width: 230px !important;
}

.w240 {
	width: 240px !important;
}

.w250 {
	width: 250px !important;
}

.w260 {
	width: 260px !important;
}

.w270 {
	width: 270px !important;
}

.w280 {
	width: 280px !important;
}

.w290 {
	width: 290px !important;
}

.w300 {
	width: 300px !important;
}

.w310 {
	width: 310px !important;
}

.w320 {
	width: 320px !important;
}

.w330 {
	width: 330px !important;
}

.w340 {
	width: 340px !important;
}

.w350 {
	width: 350px !important;
}

.w360 {
	width: 360px !important;
}

.w370 {
	width: 370px !important;
}

.w380 {
	width: 380px !important;
}

.w390 {
	width: 390px !important;
}

.w400 {
	width: 400px !important;
}

.w410 {
	width: 410px !important;
}

.w420 {
	width: 420px !important;
}

.w430 {
	width: 430px !important;
}

.w440 {
	width: 440px !important;
}

.w450 {
	width: 450px !important;
}

.w460 {
	width: 460px !important;
}

.w470 {
	width: 470px !important;
}

.w480 {
	width: 480px !important;
}

.w490 {
	width: 490px !important;
}

.w500 {
	width: 500px !important;
}

.w510 {
	width: 510px !important;
}

.w520 {
	width: 520px !important;
}

.w530 {
	width: 530px !important;
}

.w540 {
	width: 540px !important;
}

.w550 {
	width: 550px !important;
}

.w560 {
	width: 560px !important;
}

.w570 {
	width: 550px !important;
}

.w580 {
	width: 550px !important;
}

.w590 {
	width: 550px !important;
}

.w600 {
	width: 600px !important;
}

.w650 {
	width: 650px !important;
}

.w700 {
	width: 700px !important;
}

.w750 {
	width: 750px !important;
}

.w800 {
	width: 800px !important;
}

.w850 {
	width: 850px !important;
}

.w900 {
	width: 900px !important;
}

.w950 {
	width: 950px;
}

.w1000 {
	width: 1000px;
}

/* @end */

/* @group margin */

.m0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.m05 {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.m1 {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

.m15 {
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.m2 {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.m25 {
	margin-top: 2.5em !important;
	margin-bottom: 2.5em !important;
}

.m3 {
	margin-top: 3em !important;
	margin-bottom: 3em !important;
}

.m35 {
	margin-top: 3.5em !important;
	margin-bottom: 3.5em !important;
}

.m4 {
	margin-top: 4em !important;
	margin-bottom: 4em !important;
}

.m45 {
	margin-top: 4.5em !important;
	margin-bottom: 4.5em !important;
}

.m5 {
	margin-top: 5em !important;
	margin-bottom: 5em !important;
}

.mT0 {
	margin-top: 0 !important;
}

.mT05 {
	margin-top: 0.5em !important;
}

.mT1 {
	margin-top: 1em !important;
}

.mT15 {
	margin-top: 1.5em !important;
}

.mT2 {
	margin-top: 2em !important;
}

.mT25 {
	margin-top: 2.5em !important;
}

.mT3 {
	margin-top: 3em !important;
}

.mT35 {
	margin-top: 3.5em !important;
}

.mT4 {
	margin-top: 4em !important;
}

.mT45 {
	margin-top: 4.5em !important;
}

.mT5 {
	margin-top: 5em !important;
}

.mB0 {
	margin-bottom: 0 !important;
}

.mB05 {
	margin-bottom: 0.5em !important;
}

.mB1 {
	margin-bottom: 1em !important;
}

.mB15 {
	margin-bottom: 1.5em !important;
}

.mB2 {
	margin-bottom: 2em !important;
}

.mB25 {
	margin-bottom: 2.5em !important;
}

.mB3 {
	margin-bottom: 3em !important;
}

.mB35 {
	margin-bottom: 3.5em !important;
}

.mB4 {
	margin-bottom: 4em !important;
}

.mB45 {
	margin-bottom: 4.5em !important;
}

.mB5 {
	margin-bottom: 5em !important;
}

/* @end */

/* @group ul */

ul.disc li {
	list-style: disc;
	margin-left: 1.5em;
}

/* @end */

/* @group ol */

ol.decimal li {
	list-style: decimal;
	margin-left: 1.5em;
}

/* @end */

/* @group form */

input, select, textarea {
	font-family:Arial,Helvetica,sans-serif;
/*	font-size: 11px;*/
}
/*JSIで作成したCSSで記述するため削除
input.text {
	height: 19px;
	padding: 0 2px;
	border: 1px solid #abc;
	line-height: 20px;
}
*/
/*JSIで作成したJSPで記述するため削除
input.text:focus {
	background: #ffc;
}
*/
input.file {
	border: 1px solid #abc;
	/*
	height: 23px;
	padding: 0 2px;
	border: 1px solid #abc;
	line-height: 24px;
	*/
}
input.fullwidth {
	width: 95%;
}

textarea {
	width: 100%;
	height: 10em;
	border: 1px solid #abc;
}

input[type=text],input[type=password], select, textarea {
 outline: none;
}

/*JSIで作成したJSPで記述するため削除
input.warning {
	background: #facd89 !important;
}
*/
/*
input.alert {
	background: #f29c9f !important;
}
:?


/* @end */

/* @group text */

.serif {
	font-family: 'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-weight: normal;
}

.mono {
	font-family: monospace;
}

.bold {
	font-weight: bold;
}

.noBold {
	font-weight: normal;
}

.gray {
	color: #999;
}

.condensed {
	letter-spacing: -0.08em;
}

.alignLeft {
	text-align: left !important;
}

.alignRight {
	text-align: right !important;
}

.alignCenter {
	text-align: center !important;
}

/* @end */

/* @group Anchor */

a:link {
	color: #07b;
	text-decoration: underline;
}

a:visited {
	color: #07b;
	text-decoration: underline;
}

a:hover {
	color: #f00;
	text-decoration: none;
}

a:active {
	color: #f00;
	text-decoration: none;
}

a.noUl:link, a.noUl:visited, a.noUl:hover, a.noUl:active {
	text-decoration: none;
}

/* @end */

/* @group others */

strong {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

em {
	color: #093;
	text-decoration: none;
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

.boxTop {
	font-size: 1px;
	line-height: 1px;
}

.boxBtm {
	font-size: 1px;
	line-height: 1px;
}

.hide {
	display: none;
}

/* @end */

/* @group アイコン */

/* @group インライン要素用 */

span.iconArrowRight,
a.iconArrowRight,
em.iconArrowRight,
strong.iconArrowRight {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_right.gif) no-repeat left center !important;
}

span.iconArrowLeft,
a.iconArrowLeft,
em.iconArrowLeft,
strong.iconArrowLeft {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_left.gif) no-repeat left center !important;
}

span.iconArrowUp,
a.iconArrowUp,
em.iconArrowUp,
strong.iconArrowUp {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_up.gif) no-repeat left center !important;
}

span.iconArrowDown,
a.iconArrowDown,
em.iconArrowDown,
strong.iconArrowDown {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_down.gif) no-repeat left center !important;
}

span.iconArrowRightGray,
a.iconArrowRightGray,
em.iconArrowRightGray,
strong.iconArrowRightGray {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_right_gray.gif) no-repeat left center !important;
}

span.iconArrowLeftGray,
a.iconArrowLeftGray,
em.iconArrowLeftGray,
strong.iconArrowLeftGray {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_left_gray.gif) no-repeat left center !important;
}

span.iconArrowUpGray,
a.iconArrowUpGray,
em.iconArrowUpGray,
strong.iconArrowUpGray {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_up_gray.gif) no-repeat left center !important;
}

span.iconArrowDownGray,
a.iconArrowDownGray,
em.iconArrowDownGray,
strong.iconArrowDownGray {
	padding-left: 20px !important;
	background: url(../images/icon_arrow_down_gray.gif) no-repeat left center !important;
}

span.iconWarning,
a.iconWarning,
em.iconWarning,
strong.iconWarning {
	padding-left: 20px !important;
	background: url(../images/icon_warning.gif) no-repeat left center !important;
}

span.iconAlert,
a.iconAlert,
em.iconAlert,
strong.iconAlert {
	padding-left: 20px !important;
	background: url(../images/icon_alert.gif) no-repeat left center !important;
}

span.iconError,
a.iconError,
em.iconError,
strong.iconError {
	padding-left: 20px !important;
	background: url(../images/icon_error.gif) no-repeat left center !important;
}

span.iconOk,
a.iconOk,
em.iconOk,
strong.iconOk {
	padding-left: 20px !important;
	background: url(../images/icon_ok.gif) no-repeat left center !important;
}

span.iconInfo,
a.iconInfo,
em.iconInfo,
strong.iconInfo {
	padding-left: 20px !important;
	background: url(../images/icon_info.gif) no-repeat left center !important;
}

span.iconHelp,
a.iconHelp,
em.iconHelp,
strong.iconHelp {
	padding-left: 20px !important;
	background: url(../images/icon_help.gif) no-repeat left center !important;
}

span.iconComment,
a.iconComment,
em.iconComment,
strong.iconComment {
	padding-left: 20px !important;
	background: url(../images/icon_comment.gif) no-repeat left center !important;
}

span.iconAccount,
a.iconAccount,
em.iconAccount,
strong.iconAccount {
	padding: 0.3em 0 0 18px;
	background: url(../images/icon_account.gif) no-repeat left center !important;
}

span.iconLogout,
a.iconLogout,
em.iconLogout,
strong.iconLogout {
	padding-left: 20px !important;
	background: url(../images/icon_logout.gif) no-repeat left center !important;
}

span.iconHome,
a.iconHome,
em.iconHome,
strong.iconHome {
	padding-left: 20px !important;
	background: url(../images/icon_home.gif) no-repeat left center !important;
}

span.iconSearch,
a.iconSearch,
em.iconSearch,
strong.iconSearch {
	padding-left: 20px !important;
	background: url(../images/icon_search.gif) no-repeat left center !important;
}

span.iconEdit,
a.iconEdit,
em.iconEdit,
strong.iconEdit {
	padding-left: 20px !important;
	background: url(../images/icon_edit.gif) no-repeat left center !important;
}

span.iconEditGray,
a.iconEditGray,
em.iconEditGray,
strong.iconEditGray {
	padding-left: 20px !important;
	background: url(../images/icon_edit_gray.gif) no-repeat left center !important;
}

span.iconRemove,
a.iconRemove,
em.iconRemove,
strong.iconRemove {
	padding-left: 20px !important;
	background: url(../images/icon_remove.gif) no-repeat left center !important;
}

span.iconRemoveGray,
a.iconRemoveGray,
em.iconRemoveGray,
strong.iconRemoveGray {
	padding-left: 20px !important;
	background: url(../images/icon_remove_gray.gif) no-repeat left center !important;
	border: none;
}

span.iconAdd,
a.iconAdd,
em.iconAdd,
strong.iconAdd {
	padding-left: 20px !important;
	background: url(../images/icon_add.gif) no-repeat left center !important;
}

span.iconPrev1,
a.iconPrev1,
em.iconPrev1,
strong.iconPrev1 {
	padding-left: 10px !important;
	background: url(../images/icon_prev1.gif) no-repeat left center !important;
}

span.iconPrev2,
a.iconPrev2,
em.iconPrev2,
strong.iconPrev2 {
	padding-left: 15px !important;
	background: url(../images/icon_prev2.gif) no-repeat left center !important;
}

span.iconNext1,
a.iconNext1,
em.iconNext1,
strong.iconNext1 {
	padding-right: 10px !important;
	background: url(../images/icon_next1.gif) no-repeat right center !important;
}

span.iconNext2,
a.iconNext2,
em.iconNext2,
strong.iconNext2 {
	padding-right: 15px !important;
	background: url(../images/icon_next2.gif) no-repeat right center !important;
}



/* @end */

/* @group ブロック要素用 */

.iconArrowRight {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_right.gif) no-repeat left 3px !important;
}

.iconArrowLeft {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_left.gif) no-repeat left 3px !important;
}

.iconArrowUp {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_up.gif) no-repeat left 3px !important;
}

.iconArrowDown {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_down.gif) no-repeat left 3px !important;
}

.iconArrowRightGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_right_gray.gif) no-repeat left 3px !important;
}

.iconArrowLeftGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_left_gray.gif) no-repeat left 3px !important;
}

.iconArrowUpGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_up_gray.gif) no-repeat left 3px !important;
}

.iconArrowDownGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_arrow_down_gray.gif) no-repeat left 3px !important;
}

.iconWarning {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_warning.gif) no-repeat left 3px !important;
}

.iconAlert {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_alert.gif) no-repeat left 3px !important;
}

.iconError {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_error.gif) no-repeat left 3px !important;
}

.iconOk {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_ok.gif) no-repeat left 3px !important;
}

.iconInfo {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_info.gif) no-repeat left 3px !important;
}

.iconHelp {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_help.gif) no-repeat left 3px !important;
}

.iconComment {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_comment.gif) no-repeat left 3px !important;
}

.iconAccount {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_account.gif) no-repeat left 3px !important;
}

.iconLogout {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_logout.gif) no-repeat left 3px !important;
}

.iconHome {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_home.gif) no-repeat left 3px !important;
}

.iconSearch {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_search.gif) no-repeat left 3px !important;
}

.iconEdit {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_edit.gif) no-repeat left 3px !important;
}

.iconEditGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_edit_gray.gif) no-repeat left 3px !important;
}

.iconRemove {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_remove.gif) no-repeat left 3px !important;
}

.iconRemoveGray {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_remove_gray.gif) no-repeat left 3px !important;
	border: none;
}

.iconAdd {
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/icon_add.gif) no-repeat left 3px !important;
}

.iconPrev1 {
	padding-left: 10px !important;
	background: url(../images/icon_prev1.gif) no-repeat left 3px !important;
}

.iconPrev2 {
	padding-left: 15px !important;
	background: url(../images/icon_prev2.gif) no-repeat left 3px !important;
}

.iconNext1 {
	padding-right: 10px !important;
	background: url(../images/icon_next1.gif) no-repeat right 3px !important;
}

.iconNext2 {
	padding-right: 15px !important;
	background: url(../images/icon_next2.gif) no-repeat right 3px !important;
}




/* @end */

/* @end */

/* @group 見出し */

.common #main h2 {
	padding: 1em 0 1em;
	font-size: 1.6em;
	color: #042;
}

.common #main h3 {
	padding: 1em 0 0.2em;
	font-size: 1.3em;
	color: #093;
}

.common #main h3 span {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}


/* @end */

/* @group 基本ボタン */

a.btnM, a.btnS {
	display: block;
}

a.btnM:link, a.btnM:visited,
a.btnS:link, a.btnS:visited {
	text-decoration: none;
}

.btnL, .btnL:link, .btnL:visited, .btnL:hover,
.btnM, .btnM:link, .btnM:visited, .btnM:hover,
.btnS, .btnS:link, .btnS:visited, .btnS:hover {
	background: url(../images/btns.gif) no-repeat;
	border: none;
	text-align: center;
	color: #fff;
	text-shadow: #666 0 -1px;
	cursor : pointer;
}

.btnL {
	height: 40px;
	font-size: 15px;
	line-height: 40px;
	font-weight: bold;
}

.btnM {
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}

.btnS {
	height: 20px;
	font-size: 11px;
	line-height: 20px;
}

a.btnS {
	line-height: 21px; /* 位置の調整 */
}

/* @group サイズの定義 */

.btnGreenL1 {
	width: 154px;
}

.btnGreenM1, .btnGrayM1 {
	width: 60px;
}

.btnGreenM2, .btnGrayM2 {
	width: 80px;
}

.btnGreenM3, .btnGrayM3 {
	width: 95px;
}

.btnGreenM4, .btnGrayM4 {
	width: 110px;
}

.btnGreenM5, .btnGrayM5 {
	width: 130px;
}

.btnGreenM6, .btnGrayM6 {
	width: 150px;
}

.btnGreenM7, .btnGrayM7 {
	width: 175px;
}

.btnGreenM8, .btnGrayM8 {
	width: 200px;
}

.btnBlueS1, .btnGrayS1 {
	width: 40px;
}

.btnBlueS2, .btnGrayS2 {
	width: 50px;
}

.btnBlueS3, .btnGrayS3 {
	width: 60px;
}

.btnBlueS4, .btnGrayS4 {
	width: 75px;
}

.btnBlueS5, .btnGrayS5 {
	width: 90px;
}

.btnBlueS6, .btnGrayS6 {
	width: 110px;
}

.btnBlueS7, .btnGrayS7 {
	width: 130px;
}

.btnBlueS8, .btnGrayS8 {
	width: 150px;
}

/* @end */

/* IE11対応 */
.btnL[disabled], .btnL:link[disabled], .btnL:visited[disabled], .btnL:hover[disabled],
.btnM[disabled], .btnM:link[disabled], .btnM:visited[disabled], .btnM:hover[disabled],
.btnS[disabled], .btnS:link[disabled], .btnS:visited[disabled], .btnS:hover[disabled]{
	color:#696969;
	cursor : default;
}

/* @group 背景の定義 */

.btnGreenL1,
.btnGreenL1:link,
.btnGreenL1:visited {
	background-position: -1000px -300px;
}

.btnGreenL1:hover {
	background-position: -1000px -340px;
}

.btnGreenL1:active {
	background-position: -1000px -380px;
}

.btnGreenM1,
.btnGreenM1:link,
.btnGreenM1:visited {
	background-position: 0px 0px;
}

.btnGreenM1:hover {
	background-position: 0px -30px;
}

.btnGreenM1:active {
	background-position: 0px -60px;
}

.btnGreenM2,
.btnGreenM2:link,
.btnGreenM2:visited {
	background-position: -200px 0px;
}

.btnGreenM2:hover {
	background-position: -200px -30px;
}

.btnGreenM2:active {
	background-position: -200px -60px;
}

.btnGreenM3,
.btnGreenM3:link,
.btnGreenM3:visited {
	background-position: -400px 0px;
}

.btnGreenM3:hover {
	background-position: -400px -30px;
}

.btnGreenM3:active {
	background-position: -400px -60px;
}

.btnGreenM4,
.btnGreenM4:link,
.btnGreenM4:visited {
	background-position: -600px 0px;
}

.btnGreenM4:hover {
	background-position: -600px -30px;
}

.btnGreenM4:active {
	background-position: -600px -60px;
}

.btnGreenM5,
.btnGreenM5:link,
.btnGreenM5:visited {
	background-position: -800px 0px;
}

.btnGreenM5:hover {
	background-position: -800px -30px;
}

.btnGreenM5:active {
	background-position: -800px -60px;
}

.btnGreenM6,
.btnGreenM6:link,
.btnGreenM6:visited {
	background-position: -1000px 0px;
}

.btnGreenM6:hover {
	background-position: -1000px -30px;
}

.btnGreenM6:active {
	background-position: -1000px -60px;
}

.btnGreenM7,
.btnGreenM7:link,
.btnGreenM7:visited {
	background-position: -1200px 0px;
}

.btnGreenM7:hover {
	background-position: -1200px -30px;
}

.btnGreenM7:active {
	background-position: -1200px -60px;
}

.btnGreenM8,
.btnGreenM8:link,
.btnGreenM8:visited {
	background-position: -1400px 0px;
}

.btnGreenM8:hover {
	background-position: -1400px -30px;
}

.btnGreenM8:active {
	background-position: -1400px -60px;
}

.btnGrayM1,
.btnGrayM1:link,
.btnGrayM1:visited {
	background-position: 0px -90px;
}

.btnGrayM1:hover {
	background-position: 0px -120px;
}

.btnGrayM1:active {
	background-position: 0px -150px;
}

.btnGrayM2,
.btnGrayM2:link,
.btnGrayM2:visited {
	background-position: -200px -90px;
}

.btnGrayM2:hover {
	background-position: -200px -120px;
}

.btnGrayM2:active {
	background-position: -200px -150px;
}

.btnGrayM3,
.btnGrayM3:link,
.btnGrayM3:visited {
	background-position: -400px -90px;
}

.btnGrayM3:hover {
	background-position: -400px -120px;
}

.btnGrayM3:active {
	background-position: -400px -150px;
}

.btnGrayM4,
.btnGrayM4:link,
.btnGrayM4:visited {
	background-position: -600px -90px;
}

.btnGrayM4:hover {
	background-position: -600px -120px;
}

.btnGrayM4:active {
	background-position: -600px -150px;
}

.btnGrayM5,
.btnGrayM5:link,
.btnGrayM5:visited {
	background-position: -800px -90px;
}

.btnGrayM5:hover {
	background-position: -800px -120px;
}

.btnGrayM5:active {
	background-position: -800px -150px;
}

.btnGrayM6,
.btnGrayM6:link,
.btnGrayM6:visited {
	background-position: -1000px -90px;
}

.btnGrayM6:hover {
	background-position: -1000px -120px;
}

.btnGrayM6:active {
	background-position: -1000px -150px;
}

.btnGrayM7,
.btnGrayM7:link,
.btnGrayM7:visited {
	background-position: -1200px -90px;
}

.btnGrayM7:hover {
	background-position: -1200px -120px;
}

.btnGrayM7:active {
	background-position: -1200px -150px;
}

.btnGrayM8,
.btnGrayM8:link,
.btnGrayM8:visited {
	background-position: -1400px -90px;
}

.btnGrayM8:hover {
	background-position: -1400px -120px;
}

.btnGrayM8:active {
	background-position: -1400px -150px;
}

.btnBlueS1,
.btnBlueS1:link,
.btnBlueS1:visited {
	background-position: 0px -180px;
}

.btnBlueS1:hover {
	background-position: 0px -200px;
}

.btnBlueS1:active {
	background-position: 0px -220px;
}

.btnBlueS2,
.btnBlueS2:link,
.btnBlueS2:visited {
	background-position: -200px -180px;
}

.btnBlueS2:hover {
	background-position: -200px -200px;
}

.btnBlueS2:active {
	background-position: -200px -220px;
}

.btnBlueS3,
.btnBlueS3:link,
.btnBlueS3:visited {
	background-position: -400px -180px;
}

.btnBlueS3:hover {
	background-position: -400px -200px;
}

.btnBlueS3:active {
	background-position: -400px -220px;
}

.btnBlueS4,
.btnBlueS4:link,
.btnBlueS4:visited {
	background-position: -600px -180px;
}

.btnBlueS4:hover {
	background-position: -600px -200px;
}

.btnBlueS4:active {
	background-position: -600px -220px;
}

.btnBlueS5,
.btnBlueS5:link,
.btnBlueS5:visited {
	background-position: -800px -180px;
}

.btnBlueS5:hover {
	background-position: -800px -200px;
}

.btnBlueS5:active {
	background-position: -800px -220px;
}

.btnBlueS6,
.btnBlueS6:link,
.btnBlueS6:visited {
	background-position: -1000px -180px;
}

.btnBlueS6:hover {
	background-position: -1000px -200px;
}

.btnBlueS6:active {
	background-position: -1000px -220px;
}

.btnBlueS7,
.btnBlueS7:link,
.btnBlueS7:visited {
	background-position: -1200px -180px;
}

.btnBlueS7:hover {
	background-position: -1200px -200px;
}

.btnBlueS7:active {
	background-position: -1200px -220px;
}

.btnBlueS8,
.btnBlueS8:link,
.btnBlueS8:visited {
	background-position: -1400px -180px;
}

.btnBlueS8:hover {
	background-position: -1400px -200px;
}

.btnBlueS8:active {
	background-position: -1400px -220px;
}

.btnGrayS1,
.btnGrayS1:link,
.btnGrayS1:visited {
	background-position: 0px -240px;
}

.btnGrayS1:hover {
	background-position: 0px -260px;
}

.btnGrayS1:active {
	background-position: 0px -280px;
}

.btnGrayS2:link,
.btnGrayS2:visited {
	background-position: -200px -240px;
}

.btnGrayS2:hover {
	background-position: -200px -260px;
}

.btnGrayS2:active {
	background-position: -200px -280px;
}

.btnGrayS3,
.btnGrayS3:link,
.btnGrayS3:visited {
	background-position: -400px -240px;
}

.btnGrayS3:hover {
	background-position: -400px -260px;
}

.btnGrayS3:active {
	background-position: -400px -280px;
}

.btnGrayS4,
.btnGrayS4:link,
.btnGrayS4:visited {
	background-position: -600px -240px;
}

.btnGrayS4:hover {
	background-position: -600px -260px;
}

.btnGrayS4:active {
	background-position: -600px -280px;
}

.btnGrayS5,
.btnGrayS5:link,
.btnGrayS5:visited {
	background-position: -800px -240px;
}

.btnGrayS5:hover {
	background-position: -800px -260px;
}

.btnGrayS5:active {
	background-position: -800px -280px;
}

.btnGrayS6,
.btnGrayS6:link,
.btnGrayS6:visited {
	background-position: -1000px -240px;
}

.btnGrayS6:hover {
	background-position: -1000px -260px;
}

.btnGrayS6:active {
	background-position: -1000px -280px;
}

.btnGrayS7,
.btnGrayS7:link,
.btnGrayS7:visited {
	background-position: -1200px -240px;
}

.btnGrayS7:hover {
	background-position: -1200px -260px;
}

.btnGrayS7:active {
	background-position: -1200px -280px;
}

.btnGrayS8,
.btnGrayS8:link,
.btnGrayS8:visited {
	background-position: -1400px -240px;
}

.btnGrayS8:hover {
	background-position: -1400px -260px;
}

.btnGrayS8:active {
	background-position: -1400px -280px;
}

/* @end */

/* @group 水色のボタン */

.btnDownload {
	width: 73px; /* padding と足して 100px */
	padding-left: 27px;
	_padding-left: 13px;
	background: url(../images/btns.gif) no-repeat;
	text-align: left;
}

.btnDownload:link, .btnDownload:visited {
	background-position: 0 -300px;
}

.btnDownload:hover {
	background-position: 0 -320px;
}

.btnDownload:active {
	background-position: 0 -340px;
}

.btnPrint, .btnPrint:link, .btnPrint:visited {
	width: 35px; /* padding と足して 65px */
	padding-left: 30px;
	background: url(../images/btns.gif) no-repeat;
	background-position: -200px -300px;
	text-align: left;
}

.btnPrint:hover {
	background-position: -200px -320px;
}

.btnPrint:active {
	background-position: -200px -340px;
}

.btnCalc, .btnCalc:link, .btnCalc:visited {
	width: 35px; /* padding と足して 65px */
	padding-left: 30px;
	background: url(../images/btns.gif) no-repeat;
	background-position: -400px -300px;
	text-align: left;
}

.btnCalc:hover {
	background-position: -400px -320px;
}

.btnCalc:active {
	background-position: -400px -340px;
}

.btnCalc2, .btnCalc2:link, .btnCalc2:visited {
	width: 25px;
	background: url(../images/btns.gif) no-repeat;
	background-position: -600px -300px;
	text-align: left;
}

.btnCalc2:hover {
	background-position: -600px -320px;
}

.btnCalc2:active {
	background-position: -600px -340px;
}

/* @end */

/* @end */

/* @group 基本テーブル */

/* @group list（一覧リスト用） */

table.list th, table.list td {
	padding: 5px;
	line-height: 1.4em;
	word-break: break-all;
	border-bottom: 1px solid #bcd;
	/*JSI ADD*/
	font-size: 12px;
}

table.list th.thBtn {
	padding: 0;
}

table.list thead th {
	background-image: url(../images/bg_table_header_1.gif);
	background-color: #1a6e3b;
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 1px solid #1d5331;
	color: #fff;
	text-shadow: #030 0 -1px;
}
/*JSI ADD*/
table.list thead a {
	color: #fff;
	text-decoration: none;
}
table.list thead a:hover {
	color: #f00;
}

table.list th.ascend {
	background-image: url(../images/bg_table_header_2.gif);
	background-color: #4a8c64;
}

table.list th.descend {
	background-position: right top;
	background-image: url(../images/bg_table_header_3.gif);
	background-color: #4a8c64;
}

table.list th.thBtn a {
	display: block;
	padding: 0.4em 0.3em;
	color: #fff;
}

table.list th.thBtn a:link,
table.list th.thBtn a:visited,
table.list th.thBtn a:active {
	color: #fff;
	text-decoration: none;
}

table.list th.thBtn a:hover {
	color: #cfc;
	text-decoration: underline;
}

table.list tr.colored {
	background: #ebf3f9;
}

table.list tr.spacer td {
	height: 1px;
	padding: 0;
	background: #1d5331;
	border: none;
	font-size: 1px;
}

/* @end */

/* @group list2（一覧リスト用・その2） */

table.list2 {
	border-left: 1px solid #bcd;
}

table.list2.bottom {
	margin-bottom:1px;
}

table.list2 th, table.list2 td {
	padding: 5px 1px;
	line-height: 1.4em;
	word-break: break-all;
	border-bottom: 1px solid #bcd;
	border-right: 1px solid #bcd;
	text-align: center;
	/*JSI ADD*/
	font-size: 12px;
}

table.list2.form td {
	text-align: left;
}

table.list2 th.thBtn {
	padding: 0;
}

table.list2 thead th {
	/*background-image: url(../images/bg_table_header_1.gif);*/
	/*background-color: #1a6e3b;*/
	/*background-position: right top;*/
	/*border-bottom: 1px solid #1d5331;*/
	/*color: #fff;*/
	/*text-shadow: #030 0 -1px;*/
	background-color: #ededea;
	/* border: 1px solid #aba; */
	color: #042;
}

table.list2 thead {
	border-bottom: 3px double #063;
}

table.list2 th.ascend {
	background-image: url(../images/bg_table_header_3.gif);
	background-color: #4a8c64;
}

table.list2 th.descend {
	background-position: right top;
	background-image: url(../images/bg_table_header_2.gif);
	background-color: #4a8c64;
}

/*[START]2011/06/27 JFE-SI ADD]*/
table.list2 thead a {
	text-decoration: none;
	color: #042;
}
table.list2 th.ascend2 {
	background-position: right;
	background-image: url(../images/icon_arrow_down_gray.gif);
	background-repeat:no-repeat;
}
table.list2 th.descend2 {
	background-position: right;
	background-image: url(../images/icon_arrow_up_gray.gif);
	background-repeat:no-repeat;
}
/*[END]2011/06/27 JFE-SI ADD]*/

table.list2 th.thBtn a {
	display: block;
	padding: 0.7em 0.3em;
	color: #fff;
}

table.list2 th.thBtn a:link,
table.list2 th.thBtn a:visited,
table.list2 th.thBtn a:active {
	color: #fff;
	text-decoration: none;
}

table.list2 th.thBtn a:hover {
	color: #cfc;
	text-decoration: underline;
}

table.list2 tr.colored1 {
	background: #ebf3f9;
}

table.list2 tr.colored2 {
	background: #fcfeff;
}

table.list2 tr.spacer td {
	height: 1px;
	padding: 0;
/*	background: none;*/
	background: #093;
	border: none;
	font-size: 1px;
	line-height: 1px;
}

/* @end */

/* @group inputForm（各種入力フォーム用） */

table.inputForm {
	text-align: left;
}

table.inputForm th, table.inputForm td {
	padding: 5px 4px;
	border-bottom: 1px solid #aba;
	line-height: 1.4em;
	word-break: break-all;
	background: #fcfcf9;
	/*JSI ADD*/
	font-size: 12px;
}

table.inputForm th {
	background: #ededea;
	color: #042;
}

table.inputForm tr.spacer td {
	height: 2px;
	padding: 0;
	background: #093;
	border: none;
	font-size: 1px;
	line-height: 1px;
}


/* @end */

/* @group shinchokuTitle（進捗状況照会小タイトル用） */
table.shinchokuTitle {
	text-align: left;
}

table.shinchokuTitle th, table.shinchokuTitle td {
	padding: 0px 0px;
	border-bottom: 0px solid #aba;
	line-height: 1.4em;
	word-break: break-all;
	background: #fcfcf9;
	/*JSI ADD*/
	font-size: 13px;
}

table.shinchokuTitle tr.spacer td {
	height: 2px;
	padding: 0;
	background: #093;
	border: none;
	font-size: 1px;
	line-height: 1px;
}
/* @end */

/* @end */

/* @group その他の基本パーツ */

/* 更新日時 */

p.date {
	text-align: right;
}

/* パンくずリスト bread */

div.bread {
	padding: 1em 0 0;
}

/* タブ tabmenu */

ul.tabmenu {
	margin-bottom: 0.3em;
/*  IE11対応 */
/*	padding: 0 10px;*/
	padding: 0 1px;
	/* JSI MOD*/
/*	border-bottom: 1px solid #bcb;*/
	border-bottom: 3px solid #093;
}

ul.tabmenu li {
	float: left;
	margin: 0 2px -1px;
}

ul.tabmenu li a {
	display: block;
	width: 80px;
	padding: 0.3em 0;
	border: 1px solid #787;
	/*JSI MOD*/
/*	background: #787;*/
	background: #fff;
	text-align: center;
}

ul.tabmenu li a:link,
ul.tabmenu li a:visited {
	/*JSI MOD*/
/*	color: #efe;*/
	color: #042;
	text-decoration: none;
}

ul.tabmenu li a:hover,
ul.tabmenu li a:active {
	color: #fff;
	background: #9a9;
	text-decoration: underline;
}

ul.tabmenu li.current a {
	/*JSI MOD*/
/*	background: #fff;*/
	background: #093;
	border-color: #bcb;
/*  IE11対応 */
/*	border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid #093;
}

ul.tabmenu li.current a:link,
ul.tabmenu li.current a:visited {
	/*JSI MOD*/
/*	color: #042;*/
	color: #fff;
	font-weight:bold;
}

/* ボタン領域 btns */

ul.btns {
	margin: 1em 0;
	text-align: left;
}

ul.btns li {
	float: left;
	margin-right: 10px;
}

ul.btns li.seperator {
	margin-right: 60px;
}

/* サブボタン領域 subBtns */

div.subBtns {
	margin: 1em 0 2em;
	padding-top: 1em;
	border-top: 1px solid #bcb;
}

div.subBtns li {
	float: left;
	margin-right: 5px;
}

div.subBtns li.seperator {
	margin-right: 40px;
}

div.subBtns.upper {
	margin: -1em 0 1em;
	padding: 0;
	border: none;
}

/*JFE ADD*/
div.subBtns.upper2 {
	padding: 0;
	border: none;
}

/* ページナビ pagenavi */

div.pagenavi {
	margin: 1em auto;
	text-align: center;
}

div.pagenavi strong {
	color: #000000;
	font-weight: bold;
}

div.pagenavi a,
div.pagenavi a:link,
div.pagenavi a:visited,
div.pagenavi span {
	padding: 0.3em 0.5em;
	text-decoration: none;
}

div.pagenavi a:hover {
	background-color: #e8f2f4;
	text-decoration: none;
}

/* アイコンボタン */

div.iconBtns a {
	display: block;
	width: 16px;
	height: 0;
	margin: 0 3px;
	padding-top: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.iconBtns a.iconBtnEdit:link,
div.iconBtns a.iconBtnEdit:visited {
	background-image: url(../images/icon_edit_gray.gif);
}

div.iconBtns a.iconBtnEdit:hover,
div.iconBtns a.iconBtnEdit:active {
	background-image: url(../images/icon_edit.gif);
}

div.iconBtns a.iconBtnRemove:link,
div.iconBtns a.iconBtnRemove:visited {
	background-image: url(../images/icon_remove_gray.gif);
}

div.iconBtns a.iconBtnRemove:hover,
div.iconBtns a.iconBtnRemove:active {
	background-image: url(../images/icon_remove.gif);
}

/* Addボタン addBtn */

p.addBtn {
	margin: 0.5em 0 0.5em;
}

/* プレースホルダ */

div.textfield {
	position: relative;
	display: inline-block;
	_display: inline;
}

p.placeholder {
	position: absolute;
	top: 0;
	left: 0px;
	height: 21px;
	padding: 0 0.2em;
	line-height: 22px;
	text-align: left;
	color: #aaa;
	word-break: keep-all;
}

/* 角丸ボックス */
/* JSI 580px用作成 START*/
div.box580green {
	width: 580px;
	margin: 0.5em 0;
}

div.box580green div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_green_750.gif) no-repeat left top;
}

div.box580green div.boxBtm {
	height: 5px;
	background: url(../images/bg_green_750.gif) no-repeat left bottom;
}
/* JSI 580px用作成 END*/

/* JSI 600px用作成 START*/
div.box600green {
	width: 600px;
	margin: 0.5em 0;
}

div.box600green div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_green_600.gif) no-repeat left top;
}

div.box600green div.boxBtm {
	height: 5px;
	background: url(../images/bg_green_600.gif) no-repeat left bottom;
}
/* JSI 600px用作成 END*/

div.box750green {
	width: 750px;
	margin: 0.5em 0;
}

div.box750green div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_green_750.gif) no-repeat left top;
}

div.box750green div.boxBtm {
	height: 5px;
	background: url(../images/bg_green_750.gif) no-repeat left bottom;
}

/* JSI 580px用作成 START*/
div.box580red {
	width: 580px;
	margin: 0.5em 0;
}

div.box580red div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_red_750.gif) no-repeat left top;
}

div.box580red div.boxBtm {
	height: 5px;
	background: url(../images/bg_red_750.gif) no-repeat left bottom;
}

/* JSI 600px用作成 START*/
div.box600red {
	width: 600px;
	margin: 0.5em 0;
}

div.box600red div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_red_750.gif) no-repeat left top;
}

div.box600red div.boxBtm {
	height: 5px;
	background: url(../images/bg_red_750.gif) no-repeat left bottom;
}
/* JSI 600px用作成 END*/

div.box750red {
	width: 750px;
	margin: 0.5em 0;
}

div.box750red div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_red_750.gif) no-repeat left top;
}

div.box750red div.boxBtm {
	height: 5px;
	background: url(../images/bg_red_750.gif) no-repeat left bottom;
}

div.box600green {
	width: 600px;
	margin: 0.5em 0;
}

div.box600green div.contents {
	padding: 0.5em 1em 0.2em;
	background: url(../images/bg_green_600.gif) no-repeat left top;
}

div.box600green div.boxBtm {
	height: 5px;
	background: url(../images/bg_green_600.gif) no-repeat left bottom;
}

div.error div.contents {
	height: 6.2em;
	overflow: auto;
}

/* 普通のボックス */

div.boxPlain {
	_width: 100%;
	margin: 1em 0;
}

div.boxWhite {
	_width: 100%;
	margin: 1em 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #8aa;
}

div.boxGreen {
	_width: 100%;
	margin: 1em 0;
	padding: 10px;
	background: #f9fffc;
	border: 1px solid #8aa;
}

div.boxYellow {
	_width: 100%;
	margin: 1em 0;
	padding: 10px;
	background: #ffe;
	border: 1px solid #d30;
}

/* @end */

/* @end */

/* @group wire frame */

body {
	text-align: left;
	background: #fff;
	border-top: 1px solid #096;
	word-break: break-all;
}

/* @group menu */

body.menu #container {
	margin-left: 5px;
}

body.menu h1 {
	margin: 16px 2px;
}

body.menu div#menu {
	width: 200px;
	margin: 1em 0;
}

body.menu div#menu div.top {
	position: relative;
	height: 23px;
	background: url(../images/bg_menu.gif) no-repeat left top;
}

body.menu div#menu h2 {
	position: absolute;
	left: 5px;
	top: 3px;
}

body.menu div#menu div.back {
	position: absolute;
	right: 10px;
	top: 3px;
	padding-left: 15px;
	background: url(../images/icon_arrow_left_gray.gif) no-repeat left center;
}

body.menu div#menu div.bottom {
	position: relative;
	height: 23px;
	background: url(../images/bg_menu.gif) no-repeat left bottom;
}

body.menu div#menu div.bottom div.back {
	top: 2px;
}

body.menu div#menu ul li {
	width: 198px;
	_width: 200px;
	background: #fff;
}

body.menu div#menu ul li a {
	display: block;
	padding: 0.3em 10px 0.3em 20px;
	background: url(../images/icon_arrow_right.gif) no-repeat 4px center;
	border-left: 1px solid #ccd5cc;
	border-right: 1px solid #ccd5cc;
	zoom: 1;
}

body.menu div#menu ul li a.menuopen {
	background-image: url(../images/icon_arrow_down.gif);
}

body.menu div#menu ul li a:link,
body.menu div#menu ul li a:visited {
	text-decoration: none;
}

body.menu div#menu ul li.colored {
	background: #f2f2ef;
}

body.menu div#menu li li a {
	padding-left: 30px;
	background-position: 14px center;
}

body.menu div#menu li li li a {
	padding-left: 40px;
	background-position: 24px center;
}

body.menu div#menu li li li li a {
	padding-left: 50px;
	background-position: 34px center;
}

body.menu div#menu li li li li li a {
	padding-left: 60px;
	background-position: 44px center;
}

body.menu div#menu li li li li li li a {
	padding-left: 70px;
	background-position: 54px center;
}

body.menu div#menu li li li li li li li a {
	padding-left: 80px;
	background-position: 64px center;
}

body.menu div#menu li li li li li li li li a {
	padding-left: 90px;
	background-position: 74px center;
}

/* @end */

/* @group common */

.common #container {
	position: relative;
	width: 750px;
	margin: 0 5px;
}

.common #header {
	position: relative;
	height: 56px;
}

.common #header p.utility {
	position: absolute;
	top: 10px;
	right: 10px;
}

.common #header p.lastlogin {
	position: absolute;
	top: 35px;
	right: 10px;
	color: #88abda;
}

.common #header p.toggleMenu {
	position: absolute;
	top: 10px;
	left: 0px;
}

.common #header p.toggleMenu a {
	padding-left: 14px !important;
}
/* JSI 追加 START*/
.common #header p.toggleMenu2 {
	position: absolute;
	top: 30px;
	left: 0px;
}

.common #header p.toggleMenu2 a {
	padding-left: 14px !important;
}
/* JSI 追加 END*/

.common #main {
	background: url(../images/bg_upper.gif) no-repeat left top;
}

.common #footer {
	padding: 2em 0 0.8em;
	background: url(../images/bg_footer.gif) no-repeat left bottom;
	text-align: center;
	color: #063;
}

.common #footer a:link,
.common #footer a:visited {
	color: #063;
}

/* @end */

/* @group popup */

.popup #header {
	position: relative;
	height: 30px;
	padding: 15px 10px;
	background: url(../images/bg_upper.gif) no-repeat center top;
}

.popup #header h1 {
	font-size: 1.5em;
}

.popup #header div.closeBtn {
	position: absolute;
	right: 10px;
	top: 15px;
}

.popup #main {
	padding: 0 10px;
}

.popup #footer {
	position: relative;
	padding: 15px 10px;
	background: url(../images/bg_footer.gif) no-repeat left bottom;
	text-align: center;
	color: #063;
}

.popup #footer div.closeBtn {
	position: absolute;
	right: 10px;
	bottom: 15px;
}



/* @end */

/* @group login */

.login {
	text-align: center;
}

.login #container {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}

.login h1 {
	margin: 4em 0;
	text-align: center;
}

.login div.loginForm {
	width: 600px;
	height: 265px;
	background: url(../images/bg_login.gif) no-repeat left top;
}

.login div.loginForm h2 {
	padding: 30px 0 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}

.login div.loginForm p.msg_login {
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
}

.login div.loginForm div.textfield {
	width: 300px;
	padding: 0 0 3px 148px;
}

.login div.loginForm input.text {
	width: 300px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
}

.login div.loginForm p.placeholder {
/*	height: 28px;
	padding-left: 152px;
	line-height: 28px;
	font-size: 13px;
	*/
	position: absolute;
	top: 0;
	left: 148px;
	right: 448px;
	height: 21px;
	padding: 0 0.2em;
	line-height: 22px;
	text-align: left;
	color: #aaa;

	font-size: 13px;
	width: 100px;
}

.login div.loginForm div.btns_login {
	margin-top: 15px;
	text-align: center;
}

.login #footer {
	margin: 5em 0;
	text-align: center;
}



/* @end */

/* @end */

/* JPROCURE 追加分 STRET */

/* 参照ボタン*/
.btn03 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_search.gif);
	background-repeat: no-repeat;
	border: none;
}

/* 計算ボタン*/
.btn04 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_calc.gif);
	background-repeat: no-repeat;
	border: none;
}

/* 添付ボタン*/
.btn05 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_clip.gif);
	background-repeat: no-repeat;
	border: none;
}

/* オールマイティボタン*/
.btn06 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_pink.gif);
	background-repeat: no-repeat;
	border: none;
	color: #042;
	font-size: 9px;
}

/* 添付ボタン(ファイル追加)*/
.btn07 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_clip_add.gif);
	background-repeat: no-repeat;
	border: none;
}


/* 反映ボタン*/
.btn08 {
    width: 29px;
    height: 21px;
	background-image: url(../images/icon_btn_arrow.gif);
	background-repeat: no-repeat;
	border: none;
}

.AddRow {
    width: 90px;
/*    height: 21px;*/
	background: transparent;
	background-image: url(../images/icon_add.gif);
	background-repeat: no-repeat;
	border: none;
}

.AddRow2 {
    width: 70px;
/*    height: 21px;*/
	background: transparent;
	background-image: url(../images/icon_add.gif);
	background-repeat: no-repeat;
	border: none;
}

.AddFile {
    width: 110px;
/*    height: 21px;*/
	background: transparent;
	background-image: url(../images/icon_add.gif);
	background-repeat: no-repeat;
	border: none;
}

.AddColumn {
    width: 20px;
    height: 18px;
    background: transparent;
	background-image: url(../images/icon_arrow_right.gif);
	background-repeat: no-repeat;
	border: none;
}

.Align01 {
	text-align: left
}
/* テキスト左寄せ */
.Align02 {
	text-align: right
}
/* テキスト右寄せ */
.Align03 {
	text-align: center
}
/* テキスト中央寄せ */
.Align04 {
	text-align: justify
}

/* 実行ボタンの配置 */
.T002 {
	border-style: solid;
	border: 0px;
	padding: 5px;
	margin: 5px;
	font-size: 11pt;
}

/*カレンダー*/

table.calendarForm {
	text-align: center;
}

table.calendarForm th, table.calendarForm td {
	padding: 5px 4px;
	border-bottom: 1px solid #aba;
	line-height: 1.4em;
	word-break: break-all;
	font-size: 12px;
}

table.calendarForm th {

}

table.calendarForm tr.spacer td {
	height: 2px;
	padding: 0;
	background: #093;
	border: none;
	font-size: 1px;
	line-height: 1px;
}

/*休日*/
.SeiHoliday {
	background-color: #FFFCB7;
	color: #ff0000;
	text-align: center;
	line-height: 1px;
	border: 1px solid #aba;
}

/*日曜日*/
.SeiSunday {
	background-color: #FFE2B7;
	color: #ff0000;
	text-align: center;
	line-height: 1px;
	border: 1px solid #aba;
}

/*土曜日*/
.SeiSaturday {
	background-color: #B7FFED;
	color: #0000ff;
	text-align: center;
	line-height: 1px;
	border: 1px solid #aba;
}

/*平日の曜日*/
.SeiCalHeader {
	background-color: #C7FFB7;
	text-align: center;
	line-height: 1px;
	border: 1px solid #aba;
}

/*今日*/
.SeiCalToday {
	background-color: #FF8040;
	text-align: center;
	text-align: center;
	line-height: 1px;
	border: 1px solid #aba;
}

.SeiWeekday{
	text-align: center;
}

/* --- INPUT type="text" 枠無し部品 --- */
.SeiNoEntry {
	background: transparent;
	border-width: 0px;
}

/* ---IMEモード（日本語） --- */
.inputAreaKanji {
	height: 19px;
	padding: 0 2px;
	border: 1px solid #abc;
	line-height: 20px;
	ime-mode: active;
	text-align:left;
}

/* ---IMEモード（英数字） --- */
.inputAreaAscii {
	height: 19px;
	padding: 0 2px;
	border: 1px solid #abc;
	line-height: 20px;
	ime-mode: inactive;
	text-align:left;
}

/* ---IMEモード（数字） --- */
.inputAreaNum {
	height: 19px;
	padding: 0 2px;
	border: 1px solid #abc;
	line-height: 20px;
	ime-mode: inactive;
	text-align:right;
}

tr.odd {
	background: #ebf3f9;;
	text-align: center;
	vertical-align: center;
	word-wrap: normal;
	font-size: 13px;
	padding: 0px 2px;
}

tr.tableRowEven,tr.even {
	background-color: transparent;
	text-align: center;
	vertical-align: center;
	word-wrap: normal;
	font-size: 13px;
	padding: 0px 2px;
}

.grouped-table tr.even {
    background-color: #fff;
}

.first {
	border: none;
	padding-left: 15px !important;
	background: url(../images/icon_prev2.gif) no-repeat left 3px !important;
}

.prev {
	border: none;
	padding-left: 10px !important;
	background: url(../images/icon_prev1.gif) no-repeat left 3px !important;
}

.next {
	border: none;
	padding-right: 10px !important;
	background: url(../images/icon_next1.gif) no-repeat right 3px !important;
}

.last {
	border: none;
	padding-right: 10px !important;
	background: url(../images/icon_next2.gif) no-repeat right 3px !important;
}

/* JPROCURE 追加分 END */

/* JPROCURE 将来的には削除 STRET */

  /* SubTitle背景 暗い薄い青色*/
.BG04 {
	background-color: #FFFF99
}

  /* 特大フォント */
.F002 {
	font-size: 14pt
}

 /* 大きめフォント */
.F004 {
	font-size: 10pt
}

 /* 小さめフォント */
.F005 {
	font-size: 8pt
}

/* 実行ボタン */
/* ボタン1（ボタン名が３文字以内の時）） */
.btn01 {
	width: 90px;
	font-size: 10pt;
	font-family: Times New Roman;
}

/* テーブル（一覧行、見出し青緑色) */
.T010 {
	background-color: #B7FFB7;
	border: 1px #C0C0C0 solid;
}

/* テーブル（詳細系) */
.T003 {
	word-break: break-all;
	word-spacing: 0;
	text-indent: 0;
}

/* - 背景用(薄グレー) -*/
.AllBack {
	background: #F5F5F5;
}

/* ---エラー(文字色指定：赤) --- */
.SeiError {
	color: #FF0000
}

/*- タイトル -*/
.SeiTitle {
	color: #FFFFFF;
	background: #009967;
	height: 40px;
	font-weight: bold;
}

/* --- 共通テーブル指定（新規登録・取消・コピー登録・明細 ） --- */ /*- th指定(黄緑色・文字中央) -*/
.SeiTH {
	background: #B7FFB7;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px #C0C0C0 solid;
	nowrap;
}

/*- td指定(薄黄緑色・文字中央) -*/
.SeiTD {
	background: #F0FFEC;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px #C0C0C0 solid;
	nowrap;
}

.SeiTTile {
	border-spacing: 1px;
	border-collapse: 5px;
	border-color: #808080;
	border-style: outset;
	border-width: 2px;
	width: 515;
}

/* --- ボディ --- */ /*- ボタン内リンク用(下線なし) -*/
.SeiInlineMenu A {
	text-decoration: none;
}

/*- メニュー(「新規登録」／「参照・取消・コピー登録ボタン」用) -*/ /* 薄黄緑・黒字 */
.SeiMenuTitle {
	background: #CCFFCC;
	color: #000000;
}

/* 「メニュー」＆未選択部（薄黄緑・黒字） */
.SeiMenu {
	background: #CCFFCC;
	border-style: outset;
	border-width: 2px;
}

/* 選択部（薄黄緑・黒字) */
.SeiMenu2 {
	background: #90EE90;
	border-style: inset;
	border-width: 2px;
}

/* メニュー部右側の余白(グレー) */
.SeiMenuBlank {
	background: #F5F5F5;
}

.SeiMenu4 {
	background: #F5F5F5;
	border-style: outset;
	border-width: 2px;
}

/*- テーブル(枠指定) -*/
.SeiInput,.SeiInputArray {
	background: transparent;
	border: 1px #C0C0C0 solid;
	/*border-collapse: collapse;*/
	font-size: 13px;
}

/*- 太字(一段階細く) -*/ /*TH.SeiSubMenu2 STRONG{font-weight:lighter;}
	/* - th指定(黄緑色・左寄せ) -*/
.SeiTH2 {
	background: #B7FFB7;
	border: 1px #C0C0C0 solid; nowrap;
	text-align: left;
	height: 30px;
}

/* - td指定(薄黄緑色・左寄せ) -*/
.SeiTD2 {
	background: #F0FFEC;
	border: 1px #C0C0C0 solid; nowrap;
/*	text-align: left;*/
}

 /* - 奇数行（薄黄緑色) -*/
.SeiIA {
	background: #F0FFEC;
	color: black;
	border: 1px #C0C0C0 solid;
	nowrap;
	height: 27px;
}

/* - 偶数行（黄緑色) -*/
.SeiIA2 {
	background: #DBFFB7;
	color: black;
	border: 1px #C0C0C0 solid;
	nowrap;
	height: 27px;
}

/* - 参照画面検索結果テーブル(枠) - */
.SeiTDb {
	border: 1px #C0C0C0 solid;
}

/* ---メッセージ(文字色指定：青) --- */
.SeiMsg {
	color: blue;
	font-weight: bold;
	font-size: 11pt;
}

/* ---エラー(文字色指定：赤) --- */
.SeiError {
	color: red;
	background: transparent;
	font-weight: bold;
	font-size: 11pt;
}

th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	font-size: 13px;
}

th.sortable a {
	font-size: 13px;
	background-image: url(../img/arrow_off.png);
	background-repeat: no-repeat
}

th.order1 a {
	font-size: 13px;
	background-image: url(../img/arrow_down.png);
	background-repeat: no-repeat
}

th.order2 a {
	font-size: 13px;
	background-image: url(../img/arrow_up.png);
	background-repeat: no-repeat
}

/* JPROCURE 将来的には削除 END */

/* IE11対応 */
.btnL[disabled], .btnL:link[disabled], .btnL:visited[disabled], .btnL:hover[disabled],
.btnM[disabled], .btnM:link[disabled], .btnM:visited[disabled], .btnM:hover[disabled],
.btnS[disabled], .btnS:link[disabled], .btnS:visited[disabled], .btnS:hover[disabled]{
	color:#696969;
	cursor : default;
}

/* JPROCURE 2 Thymeleaf化に伴い追加 START */
.error-bg {
	background-color:#f29c9f;
}
input[type="checkbox"].error-bg {
	box-shadow: 0 0 0 3px #f29c9f;
}
.warn-bg {
	background-color:#facd89;
}
input[type="checkbox"].warn-bg {
	box-shadow: 0 0 0 3px #facd89;
}
/* JPROCURE 2 Thymeleaf化に伴い追加 END */