@charset "utf-8";


/* ------------------------- 
・root配下に共通で適用するスタイルを記述しています
・jspに適用する base_style.css から必要なものを抜粋したものになっています
・base_style.css が更新された際、更新内容を移植するかどうかはroot配下管理者が判断してください
 ------------------------- */


/* ============================== テキストスタイル-- */
.QWZ11-120 {FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 120%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-120-B {FONT-WEIGHT: bold; FONT-SIZE: 11px; LINE-HEIGHT: 120%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-130 {FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 130%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-130-B {FONT-WEIGHT: bold; FONT-SIZE: 11px; LINE-HEIGHT: 130%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-140 {FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 140%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-140-B {FONT-WEIGHT: bold; FONT-SIZE: 11px; LINE-HEIGHT: 140%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-150 {FONT-WEIGHT: normal; FONT-SIZE: 11px; LINE-HEIGHT: 150%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ11-150-B {FONT-WEIGHT: bold; FONT-SIZE: 11px; LINE-HEIGHT: 150%; FONT-FAMILY: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS UI Gothic";}
.QWZ12-120 {FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 120%;}
.QWZ12-120-B {FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 120%;}
.QWZ12-130 {FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 130%;}
.QWZ12-130-B {FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 130%;}
.QWZ12-140 {FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 140%;}
.QWZ12-140-B {FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 140%;}
.QWZ12-150 {FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 150%;}
.QWZ12-150-B {FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 150%;}
.QWZ12-160 {FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 160%;}
.QWZ14-120 {FONT-WEIGHT: normal; FONT-SIZE: 14px; LINE-HEIGHT: 120%;}
.QWZ14-120-B {FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 120%;}
.QWZ14-130 {FONT-WEIGHT: normal; FONT-SIZE: 14px; LINE-HEIGHT: 130%;}
.QWZ14-130-B {FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 130%;}
.QWZ14-140 {FONT-WEIGHT: normal; FONT-SIZE: 14px; LINE-HEIGHT: 140%;}
.QWZ14-140-B {FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 140%;}
.QWZ14-150 {FONT-WEIGHT: normal; FONT-SIZE: 14px; LINE-HEIGHT: 150%;}
.QWZ14-150-B {FONT-WEIGHT: bold; FONT-SIZE: 14px; LINE-HEIGHT: 150%;}
.QWZ16-120 {FONT-WEIGHT: normal; FONT-SIZE: 16px; LINE-HEIGHT: 120%;}
.QWZ16-120-B {FONT-WEIGHT: bold; FONT-SIZE: 16px; LINE-HEIGHT: 120%;}
.QWZ16-130 {FONT-WEIGHT: normal; FONT-SIZE: 16px; LINE-HEIGHT: 130%;}
.QWZ16-130-B {FONT-WEIGHT: bold; FONT-SIZE: 16px; LINE-HEIGHT: 130%;}
.QWZ16-140 {FONT-WEIGHT: normal; FONT-SIZE: 16px; LINE-HEIGHT: 140%;}
.QWZ16-140-B {FONT-WEIGHT: bold; FONT-SIZE: 16px; LINE-HEIGHT: 140%;}
.QWZ16-150 {FONT-WEIGHT: normal; FONT-SIZE: 16px; LINE-HEIGHT: 150%;}
.QWZ16-150-B {FONT-WEIGHT: bold; FONT-SIZE: 16px; LINE-HEIGHT: 150%;}
.QWZ18-120 {FONT-WEIGHT: normal; FONT-SIZE: 18px; LINE-HEIGHT: 120%;}
.QWZ18-120-B {FONT-WEIGHT: bold; FONT-SIZE: 18px; LINE-HEIGHT: 120%;}
.QWZ18-130 {FONT-WEIGHT: normal; FONT-SIZE: 18px; LINE-HEIGHT: 130%;}
.QWZ18-130-B {FONT-WEIGHT: bold; FONT-SIZE: 18px; LINE-HEIGHT: 130%;}
.QWZ18-140 {FONT-WEIGHT: normal; FONT-SIZE: 18px; LINE-HEIGHT: 140%;}
.QWZ18-140-B {FONT-WEIGHT: bold; FONT-SIZE: 18px; LINE-HEIGHT: 140%;}
.QWZ18-150 {FONT-WEIGHT: normal; FONT-SIZE: 18px; LINE-HEIGHT: 150%;}
.QWZ18-150-B {FONT-WEIGHT: bold; FONT-SIZE: 18px; LINE-HEIGHT: 150%;}
.QWZ20-120 {FONT-WEIGHT: normal; FONT-SIZE: 20px; LINE-HEIGHT: 120%;}
a:hover {color:#FF0000;}

/* ============================== Setup */
#nsi-body { width: 700px; text-align: left; }
#nsi-body h1,h2,h3 { color:#ffffff; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; border:0; border-bottom:0; border-left:0; border-right:0; border-top:0; }
#nsi-body em {font-style: normal; }
#nsi-body i {font-style: normal; }
#nsi-body form {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0; border:0; border-bottom:0; border-left:0; border-right:0; border-top:0;}
#nsi-body input, textarea {FONT-FAMILY: MS Gothic;}
#nsi-body hr {height: 1px; color: #B5B1AD;}
#nsi-body img.outline {border-style: solid;border-color: #918985;}
.css_layout * { background-repeat: no-repeat; font-size: 12px; font-style: normal; text-decoration: none; font-weight: normal; }
.css_layout div, .css_layout h1, .css_layout h2, .css_layout h3, .css_layout h4, .css_layout h5, .css_layout h6, .css_layout p, .css_layout blockquote, .css_layout hr, .css_layout ul, .css_layout ol, .css_layout li, .css_layout dl, .css_layout dt, .css_layout dd, .css_layout dir, .css_layout menu, .css_layout table, .css_layout th, .css_layout td, .css_layout thead, .css_layout tbody, .css_layout tfoot, .css_layout caption, .css_layout form, .css_layout fieldset, .css_layout legend, .css_layout isindex, .css_layout embed, .css_layout object, .css_layout pre { margin: 0; padding: 0; border: 0; text-align: left; } /* -----08/03/31変更----- */
.css_layout body { text-align: center; font-size: 12px; } /* -----08/03/31変更----- */
.css_layout ul, .css_layout ol, .css_layout dl, .css_layout li, .css_layout dt, .css_layout dd { list-style: none; line-height: 1em; }
.css_layout table { border-collapse:collapse; border-spacing:0; }
.css_layout th, .css_layout td { vertical-align: top; line-height: 1em; }
.css_layout a { text-decoration: underline; }
.css_layout a:link, .css_layout a:visited, .css_layout a:hover, .css_layout a:active { text-decoration: underline; }
.css_layout a, .css_layout img { border: 0; }
.css_layout a img, .css_layout a:link img, .css_layout a:visited img, .css_layout a:hover img, .css_layout a:active img { border: none; text-decoration: none; }
.css_layout p { line-height: 1em; }


/* ============================== Setup_static */
.body_static { width: 700px; margin:0 auto; padding:0; text-align: center; }
#sidemenu_ari #main_column { width: 545px; float: left; }
#sidemenu_ari #sub_column { width: 140px; margin-left:15px; float: right; }
#sidemenu_nashi #main_column { width: 700px; }
.clr_static:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr_static { display: inline-table; min-height: 1%; }
.clr_static_print:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* ============================== CSS Hack */
/* floating box clear */
.css_layout .clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.css_layout .clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ¥*/
* html .css_layout .clr { height: 1%; }
.css_layout .clr { display: block; }
/* End Hide from mac IE5 */

/* floating box clear for print */
.css_layout .clr_print:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* hide text */
.css_layout .hidetxt { text-indent: -9999px; overflow: hidden; }
.css_layout .hidetxt a { overflow: hidden; }


/* ============================== multi column */
.css_layout .multicol { } /* necessary - clr class */
.css_layout .leftcol { float: left; }
.css_layout .rightcol { float: right; }


/* ============================== directory_link パンくずナビ */
#main_column #directory_link { margin-bottom: 7px; }
#main_column #directory_link p, #main_column #directory_link p a, #main_column #directory_link p em { font-size: 11px; font-family: "MS UI Gothic"; line-height: 140%; }
#footer #ft_directory_link { float: left; width: 545px; }
#footer #ft_directory_link p, #footer #ft_directory_link p strong, #footer #ft_directory_link p a { font-size: 11px; font-family: "MS UI Gothic"; line-height: 140%; }
#footer #ft_directory_link p span { font-size: 11px; font-family: "MS UI Gothic"; line-height: 140%; color: #999999; }

/* ============================== footer */
#footer { width: 700px; margin: 20px auto 0; padding: 0 0 19px; }
#footer #ft_wrap { padding: 0 0 21px; background: url(/parts/img/nsi_ft_redline.gif) repeat-x 0 100%; }
/* -----ページトップ----- */
#footer #ft_pagetop { float: right; width: 145px; }
#footer #ft_pagetop p { width: 145px; text-align: right; }
#footer #ft_pagetop p a { padding: 1px 0 0 12px; background: url(../parts/img/nsi_icon_arrow02.gif) no-repeat 0 0; font-size: 11px; font-family: "MS UI Gothic"; line-height: 140%; }
/* -----Yahoo!リクナビのWebサイト----- 08/05/31修正 */
#footer #footer_yahoorikunabiwebsite { margin: 10px 0 0; padding: 1px 0 0; background: url(/rnc/contents/pub/inc_footer/img/nog_ft_line.gif) repeat-x 0 0; }
#footer #footer_yahoorikunabiwebsite #footer_yahoorikunabiwebsite_title { float: left; width: 158px; margin-top: 7px; text-align: center; }
#footer #footer_yahoorikunabiwebsite #footer_yahoorikunabiwebsite_link { float: right; width: 522px; margin-top: 5px; }
#footer #footer_yahoorikunabiwebsite #footer_yahoorikunabiwebsite_link p, #footer #footer_yahoorikunabiwebsite #footer_yahoorikunabiwebsite_link a { color:#6C625C; font-size: 11px; font-family: "MS UI Gothic"; line-height: 140%; }
#footer #footer_yahoorikunabiwebsite #footer_yahoorikunabiwebsite_link a:hover { color:#ff0000; }


/* ============================== 転職パーフェクトガイド(01〜04用） */
/* -----Twitter、Facebook導線----- 11.04.06追加 吉村 */
#pg_twitter { width: 100%; }
#pg_twitter li { float: right; list-style-type: none; }
#pg_twitter li#fb { width: 120px; }
#pg_twitter li#tw { width: 140px; }
#pg_twitter li#ht { margin-right: 40px; }
/* floating box clear */
#pg_twitter:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#pg_twitter { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ¥*/
* html #pg_twitter { height: 1%; }
#pg_twitter { display: block; }
.pg_twitter_top { padding: 0; margin: 0; }
.pg_twitter_bottom { padding: 10px 0; }