@charset "utf-8";
/* =======================================

	corporate CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

	=01.Corp-Nav
	=02.Corp-List
	=03.Corp-Sec
	=04.Corp-IR
	=05.Corp-Recruit


========================================== */




.corp_visual{display: none;}
@media only screen and (max-width: 640px){
	.corp_visual{display: block;}
}
/* ====================================================================================

	=01.Corp-Nav
------------------------------------------------------------------------------------ */
#Corp-Nav h2{
	margin: 0 -15px 10px 0;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#Corp-Nav h2 a{
	display: block;
	color: #fff;
}
#Corp-Nav ul li{
	padding: 10px;
	border-bottom: 1px dotted #999;
}
#Corp-Nav ul li a{
	display: block;
	padding: 3px 0 3px 7px;
	font-size: 14px;
	line-height: 1;
	border-left: 2px solid #999;
}



/* ====================================================================================

	=02.Corp-List
------------------------------------------------------------------------------------ */

#Corp-List{
	letter-spacing: -0.5em;
	overflow: hidden;
}

#Corp-List div{
	display: inline-block;
	width: 331px;
	margin-bottom: 24px;
	border: 1px solid #0070B6;
	text-align: left;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
#Corp-List div.even{
	margin-left: 24px;
}
#Corp-List div h2{
	padding: 10px 10px 10px 20px;
	font-size: 0.938em;
	background: #0070B6;
}
#Corp-List div h2 a{
	color: #fff;
	font-size: 18px;
}
#Corp-List div h2:before{
	font-family: fontAwesome;
	content: "\f152";
	margin-right: 5px;
	color: #fff;
	font-size: 20px;
}
#Corp-List div p{
	margin: 0 auto;
	padding: 10px;
	font-size: 0.75em;
	line-height: 1.5;
	text-align: justify;
	text-justify: distribute;
}
#Corp-List div p img{
	float: left;
	margin: 0 5px 10px 0;
}
@media only screen and (max-width: 767px){
	#Corp-List div{
		display: block;
		width: auto;
	}
	#Corp-List div.even{
		margin-left: 0;
	}
}


/* ====================================================================================

	=03.Corp-Sec
------------------------------------------------------------------------------------ */

/*---------title---------*/

#Corp-Sec h2,
#Corp-IR h2,
#Corp-Recruit h2{
	margin: 0 0 15px;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: #0070B6;
}
#Corp-Sec h2:before,
#Corp-IR h2:before,
#Corp-Recruit h2:before{
	font-family: fontAwesome;
	content: "\f0c8";
	margin-right: 5px;
}


#Corp-Sec h3,
#Corp-IR h3,
#Corp-Recruit h3{
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #0070B6;
}
#Corp-Sec h3 span,
#Corp-IR h3 span,
#Corp-Recruit h3 span{
	padding-left: 5px;
	border-left: 4px solid #0070B6;
}



/*---------txt---------*/
#Corp-Sec p.preface,
#Corp-Recruit p.preface{
	margin-bottom: 1em;
	font-size: 0.813em;
	line-height: 1.5;
	text-align: left;
}





#Corp-Sec p.message{
	width: 690px;
	padding: 0;
	margin: 0 0 15px 0;
}
@media only screen and (max-width: 767px){
	#Corp-Sec p.message{
		width: auto;
	}
}


#Corp-Sec div.articles{
	margin-bottom: 15px;
	overflow: hidden;
}



#Corp-Sec div.articles p{
	margin-bottom: 2em;
	overflow: hidden;
	font-size: 0.813em;
	line-height: 1.5;
	text-align: left;
}



#Corp-Sec div.articles p.gra{
	padding-top: 30px;
}



#Corp-Sec div.articles p img{
	float: left;
	margin-right: 10px;
}



#Corp-Sec div.articles p img.graph{
	margin-top: -30px;
	margin-right: 80px;
}
@media only screen and (max-width: 767px){
	#Corp-Sec div.articles p img{
		float: none;
		display: block;
		margin: 0 auto 10px;
	}
	#Corp-Sec div.articles p img.graph{
		margin: 0 auto 20px;
	}
}



