/*-------------------------------------------------------------------------------
	最終更新日：2016.09.15
	
	/data/style.css
	
	※あまりむやみに追加しない。
	※基本的には共通に使えるものを追加する。
	※他のタグとぶつかりそうなものにはidセレクタも追加し、使用範囲を限定する。
	
	※CSSは下にあるものほど有効性が強くなります。
--------------------------------------------------------------------------------*/



/*---------------------------------------------------
	採用情報、新入社員研修、1カラム（サイドナビなし）
-----------------------------------------------------*/

#recruit,
#newtrain,
#one-column,
#contDiv {
	text-align:left;
	font-size:14px;
	line-height:1.5;
}
#recruit p,
#newtrain p,
#award p,
#one-column p {
	padding:0 0 1em 0;
}

#recruit h1,
#newtrain h1,
#one-column h1 {
	color:#013C97;
	font-size:29px;
	font-weight:bold;
	line-height:1.5;
	margin:5px 0 20px 0;
	border-bottom:1px solid #CFD4D9;
	display:block;
}
#recruit h2,
#newtrain h2,
#one-column h2 {
	background:#D3DBDC;
	color:#344041;
	font-size:22px;
	padding:6px 15px;
	margin-bottom:25px;
	display:block;
}
#recruit h3,
#newtrain h3,
#one-column h3 {
	font-size:18px;
	color:#333;
	border-left:6px solid #7A9394;
	padding:0 0 0 12px;
	margin-bottom:25px !important;
	line-height:1.5;
}
#recruit h4 {
	font-size:16px;
	margin-bottom:10px;
}
#recruit .main {
	margin-bottom:15px;
	position:relative;
}


#recruit #top_image{
	width:900px;
	height:400px;
	background:url(/recruit/images/saiyo_top.png) no-repeat 0 0;
}

#topBtnCon{
	display:block;
	float:right;
	width:260px;
	height:50px;
	margin:250px 50px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/recruit/images/btn_top.gif) no-repeat 0 0;
}
* html #topBtnCon{
	margin:300px 25px 0 0;
}
#topBtnCon:hover{
	overflow:hidden;
	outline:none;
	background:url(/recruit/images/btn_top.gif) no-repeat 0 -50px;
}
#topBtn2Con{
	display:block;
	float:right;
	width:260px;
	height:50px;
	margin:320px -260px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/recruit/images/btn_top2.gif) no-repeat 0 0;
}
* html #topBtn2Con{
	margin:300px 25px 0 0;
}
#topBtn2Con:hover{
	overflow:hidden;
	outline:none;
	background:url(/recruit/images/btn_top2.gif) no-repeat 0 -50px;
}

#recruit ul,
#one-column ul { margin:0 0 1em 2em;}

.lead {
	margin:15px 0;
}
.lead strong {
	font-size:1.3em;
}



/*	コンテンツナビ
---------------------------------*/
.anchDiv {
	border:1px solid #D3DBDC;
	padding:10px 0 10px 20px;
	margin:0 0 20px;
}
.anchDiv ul li {
	float:left;
	list-style:none;
	background:url(/common1/images/ws-bullet-1.png) no-repeat left;
	padding:5px 20px;
	line-height:1.5;
}
.anchDiv ul li a,
.anchDiv ul li a:visited {
	color:#3366CC;
	text-decoration:none;
	border-bottom:1px dotted #3366CC;
}
.anchDiv ul li a:hover {
	color:#3366CC;
	text-decoration:none;
	border-bottom:none;
	font-weight:bold;
}


/*	table
---------------------------------*/
#recruit table.course,
#recruit .course th,
#recruit .course td,
#newtrain table.course,
#newtrain .course th,
#newtrain .course td,
#one-column table.course,
#one-column .course th,
#one-column .course td {
	border:1px solid #BAC8C9;
	border-collapse:collapse;
	padding:8px 10px;
}
#recruit table.course,
#newtrain table.course,
#one-column table.course {
	margin-bottom:20px;
}
#recruit .course th,
#newtrain .course th,
#one-column .course th {
	background:#D1E6EF;
	text-align:center;
}


/*	メルマガ・お問い合わせフレーム（ナビなしページ用）
-------------------------------------------*/
#recruit .mailMag,
#newtrain .mailMag,
#one-column .mailMag {
	width: 642px;
	background-color: #F3F3F3;
	border: 4px solid #D3DBDC;
	padding: 20px;
	margin:0 auto 20px;
}

