@charset "utf-8";

/* 画面上部に戻す設定*/
#pagetop{
	position:fixed;
	right:20px;
	bottom:20px;
	cursor:pointer;
}

/* 基本的な枠組みに関するもの*/

.formBlock{
	/* 画面項目のグループ単位 */
	display:inline-block;
	*display:inline; /* IE互換モード対応 */
	*zoom:1; /* IE互換モード対応 */
	vertical-align:top;
}

.formRow{
	/* 画面項目の一行単位 */
	margin-top:4px;
	margin-bottom:4px;
}

.formRow > * {
	display:inline-block;
	*display:inline; /* IE互換モード対応 */
	*zoom:1; /* IE互換モード対応 */
	vertical-align:middle;
}

/* 画面初期化時にPrimeFacesが生成するコードが一瞬表示されてしまう事を防ぐ */
.formRow script {
	display:none;
}
/* 入力項目名と入力項目を縦に構える場合に付与する*/

.vertical{
	/* ラベル(縦配置)用 */
	display:block;
	margin-bottom: 0px ;
	margin-top: 5px ;
}

.checkboxArea{
	/* チェックボックス欄の高さを揃える */
	height:18px;
	margin-left:-7px; /* div前の改行によるスペース対応 */
	vertical-align:middle;
	
}

.checkboxArea *{
	line-height:18px;
	vertical-align:middle;
}

.radiobuttonArea{
	/* ラジオボタン欄の高さを揃える */
	height:18px;
}

.radiobuttonArea *{
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	margin-top:0px;
	vertical-align:middle;
}
.rightAlignBlock{
	/* ブロック要素の右寄せ */
	float:right;
}

.rightAlignBlock:after{
	/* float解除用 */
	content: "";
	display: block;
	clear: both;
}

input[type="submit"].short ,input[type="button"].short {
	/* ボタン(小)　*/
	margin-right:14px;
	width:70px;
}

input[type="submit"].medium ,input[type="button"].medium {
	/* ボタン(中)　*/
	margin-right:14px;
	width:140px;
}

input[type="submit"].long,input[type="button"].long {
	/* ボタン(大)　*/
	margin-right:14px;
	width:210px;
}

input[type="text"].number,
span.number , div.number , td.number{
	/* 数値表示を右寄せにする */
	text-align:right;
}

.alignCenter{
	/* 中央揃え */
	text-align:center;
}

.alignRight{
	/* 右寄せ */
	text-align:right;
}

.marginRight14{
	margin-right:14px;
}

td.nomargin{
	margin:0px !important;
	padding:0px !important;
	border:0px !important;
}

div.floatRight{
	/* 要素の右寄せ */
	float:right !important;
}

input[type="text"][disabled],
select[disabled]{
	/* 非活性項目の背景色 */
	background-color:#E9E9E9 !important;
	color:#999999 !important;
	opacity:1.0 !important;
	
}

textarea[disabled] {
	background-color:#E9E9E9 !important;
	color:#999999 !important;
	opacity:1.0 !important;
	
}
input[type="radio"][disabled]{
	/* ラジオボタンdisabled時の表示 */
	background-color:#CCCCCC !important;
	color:#666666;
}


/* 文字単位の幅↓ */
/* 数値は全角一文字分 */
.width1{
	width:10px;
}

input[type="text"].width1,
select.width1,
span.viewOnly.width1,
.checkboxArea.width1{
	width:13px;
}

.width2{
	width:40px;
}

input[type="text"].width2,
select.width2,
span.viewOnly.width2,
.checkboxArea.width2{
	width:40px;
}

.width3{
	width:60px;
}

input[type="text"].width3,
select.width3,
span.viewOnly.width3,
.checkboxArea.width3{
	width:60px;
}

.width4{
	width:80px;
}

input[type="text"].width4,
select.width4,
span.viewOnly.width4,
.checkboxArea.width4{
	width:80px;
}

.width5{
	width:100px;
}

input[type="text"].width5,
select.width5,
span.viewOnly.width5,
.checkboxArea.width5{
	width:100px;
}

.width6{
	width:120px;
}

input[type="text"].width6,
select.width6,
span.viewOnly.width6,
.checkboxArea.width6{
	width:120px;
}

.width7{
	width:140px;
}

input[type="text"].width7,
select.width7,
span.viewOnly.width7,
.checkboxArea.width7{
	width:140px;
}

.width8{
	width:160px;
}

input[type="text"].width18,
select.width8,
span.viewOnly.width8,
.checkboxArea.width8{
	width:160px;
}

.width9{
	width:180px;
}

input[type="text"].width9,
select.width9,
span.viewOnly.width9,
.checkboxArea.width9{
	width:180px;
}

.width10{
	width:200px;
}

input[type="text"].width10,
select.width10,
span.viewOnly.width10,
.checkboxArea.width10{
	width:200px;
}

.width11{
	width:220px;
}

input[type="text"].width11,
select.width11,
span.viewOnly.width11,
.checkboxArea.width11{
	width:220px;
}

.width12{
	width:240px;
}

input[type="text"].width12,
select.width12,
span.viewOnly.width12,
.checkboxArea.width12{
	width:240px;
}

.width13{
	width:260px;
}

input[type="text"].width13,
select.width13,
span.viewOnly.width13,
.checkboxArea.width13{
	width:260px;
}

.width14{
	width:280px;
}

input[type="text"].width14,
select.width14,
span.viewOnly.width14,
.checkboxArea.width14{
	width:280px;
}

.width15{
	width:300px;
}

input[type="text"].width15,
select.width15,
span.viewOnly.width15,
.checkboxArea.width15{
	width:300px;
}

.width16{
	width:320px;
}