/*---------photo---------*/

#Corp-Sec #photo{
	width: 690px;
	overflow: hidden;
}



#Corp-Sec #photo div{
	float: left;
	padding-bottom: 10px;
	display: inline;
}



#Corp-Sec #photo div dl{
	text-align: left;
}


#Corp-Sec #photo div dl dt{
	margin-bottom: 5px;
}


#Corp-Sec #photo div dl dd{
	font-size: 0.813em;
}



#Corp-Sec #photo div.mr10{
	margin-right: 10px;
}


#Corp-Sec #photo div.mr14{
	margin-right: 14px;
}


#Corp-Sec #photo div.mr20{
	margin-right: 20px;
}


#Corp-Sec #photo div.mr30{
	margin-right: 20px;
}
@media only screen and (max-width: 767px){
	#Corp-Sec #photo{
		width: auto;
	}
	#Corp-Sec #photo div{
		float: none;
		width: auto !important;
		display: block;
		margin: 0!important;
	}
	#Corp-Sec #photo div dl dt,
	#Corp-Sec #photo div dl dd{text-align: center;}
}

#map li a{
	position: relative;
	display: block;
	padding: 10px;
	border-bottom: 1px dotted #0070B6;
}
#map li:last-child a{
	border: none;
}
#map li a:before {
	position: absolute;
	right: 10px;
	top: 12px;
	color: #0070b6;
	font-family: 'FontAwesome';
	content:"\f054";
}

/*---------History･Environment table---------*/

#Corp-Sec table#history,
#Corp-Sec table#Env-his{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}



#Corp-Sec table#Env-his{
	margin-bottom: 30px;
}



#Corp-Sec table#history th,
#Corp-Sec table#history td{
	padding: 5px 0;
	border-bottom: 1px solid #656363;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.5;
	vertical-align: top;
	text-align: left;
}



#Corp-Sec table#history th{
	width: 60px;
	border-right: 1px dotted #656363;
	color: #0075C1;
}



#Corp-Sec table#history td{
	padding-left: 24px;
}



#Corp-Sec table#history td.pic{
	width: 100px;
	padding-left: 10px;
}




#Corp-Sec table#Env-his th,
#Corp-Sec table#Env-his td{
	padding-bottom: 10px;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.5;
	vertical-align: top;
	text-align: left;
}



#Corp-Sec table#Env-his th{
	padding-right: 20px;
	color: #0075C1;
	white-space: nowrap;
}



/*---------Quality---------*/

#Corp-Sec #Spindle{
	width: 690px;
	margin-bottom: 10px;
	background: url(../../corporate/quality/images/spindle.jpg) no-repeat left bottom;
}
#Corp-Sec #Spindle div{
	width: 320px;
	margin-left: 370px;
}
#Corp-Sec #Spindle div dl{
	width: 320px;
}
#Corp-Sec #Spindle div dl dt{
	width: 320px;
	text-align: center;
}
#Corp-Sec #Spindle div dl dd{
	font-size: 0.813em;
	line-height: 1.5;
	text-align: left;
}
@media only screen and (max-width: 767px){
	#Corp-Sec #Spindle{
		width: auto;
		margin-bottom: 10px;
		padding: 240px 0 0;
		background: url(../../corporate/quality/images/spindle.jpg) no-repeat center top;
	}
	#Corp-Sec #Spindle div{
		width: auto;
		margin-left: 0;
	}
	#Corp-Sec #Spindle div dl{
		width: auto;
	}
	#Corp-Sec #Spindle div dl dt{
		width: auto;
	}
}