#recruit .mailMag h4,
#newtrain .mailMag h4,
#one-column .mailMag h4 {
	font-size: 20px;
	line-height: 1.5;
	border-bottom: 3px solid #EC7446;
	margin-bottom: 20px;
	padding: 0 0 5px 0;
}

#recruit .mailMag .mailMagIn,
#newtrain .mailMag .mailMagIn,
#one-column .mailMag .mailMagIn{
	width: 602px;
	padding: 0 15px 20px 15px;
}

#recruit .mailMag .mailMagIn .mailMagInL,
#newtrain .mailMag .mailMagIn .mailMagInL,
#one-column .mailMag .mailMagIn .mailMagInL {
	width: 80px;
	margin-right: 20px;
	float: left;
}

#recruit .mailMag .mailMagIn .mailMagInR,
#newtrain .mailMag .mailMagIn .mailMagInR,
#one-column .mailMag .mailMagIn .mailMagInR {
	width: 502px;
	float: right;
}

#recruit .mailMag .btnDiv,
#newtrain .mailMag .btnDiv,
#one-column .mailMag .btnDiv {
	text-align: center;
	width: 300px;
	margin: 0 auto;
}

#recruit .mailMag .btnDiv a,
#recruit .mailMag .btnDiv a:visited,
#newtrain .mailMag .btnDiv a,
#newtrain .mailMag .btnDiv a:visited,
#one-column .mailMag .btnDiv a,
#one-column .mailMag .btnDiv a:visited{
	padding: 10px 30px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background-color: #EA6A39;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none;
}

#recruit .mailMag .btnDiv a:hover,
#newtrain .mailMag .btnDiv a:hover,
#one-column .mailMag .btnDiv a:hover {
	background-color: #ED8258;
	text-decoration: none;
}



/*	画像にテキストを回り込ませる
---------------------------------*/
.box-1,
.box-2 { overflow:hidden;}

.box-1 .img {
	float:left;
	margin:0 20px 20px 0;
}



/*	コンテンツ横2つ並び
---------------------------------*/

.box-2 .leftBox {
	float:left;
	overflow:hidden;
	margin:0 25px 0 0;
	padding-right:25px;
	border-right:1px dotted #ccc;
	width:47%;
}
.box-2 .leftBox img,
.box-2 .rightBox img {
	float:left;
	margin:0 20px 20px 0;
}
.box-2 .rightBox {
	overflow:hidden;
}


/*	関連情報など
---------------------------------*/
.detail {
	border:1px solid #ccc;
	margin-top:20px;
	padding:15px 20px;
}




/*---------------------------------------------------
	事例紹介一覧
-----------------------------------------------------*/

#cases .img-frame {border:1px solid #ccc;}
#cases .login {overflow:hidden; margin:15px 0 0;}
#cases .login .img {
	float:right;
	margin:10px 20px;
}
#cases .login span {
	color:#FF0004;
	font-weight:bold;
}
#cases .caseBox {
	width:710px;
overflow:hidden;
}
#cases .case {
	float:left;
	border:1px solid #ccc;
	margin:0 15px 20px 0;
	width:335px;
	height:200px;
}
#cases .case h2 {
	font-size:14px !important;
	margin-bottom:0 !important;
	width:305px !important;
}
#cases .case p {
	padding:15px;
}
#cases .case ul {
	list-style:none;
	padding-right:15px;
	text-align:right;
	font-size:12px;
	line-height:1.8;
}



/*---------------------------------------------------
	受賞歴
-----------------------------------------------------*/

#award {
}
#award .daytime {
	text-align:right;
	font-size:12px;
}
#award .award-title {
	border:1px solid #ccc;
	background:#eee;
	padding:15px 0;
	margin:0 auto 20px;
	font-weight:bold;
	text-align:center;
	width:90%;
}




/*-------------------------------------------------------
	共通
--------------------------------------------------------*/

.contDivIn {
	margin:0 10px;
}
.contDivInCon {
	padding:25px 0 0 0;
}

span {
	color:#9F0000;
	font-weight:bold;
}

.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.pb0 {padding-bottom:0 !important;}


/*	リンクアイコン
---------------------------------*/
.icon-arrow {
	list-style:none;
	background:url(/common1/images/arrow_blue_fff.gif) no-repeat left center;
	padding-left:20px;
}


/*	pagetop
---------------------------------*/

.pagetop {
	text-align:right;
	margin:2em 0;
}