@charset "UTF-8";

/*----------------------------------------------------------
CSS Information

 File name:      common.css
 Style Info:     全頁共通指定

----------------------------------------------------------*/


/*--------------------------------------------------------------
 基本指定
--------------------------------------------------------------*/

body {
background-color:#f8f8f8;
color:#111111;
margin:0 auto;
font-family:"Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
}

a:link {
color: #105cb6;
text-decoration:none;
}

a:visited { 
color: #5b1281;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/*--------------------------------------------------------------
 Sprite
--------------------------------------------------------------*/


#topicPath,div.hr,#maintitle{
background-image:url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/icoCmnCompress.png);
}


/*--------------------------------------------------------------
 コンテナ
--------------------------------------------------------------*/

div#container {
width:950px;
margin:10px auto 0;
letter-spacing:0.05em;
line-height:1.2;
min-height:600px;
}

/*--------------------------------------------------------------
 ヘッダ
--------------------------------------------------------------*/

#header {
background:#06b9ca url("http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_hdrGld_min.png") repeat-x scroll left bottom;
margin:0;
padding:0;
}

#header .innerWrap {
width:950px;margin:0 auto;
padding: 0 0 15px;
height:auto;
}

#header .slogo {
margin:5px 0 0 ;
width:150px;
float:left;
}

#header .subNav {
width:auto;
float:left;
padding:5px 0 0 15px;
}

/*--------------------------------------------------------------
フリー検索
--------------------------------------------------------------*/

#fsearch {
width:auto;
height:40px;
padding:5px 0 10px;
}

#fsearch .wrap {
width:950px;
margin:0 auto;
}

#fsearch form {
text-align:center;
}

#fsearch .ibox {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_inputTxt.png) no-repeat scroll left top;
width:285px; height:28px;
margin:5px 0;
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
}

*+html #fsearch .ibox{
display:inline;
zoom:1;
margin-right:3px;
}

* html #fsearch .ibox{
display:inline;
zoom:1;
margin:4px 3px 4px;
}

#fsearch .ibox input{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_handGlass.png) no-repeat scroll 4px center;
border:0 none;
margin:2px;
padding:3px 0 0 24px;
width:255px;
height:20px;
}

#fsearch .img_topsearch{
margin:0;padding:0;
border:0 none;
text-indent:-9999px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/btn_keySearch.png) no-repeat scroll left top;
width:67px;height:28px;
vertical-align:middle;
letter-spacing:-9999px;
font-size:0;
}

/*--------------------------------------------------------------
Topic Path
--------------------------------------------------------------*/

#pathWrap{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_headerShadow.png) repeat-x scroll left bottom;
padding:0 0 5px;
}

#topicPath {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_topicPath.png) repeat-x scroll left top;
padding:0;
height:29px;
}

#topicPath .inner {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bullet_ico_transArrow.png) no-repeat scroll left center;
padding:0 0 0 15px;
margin:0 auto;
width:935px;
font-size:93%;line-height:30px;
}

#pathWrap h1 {
display:inline;
margin:0;padding:0;
font-weight:normal;
font-size:100%;
}


#pathWrap h2{
display:inline;
margin:0;padding:0;
font-size:100%;
}


#topicPath_ftr {
margin:30px 0 0;
padding:0;
height:29px;
overflow:hidden;
}

#topicPath_ftr .inner {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bullet_ico_transArrow.png) no-repeat scroll left center;
padding:0 0 0 15px;
margin:0 auto;
width:935px;
font-size:93%;line-height:30px;
}

#topicPath_ftr  h1 {
display:inline;
margin:0;padding:0;
font-weight:normal;
font-size:100%;
}


#topicPath_ftr  h2{
display:inline;
margin:0;padding:0;
font-size:100%;
}

/*--------------------------------------------------------------
ページタイトル
--------------------------------------------------------------*/