#Corp-Sec #Mono{
	width: 690px;
	margin-bottom: 10px;
	text-align: left;
	background: url(../../corporate/quality/images/xpeed1200.png) no-repeat right top;
}
#Corp-Sec #Mono dl{
	width: 440px;
	text-align: left;
}
#Corp-Sec #Mono dl dt{
	margin-bottom: 20px;
	font-size: 0.875em;
	color: #0075C1;
	line-height: 1.5;
}
#Corp-Sec #Mono dl dt small{
	color: #656363;
}
#Corp-Sec #Mono dl dd{
	margin-bottom: 20px;
	font-size: 0.813em;
	line-height: 1.5;
}
#Corp-Sec #Mono dl dd table{
	border-collapse: separate;
	border-spacing: 0;
}
#Corp-Sec #Mono dl dd table th{
	white-space: nowrap;
}
#Corp-Sec #Mono dl dd table th,
#Corp-Sec #Mono dl dd table td{
	font-weight: normal;
	vertical-align: top;
	text-align: left;
}

#Corp-Sec ul#env-btn{
	margin-bottom: 30px;
	overflow: hidden;
}
#Corp-Sec ul#env-btn li{
	float: left;
	margin-right: 36px;
}
@media only screen and (max-width: 767px){
	#Corp-Sec #Mono{
		width: auto;
		padding: 160px 0 0;
		background: url(../../corporate/quality/images/xpeed1200.png) no-repeat center top;
	}
	#Corp-Sec #Mono dl{
		width: auto;
	}
	#Corp-Sec ul#env-btn li{
		float: none;
		margin: 0 0 20px;
		text-align: center;
	}
}






/*---------Environment---------*/

#Corp-Sec #Green{
	padding: 4px 15px;
	border: 1px solid #888;
	display: inline-block;
}




#Corp-Sec #Green h4{
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #05A561;
	font-size: 0.875em;
	color: #05A561;
}



#Corp-Sec #Green ul li a{
	padding: 10px 0;
	font-size: 0.813em;
	display: block;
}

#Corp-Sec ul.app{
	list-style: outside none none;
	font-size: 0.813em;
	line-height: 1.5;
	margin: 0 0 10px 10px;
}
#Corp-Sec ul.app li span{
   display: inline-block;
   width: 80px;
}


/* ====================================================================================

	=04.Corp-IR
------------------------------------------------------------------------------------ */
#Corp-IR{}


/*-----	IR-NEWS	-----*/

#Corp-IR #ir-News{
	margin-bottom: 30px;
}




#Corp-IR #ir-News dl{
	overflow: hidden;
	text-align: left;
}



#Corp-IR #ir-News dl dt,
#Corp-IR #ir-News dl dd{
	font-size: 0.75em;
}



#Corp-IR #ir-News dl dt{
	float: left;
	clear: both;
	width: 70px;
	padding: 2px 0 0;
}



#Corp-IR #ir-News dl dd{
	margin-bottom: 10px;
	padding: 0 0 0 80px;
}



#Corp-IR #ir-News dl dd a{
	padding: 2px 0 2px 18px;
	display: block;
	background: url(../img/icon/pdf.png) no-repeat left center;
}



#Corp-IR #ir-News ul{}

#Corp-IR #ir-News ul li a{
	padding: 5px 0 5px 15px;
	font-size: 0.813em;
	display: block;
	background: url(../img/icon/pdf.png) no-repeat left center;
}



/*-----	IR-Contents	-----*/

#Corp-IR #ir-Contents{
	overflow: hidden;
	text-align: left;
}



#Corp-IR #ir-Contents div{
	float: left;
	width: 333px;
	padding-bottom: 15px;
}



#Corp-IR #ir-Contents div.ml24{
	margin-left: 24px;
}


#Corp-IR #ir-Contents div h3{
	font-size: 14px;
	border-bottom: 1px solid #0070B6;
}
#Corp-IR #ir-Contents div h3:before{
	font-family: fontAwesome;
	content: "\f152";
	margin-right: 5px;
	color: #0196de;
	font-size: 18px;
}


