@charset "utf-8";

/* ==================== 会員登録カテゴリ用 ==================== */

/* 全体背景設定 */
.pageEntry { background-image:url(/entry/images/page_bg_entry.gif); background-repeat:no-repeat; background-position:left top; }

/* ページ見出し */
.pageEntry h2 { margin:0px; padding:3px 0px 0px 0px; }
h3#entryFormTit { margin:0px 0px 1px 0px; padding:0px; }

/* ベース */
div#txtBox { width:600px; margin:40px auto 40px auto; padding:20px; border:1px solid #ccc; }
div#txtBox h3 { height:50px; margin:0px 0px 10px 0px; padding:17px 0px 0px 60px; border-bottom:1px solid #ccc; background:url(/common/images/icon_accounts.gif) no-repeat top left; }
div#txtBox p { text-align:center; margin:20px 0px 0px 0px; }
div#txtBox div#login {  }
div#txtBox div#login .mail,div#txtBox div#login .passwd { border:1px solid #ccc; }
div#txtBox div#login .mail { width:200px; }
div#txtBox div#login .passwd { width:150px; }
div#txtBox hr { color:#ccc; margin:20px 0px 0px 0px; padding:0px; }

div#errorBox { width:600px; margin:40px auto 40px auto; padding:20px; border:1px solid #ccc; }
div#errorBox h3 { height:50px; margin:0px 0px 10px 0px; padding:17px 0px 0px 60px; border-bottom:1px solid #ccc; background:url(/common/images/icon_err.gif) no-repeat top left; }
div#errorBox p { text-align:center; margin:20px 0px 0px 0px; }
div#errorBox div#login {  }
div#errorBox div#login .mail,div#txtBox div#login .passwd { border:1px solid #ccc; }
div#errorBox div#login .mail { width:200px; }
div#errorBox div#login .passwd { width:150px; }
div#errorBox hr { color:#ccc; margin:20px 0px 0px 0px; padding:0px; }

