@charset "UTF-8";

/* /company/ common
---------------------------------------------------------- */
/* secTitleArea */
.secTitleArea01 {
}
    .secTitleArea01 .titleImg01 {
        margin-bottom: 15px;
    }
    .secTitleArea01 .textLead01 {
        font-size: 117%;
        font-weight: bold;
        line-height: 1.8;
    }

.secTitleArea02 {
}
    .secTitleArea02 .titleImg01,
	.secTitleArea02 .titleImg02,
	.secTitleArea02 .titleImg03 {
		display: table;
		width: 100%;
        margin-bottom: 15px;
    }
    .secTitleArea02 .titleImg01 { height: 180px;}
    .secTitleArea02 .titleImg02,
	.secTitleArea02 .titleImg03 { height: 180px;}

		.secTitleArea02 .titleImg01 .titleImg01In,
		.secTitleArea02 .titleImg02 .titleImg02In,
		.secTitleArea02 .titleImg03 .titleImg03In {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			display: table-cell;
			vertical-align: middle;
		}
		.secTitleArea02 .titleImg03 .titleImg03In {
			vertical-align: top;
		}
		.secTitleArea02 .titleImg01 .titleImg01In { background-color: #cc0011; width: 50%;}
		
		.secTitleArea02.lightn .titleImg01 .titleImg01In { background-color: #ff0000;}
		.secTitleArea02.earth .titleImg01 .titleImg01In { background-color: #0066cc;}
		.secTitleArea02.network .titleImg01 .titleImg01In { background-color: #9966cc;}
		.secTitleArea02.security .titleImg01 .titleImg01In { background-color: #009933;}
		.secTitleArea02.facility .titleImg01 .titleImg01In { background-color: #cc9933;}
		.secTitleArea02.tuyomi .titleImg01 .titleImg01In { background-color: #cc0011;}
		.secTitleArea02.construct .titleImg01 .titleImg01In { background-color: #cc0011;}
		.secTitleArea02.recruit .titleImg01 .titleImg01In { background-color: #ffaa00;}

		.secTitleArea02 .titleImg02 .titleImg02In,
		.secTitleArea02 .titleImg03 .titleImg03In { background-color: #ddd;}
		.secTitleArea02.solution .titleImg02 .titleImg02In { background-color: #666;}
		.secTitleArea02 .titleImg02 .mainimg01,
		.secTitleArea02 .titleImg03 .mainimg01 { width: 180px;}
		.secTitleArea02 .titleImg03 .mainimg01 { border-left: 20px solid #cc0011;}

		.secTitleArea02.lightn .titleImg03 .mainimg01 { border-color: #ff0000;}
		.secTitleArea02.earth .titleImg03 .mainimg01 { border-color: #0066cc;}

		.secTitleArea02 .titleImg01 h1,
		.secTitleArea02 .titleImg02 h1,
		.secTitleArea02 .titleImg03 h1 {
			font-size: 250%;
			font-weight: bold;
			letter-spacing: 0.1em;
			line-height: 1.25;
		}
		.secTitleArea02 .titleImg01 h1 { color: #fff; padding: 15px;}
		.secTitleArea02 .titleImg02 h1 { color: #000; padding: 15px 30px;}
		.secTitleArea02.solution .titleImg02 h1 { color: #fff; padding: 15px 30px;}
		.secTitleArea02 .titleImg03 h1 { color: #000; padding: 15px 20px;}
		.secTitleArea02 .titleImg03 h1 span {
			display: block;
			padding-bottom: 5px;
			font-size: 54%;
			font-weight: normal;
			letter-spacing: 0.0em;
			color: #666;
		}

    .secTitleArea02 .textLead01 {
        margin-bottom: 10px;
        font-size: 150%;
		font-weight: bold;
		color: #cc0011;
    }
    .secTitleArea02 .textLead02 {
        font-size: 117%;
        font-weight: bold;
        line-height: 1.8;
    }
	.secTitleArea02.lightn .textLead01 { color: #ff0000;}
	.secTitleArea02.earth .textLead01 { color: #0066cc;}
	.secTitleArea02.network .textLead01 { color: #9966cc;}
	.secTitleArea02.security .textLead01 { color: #009933;}
	.secTitleArea02.facility .textLead01 { color: #cc9933;}
	.secTitleArea02.tuyomi .textLead01 { color: #cc0011;}
	.secTitleArea02.construct .textLead01 { color: #cc0011;}
	.secTitleArea02.solution .textLead01 { color: #cc0011;}
	.secTitleArea02.recruit .textLead01 { color: #ffaa00;}

.secTitleArea03 {
}
	.secTitleArea03 .borderBox02 {
	}
	.secTitleArea03 .h1_wrap01 {
		padding: 15px 0 7px 16px;
		border-bottom: solid 1px #e5e5e5;
	}
	.secTitleArea03 .h1_wrap01.space {
		margin-bottom: 68px;
	}
	.secTitleArea03 .textSubTitle01 {
		color: #808080;
		font-size: 117%;
		line-height: 1;
	}
	.secTitleArea03 h1 {
		margin: 5px 0;
		font-size: 250%;
		color: #333333;
		font-weight: bold;
		line-height: 1.2;
		letter-spacing: 0.1em;
	}
	.secTitleArea03 .ul_inlineList01 {
		padding: 18px 0 15px 16px;
	}
	.secTitleArea03 .textLead01 {
		margin: 25px 0 5px;
		font-size: 167%;
		font-weight: bold;
		line-height: 1.8;
	}
	.secTitleArea03 .textLead01.lightn { color: #ff0000; }
	.secTitleArea03 .textLead01.earth { color: #0066cc; }
	.secTitleArea03 .textLead01.network { color: #9966cc; }
	.secTitleArea03 .textLead01.security { color: #009933; }
	.secTitleArea03 .textLead01.facility { color: #cc9933; }
	.secTitleArea03 .textLead02,
	.secTitleArea03 .textLead03 {
		color: #4d4d4d;
		font-size: 117%;
		font-weight: bold;
		line-height: 2em;
	}
	.secTitleArea03 .textLead02 {
		width: 340px;
	}

.secTitleArea04 {
}
.secTitleArea04In {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 15px;
	width: 100%;
	min-height: 180px;
	padding-left: 210px;
	vertical-align: middle;
}
	.secTitleArea04.lightn .secTitleArea04In {
		border: 10px solid #ff0000;
		background: url(/products/img/bg_products_qa01.png) no-repeat 14px 14px;
	}
	.secTitleArea04.earth .secTitleArea04In {
		border: 10px solid #0066cc;
		background: url(/products/img/bg_products_qa02.png) no-repeat 14px 14px;
	}
	.secTitleArea04.network .secTitleArea04In {
		border: 10px solid #9966cc;
		background: url(/products/img/bg_products_qa03.png) no-repeat 14px 14px;
	}

	.secTitleArea04 h1 {
		margin-top: 60px;
		font-size: 217%;
		font-weight: bold;
		color: #000;
	}
    .secTitleArea04 .textLead01 {
        font-size: 117%;
		font-weight: bold;
		line-height: 2.0;
    }
.secTitleArea05 {
}
	.secTitleArea05 .borderBox02 {
		overflow: hidden;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
        margin-bottom: 15px;
		padding: 12px 20px;
		height: 240px;
	}
	.secTitleArea05 h1 {
		font-size: 283%;
		font-weight: bold;
		color: #000;
	}
	.secTitleArea05 .textLead01 {
        font-size: 117%;
        font-weight: bold;
        line-height: 1.8;
	}
.secTitleArea06 {
}
	.secTitleArea06 .borderBox02 {
		overflow: hidden;
        margin-bottom: 15px;
		height: 130px;
		display: table;
		width: 910px;
		border: 15px solid #eee;
	}
		.secTitleArea06 h1 {
			padding: 12px 35px;
			display: table-cell;
			font-size: 283%;
			font-weight: bold;
			color: #000;
			vertical-align: middle;
		}
	.secTitleArea06 .textLead01 {
        font-size: 150%;
        font-weight: bold;
		margin: 0 0 10px;
		color: #c01;
	}
	.secTitleArea06 .textLead02 {
        font-size: 117%;
        font-weight: bold;
        line-height: 1.8;
	}

.section {
}
	.section .text01 {
		margin-top: 4px;
		font-size: 117%;
		line-height: 1.7;
	}
	.section .text02 {
		margin-top: 4px;
		line-height: 1.7;
		color: #999999;
	}
	.section .notes01 {
		margin-top: 5px;
		font-size: 92%;
	}

.recruitTit01 {
	color: #fa0;
	font-size: 134%;
	font-weight: bold;
	margin: 0 0 10px;
}
.recruitTit02 {
	color: #fa0;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 10px;
}
.recruitTit03 {
	background: #fa0;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 5px 10px;
}


/* /recruit/person
---------------------------------------------------------- */

.personWhat {
	margin: 15px 0 40px;
	border: 1px solid #fa0;
	display: block;
	min-height: 1%;
}
	.personWhat h2 {
		background: #fa0;
		color: #fff;
		font-size: 130%;
		font-weight: bold;
		text-align: center;
		margin: 0 0 40px;
		padding: 5px 10px;
	}
	.personWhat h3 {
		color: #000;
		font-size: 160%;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.1em;
		margin: 0 0 25px 0;
	}
	.personWhat p {
		color: #999;
		font-size: 115%;
		text-align: justify;
		line-height: 1.8;
		margin: 0 60px 40px;
	}


/* /recruit/index.html
---------------------------------------------------------- */
/* recruitLineup01 */
.recruitLineup01 {
}
	.recruitLineup01 ul {
        position: relative;
        margin: -20px 0 0px -20px;
        overflow: hidden;
	}
	.recruitLineup01 li {
		display: table;
		float: left;
		margin: 20px 0 0 20px;
		background-color: #fa0;
	}
		.recruitLineup01 li .title01 {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			display: table-cell;
			padding: 10px 20px;
			vertical-align: middle;
			font-weight: bold;
			color: #fff;
			background: url(/common/img/ico_arrow_black01.png) no-repeat 95% center;
			height: 80px;
			width: 300px;
			font-size: 134%;
		}
		.recruitLineup01 li .img01 {
			background: #fff;
			display: block;
		}
		.recruitLineup01 a:hover img {
			opacity: 0.8;
			-ms-filter: "alpha(opacity=80)";
		}
		.recruitLineup01 a:hover {
			text-decoration: none;
		}
		.recruitLineup01 a:hover .title01 {
			text-decoration: underline;
		}

@media print {
		.recruitLineup01 {
			display: inline-block;
		}
}

/* /recruit/sdn.html
---------------------------------------------------------- */
.profileTable01 {
	width: 100%;
}
	.profileTable01 > tbody > tr > th {
		padding: 18px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		color: #000;
		text-align: left;
		vertical-align: top;
		font-size: 117%;
		width: 150px;
	}
	.profileTable01 > tbody > tr > td {
		padding: 18px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: left;
		vertical-align: top;
		font-size: 117%;
	}

.profileTable02 {
}
	.profileTable02 th {
		width: 50px;
	}

.profileList01 {
	overflow: hidden;
}
	.profileList01 ul {
		margin: -10px 0 0;
	}
		.profileList01 ul li {
			margin: 10px 0 0;
			display: block;
			min-height: 1%;
		}
		.profileList01 ul li:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			.profileList01 ul li .head {
				float: left;
				margin: 0 3px 0 0;
			}
			.profileList01 ul li .body {
				display: block;
				overflow: hidden;
			}
				.profileList01 ul li .body .notes {
					display: block;
					margin: 10px 0 0;
				}

.profileTable03 {
	width: 100%;
	table-layout: fixed;
}
	.profileTable03 .w190 {
		width: 190px;
	}
	.profileTable03 th {
		border: 1px solid #ccc;
		background: #eee;
		font-weight: bold;
		color: #000;
		text-align: center;
		padding: 5px;
		font-size: 86%;
	}
	.profileTable03 td {
		border: 1px solid #ccc;
		text-align: left;
		vertical-align: middle;
		padding: 8px;
		font-size: 86%;
	}

.profileList02 {
	overflow: hidden;
}
	.profileList02 ul {
		margin: -4px 0 0;
	}
		.profileList02 ul li {
			margin: 4px 0 0;
		}


/* /recruit/message.html
---------------------------------------------------------- */
.messageWrap01 {
	position: relative;
	padding: 0 0 275px 300px;
}
	.messageWrap01 h2 {
		color: #fa0;
		font-weight: bold;
		font-size: 167%;
		margin: 0 0 25px;
	}
	.messageWrap01 .text {
		font-size: 125%;
		font-weight: bold;
		line-height: 2;
		position: relative;
		z-index: 2;
	}
	.messageWrap01 .image {
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: 0;
	}


/* /recruit/jinji.html
---------------------------------------------------------- */
.jinjiWrap01 {
	padding: 0 238px 0 0;
	position: relative;
}
	.jinjiWrap01 .image {
		position: absolute;
		right: 0;
		bottom: 0;
	}
.jinjiList01 {
	margin: 10px 0;
	padding: 2px 0 0;
	background: url(/recruit/img/bg_jinji01.gif) repeat-x left top;
}
	.jinjiList01 li {
		font-size: 117%;
		font-weight: bold;
		padding: 10px 0 12px;
		background: url(/recruit/img/bg_jinji01.gif) repeat-x left bottom;
		display: block;
		min-height: 1%;
	}
	.jinjiList01 li:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		.jinjiList01 li .head {
			float: left;
			color: #fa0;
		}
		.jinjiList01 li .body {
			overflow: hidden;
			display: block;
			color: #000;
		}
.jinjiName01 {
	margin: 30px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid #ccc;
}
	.jinjiName01 .name {
		font-size: 134%;
	}


/* /recruit/guide.html
---------------------------------------------------------- */
.guideTable01 {
	width: 100%;
}
	.guideTable01 th {
		width: 150px;
		padding: 15px 0;
		font-size: 117%;
		font-weight: bold;
		vertical-align: top;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 1.8;
		color: #000;
	}
	.guideTable01 td {
		padding: 15px 0;
		font-size: 117%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 1.8;
	}

.guideDormitory01 {
	margin: 15px 0 0;
	padding: 20px;
	border: 2px solid #ccc;
	display: block;
	min-height: 1%;
}
.guideDormitory01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
	.guideDormitoryTit01 {
		color: #000;
		font-weight: bold;
	}
	.guideDormitory01 .access {
		border-top: 1px solid #ccc;
		margin: 5px 0 0;
		padding: 5px 0 0;
	}


/* /recruit/entry.html
---------------------------------------------------------- */
.entryMynavi01 {
	text-align: center;
	margin: 12px 0 8px;
	padding: 45px 10px 40px;
	background: #fff2d9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
}
	.entryMynavi01 .arrow {
		font-size: 134%;
		font-weight: bold;
		margin: 0 0 20px;
		padding: 0 0 52px;
		color: #000;
		background: url(/recruit/img/ico_entry01.gif) no-repeat center bottom;
	}