#Corp-IR #ir-Contents div p{
	padding: 0 8px;
	font-size: 0.813em;
	line-height: 1.5;
	text-align: left;
}
@media only screen and (max-width: 767px){
	#Corp-IR #ir-Contents div{
		float: none;
		width: auto;
		margin: 0 0 20px;
		padding-bottom: 15px;
	}
	#Corp-IR #ir-Contents div.ml24{
		margin-left: 0;
	}
}




#Corp-IR #Announce dl{
	margin-bottom: 30px;
	text-align: left;
}


#Corp-IR #Announce dl dt{
	padding: 0 0 6px 5px;
	margin-bottom: 10px;
	font-size: 0.938em;
	font-weight: bold;
	color: #128F2E;
	background: url(../img/dot_01.gif) repeat-x left bottom;
}


#Corp-IR #Announce dl dd a{
	padding: 3px 0 3px 25px;
	font-size: 0.813em;
	display: block;
	background: url(../img/icon/pdf.png) no-repeat 5px center;
}


#Corp-IR #Jasdaq{
	padding: 15px;
	overflow: hidden;
	border: 1px solid #D4D5D5;
	text-align: center;
}


#Corp-IR #Jasdaq p a{
	padding: 10px 100px 10px 0;
	font-size: 0.813em;
	display: block;
	background: url(../images/icon/jasdaq.gif) no-repeat right center;
}


#Corp-IR p.financial-att{
	margin-bottom: 30px;
	font-size: 0.813em;
	color: #ff0000;
	line-height: 1.5;
}



/* ====================================================================================

	=05.Corp-Recruit
------------------------------------------------------------------------------------ */

#Corp-Recruit div.RecArea{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #888;
}


#Corp-Recruit div.RecArea h3{
	position: absolute;
	left: 0;
	top: 5px;
	height: 59px;
	width: 96px;
	padding: 0;
	margin: 0;
	border: none;
}
@media only screen and (max-width: 640px){
	#Corp-Recruit div.RecArea h3{
		position: static;
		margin: 0 0 10px;
	}
}

#Corp-Recruit div.RecArea h3 span{
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}


#Corp-Recruit div.RecArea h3.i-Career{
	background: url(../../corporate/recruit/images/icon/01.gif) no-repeat left top;
}

#Corp-Recruit div.RecArea h3.i-Graduate{
	background: url(../../corporate/recruit/images/icon/02.gif) no-repeat left top;
}

#Corp-Recruit div.RecArea h3.i-OutLine{
	background: url(../../corporate/recruit/images/icon/03.gif) no-repeat left top;
}

#Corp-Recruit div.RecArea h3.i-Application{
	background: url(../../corporate/recruit/images/icon/04.gif) no-repeat left top;
}

#Corp-Recruit div.RecArea h3.i-Contact{
	background: url(../../corporate/recruit/images/icon/05.gif) no-repeat left top;
}


#Corp-Recruit div.RecArea div{
	padding-top: 4px;
	margin-left: 120px;
}
@media only screen and (max-width: 640px){
	#Corp-Recruit div.RecArea div{
		margin-left: 0;
	}
}

#Corp-Recruit div.RecArea div p{
	margin-bottom: 10px;
	font-size: 0.813em;
	line-height: 1.5;
}


#Corp-Recruit div.RecArea div ul#Career{
	width: 300px;
	overflow: hidden;
}


#Corp-Recruit div.RecArea div ul#Career li{
	float: left;
	width: 160px;
}


#Corp-Recruit div.RecArea div ul#Career li a{
	padding: 5px 0 5px 15px;
	font-size: 0.813em;
	display: block;
	/*background: url(../images/arrow06.png) no-repeat left center;*/
}


#Corp-Recruit div.RecArea div table#outLine{
	border-collapse: separate;
	border-spacing: 0;
}


#Corp-Recruit div.RecArea div table#outLine th,
#Corp-Recruit div.RecArea div table#outLine td{
	padding-bottom: 10px;
	font-size: 0.813em;
	line-height: 1.5;
	vertical-align: top;
	text-align: left;
}


#Corp-Recruit div.RecArea div table#outLine th{
	width: 80px;
	padding-right: 10px;
}