/* 募集中告知枠 */
.entryFrame001 { width:700px; margin:20px 0px; padding:0px; background-color:#e3e3d9; }
.entryFrame001 h3 { margin:10px 0px 0px 40px; padding:0px; }
.entryFrame001 p { width:615px; margin:5px 0px 0px 40px; padding:0px 0px 5px 0px; border-bottom:solid 1px #fff; font-size:11px; }
.entryFrame001 p.frameEnd { width:650px; margin:0px; padding:10px 50px 10px 0px; text-align:right; border-bottom:none; background-image:url(/entry/images/entry_img_002.gif); background-repeat:no-repeat; background-position:bottom left; }

/* 注意書き段落 */
p.attention { width:678px; margin:0px 0px 1px 0px; padding:10px; text-align:center; font-weight:bold; color:#fa6c0f; background-color:#ffe4d2; border:solid 1px #fa6c0f; font-size:11px; }
p.step { margin:0px; padding:0px; }
.entryP001 { margin:20px; padding:0px; font-size:10px; }

/* 注意書き段落2 */
.entryP002 { width:658px; margin:0px 20px 5px; padding:10px 0px; border:dotted 1px #333333; text-align:center; }

/* 応募フォーム */
.entryForm { width:670px; margin:0px 0px 20px 20px; border-collapse:collapse; }
.entryForm th { width:160px; margin:0px; padding:10px; text-align:right; background-color:#e3e3d9; font-weight:normal; vertical-align:top; }
.entryForm th.sep { border-bottom:solid 1px #fff; }
.entryForm td { width:430px; margin:0px; padding:10px; border-bottom:dotted 1px #e3e3d9; }
.entryForm .td001 { width:auto; padding:20px; background-color:#e3e3d9; text-align:center; border-top:solid 2px #FFFFFF; }
.entryForm td span { font-size:10px; line-height:1.2em; }
.entryForm td span.sumarry { color:#ff6805; }
.entryForm td p { width:280px; padding:0px; margin:10px 0px; line-height:2.4em; }
.entryForm td input { font-size:12px; padding:3px; }
.entryForm td .input000 { margin:0px 0px 5px 0px; width:300px; border:solid 1px #999999; height:12px; }
.entryForm td .input001 { margin:0px 0px 5px 0px; width:100px; border:solid 1px #999999; height:12px; }
.entryForm td .input002 { margin:0px 0px 5px 0px; width:80px; border:solid 1px #999999; height:12px; }
.entryForm td .input003 { margin:0px 0px 5px 0px; width:40px; border:solid 1px #999999; height:12px; }
.entryForm td .inputDream { margin:2px 0px 5px 0px; width:400px; border:solid 1px #999999; }

/* エラー表示 */
#error { width:658px; margin:1px 20px; padding:0px 0px 10px 0px; background-color:#f7c7c7; border:solid 1px #df3535; }
#error h3 { margin:0px 0px 10px 0px; padding:10px; background-color:#df3535; color:#fff; font-weight:bold; }
#error p { margin:0px; padding:0px 10px; color:#df3535; }

/* 完了画面用 */
.entryDoneBlock_001 { width:620px; margin:20px; padding:20px; }
.entryDoneBlock_001 h2 { font-size:16px; border-bottom:solid 1px #CCCCCC; }
.entryDoneBlock_001 p { margin:0px; padding:20px; font-size:12px; line-height:1.4em; }
.contxt { padding:20px; border:solid 1px #CCC; }

/* 規約標示枠 */
.codeFrame001 { height:400px; margin:0px; padding:0px; overflow:auto; border:solid 1px #666666; background-color:#fff; text-align:left; }
.codeFrame001 h3 { margin:10px 10px 20px 10px; padding:7px 0px; background-color:#dededc; font-size:14px; line-height:1.2em; text-align:center; }
.codeFrame001 h4 { margin:10px 10px 20px 10px; padding:5px 7px; border-left:solid 6px #dededc; border-bottom:solid 1px #dededc; line-height:1.2em; }
.codeFrame001 h5 { margin:0px 10px 10px 23px; padding:0px; }
.codeFrame001 p { margin:0px 10px 15px 23px; padding:0px; }
.codeFrame001 ol { margin:0px 10px 15px 20px; padding:0px; }
.codeFrame001 ol li { margin:0px 0px 5px 23px; padding:0px; }
.entryForm th .codeP001 { text-align:center; margin:0px 0px 5px 0px; padding:25px; background-color:#f7f7f4; }

/* 推奨環境用 */
#browser { margin:20px; padding:0px 0px 5px 0px; }
#browser h1 { font-size:16px; border-bottom:1px solid #dededc; }
#browser h2 { margin:10px 0px 0px 0px; font-size:12px; border-bottom:1px solid #dededc; }
#browser p { font-size:10px; line-height:1.6em; }

/* hide */
body { height:100%; margin:0; padding:0; position:relative; }

#hideshow { position:absolute; width:100%; height:100%; top:0; left:0; }
#fade { background:#000; position:fixed; width:100%; height:100%; filter:alpha(opacity=80); opacity:.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/ left:0; z-index:10; }
.popup_block { background:#ddd; padding:10px 20px; border:10px solid #fff; float:left; width:480px; position:fixed; top:10%; left:50%; margin:0 0 0 -250px; z-index:100; }
.popup_block .popup { float:left; width:100%; background:#fff; margin:10px 0; padding:10px 0; border:1px solid #bbb; }
.popup h3 { margin:0 0 20px; padding:5px 10px; border-bottom:1px solid #bbb; font-size:1.5em; font-weight:normal; }
.popup p { padding:5px; margin:5px 0; }
.popup img.cntrl { position:absolute; right:-20px; top:-20px; }

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position:absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop :document.body.scrollTop);
}
*html .popup_block {
	position:absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	:document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	:document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}