@charset "UTF-8";

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

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

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


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

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

a:link {
color: #009743;
text-decoration:underline;
}

a:visited { 
color: #673880;
text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

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


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


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

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

/*--------------------------------------------------------------
 powerdby
--------------------------------------------------------------*/

.powerdby {
height:22px;
margin:15px 20px 15px 0;
}

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

#header {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d001_sej/cu/common/bkg_lineSej.gif) scroll repeat-x left bottom;
margin:10px 0 8px;
padding:0 0 11px;
height:50px;
font-size:93%;
}

#header .logo {
margin:0;
width:290px;
float:left;
}

#header .subNav {
width:290px;
float:left;
padding:30px 0 0;
}

#header .subNav ul{
margin:0;padding:0;
}

#header .subNav li{
margin:0;padding:0 0 0 10px;
list-style:none;
display:-moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;/
}

#header .rModule {
float:right;
padding:0;
text-align:right;
}

#header .rModule .powerdby {
height:22px;
}

#header .rModule .sch{
margin:5px 0 0;
}

#header .rModule .sch input{
vertical-align:middle;
}

#header .rModule .sch input.schbox {
width:130px;
margin:0 5px 0 0;padding:1px 2px;
border:1px solid #666;
border-color:#666 #ddd #ddd #666;
}

/*--------------------------------------------------------------
 シフトドメイン下ヘッダ
--------------------------------------------------------------*/

#shftHeader {
margin:0;
padding:0;
height:50px;
font-size:93%;
}

#shftHeader .logo {
margin:0;
width:360px;
float:left;
}


#shftHeader .ylink {
width:150px;
float:right;
padding:20px 0 0 0;
text-align:left;
height:25px;
}

#shftHeader .pyj_logo {
width:175px;
height:30px;
float:right;
padding:10px 0 0;
}


/*--------------------------------------------------------------
 Heading1
--------------------------------------------------------------*/

h1{
margin:0;padding:0;
font-size:116%
}

h2{
margin:0;padding:4px 0 0;
font-size:93%
}

/*--------------------------------------------------------------
Topic Path ぱんくず　リスト＆ワーク詳細
--------------------------------------------------------------*/

#topicPath {
background-position:0px -705px;
background-repeat:no-repeat;
margin:0;
padding:6px 0 6px 15px;
font-size:93%;
}


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

/*seぱんくず*/
#cmn_delimiter{
font-size:93%;
}

/*seぱんくず*/
#cmn_delimiter 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:15px 0;
text-align:center;
}

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

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

.grayout{
color:#C9C9C9;
}

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

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

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

.alert_area .ftr {
height:6px;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d001_sej/cu/common/bkg_alert_ftr.gif) 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/d001_sej/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/d001_sej/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 -60px;
background-repeat:repeat-x;
height:10px;margin:6px 0;
}

div.hr hr {
display:none;
}

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

#footer {
margin:20px 0 30px;
}

#footer #anav{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d001_sej/cu/common/bkg_ftrlineSej.gif.gif) scroll repeat-x left bottom;
padding:0 0 16px;
}

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

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

#footer #fnav{
padding:0;
}

#footer #fnav ul{
margin:6px 0 0;padding:0;
float:left;
}

#footer #fnav ul li{
margin:0;padding:0 8px 0 0
;list-style:none;
height:14px;
display:-moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;/
font-size:0;line-height:0;
}

#anchor {
text-align:right;
}

#copyright {
font-family:Geneva,Arial,Helvetica,sans-serif;
text-align:right;
margin:10px 0 0;
font-size:85%;
float:right;
}

#idvCopyright {
font-family:Geneva,Arial,Helvetica,sans-serif;
text-align:right;
padding:10px 0;
font-size:85%;
clear:both;
}

/*--------------------------------------------------------------
  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;
}

/*--------------------------------------------------------------
  スマートフォン向けスイッチ
--------------------------------------------------------------*/

#switchDevice {
margin: 30px 50px;
text-align: center;
}

.btn {		
display: block;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow:
	0 8px 0 #1a74a1,
	0 15px 20px rgba(0,0,0,.35);
-moz-box-shadow:
	0 8px 0 #1a74a1,
	0 15px 20px rgba(0,0,0,.35);
box-shadow:
	0 8px 0 #1a74a1,
	0 15px 20px rgba(0,0,0,.35);
text-decoration: none;
	}
.btn span {	
display: block;
padding: 40px  20px;
font-family: HiraKakuProN-W3,Helvetica,selif;
line-height: 1;
text-shadow: 0 -1px 1px rgba(19,65,88,.8);
color:#fff;
font-weight:bold;
font-size:30px;
background: #3194c6;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3194c6), to(#5bacd6));
background: -moz-linear-gradient(#3194c6, #5bacd6);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
box-shadow: inset 0 -1px 1px rgba(255,255,255,.15);
-webkit-transition: -webkit-transform .2s ease-in-out;
-moz-transition: -moz-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
	}

/*--------------------------------------------------------------
  自社広告
--------------------------------------------------------------*/

#topAdtxt {
text-align:center;
font-size:108%;
line-height:1.2;
margin:6px 0 0 0;
}

#topAdtxt a {
color:#105cb6;
font-weight:bold;
text-decoration:underline;
}

#topAdtxt img {
vertical-align:middle;
margin:0 5px 0 0;
}

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

.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; 
}
/* */