input[type="text"].width16,
select.width16,
span.viewOnly.width16,
.checkboxArea.width16{
	width:320px;
}

.width17{
	width:340px;
}

input[type="text"].width17,
select.width17,
span.viewOnly.width17,
.checkboxArea.width17{
	width:430px;
}

.width18{
	width:360px;
}

input[type="text"].width18,
select.width18,
span.viewOnly.width18,
.checkboxArea.width18{
	width:360px;
}

.width19{
	width:380px;
}

input[type="text"].width19,
select.width19,
span.viewOnly.width19,
.checkboxArea.width19{
	width:380px;
}

.width20{
	width:400px;
}

input[type="text"].width20,
select.width20,
span.viewOnly.width20,
.checkboxArea.width20{
	width:400px;
}

.width21{
	width:420px;
}

input[type="text"].width21,
select.width21,
span.viewOnly.width21,
.checkboxArea.width21{
	width:420px;
}

.width22{
	width:440px;
}

input[type="text"].width22,
select.width22,
span.viewOnly.width22,
.checkboxArea.width22{
	width:440px;
}

.width23{
	width:460px;
}

input[type="text"].width23,
select.width23,
span.viewOnly.width23,
.checkboxArea.width23{
	width:460px;
}

.width24{
	width:480px;
}

input[type="text"].width24,
select.width24,
span.viewOnly.width24,
.checkboxArea.width24{
	width:480px;
}

.width25{
	width:500px;
}

input[type="text"].width25,
select.width25,
span.viewOnly.width25,
.checkboxArea.width25{
	width:500px;
}

.width26{
	width:520px;
}

input[type="text"].width26,
select.width26,
span.viewOnly.width26,
.checkboxArea.width26{
	width:520px;
}

.width28{
	width:560px;
}

input[type="text"].width28,
select.width28,
span.viewOnly.width28,
.checkboxArea.width28{
	width:560px;
}

.width30{
	width:600px;
}

input[type="text"].width30,
select.width30,
span.viewOnly.width30,
.checkboxArea.width30{
	width:600px;
}

.width32{
	width:640px;
}

input[type="text"].width32,
select.width32,
span.viewOnly.width32,
.checkboxArea.width32{
	width:640px;
}

.width33{
	width:660px;
}

input[type="text"].width33,
select.width33,
span.viewOnly.width33,
.checkboxArea.width33{
	width:660px;
}

.width36{
	width:720px;
}

input[type="text"].width36,
select.width36,
span.viewOnly.width36,
.checkboxArea.width36{
	width:720px;
}

.width38{
	width:760px;
}

input[type="text"].width38,
select.width38,
span.viewOnly.width38,
.checkboxArea.width38{
	width:760px;
}

.width40{
	width:800px;
}

input[type="text"].width40,
select.width40,
span.viewOnly.width40,
.checkboxArea.width40{
	width:800px;
}

.width41{
	width:820px;
}

input[type="text"].width41,
select.width41,
span.viewOnly.width41,
.checkboxArea.width41{
	width:820px;
}

.width45{
	width:900px;
}

input[type="text"].width45,
select.width45,
span.viewOnly.width45,
.checkboxArea.width45{
	width:900px;
}

.width47{
	width:940px;
}

input[type="text"].width47,
select.width47,
span.viewOnly.width47,
.checkboxArea.width47{
	width:940px;
}

.width50{
	width:1000px;
}

input[type="text"].width50,
select.width50,
span.viewOnly.width50,
.checkboxArea.width50{
	width:1000px;
}

.width60{
	width:1200px;
}

input[type="text"].width60,
select.width60,
span.viewOnly.width60,
.checkboxArea.width60{
	width:1200px;
}

input[type="text"].width35,
select.width35,
span.viewOnly.width35,
.checkboxArea.width35{
	width:515px;		/**JSF標準UPLOADの3つ横並びに丁度良い値になっている*/
}

.width100{
	width:100%;
}

/* 文字単位の幅↑ */

/* フッター↓ */
#footerSpace.footerSpace{
	/* フッターが収まる空間 */
	height:40px;
}

#footer.footer{
	/* フッター基本設定 */
	background-color:#EBF6F9;
	width:1620px;
	margin-left:-12px;
	padding:2px 11px;
	border:1px solid #C0C0C0;
}

#footer.footerFloat{
	/* フッター(画面位置固定用クラス) javaScriptで切替 */
	position:fixed;
	bottom:4px;
}

#footer.footerNonFloat{
	/* フッター(ページ位置固定用クラス) javaScriptで切替 */
	margin-top:10px;
	margin-bottom:-11px;
}

#footer .footerButtonArea{
	/* ボタン幅 */
	width:127px;
	margin-right:1px;
	float:left;
}

#footer .footerButtonArea > *{
	display:block;
	width:100%;
	text-align:center;
}

#footer .footerButtonRightSpace{
	/* ボタンのグループを区切る間隔 */
	margin-right:31px;
}

.clearfix:after{
	/* float解除用 */
	content: "";
	display: block;
	clear: both;
}


/* フッター↑ */

/* ラベルの幅を超える場合に指定する */
/* widthは別途指定が必要 */
.abbreviateLabel{
	/* オーバーした要素を非表示にする*/
	overflow: hidden;
	/* 改行を半角スペースに変換することで、1行にする */
	white-space: nowrap;
	/* オーバーしたテキストを３点リーダーにする */
	text-overflow: ellipsis;
}


/* モバイルのCSSを使用しない */
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
}

/* PrimeFaceのToolTip表示に関する内容 */
/* マウスオーバー時の表示幅、改行を指定する独自クラス */
.styleToolTip {
	word-break: break-all;
	max-width:800px;
}