@charset "utf-8";

/*
------------------------------------------------------------
	WEBフォーム
------------------------------------------------------------
*/


/* エラー表示 */
.error {
    padding: 10px;
}

.error ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #d00;
}

.error ul li {
    margin: 0;
    background: url("../img/error.gif") left 3px no-repeat;
    padding: 3px 0px 3px 20px;
    line-height: 1.5;
}


/* SSL site seal */
div#ssl{
	float:right;
	width:160px;
	font-size:10px;
	line-height:12px;
	color:#333;
	text-align:center;
}
div#ssl p{
	margin-top:6px;
}



/* form 内のスタイル [ zend 考慮 ]
================================================================ */

dl {
	width:600px;
} 
dt {  
	float:left;  
	width:90px; 
	text-align:right;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:12px solid #f1fbea;
	clear:both;
}
/* ★直下で Hack あり */
dd {
	float:left;
	border-bottom: 12px solid #f1fbea;
	border-left: 12px solid #f1fbea; 
}
* html dd { /* ★ for IE6 */
	width:470px;
}


div.form_container{
	padding:30px;
	background: #f1fbea;
	
}
div.formTitle{
	width:98%;
	padding: 6px;
	margin-bottom:10px;
	background: #903;
	font-size:1.2em;
	font-weight:bold;
	color:#eee;
}
div.formHeader{
	padding: 6px 0 6px 0;
	font-size:1.2em;
	font-weight:bold;
	color:#963;
}


ul.formError{
	margin:6px 0 24px 80px;
}
ul.formError li{
	margin:4px 0 0 14px;
	color: #F33;
	list-style:disc;
}
ul.formError li span{
	color: #ccc;
	font-size:90%;
}




/* 確認テーブル
--------------------------------------------*/
table.confirm{
	margin: 16px 0 20px 12px;
}
table.confirm th{
	width:100px;
	border:1px solid #555;
	padding:4px;
	text-align:right;
	background:#eed;
}
table.confirm td{
	width:400px;
	border:1px solid #555;
	padding:4px;
	background:#fff;
}


/* ボタンとラベルとディスクリプション調整
--------------------------------------------*/

/* ボタン大（確認・送信ほか）★直下で Hack あり */
#btnConfirm, #btnSubmit, #backToIndex, #btnLogin, #btnCancel, #btnReturn, #btnDelete{
	font-size: 1.1em;
	height:2.4em;
	padding: 0 10px;
}
/* ★ for IE6 */
* html #btnConfirm, * html #btnSubmit, * html #backToIndex, * html #btnLogin, * html #btnCancel, * html #btnReturn, * html #btnDelete{
	height:2.1em;
	padding: 2px 0 0 0;
}


/* zend 表示させた button類 のラベル対策 
   ※ dateXXX はここに全部追加 */
label.forButton, #backToIndex-label, #btnSubmit-label, #mode-label, #targetUrl-label, #no_csrf_foo-label,
#dateA-label{
	width:0;
	display:none;
	font-size: 0.01em;
	clear:both;
}
#mode-label{ /* ボタンの直上でスペーサー役 */
	height:10px;
	display:block; /* 上書き */ 
}

/* ボタン横並び実装 1 ★直下で 間接Hack あり */
#btnConfirm-label, #btnLogin-label{
	color: #fff;
	font-size: 0.01em;
}
* html #btnConfirm{ /* ★ for IE6 */
	margin:16px 0 0 90px;
}
* html #btnSubmit{ /* ★ for IE6 */
	margin:0 0 0 20px;
}


/* ボタン横並び実装 2 ★直下で Hack あり */
#btnCancel, #btnReturn, #btnDelete{
	float:left;
	margin-left:10px;
}
* html #btnCancel, * html #btnReturn, * html #btnDelete{ /* ★ for IE6 */
	float:none;
	margin-left:10px;
}


/* 特定エレメントの横並び実装　★直下で Hack あり */
div.formFloatElmContainer{
	float:left;
}
* html div.formFloatElmContainer{ /* ★ for IE6 */
	display:inline;
	float:none;
}
.formFloatElm{
	display:inline;
	margin-left: 8px;
}
div.formFloatDesc{
	display:inline;
}


/* ディスクリプション */
div.description{
	display:inline;
	margin-left: 1px;
}
/* 必須項目アスタリスク */
span.required{
	color:#e11 !important;
}

/* ログイン画面 */
#password-label, #userId-label, #btnLogin-label{
	width:120px;
}
#btnLogin{
	margin-top:8px;
}