#Corp-Recruit table#Guidelines{
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-collapse: separate;
	border-spacing: 0;
}


#Corp-Recruit table#Guidelines th,
#Corp-Recruit table#Guidelines td{
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
}


#Corp-Recruit table#Guidelines th{
	width: 105px;
	padding-left: 15px;
}


#Corp-Recruit table#Guidelines td{
	padding-left: 15px;
}


#Corp-Recruit table#Guidelines td span{
	padding-left: 0.5em;
}



#Corp-Recruit div.Top{
	width: 100%;
	text-align: right;
}


#Corp-Recruit div.Top a{
	padding-left: 15px;
	font-size: 0.813em;
	/*background: url(../images/arrow07.png) no-repeat left 2px;*/
}

#Corp-IRinfo table#Guidelines{
	width: 100%;
	margin-bottom: 30px;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-collapse: separate;
	border-spacing: 0;
}


#Corp-IRinfo table#Guidelines th{
	width:200px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
	background-color:#0075c1;
	color:#ffffff;
}

#Corp-IRinfo table#Guidelines td{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
	font-size: 0.813em;
	font-weight: normal;
	line-height: 1.5;
	vertical-align: middle;
	text-align: left;
}
@media only screen and (max-width: 640px){
	#Corp-IRinfo table#Guidelines th,
	#Corp-IRinfo table#Guidelines td{
		float: left;
		width: 100%;
	}
}


#Corp-IRinfo table#Guidelines td span{
	padding-left: 0.5em;
}

#Corp-IRinfo h4{
    clear: both;
    font-size: 18px;
	font-weight:bold;
    margin-bottom: 10px;
    padding: 10px 0 0;
    word-wrap: break-word;
	}
#Corp-IRinfo h5{
    clear: both;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    padding: 10px 0 0;
    word-wrap: break-word;
	}
	
#Corp-IRinfo p.LEAD {
    margin: 0 0 1em;
    word-wrap: break-word;
	font-size: 0.813em;
	line-height: 1.5;
}



/* ====================================================================================

	=06.Corp-Philosophy
------------------------------------------------------------------------------------ */
#philosophy{
	font-size: 0.813em;
	line-height: 1.5;
	text-align: left;
}
#philosophy .clearfix:after{
	content:"."; 
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#philosophy .clearfix{
	min-height:1px;
	}


#philosophy .title_ourcore{
	text-align:center;
	margin-top:55px;
}

#philosophy .title_ourcore_txt{
	text-align:center;
	margin-top:50px;
}

#philosophy .line{
	display:block;
	width:100%;
	border-bottom:solid 1px #b4b4b5;
	margin-bottom:60px;
	margin-top:60px;
}

#philosophy .title_ourcore_sub{
	margin-bottom:60px;
	padding: 0 20px;
}


#philosophy .title_ourcore_sub_img_left{
	width:280px;
	display:block;
	float:left;
}

#philosophy .title_ourcore_sub_img_right{
	width:280px;
	display:block;
	text-align:right;
	float:right;
}


#philosophy .title_ourcore_sub_right_txt{
	float:right;
	display:block;
	width:370px;
}


#philosophy .title_ourcore_sub_left_txt{
	float:left;
	display:block;
	width:370px;
}
@media only screen and (max-width: 767px){
	#philosophy .title_ourcore_sub_img_left,
	#philosophy .title_ourcore_sub_img_right{
		width:auto;
		float:none;
		margin: 0 0 10px;
	}
	#philosophy .title_ourcore_sub_right_txt,
	#philosophy .title_ourcore_sub_left_txt{
		width:auto;
		float:none;
	}
}



/* ====================================================================================

	= overview
------------------------------------------------------------------------------------ */
.overview{
    margin: 0 0 60px;
}
.overview table{
    width: 100%;
    margin: 0 0 10px;
}
.overview table th,
.overview table td{
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
}
.overview table th{
    width: 9em;
    font-weight: bold;
}
.overview .date{
    font-size: 14px;
    text-align: right;
}