@charset "utf-8";

/* =========================== 就活塾2010 ============================ */

#recruitBase { width:722px; margin:22px 22px 22px 22px; padding:0px; background-color:#99cbe0; }
.recruitBaseSecond { padding-bottom:15px !important; }
.recruitBaseSecond p { text-align:center; }

#recruitBase h2 { margin:0px; padding:0px; text-indent:-9999px; background:url(/recruit/pre/images/img_head.jpg) no-repeat top left; width:722px; height:115px; }

#recruitBase #btns { width:690px; height:309px; margin:0px; padding:0px 16px 0px 16px; background:url(/recruit/pre/images/bg_top_con.gif) repeat-x bottom; }
#recruitBase #btns p { float:left; margin:0px; }
#recruitBase #btns p#con1 { background:url(/recruit/pre/images/img_con1.jpg) no-repeat top left; padding:110px 20px 20px 20px; width:189px; height:179px; }
#recruitBase #btns p#con2 { background:url(/recruit/pre/images/img_con2.jpg) no-repeat top left; width:230px; height:309px; }
#recruitBase #btns p#con3 { background:url(/recruit/pre/images/img_con3.jpg) no-repeat top left; width:230px; height:309px; }

#recruitBase #btns p#con1 span { display:block; margin:1px 0px 0px 2px; font-size:10px; text-align:center; }
#recruitBase #btns p#con1 span a { text-decoration:none; }
#recruitBase #btns p#con2 a { margin:200px 0px 0px 114px; padding:0px; display:block; width:97px; height:90px; overflow:hidden; text-align:right; text-decoration:none; font-weight:bold; font-size:10px; color:#f00; }
#recruitBase #btns p#con3 a { margin:257px 0px 0px 21px; padding:0px; display:block; text-indent:-9999px; width:189px; height:33px; overflow:hidden; }

table#con1Table { width:687px; margin:0px 0px 0px 17px; padding:0px; background:url(/recruit/pre/images/inner_con1.gif) repeat-y; }
table#con2Table { width:687px; margin:0px 0px 0px 17px; padding:0px; background:url(/recruit/pre/images/inner_con2.gif) repeat-y; }
table#con3Table { width:687px; margin:0px 0px 10px 17px; padding:0px; background:url(/recruit/pre/images/inner_con3.gif) repeat-y; }


div#con1TableArch { width:687px; margin:0px 0px 0px 17px; padding:5px 0px 0px 0px; }
div#con1TableArch .head { width:687px; height:15px; margin:0px; padding:0px; background:url(/recruit/pre/images/bg_arch_con1.gif) no-repeat top left; }
div#con1TableArch .con { width:687px; margin:0px; padding:0px; background:url(/recruit/pre/images/bg_arch_conbase.gif) repeat-y; }
div#con1TableArch .con p { display:block; width:623px; margin:0px auto; padding:20px 10px 20px 10px; background:url(/recruit/pre/images/inner_bg_con1.gif); line-height:20px; text-align:left; }
div#con1TableArch .bottom { width:687px; height:15px; margin:0px; padding:0px; background:url(/recruit/pre/images/bg_arch_con1.gif) no-repeat bottom left; }

div.clr { height:0px; margin:0px; padding:0px; }

/* =============================== FAQ =============================== */

#faqTable { margin:0px; padding:0px; }
#faqTable table { width:480px; margin:0px auto 0px auto; padding:0px; }
#faqTable table th,#faqTable table td { padding:7px; }
#faqTable table th { text-align:center; background-color:#999; color:#fff; }
#faqTable table td.head { background-color:#d4e5f3; padding:7px 10px !important; }
#faqTable table td textarea { width:280px; height:200px; font-size:12px; }

#faqResTable { width:460px; margin:10px auto 0px auto; background:url(/recruit/pre/images/inner_bg_con1.gif); line-height:20px; }
#faqResTable p { margin:0px 0px 20px 0px; padding:0px; text-align:left; line-height:20px; }
#faqResTable p#date { text-align:right !important; color:#C00; }
#faqResTable p#quest { color:#5291bd; font-weight:bold; }
#faqResTable p#resp { color:#e63939; font-weight:bold; }

a.faqBtnPage { display:block; background:url(/recruit/pre/faq/images/faq_btn_base.gif) no-repeat top left; line-height:1.2em; color:#333; padding:30px 0px 0px 0px; width:150px; height:120px; text-align:center; text-decoration:none; font-weight:bold; }
a.faqBtnPage span { color:#999; display:block; font-size:10px; margin:0px 0px 10px 0px; }
a.faqBtnPage span.new { color:#F00; margin:0px 0px 10px 0px; }
a.faqBtnPage span.us { color:#999; margin:10px 0px 0px 0px; }
a.faqBtnPage:hover { color:#F60; }

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

dl#requestDone { margin:0px auto; padding:20px; border:1px solid #e5e5e5; width:440px; }
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.haneruBtnBox { text-align:center !important; }

/* ==================== NANERU! ==================== */

#outline { margin:0px auto; padding:0px; width:687px; background:url(/recruit/pre/images/bg_con3_outline.gif) repeat-y; }

#outline #head { background:url(/recruit/pre/images/bg_arch_con1.gif) no-repeat top left; margin:0px; padding:0px; width:687px; height:15px; }
#outline #bottom { background:url(/recruit/pre/images/bg_arch_con1.gif) no-repeat bottom left; margin:0px; padding:0px; width:687px; height:15px; }

#outline table { margin:0px auto 0px auto; padding:0px; width:656px; }
#outline table tr th { background-color:#dfdfdf; color:#666; font-weight:normal; text-align:center; width:134px !important; }
#outline table tr th#olHead { background:url(/recruit/pre/images/tit_con3_th1.gif) no-repeat top #dfdfdf; width:134px !important; }
#outline table tr th#olBottom { background:url(/recruit/pre/images/tit_con3_th2.gif) no-repeat bottom #dfdfdf; width:134px !important; }
#outline table tr td { border-bottom:1px dotted #ccc; padding:7px 10px; }

#entryBtn { font-size:10px; color:#C00; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; text-align:center; margin:12px 0px 0px 0px; padding:0px; display:block; height:69px; background:url(/recruit/pre/images/bg_con3_outline_submit.gif) repeat-y center; }
#entryBtn a:link,#entryBtn a:visited { width:266px; height:53px; display:block; background:url(/recruit/pre/images/btn_academy.gif) no-repeat top left; margin:0px auto; text-indent:-9999px; overflow:hidden; }
#entryBtn a:hover,#entryBtn a:active { background-position:0px -53px; }

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

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

#preEntry table { margin:0px auto; width:687px; }
#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:687px; 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:687px; margin: 30px auto 1px auto; font-weight:bold; }
p#step { text-align:center; padding:10px; background:#eee; width:687px; margin: 0px auto 0px auto;  }
p#step strong { color:#3b3290; }