@charset "utf-8";

/* PRE */

#recruitPreBox h2 { margin:20px 0px 20px 20px; padding:0px; background:url(/recruit/pre/images/pre_recruit_index_tit.gif) no-repeat top left; text-indent:-9999px; height:88px; }

#recruitPreBox table { width:700px; margin:0px auto; padding:0px; }
#recruitPreBox table th,#recruitPreBox table td { padding:7px; }
#recruitPreBox table th { text-align:center; background-color:#999; color:#fff; }
#recruitPreBox table td { border:1px solid #CCC; }
#recruitPreBox table td.head { background:url(/dreamland/academy/images/td_bg.gif) repeat-y left; padding:7px 10px; !important }
#recruitPreBox table td textarea { width:600px; height:200px; font-size:12px; }

.input001 { width:200px; font-size:12px; }

#isbm { text-align:center; width:704px; margin:15px auto 20px auto; padding:0px; font-size:12px; }
#isbm input { font-size:12px; }

dl#requestDone { margin:0px 0px 15px 32px; padding:20px; border:1px solid #e5e5e5; width:660px; }
dl#requestDone dt { margin:0px 0px 15px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #e5e5e5; font-size:14px; font-weight:bold; }
dl#requestDone dd { margin:0px; padding:0px; }

p#attention { width:690px; margin:20px auto 30px auto; }
p.attention { width:700px; margin:20px auto 30px auto; padding:15px; background-color:#f3c9c9; border:1px solid #a21414; color:#a21414; }
p.attention strong { color:#a21414; }

#greetBox { border:1px solid #ccc; width:700px; margin:0px auto 20px auto; padding:1px; }

#greetBox #prof { float:left; width:200px; background:url(/recruit/pre/images/bg_prof.gif) repeat-x top; padding:18px 0px 0px 0px; margin:0px; }
#greetBox #prof p { clear:#333; font-size:10px; width:180px; margin:0px auto 10px auto; padding:0px; }
#greetBox #prof p#linkProf { height:130px; background:url(/recruit/pre/images/uehara_img.jpg) no-repeat bottom center; margin:0px 0px 0px 0px !important; text-align:right;  }

#greetBox #text { float:left; padding:30px 30px 10px 30px; margin:0px; width:440px; }
#greetBox #text h3 { margin:0px 0px 20px 0px; padding:0px; font-size:14px; }
#greetBox #text h3 strong { font-size:11px; color:#C30; }
#greetBox #text p { margin:0px 0px 20px 0px; padding:0px; }

#underBox { width:700px; margin:0px auto 20px auto; padding:0px; }
#underBox #onayamiBox { width:450px; padding:0px; margin:0px 20px 0px 0px; float:left; }
#underBox #onayamiBox p#p001 { width:381px; padding:0px; margin:0px; float:left; }
#underBox #onayamiBox p#p002 { width:60px; padding:0px; margin:0px; float:left; }
#underBox #onayamiBox p#p003 { width:450px; padding:0px; margin:1px 0px 0px 0px; clear:both; }

#underBox #academyBox { float:left; width:228px; }

/* Profile */

#profBox { width:680px; margin:0px 0px 50px 50px; padding:0px 0px 0px 0px; background:url(/recruit/pre/images/uehara_img_big.jpg) no-repeat right; }
#profBox p { width:300px; margin:0px 0px 20px 0px; color:#666; }

.downBox { width:300px; margin:0px 0px 20px 0px; padding:0px; }
.downBox p { color:#666; margin:0px 0px 10px 0px; padding:0px; }
.downBox h3 { color:#336699; }
.downBox table { width:300px !important; margin:0px auto 15px 0px !important; padding:0px !important; }
.downBox table tr td { border:none !important; font-size:11px; }
.downBox table tr td span { color:#f00 !important; font-weight:bold !important; }

.clr { clear:both; }
p#backHome { margin:0px 0px 20px 0px; padding:0px; }

/* academy */

#academyBox { width:700px; margin:0px auto 20px auto; padding:0px; }
#academyBox p { margin:0px 0px 10px 0px; }

dl#conceptBox { border:1px solid #ccc; width:640px; margin:0px auto 20px auto; padding:20px; }
dl#conceptBox dt { padding:0px; margin:0px 0px 20px 0px; font-weight:bold; color:#e1608e; font-size:14px; }
dl#conceptBox dd { padding:0px; margin:0px 0px 10px 0px; }

table#outline { margin:20px auto; padding:0px; width:750px; }
table#outline tr th { padding:3px 7px; background-color:#3b3290; color:#fff; }
table#outline tr td { margin:0px; padding:7px 7px; border-bottom:1px dotted #ccc; }

#entryBtn { width:700px; margin:0px auto 20px auto; padding:0px; text-align:center; }
#entryBtn a:link,#entryBtn a:visited { width:205px; height:42px; display:block; background:url(/recruit/pre/images/entry_btn.gif) no-repeat; margin:0px auto; text-indent:-9999px; overflow:hidden; }
#entryBtn a:hover,#entryBtn a:active { background:url(/recruit/pre/images/entry_btn_on.gif) no-repeat; }


/* ==================== 会員規約カテゴリ用 ==================== */

#preEntry { width:700px; margin: 0px auto 20px auto; padding:0px; }
#preEntry h2 { margin:0px 0px 10px; padding:0px 0px 3px 5px; border-bottom:1px solid #3b3290; border-left:5px solid #3b3290; }

#preEntry  table { margin:0px; width:700px; }
#preEntry  table tr th { background:#F6F6F6; text-align:center; }
#preEntry  table tr td { border-bottom:1px dotted #F6F6F6; }
#preEntry  table tr td#detailImg { vertical-align:top; }
#preEntry  table tr td input,#preEntry  table tr th input { font-size:12px; }
#preEntry  table tr td .inputlong { width:200px; }
#preEntry  table tr td .inputmidium { width:100px; }
#preEntry  table tr td .inputsmall { width:50px; }
#preEntry  table tr td .txtarea { width:380px; height:200px; }

#preEntry dl { margin:10px 20px 20px 20px; padding:0px; }
#preEntry dl dt { margin:0px 0px 15px 0px; padding:0px 0px 5px 0px; font-weight:bold; border-bottom:1px dotted #666; }
#preEntry dl dd { margin:0px 0px 10px 0px; padding:0px; }
#preEntry dl dd span { font-size:10px; color:#C30; }
#preEntry #address { margin:10px 0px 20px 0px; padding:10px 20px 20px 20px; background:#f2f2f2; }
#preEntry #address p { margin:10px 0px 0px 0px; padding:0px; }

#codeBox{ height: 500px; width:700px; margin: 0px auto 20px auto; padding: 0px; overflow: auto; border: solid 1px #dededc; }

#codeBox h3{ margin: 10px 10px 20px 10px; padding: 7px 0px; background-color: #dededc; font-size: 14px; line-height: 1.2em; text-align: center; }
#codeBox h4{ margin: 10px 10px 20px 10px; padding: 5px 7px; border-left: solid 6px #dededc; border-bottom: solid 1px #dededc; line-height: 1.2em; }
#codeBox h5{ margin: 0px 10px 10px 23px; padding: 0px; }

#codeBox p{ margin: 0px 10px 15px 23px; padding: 0px; font-size: 10px; }

#codeBox ol{ margin: 0px 10px 15px 20px; padding: 0px; }
#codeBox ol li{ margin: 0px 0px 5px 23px; padding: 0px; font-size: 10px; }

/* 推奨環境用 */

#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 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(../../iepngfix.htc) }
 
 
 
#codeBtn { width:700px; margin: 0px auto 20px auto; padding:20px 0px; background-color:#efefef; text-align:center; }
#codeBtn input { font-size:12px; }

#recruitPreEntryTit { text-align:center; padding:10px; background:#3b3290; color:#fff; width:680px; margin: 0px auto 1px auto; font-weight:bold; }
p#step { text-align:center; padding:10px; background:#eee; width:680px; margin: 0px auto 0px auto;  }
p#step strong { color:#3b3290; }


