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


body {
	margin:24px 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	margin:0;
    padding:0;
}

a {color:#06C;}

a:hover {color:#0CC;}

p {line-height:1.7;font-size:14px;margin:5px 0 0 0;}

/*dl {font-size:14px;}*/

.clear {clear:both;}

.overflow {overflow:hidden;}

.block {display:block;}

.margin-top20 {margin-top:20px;}

a:active,a:focus{ outline:none; }

.line {clear:both;border:dotted 1px #ccc;margin:10px 0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */




/*******SNS*********/

#sns {
margin:0 auto;
padding:10px 5px;
float:right;
clear:leftt;
}
#sns .btn-tw {
float:left;
width:110px;
margin-right:2px;
vertical-align:top;
}
#sns .btn-fb {
float:left;
width:115px;
margin-right:2px;
vertical-align:top;
}






#container {
	width:960px;
	margin:auto;	
}

#header {
	margin:0 0 10px;
	background:url(../images/header-bg.png) repeat-x;
	height:102px;
}

#headerimg {margin-bottom:20px;}
#headerimg-2 {margin-bottom:20px;}

#site {float:left;margin:10px 0;}
#site h1 {margin:0 auto;padding:14px 0 0 12px;}
#site img {width:261px;height:62px;}


#nav {float:right;margin:28px 10px 0 0;padding:0px;}

#nav li {float:left;list-style:none;}

#nav li a {
	background:#6C96D7;
	background:-webkit-gradient(linear,left top,left bottom,from(#8198C3),to(#00287C));
background:-webkit-linear-gradient(#8198C3 0%,#00287C 100%);
background:-moz-linear-gradient(#8198C3 0%,#00287C 100%);
background:-o-linear-gradient(#8198C3 0%,#00287C 100%);
background:-ms-linear-gradient(#8198C3f 0%,#00287C 100%);
background:linear-gradient(#8198C3 0%,#00287C8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff94A8CD,endColorstr=#ff00287C8);/*IE*/
    box-shadow: 0 1px 0 #000;
	border-radius:0.3em;
	border:solid 1px #718BBD;
    color: #FFFFFF;
    display: block;
    font-size:13px;
	margin-right:2px;
    padding: 7px 6px 7px 5px;
    text-decoration: none;
}
#nav li a:hover {background:#4D76C4;}







#content {
	width:700px;
	float:left;
	margin:0 0 20px;
	background:#fff;
}

#content .message {margin:0 0 20px 0;}

/*採用試験スケジュール囲み*/
#content .news {margin:1px 0 0;overflow:hidden;}

/*採用試験スケジュール囲み内-見出し他*/
#content .date {
color:#537685;
margin:5px 10px 5px 0;
font-weight:bold;
}

dl.news dt {
   clear: left;
   float: left;
   margin:5px 0;
   width: 5.5em;
}
dl.news dd {
	margin:2px 0 10px 7.5em;
	line-height:1.6;
}




#content .date span {display:block;}

#content h2.exam {
	margin:3px 0 0 0;
	padding:0 0 6px 0;
	text-decoration:none;
	color: #000;
    text-decoration: none;
    text-shadow: 1px 1px 0 #F7F7F7, 1px 2px 0 #C9C9C9;
	background: url("../images/slash.png") repeat-x scroll left bottom transparent;
    border: medium none;
	font-size:17px;
	}

#content h2.sche {	
	margin:20px 0 5px 0;
	padding:0 0 6px 0;
	text-decoration:none;
	color: #000;
    text-decoration: none;
    text-shadow: 1px 1px 0 #F7F7F7, 1px 1px 0 #C9C9C9;
	background: url("../images/slash.png") repeat-x scroll left bottom transparent;
    border: medium none;
	font-size:17px;
	}







/*セカンドの見出し*/
#content h4 {
	border-bottom:5px solid #E7E7E7;
	font-size:18px;
	margin:20px 0 15px 3px;
	padding:0 0 7px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #F7F7F7, 1px 2px 0 #C9C9C9;
	background: url("../images/slash.png") repeat-x scroll left bottom transparent;
    border: medium none;	
	}
/*h4の色いろいろ*/
#content h4.kisha {color:#3399CC;}
#content h4.shashinkisha {color:#339900;}
#content h4.eigyo {color:#FF9900;}
#content h4.gijutsu {color:#CC3366;}


#content h5 {font-size:15px;}

#content h6 {margin:5px 0;padding:6px 10px;background:#C6DBF2;font-size:15px;}


/*トップ新着の下バナーPCのみ*/
#content .bnimage {margin:30px 0;display:block;}
#content .bnimage li {float:left;list-style:none;margin:0 14px 0 0;}
#content .bnimage li.last {margin:0;}
#content .bnimage li a:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}


/*トップとタブレットのみ左バナー*/
#content .bn {width:180px;float:left;padding:1px 25px 80px 5px;clear:both;overflow:hidden;}

#content .bn ul {margin:0;padding:0;}
#content .bn li {margin-bottom:11px;list-style-type:none;}

/*共通img*/

#content img.left {float:left;margin:0 10px 10px 0;padding-right:10px;display:block;}
#content img.right {float:right;margin:0 0 10px 10px;padding-right:10px;display:block;}


/*共通box*/

#content .box {margin:15px 1px 40px 10px;}
#content .box2 {margin:15px 1px 10px 10px;padding:0 0 10px 0;border-bottom:dotted 2px #ccc;}

/*共通boxのulli*/
#content .box ul{line-height:1.7;font-size:14px;}








#sidebar {
	width:230px;
	float:right;
	margin:0 0 50px;
	background:#fff;
}

