@charset "utf-8";
/* style-s */

body {margin:0;padding:0;}

#container {width:99%;}

#header {margin:0;background:url(../images/smh-header-bg.png);
height:138px;}



#content {width:99%;float:none;padding:10px 0;
margin:0 0 10px;}

/*新着*/
dl.news dd {
	margin:1px 0 10px 6.8em;line-height:1.6;
}


#content .bnimage {display:none;}

#content h4 {clear:both;font-size:17px;}

#site {float:none;margin:0;}
#site h1 {text-align:center;padding:20px 5px 0 0;margin:0 auto;}


#nav {width:99%;margin:0 auto;padding:0;float:right;!important;}

#nav ul {margin:0 auto;float:right;}

#nav li a {margin-right:2px;padding:8px 2px 8px 0;font-size:12px;}

#headerimg {margin:10px 0;}


/*メニュー大見出しヘッダ表示するとスマホから消える*/
/*
#headerimg-2 {display:none;}*/

.box　{width:100%;float:none;}

.bn {display:none;}






/*待遇・勤務*/
dl.taigu dd {
  font-size:11px;
}








/*採用メッセージ薄茶枠*/
.msg-box {margin:0;padding:10px;background:#EDEADC;border:solid 1px #CBCAB1}


#sidebar {width:100%;float:none;}


/*#footer {padding-bottom:40px;}*/


/*画像*/
img {max-width:99%;height:auto;}

img.left {max-width:45%;height:auto;}
img.right {max-width:45%;height:auto;}


/***************メニュー**********************/
/*折りたたみ*/
.menu .menu-inner {display:none;}
.menu:target .menu-inner {display:block;}


/*折りたたみメニュータップ無し採用情報*/
.menu h3 {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#fff;
margin:0px;
background-color:#dddddd;
background:-webkit-gradient(linear,left top,left bottom,from(#0039B0),to(#00236C));
background:-webkit-linear-gradient(#0039B0 0%,#00236C 100%);
background:-moz-linear-gradient(#0039B0 0%,#00236C 100%);
background:-o-linear-gradient(#0039B0 0%,#00236C 100%);
background:-ms-linear-gradient(#0039B0 0%,#00236C 100%);
background:linear-gradient(#0039B0 0%,#00236C 100%);
}

.menu h3.saiyou {padding:15px 12px;} /*採用のみ。道新仕事先輩と高さをあわせる*/

/*折りたたみメニュータップあり道新の仕事先輩たち*/

.menu h3 a {
background-image:url(../images/listmark02.png);
background-repeat:no-repeat;
background-position:center right;
padding:10px;
display:block;
overflow:hidden;text-decoration:none;
}

.menu h3 a:hover {
color:#fff;
}


.menu li {line-height:1.5;}

.menu li a {
padding:7px 10px 7px 10px;
}

.menu li.two {width:49%;float:left;display:block;
margin:6px 3px 6px 2px;}


/*PCのみ契約スタッフ表示のためタブレットとスマホは例外*/
.menu li.keiyaku {display:none;}




/*スマホメニュー1段2段*/

.menu ul {
margin:3px;
padding:0 3px;}

.menu li {padding:5px 0;}

.menu li.two  {
display:block;
margin:0 3px 3px 0;
width:48%;
float:left;
}
.menu li.one  {
display:block;
margin:0 2px 2px 0;
width:97%;
float:left;
}




/*インターンボタン　タブレットとスマホのみ*/
.menu-btn {
	display:block;
	margin:0 auto;
	}








/*フッター*/
#footer .ft-logo {margin:0;float:left;}


/************道新仕事、道新先輩たち関連*********/

#nav-shoku {float:right;font-size:15px;margin:0;padding:0px;}

.sen-img02 {display:none;}

/*先輩*/
.sen-thumbnail {float:left;margin:5px 0 0 5px;padding:5px;border:1px solid #96A5C2;font-size:12px;}
.sen-thumbnail a {text-decoration:none;}

img.profig {max-width:48%;height:auto;display:block;}

#sen-pro-box .cate {display:block;}
#sen-pro-box .sen-en {margin:0;}


/*タブレット　スマホ用プロフィールなど改行*/
.s-block {display:block;}






/*新人*/
.shin-thumbnail {float:left;margin:5px 0 0 5px;padding:5px;border:1px solid #73A4C8;font-size:12px;}
.shin-name {font-size:18px;float:none;font-weight:bold;}
.shin-en {margin:0 0 0 1em;font-family:"Times New Roman", Times, serif;font-weight:bold;font-size:16px;display:block;}
.shin-ryakureki {display:block;}



/**************お問い合わせフォーム***********/
iframe {width:99%;}