#maintitle {
background-position:0 -1199px;
background-repeat:no-repeat;
margin:8px 0;
padding:0 0 0 30px;
height:auto;line-height:30px;
font-weight:bold;
font-size:122%;
}

/*--------------------------------------------------------------
トップページへ戻る
--------------------------------------------------------------*/

#topNavi {
margin:20px 0;
text-align:center;
}

/*--------------------------------------------------------------
件数表示　グレー表示
--------------------------------------------------------------*/

.cCheck{
font-size:85%;
color:inherit;
}

.grayout{
color:#C9C9C9;
}

/*--------------------------------------------------------------
アラート：アテンション指定
--------------------------------------------------------------*/

.alert_area {
margin:15px auto;width:580px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_alert_mid.png) repeat-y scroll left top;
}

.alert_area .hdr {
height:6px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_alert_hdr.png) no-repeat scroll left top;
}

.alert_area .ftr {
height:6px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/bkg_alert_ftr.png) no-repeat scroll left top;
}

.alert_area .inner_bkg {
padding:6px 15px 15px 25px;
}

.alert_area em.infom {
text-indent:-9999px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/hx_information_alert.gif) no-repeat scroll left top;
width:139px;height:26px;display:block;
margin:0 0 6px 0;padding:0;
}

.alert_area em.att {
text-indent:-9999px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d900_shift/cu/common/hx_attention_alert.gif) no-repeat scroll left top;
width:139px;height:26px;display:block;
margin:0 0 6px 0;padding:0;
}

.alert_area .shft_attentionMessage {
margin:0;
}
.alert_area h2{
color:#F800A3;
font-size:108%;
margin:0 0 5px;
padding:0;
}


/*--------------------------------------------------------------
区切り線の定義
--------------------------------------------------------------*/

div.hr {
background-position:0px -1309px;
background-repeat:repeat-x;
height:10px;margin:6px 0;
}

div.hr hr {
display:none;
}

/*--------------------------------------------------------------
  フッタ指定
--------------------------------------------------------------*/

#footer {
border-top:3px solid #0098a5;
background-color :#fff;
margin:30px 0 0;padding:8px 0 0;
min-height:200px;
height:200px;
}

#footer #anav{
margin:10px auto 0;
width:950px;
}

#footer #anav ul{
border-left:1px solid #adadad;
margin:0 0 0 10px;padding:0;
}

#footer #anav ul li{
margin:0;padding:0 7px;list-style:none;
border-right:1px solid #adadad;
height:16px;font-size:85%;
line-height:1.8;
display:-moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;/
}


#anchor {
text-align:right;
width:950px;
margin:-25px auto 0;
position:relative;
}

#copyright {
font-family:Geneva,Arial,Helvetica,sans-serif;
margin:30px auto 0;
font-size:85%;
letter-spacing:0.2em;
text-align:center;
}

/*--------------------------------------------------------------
  emergency
--------------------------------------------------------------*/

#emergencyColumn {
width:735px;
display:inline;
}

#emg-wrap, #emg2-wrap, #emg3-wrap {
margin:0 auto;
width:735px;
}

#emg-wrap table, #emg2-wrap table, #emg3-wrap table {
margin:10px 0 0;
}


/*--------------------------------------------------------------
   401エラー,sysError
--------------------------------------------------------------*/

#notFound,#sysError {
font-size:108%;
margin:0pt auto;
padding:70px 0pt;
text-align:center;
width:400px;
}

/*--------------------------------------------------------------
  汎用クラスセレクター
--------------------------------------------------------------*/

.align_c {
text-align:center;
}

.align_r {
text-align:right;
}

.align_l {
text-align:left;
}

.strong {
font-weight:bold;
}

.float_r {
float:right;
}

.float_l {
float:left;
}

/*--------------------------------------------------------------
   Clearfix 
--------------------------------------------------------------*/

/*CLEARFIX指定*/
.clearfix:after {
content: "";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix {
display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix { 
display: block; 
}
/* */