.menu {margin-bottom:15px;}


/*追加追加追加上部角丸、グラデにする*/
.menu h3 {margin:0;padding:5px;color:#ccc;text-decoration:none
;background:#002675;/*all*/
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%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0039B0,endColorstr=#ff00236C);/*IE*/
text-shadow:none;
font-weight:normal;color:#fff;
border-radius:0.3em 0.3em 0 0;}

/*.menu h3 {margin:0;padding:5px;color:#ccc;text-decoration:none;background:#002675;text-shadow:none;
font-weight:normal;color:#fff}*/




.menu h3 a {color:#fff;text-decoration:none;}






.menu ul {
	margin:0;
	padding-left:1px;
	/*border-top:solid 1px #aaa;*/
}

.menu li {margin-bottom:0;list-style-type:none;border-bottom:solid 1px #E8E8E8;
}

.menu li a {display:block;
font-size:14px;
text-decoration:none;
color:#666;
padding:7px 15px 7px 3px;
background:url(../images/listmark.png) no-repeat right center;
}

.menu li a:hover {background-color:#F2F2F2;}


.menu-btn {display:none;}





#footer {
	clear:both;
	background:#002675;
	margin:0;padding:10px;
	border-top:#006 2px solid;
	border-bottom:#21294E 5px solid;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#footer .ft-logo {margin:0;float:right;width:150px;}
#footer .copy {font-size:13px;display:block;font-family:Arial, Helvetica, sans-serif;margin:0;float:left;}

#submenu {clear:both;width:300px;}
#submenu ul {margin:0 0 10px 0;
padding:3px 0 0 ;
font-size:12px;
}
#submenu li {display:inline;
list-style-type:none;
}
#submenu a {color:#fff;
border-right:solid 1px #fff;
padding-right:7px;
margin-right:2px;
text-decoration:none;
}
#submenu a:hover {color:#09C;}
#submenu li:last-child a {border:none;}
#submenu li + li + li a {border:none;}





/**********ボタンまわり****************************
**************************************/

/*共通ボタン*/

.btn-gray {
font-size:15px;
color:#000;
background:#ccc;
margin:10px;
padding:10px 5px;
}
.btn-gray a {
color:#333;
text-decoration:none;
display:block;
text-align:center;
}
.btn-gray a:hover {
color:#fff;
}
.btn-orange {
font-size:15px;
color:#000;
background:#ccc;
margin:10px;
padding:10px 5px;
}
.btn-gray a {
color:#333;
text-decoration:none;
display:block;
}
.btn-gray a:hover {
color:#fff;
}

