@charset "utf-8";

/*
	@version 1.01 - 2009/12/1
*/


/* form 内のスタイル [ zd style 考慮につき ★最重要!! ]
================================================================ */


/* ベースレイアウト
--------------------------------------------------*/

dl {
	width:680px;
}
#homeContact dl{ /* guest側ここだけ調整 */
	width:600px;
}

dt {  
	float:left;  
	width:90px; 
	text-align:right;
	font-weight:bold;
	font-size:1.1em;
	border-bottom:12px solid #fff;
	clear:both;
}

dd {
	float:left;
	text-align:left;
	border-bottom: 12px solid #fff;
	border-left: 12px solid #fff;
	
	/* for IE6-7 */
	*width:440px;
}
body#tbl_parentsAuth dt { /* 保護者pswd だけ幅広 */
	width:120px;
}

textarea{
	overflow-y:scroll !important; /* #content overflow:hidden でスクロールバーが消えるので */
	line-height:130%;
}


/* ボタン関連
--------------------------------------------------*/

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


/* 消しておく要素 */
/* dateXXX はここに全部追加 */
label.forButton, #backToIndex-label, #btnSubmit-label, #mode-label, #targetUrl-label, #no_csrf_foo-label, #no_csrf_foo,
#fileSub-label, #table-label, #id-label, #table, #id, #dateA-label, #dateB-label{
	width:0;
	display:none;
	font-size: 0.01em;
	line-height:0.01em;
	clear:both;
}
#mode-label{ /* ボタンの直上でスペーサー役 */
	height:6px;
	display:block; /* 上書き */
}

/* ボタン横並び実装 1 */
#btnConfirm-label, #btnLogin-label{
	color: #fff;
	font-size: 0.01em;
}
#btnConfirm{
	/* for IE6-7 */
	*margin:16px 0 0 90px;
}
#btnSubmit{
	/* for IE6-7 */
	*margin:0 0 0 20px;
}

/* ボタン横並び実装 2 */
#btnCancel, #btnReturn, #btnDelete{
	float:left;
	margin-left:10px;
	
	/* for IE6-7 */
	*float:none;
	*margin-left:10px;	
}




/* File要素
--------------------------------------------- */
input.formFile1{
	margin: 0;
}
input.formFile2{
	margin:0 0 0 90px; /* 左margin は Firefox 3.5 のためだが...？ */
	
	/* for IE6-7 */
	*margin: 0;
}


/* フォーム下部 [ file要素がらみ ]
--------------------------------------------- */
p.msgBottomFormNotice{
	color:#e06 !important;
}
div.bottomImgContainer{
	float:left;
	margin: 16px 6px 10px 0;
	padding: 0;
	border: 1px solid #ccb;
}
p.msgBottomImgNotice{
	float:left;
	width:250px;
	padding: 6px 0 20px 8px;
	color:#666 !important;
	font-size:85%;
}
p.msgBottomImgError{
	margin: 8px 8px 12px 8px;
	padding: 10px;
	text-align:left;
	color:#fff !important;
	background: #f58;
}
div.fileSubTag{ /* 登録画像HTML表示部分 */
	margin-left: 90px;
	padding:6px;
	border:dotted #999 1px;
	
	/* for IE6 only */
	_margin-left: 90px;
	*width:440px;
}
div.fileSubTag p{
	color:#000;
	text-align:left;
}
/* file の description :: 許可拡張子の記述 */
dd p.hint{
	text-align:center;
	color:#005511;
}


/* その他
--------------------------------------------------*/

/* 特定エレメントの横並び実装 */
div.formFloatElmContainer{
	float:left;
	
	/* for IE6-7 */
	*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;
}

/* wm 以外 */
.editableOnlyByAdmin{
	color:#333 !important;
	background-color:#eed;
}

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

/* 管理画面パスワード変更 */
body#tbl_adminAuth #password-label, body#tbl_adminAuth #passwordNew-label, body#tbl_adminAuth #passwordNewConfirm-label {
	width:190px;
}
body#tbl_adminAuth #btnLogin{
	margin: 8px 0 0 90px;
}