@charset "utf-8";

/*
https://cs2.toray.co.jp/news/career01.nsf より
*/

/*---------------------------------------
notes parts
----------------------------------------*/
.newsDate{margin-bottom:20px; text-align:right;}
.newsInc{margin-bottom:20px; text-align:right;}
.newsTitle{margin-bottom:30px; font-weight:bold; text-align:center; font-size:114%;}
.textBlock{margin-bottom:25px;}
.imgBlock1{margin-bottom:15px; text-align:center;}
.imgBlock1 .caption{margin-top:5px; text-align:center;}
.imgBlock2{overflow:hidden; zoom:1; margin:0 0 25px -10px; width:1080px;}
.imgBlock2 .imgBox{width:320px; float:left; margin-left:150px;}
.imgBlock2 .imgBox p,
.imgBlock2 .imgBox img{text-align:center;}
.imgBlock2 .imgBox .caption{margin-top:5px;}
.btnIndex{text-align:center;}
.textBold{font-weight:bold;}
.inqBtn a,
.btnIndex a{display:inline-block; padding:8px 30px 7px; background-color:#014099; color:#fff; font-weight:bold;}
.inqBtn a:hover,
.btnIndex a:hover{text-decoration:none; background-color:#00265b;}

/* headingBlock01
------------------------*/
.headingBlock01{font-size:128%; font-weight:bold; margin:20px 0 5px; padding:5px 10px; background-color:#eaeaea;}
.headingBlock02{font-size:128%; font-weight:bold; color:#004097; margin-bottom:5px;}
.headingBlock03{font-size:114%; font-weight:bold; margin-bottom:30px;}
.headingBlock04{font-size:114%; font-weight:bold; margin-bottom:5px; padding-left:6px; border-left: 4px solid #004097;}

/* careerList
------------------------*/
.careerList{margin:5px 0 10px; padding-top:10px; border-top:#eaeaea 1px solid;}
.careerList .releaseDate{margin-bottom:5px;}
.careerList .textBold{margin-top:5px;}

/* tableBlock01
------------------------*/
.tableBlock01{margin-bottom:15px;}
.tableBlock01 th,
.tableBlock01 td{padding:5px 5px 5px 10px; border-bottom:5px solid #fff;}
.tableBlock01 th{background-color:#e2e4e7; font-weight:normal; text-align:left;}
.tableBlock01 td{background-color:#f3f3f3;}

/* tableBlock01
------------------------*/
.newsList a{text-decoration:none;}
.newsList a,.newsList a:link{color:#004097;}
.newsList a:visited{color:#4E98FB;}
.newsList a:hover{text-decoration:underline;}

/* newsList
------------------------*/
/*.newsList dl{margin:5px 6px 0 14px;}*/
.newsList dt{
	clear:both;
	float:left;
	padding:5px 0 0 15px;
	position:relative;
	margin-right:-300px;
	pointer-events: none;
	cursor:pointer;
}
.newsList dt span.date,
.newsList dt span.corpName{
	display:inline-block;
	_display:inline;
	_zoom:1;
	line-height:13px;
	padding-right:11px;
}
.newsList dt img{padding-right:8px; vertical-align:middle;}
.newsList dt a {display:block;}
.newsList dd {border-bottom:#FFF 1px solid;}
.newsList dd.even {}
.newsList dd a {
	padding:2.2em 0 10px 15px;
	display:block;
	background-color:#fff;
}
.newsList dd.even a {background-color:#fafafa;}
.newsList dd a:hover,.newsList dd a.hover {background-color:#e9f7fb;}

/* pressList
------------------------*/
.pressList dt{margin-top:15px;}
.pressList dt span{margin-right:10px;}
.pressList dt img{margin-right:8px; vertical-align:middle;}

@media screen and (max-width:767px){
	.newsDate{margin-bottom:10px;}
	.newsInc{margin-bottom:10px;}
	.newsTitle{margin-bottom:15px;}
	
	.imgBlock1 img{max-width:100%;}
	.imgBlock2{width:100%; margin-left:0;}
	.imgBlock2 .imgBox{width:100%; float:none; margin:0 0 15px;}
	
	.newsList dt{padding-left:5px; padding-right:5px;}
	.newsList dd a{padding-left:5px;}
	.newsList dt img.label{width:66px; height:10px;}
	
	.pressList dt img.label{width:66px; height:10px;}
}

/* newslabel
------------------------*/
*[class*="newslabel"]{display: inline-block; padding:2px 30px 0; margin-left:10px; font-size: 1.2rem; line-height: 1.4; vertical-align: middle;}
.newslabelNew{background-color: #ed6942; color:#fff;}
.newslabelSeg{background-color: #999; color:#fff;}

@media screen and (max-width:767px){
  *[class*="newslabel"]{padding:2px 10px 0;}
}


/*---------------------------------------
Form Parts
----------------------------------------*/
/* Contact
------------------------*/
.formHead{
	margin-bottom:15px;
	color:#014099;
	font-size:185%;
	font-family:Futura,verdana,'Hiragino Kaku Gothic Pro',Osaka,'MS PGothic','Sans-Serif';
	font-weight:bold;
	text-align:center;
}
.formLead{text-align:left;}
.formReq{text-align:left; color:#ff0000;}
.formList{margin-top:20px;}
.formList dl{overflow:hidden; zoom:1; padding:15px 20px;}
.formList dl.even{background-color:#f6f6f6; padding:10px 20px;}
.formList dl dt{float:left; width:220px;}
.formList dl dt.req{color:#ff0000;}
.formList dl dd{margin-left:220px;}
.formList dl dd input{margin:-1px 3px 2px 0; padding:0; vertical-align:middle;}
.formList dl dd input.inputType1,
.formList dl dd input.inputType2{
	height:22px;
	border:1px solid #c1c1c1;
	padding:1px;
	line-height:22px;
}
.formList dl dd input.inputType1{width:150px;}
.formList dl dd input.inputType2{width:320px;}
.formList dl dd ul.radioList{overflow:hidden; zoom:1;}
.formList dl dd ul.radioList li{
	float:left;
	width:auto;
	margin-right:30px;
}
.formList dl dd .nameAdjust{padding-left:20px;}
.formList dl dd .commArea{
	border:1px solid #c1c1c1;
	padding:2px;
	width:450px;
	height:100px;
}
.formList dl dd select{
	height:28px;
	border:1px solid #c1c1c1;
	padding:1px;
	line-height:22px;
}

@media (max-width:700px){
	body#contactBody #content {
		width:auto;
		padding:15px 10px 30px;
	}
	body#contactBody .formHead{margin-bottom:8px; font-family: sans-serif; font-size:}
	body#contactBody .formList dl{border-top:#ccc 1px dotted; margin:0 -10px; padding: 15px 10px;}
	body#contactBody .formList dl.even{background-color:#fff;}
	body#contactBody .formList dl dt{
		float:none;
		width:auto;
		padding-bottom:8px;
		font-weight:bold;
		font-size:107%;
	}
	body#contactBody .formList dl dd{margin-left:0;}
	body#contactBody .formList dl dd .nameAdjust{padding:10px 0 0;}
	body#contactBody .formList dl dd select{width:100%;}
	body#contactBody .formList dl dd input.inputType1,
	body#contactBody .formList dl dd input.inputType2{
		height:22px;
		line-height:22px;
	}
	body#contactBody .formList dl dd input.inputType1,
	body#contactBody .formList dl dd input.inputType2{width:98%;}
	body#contactBody .formList dl dd .commArea{
		width:98%;
		height:100px;
	}
	
	body#contactBody .formList dl dd select{height:24px; line-height:24px;}
	body#contactBody.android .formList input[type="radio"],
	body#contactBody.android .formList input[type="checkbox"]{margin:2px -3px 0 2px;}
}

/* Questionnaire
------------------------*/
.queHead{margin:20px 0 10px; padding:5px 10px; background-color:#e9e9e9;}
.formQuestion input{margin:-1px 3px 2px 0; padding:0; vertical-align:middle;}
.formQuestion input.text{
	height:22px;
	border:1px solid #c1c1c1;
	padding:1px;
	line-height:22px;
}
.formQuestion input.text:focus{background-color:#ffffdd;}
.formQuestion textarea{
	border:1px solid #c1c1c1;
	padding:2px;
	width:99%;
	height:100px;
	line-height:1.4;
}
.formQuestion textarea:focus{background-color:#ffffdd;}
.formQuestion select{
	height:28px;
	border:1px solid #c1c1c1;
	padding:1px;
	line-height:22px;
}
.formQuestion .submitBtn{text-align:center;}
.formQuestion .submitBtn input{
	display:inline-block;
	padding:8px 30px 7px;
	background-color:#014099;
	border:none;
	color:#fff;
	font-weight:bold;
}


@media (max-width:700px){
	.queHead{font-size:14px;}
	.formQuestion input.text,
	.formQuestion textarea,
	.formQuestion input[type="button"],
	.formQuestion input[type="submit"]{border-radius:0; -webkit-appearance: none;}
	
	.formQuestion input.text,
	.formQuestion textarea,
	.formQuestion input[type="button"],
	.formQuestion input[type="submit"],
	.formQuestion select{font-size:16px;}
	
	.radioCheckList label{
		width:auto;
		display:block;
		padding:10px;
		border:1px solid #c1c1c1;
		border-top:none;
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
		font-size:13px;
	}
	.radioCheckList li:first-child label{border-radius:5px 5px 0 0; border-top:1px solid #c1c1c1;}
	.radioCheckList li:last-child label{border-radius:0 0 5px 5px;}
	.radioCheckList li label.checked{
		background: -moz-linear-gradient(top,  rgba(208,230,242,1) 0%, rgba(173,212,244,1) 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top,  rgba(208,230,242,1) 0%,rgba(173,212,244,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(208,230,242,1) 0%,rgba(173,212,244,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(208,230,242,1) 0%,rgba(173,212,244,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(208,230,242,1) 0%,rgba(173,212,244,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e6f2', endColorstr='#add4f4',GradientType=0 ); /* IE6-9 */
	}
	.radioCheckList.floatListGrid2 li,
	.radioCheckList.floatListGrid3 li,
	.radioCheckList.floatListGrid4 li{float:none; width:auto; margin:0;}
	.formQuestion select{width:99%; overflow:hidden;}
	
}


/*---------------------------------------
for Toray Research [www.toray-research.co.jp]
----------------------------------------*/
#TRCish.switchWrap .switchToggle.nowOpen{background-color:#76bdfd!important;}
#TRCish.switchWrap .switchToggle.nowOpen span{background-color:#0183ff;}
#TRCish.switchWrap .switchDetail.TRCnews{padding:0;}


/*---------------------------------------
for ITSF
----------------------------------------*/
.lumpMix .thumbFix140{width:140px;}
.lumpMix .thumbFix140 img{width:100%;}
.lumpMix .thumbFixDetail{width:40%; margin-right:20px;}
.lumpMix .thumbFixDetail img{width:100%;}
.ppslSummary{margin-top:10px;}

@media (max-width:700px){
	.lumpMix .thumbFixDetail{width:100%; margin-right:0; float:none; text-align:center;}
	.lumpMix .thumbFixDetail img{width:auto;}
}