/*インターンボタン*/
.btn-intern {
 	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	border-radius:0.3em;
	border:solid 1px #FF6600;
	background:#E8E8E8;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#CCCCCC));
background:-webkit-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-moz-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-o-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-ms-linear-gradient(#fff 0%,#E8E8E8 100%);
background:linear-gradient(#fff 0%,#E8E8E8 100%);
	box-shadow:#CCC 0 2px 2px 0;
	margin:0 auto;
	padding:10px 0;
	max-width:320px;
	text-align:center;
}
.btn-intern a {text-decoration:none;color:#FF6600;}


/***インターンボタン***/
.btn-keiyaku {
 	color:#FF6699;
	font-weight:bold;
	font-size:14px;
	border-radius:0.3em;
	border:solid 1px #FF6699;
	background:#E8E8E8;
	background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#E8E8E8));
background:-webkit-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-moz-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-o-linear-gradient(#fff 0%,#E8E8E8 100%);
background:-ms-linear-gradient(#fff 0%,#E8E8E8 100%);
background:linear-gradient(#fff 0%,#E8E8E8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffE8E8E8);/*IE*/
	box-shadow:#CCC 0 2px 2px 0;
	margin:0 auto;
	padding:10px 0;
	max-width:320px;
	text-align:center;
}
.btn-keiyaku a {text-decoration:none;color:#FF6699;}


/*共通テキスト*/

.blue {color:#039;}
.light-blue {color:#09C;}
.dark-blue {color:#5873A9;}
.orange {color:#F60;}
.red {color:#C00;}
.pink {color:#FF6699;}
.brown {color:#630;}
.blugray {color:#5B7E91;}

.font-bk-orange {background-color:#FBDCB7;}

.tx-center {text-align:center;}

.bold {font-weight:bold;}

.fs12 {font-size:12px;}
.fs15 {font-size:15px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs25 {font-size:25px;}






/************採用情報**************/

/*採用メッセージ*/
p.saiyo-msg {line-height:2.3;font-size:16px;} 

.msg-box {margin:0;padding:10px 40px 30px 40px;background:#EDEADC;border:solid 1px #CBCAB1}

/*共通ボックス*/
.saiyo-box {background:#E6EDF0;padding:15px 20px;
margin-bottom:20px;}

/*共通ボックス*/
.saiyo-box2 {padding:5px 20px 10px 20px;
margin:10px 3px 20px 0;border:solid 1px #CCCCCC;
border-radius:0.4em;
box-shadow:#CCC 0 1px 1px 0;}

ul.saiyo {margin:0 0 0 0.8em;padding:0 0 0 0.3em;}

/*待遇・勤務*/
dl.taigu dt {
   clear: left;
   float: left;
   margin: 0 0 1em;
   width: 6em;
   border-left: solid 5px #3399CC;
   padding-left: 5px;
}
dl.taigu dd {
  margin-bottom: 2em;
  margin-left: 7em;
  font-size:13px;
}
ul.taigu-list {margin:0 0 0 1.2em;padding:0;} 


/*よくある質問*/
.question {font-weight:bold;color:#5B7E91;margin:20px 0 0 0;font-size:16px;}








/***道新の仕事***/

/*カラフルボタン*/
#nav-shoku {float:right;font-size:13px;margin:0;padding:0px;}

#nav-shoku li {font-size:13px;float:left;list-style:none;margin:2px;}

#nav-shoku li a {display:block;padding:7px 12px 7px 4px;text-decoration:none;color:#fff;background:url(../images/listmark03.png) no-repeat right center;}
#nav-shoku li a:hover {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}

#nav-shoku .kishashoku {background:#3399CC;color:#fff;}
#nav-shoku .shashinkishashoku {background:#339900;color:#fff;}
#nav-shoku .eigyoshoku {background:#FF9900;color:#fff;}
#nav-shoku .gijutsushoku {background:#DF8EA0;color:#fff;}


/**先輩新人共通**/
/*職種色ボックス*/
.shokubox-kisha {font-size:14px;color:#fff;background:#3399CC;margin:0 0 2px 0;padding:5px 7px;display:inline-block;
}
.shokubox-shashinkisha {font-size:14px;color:#fff;background:#339900;margin:0 0 2px 0;padding:5px 7px;display:inline-block;
}
.shokubox-eigyo {font-size:14px;color:#fff;background:#FF9900;margin:0 0 2px 0;padding:5px 7px;display:inline-block;
}
.shokubox-gijutsu {font-size:14px;color:#fff;background:#DF8EA0;margin:0 0 2px 0;padding:5px 7px;display:inline-block;
}





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

.sen-thumbnail span {display:block;margin-top:2px;}

#sen-headerimg {margin-bottom:20px;}
.sen-title {font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;font-size:20px;}
.sen-question {font-size:18px;color:#369;font-weight:bold;margin:30px 0 0 0;}
.sen-img02 {float:right;margin:0 0 15px 15px;}

/*プロフィールボックス*/
#sen-pro-box {border:1px solid #D3C087;margin:20px 0;padding:10px;background:#EFE8D8}
#sen-pro-box p {line-height:1.7;}
#sen-pro-box .title {font-size:18px;margin:0 0 7px 0;padding:0;color:#630;border-bottom:solid 1px #630;font-weight:bold;letter-spacing:0.3em;font-family:"Times New Roman", Times, serif;}
#sen-pro-box .profig {float:left;margin:0 15px 0 0;overflow:hidden;}
#sen-pro-box .cate {color:#fff;background:#957135;margin-right:1em;padding:0 5px;font-size:12px;}
#sen-pro-box .cate-box-wrap {margin:0;padding:2px;overflow:hidden;}
#sen-pro-box .sen-en {margin:0 0 0 1em;font-family:"Times New Roman", Times, serif;font-size:17px;}





/****新入社員****/
.shin-thumbnail {float:left;margin:12px 25px 12px 5px;padding:6px;border:1px solid #73A4C8;font-size:12px;}

.shin-thumbnail a {text-decoration:none;}

.shin-thumbnail a:hover {color:#09C;}

.shin-thumbnail span {display:block;margin-top:2px;}

.shin-name {font-size:20px;float:none;font-weight:bold;}
.shin-en {margin:0 0 0 1em;font-family:"Times New Roman", Times, serif;font-weight:bold;font-size:20px;}
.shin-question {font-size:17px;color:#3C638A;font-weight:bold;margin:22px 0 0 0;}



/************内定**************/

.naitei-transition {margin:10px;}

.naitei-transition h2 {
background-color:#dddddd;
background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#E3E3E3));
background:-webkit-linear-gradient(#FFFFFF 0%,#E3E3E3 100%);
background:-moz-linear-gradient(#FFFFFF 0%,#E3E3E3 100%);
background:-o-linear-gradient(#FFFFFF 0%,#E3E3E3 100%);
background:-ms-linear-gradient(#FFFFFF 0%,#E3E3E3 100%);
background:linear-gradient(#FFFFFF 0%,#E3E3E3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffE3E3E3);/*IE*/
	padding:10px 5px;
	font-size:16px;
	margin:20px 2px 5px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #ffffff;
	}

.naitei-transition h2 a {color:#fff;text-decoration:none;}

/*.naitei-transition h2 + div {
	-webkit-transition: all 1s ease 1s;
	-moz-transition: all 1s ease 1s;
	-ms-transition: all 1s ease 1s;
	-o-transition: all 1s ease 1s;
	transition: all 1s ease 1s;
	max-height: 0px;
	overflow: hidden;
}

.naitei-transition h2:hover + div {
	max-height: 400px;
	overflow: hidden;
}
*/

.naitei-transition ul {margin:5px 0 5px 10px;padding:1px 0 0 6px;}
.naitei-transition li {margin:0 0 0 5px;line-height:2.0;}



/***お問い合わせフォーム**/
iframe {width:650px;height:500px;}