@charset "UTF-8";

 
/* =========================================================
 
     個人投資家向け

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

.navTxtBox ul{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	margin:0 0 0 10px;
	}
.navTxtBox ul li{
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -moz-align-items:center;
	-webkit-align-items: center;
    align-items:center;
	width:23%;
	margin:10px 0 0 2%;
}
.navTxtBox ul li a{width:100%;display:block;text-align:center;}
.navTxtBox ul li a:hover{color:#fff;}
@media screen and (max-width:767px){
	.navTxtBox{padding:10px;}
	.navTxtBox ul{margin:0;}
	.navTxtBox ul li{float:none; margin:5px 0 0 0;width:100%;}
	
}

.navTxtBox li {
	background-color:#ababab;
	display:inline-block;
	width:256px;
	float:left;
	margin-left:16px;
	line-height: 1.4;}
.navTxtBox li:first-child{margin-left:0;}

.navTxtBox li a {
	color:#fff;
	font-size:1em;
	padding:15px 0;
	font-weight:bold}


/* --------------------------------------------------------
     トップ
-------------------------------------------------------- */

.dtOnly { display:block}
@media screen and (max-width: 767px){
.dtOnly { display:none;}
}



.photoBg01 {
	background: url(../images/ind_index_main.png) no-repeat top left;
	width:800px;
	height:220px;
	line-height:220px;
	margin-bottom:15px;
}

@media screen and (max-width: 767px){
.photoBg01 {
	width:100%;
	height:inherit;
	line-height:inherit;
	background-size:100% auto;
	padding:20px 0;
	margin-top:25px;
}	
}


.photoBg01 h1 {
	color: #fff;
    padding: 0 20px;
    line-height: inherit;
	font-size: 4rem;
}

@media screen and (max-width: 767px){
.photoBg01 h1 {
	font-size: 2.5rem;
}	
}
.indMenu:after {
	content:"";
	clear:both;
	display: block;	}
	
.indMenu a { 
	color:#333; 
	font-weight:bold; 
	font-size:1.8rem;
	margin-bottom:20px}

.indMenu a span {
	padding-left:20px;}

.indMenu a:hover {
	background-color:#cdedf5;
	text-decoration:none}
	
.indMenu dt a {
	width:48.5%;
	display:inline-block;
	line-height:175px;
	border:1px solid #aaa;
	float:left;
	background-image:url(../images/ind_index_01.png);
	background-repeat:no-repeat;
	background-position:90% 30px;}

@media screen and (max-width: 767px){
.indMenu dt a {
	width:100%;
	float:none;}
}
	
.indMenu dt:nth-child(2) a {
	float:right;
	background-image:url(../images/ind_index_02.png);
	line-height: 1.5em;
	padding: 47px 0;}


/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast:none){
.indMenu dt:nth-child(2) a {
	padding: 47px 0 48px;
  }
}

.indMenu dt:nth-child(2) a span, .indMenu dt:nth-child(6) a span {
	padding-left:20px;
	display:inline-block;}
	
.indMenu dt:nth-child(4) a {
	float:right;}
	
.indMenu dt:nth-child(6) a {
	float:right;
	line-height: 1.5em;
	padding: 60px 0;}
	
.indMenu dd a {
	width:31.4%;
	display:inline-block;
	height:40px;
	border:1px solid #aaa;
	text-align:center;
	float:left;
	background-repeat:no-repeat;
	background-position:center 15px;
	padding-left:0;
	padding-top:135px;
	line-height:1.3em}
	
@media screen and (max-width: 767px){
.indMenu dd a {
	width:100%;
	float:none;
	padding-top:0;
	line-height:175px;
	height:inherit; 
	text-align:left;
	background-position:93% 30px;}
}
		
	
.indMenu dt:nth-child(3) a { background-image:url(../images/ind_index_03.png)}
.indMenu dt:nth-child(4) a { background-image:url(../images/ind_index_04.png)}
.indMenu dt:nth-child(5) a { background-image:url(../images/ind_index_05.png)}
.indMenu dt:nth-child(6) a { background-image:url(../images/ind_index_06.png)}




/* --------------------------------------------------------
     早わかり東レ
-------------------------------------------------------- */
.indHaya{position: relative;}
.indHaya h1 { color:#0068b7}
 
.indHaya #chukiNav:after {
	content:"";
	display:block;
	clear:both}
.indHaya .fixed {top:151px !important}
.indHaya #chukiNav li {
	width:188px;
	float:left;
	margin-left:16px;
	margin-bottom:15px;
	z-index:1;}
.indHaya #chukiNav li:first-child{margin-left:0;}
.indHaya #chukiNav li.current:nth-child(3)::before{margin: 85px 0 0 80px;}

@media screen and (max-width: 767px){
	.indHaya #chukiNav li {width:100%; margin:0; border-top:#fff 1px solid;}
	.indHaya #chukiNav li a {height: auto; padding:10px;}
	.indHaya #chukiNav li br {display:none;}
	.indHaya .fixed {top:43px !important}
}
	
.indHaya #chukiNav li.current a {
	background-color:#0068b7 !important;}

.indHaya #chukiNav li.current:before {
	content:"▼";
	font-size:30px;
	position:absolute;
	margin:60px 0 0 80px;
	color:#0068b7;
	z-index:0}

	@media screen and (max-width: 767px){
		.indHaya #chukiNav li.current:before {
			content:"";
			display:none
		}
	}

/*.indHaya #eins {
	margin-top: -280px;
	padding-top:280px;
}
.indHaya #zwei {
	margin-top: -250px;
	padding-top:250px;
}
.indHaya #drei {
	margin-top: -150px;
	padding-top: 150px;
}
.indHaya #vier {
	margin-top: -150px;
	padding-top: 150px;
}*/


	@media screen and (max-width: 767px){
/*		.indHaya #zwei {
			margin-top: -150px;
			padding-top:150px;
		}
		.indHaya #drei {
			margin-top: -50px;
			padding-top: 50px;
		}
		.indHaya #vier {
			margin-top: -50px;
			padding-top: 50px;
		}*/
	}
	
	
.indHaya #eins:after, .indHaya #zwei:after, .indHaya #drei:after, .indHaya #vier:after {
	content:"";
	display:block;
	clear:both
	}

.indHaya h2 {
	background-color:#0068b7;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:10px 0;
	margin:80px 0 20px;}

@media screen and (max-width: 767px){
.indHaya h2 {font-size:1.8rem; line-height:1.2}
}
	
.indHaya .circles {
	background-color:#bfdcee;
	border:1px solid #0883c2;
	margin-bottom:20px}

.indHaya .circles:after {
	display:block;
	content:"";
	clear:both}
	
.indHaya .circles h3 {
	background-color:#0883c2;
	color:#fff;
	line-height:1.2em;
	text-align:left;
	font-weight:bold;
	font-size:1.3em;
	padding:10px 15px 10px 15px;
	margin:15px 15px 15px;
	display:inline-block}
	
.indHaya .circles .txtBox {
	float:left}
	
.indHaya .circles p {
	margin:15px 15px 30px}
	
.indHaya .circles.indGreen p {
	max-width:340px;}
	
.indHaya .circles img {
	float:right;
	margin:15px;}


@media screen and (max-width: 767px){
.indHaya .circles img {
	float:none;
	margin:0 0 15px}
	
.indHaya .circles .txtBox {
	float:none}
}

.indHaya .circles.indBlue {
	margin-top:50px}
	
/*
.indHaya .circles.orange {
	margin-bottom:80px}
*/
	
.indHaya .circles.indGreen {
	background-color:#d7eac1;
	border:1px solid #69a055;}
	
.indHaya .circles.indGreen img {
	margin-top:40px;}

@media screen and (max-width: 767px){
.indHaya .circles.indGreen img {
	margin-top:0}

}

.indHaya .circles.indOrange {
	background-color:#f4e4c1;
	border:1px solid #df853a;}
	
.indHaya .circles.indGreen h3 {
	background-color:#69a055;}
	
.indHaya .circles.indOrange h3 {
	background-color:#df853a;}
	


.indHaya .products {
	border:2px solid #8aa3ce;
	width:48.3%;
	float:left;
	text-align:center;
	margin-bottom:15px;}


@media screen and (max-width: 767px){
	.indHaya .products {
	width:auto;
	float:none;}
	.indHaya .products.orangeBox, .indHaya .products.pinkBox {
	float:none !important;}
	
}


.indHaya .products.orangeBox, .indHaya .products.pinkBox {
	float:right;}
	
.indHaya .products h3 {
	background-image:url(../images/ind_014_01.png);
	background-repeat:no-repeat;
	padding:30px 0 30px 120px;
	font-size:1.6em;
	font-weight:bold;
	margin:10px;
	text-align:left}

.indHaya .products p {
	margin:10px;
	text-align:left;}

.indHaya .products.blueBox p, .indHaya .products.orangeBox p {
	min-height:140px}

.indHaya .products.greenBox p, .indHaya .products.pinkBox p {
	min-height:137px}
	
	
.indHaya .products.purpleBox { margin-bottom:50px}
	
.indHaya .products img {
	margin:10px}

@media screen and (max-width: 767px){
.indHaya .products img {
	margin:10px 20px 10px 10px}
.indHaya .products.blueBox p, .indHaya .products.orangeBox p {
	min-height:auto}

.indHaya .products.greenBox p, .indHaya .products.pinkBox p {
	min-height:auto}
}

.indHaya .products.orangeBox {
	border:2px solid #ebaa00;}

.indHaya .products.greenBox {
	border:2px solid #249133;}

.indHaya .products.pinkBox {
	border:2px solid #ef7a8b;}

.indHaya .products.purpleBox {
	border:2px solid #b062a4;}

.indHaya .products.orangeBox h3 {
	background-image:url(../images/ind_014_02.png);
	line-height:1.4em;
	padding:18px 0 18px 120px;}

.indHaya .products.greenBox h3 {
	background-image:url(../images/ind_014_05.png);
	line-height:1.2em;
	padding:5px 0 10px 120px}

.indHaya .products.pinkBox h3 {
	background-image:url(../images/ind_014_06.png);
	line-height:1.2em;
	padding:20px 0 23px 120px}

.indHaya .products.purpleBox h3 {
	background-image:url(../images/ind_014_09.png);}

.indHaya h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:50px 0 0 20px}
	


/* --------------------------------------------------------
     中期経営課題
-------------------------------------------------------- */


#NavBox { width:; height:;z-index:9;}
.fixed   {position: fixed !important;top:151px;}

#chukiNav {
	padding-top:51px;
	margin-top:-51px;
	background-color:#fff;
}
#chukiNav {width:800px; overflow: hidden;}
#chukiNav:after {
	display:block; 
	content:""; 
	clear:both}
#chukiNav li {
	display:inline-block;
	width:256px;
	float:left;
	margin-left:16px;
	line-height: 1.4;}
#chukiNav li:first-child{margin-left:0;}

#chukiNav li a {
	display:inline-block;
	width:100%;
	background-color:#ababab;
	color:#fff;
	font-size:1em;
	text-align:center;
	padding:15px 0;
	font-weight:bold}


	@media screen and (max-width: 767px){
		.fixed   {position: fixed !important;top: 38px;}
		#NavBox #chukiNav { width:100%}
		#chukiNav li {
			width:100%;
			margin:0;
			line-height:1.3em;
			border-top:#fff 1px solid;
		}
		#chukiNav li a {
			text-align:left;
			padding:10px;
			height:auto;
			font-weight: normal;
			box-sizing: border-box;
		}
		#chukiNav li br {display:none;}
	}


#chukiNav li.current a {
	background-color:#14a0da;
	text-decoration:none}
#chukiNav li.current:before {
	content:"▼";
	font-size:30px;
	position:absolute;
	margin:35px 0 0 110px;
	color:#14a0da;}



@media screen and (max-width: 767px){
#chukiNav li.current:before {
	content:"";
	display:none
}
}

.indChuki h1 { color:#14a0da}

.indChuki h2  {
	background-color:#14a0da;
	font-size:1.4em;
	font-weight:bold;
	display:inline-block;
	color:#fff;
	margin:50px 0 20px;
	padding:7px 20px}
	
.indChuki .pdfLink {
	text-align:right;
	margin-bottom:30px}
.indChuki #chukiNav li.current:before{
	margin:69px 0 0 110px;}


/*.indChuki #eins {
	margin-top:-180px;
	padding-top:180px;}
.indChuki #zwei {
	margin-top:-280px;
	padding-top:280px;}
.indChuki #drei {
	margin-top:-200px;
	padding-top:200px;}*/


/*@media screen and (max-width: 767px){
#zwei {
	margin-top:-120px;
	padding-top:120px;}
	
#drei {
	margin-top:-100px;
	padding-top:100px;}
}*/
		
dl#acMenu {
    position: relative;
}
	
p.pdfLink img {
    vertical-align: inherit;
	margin-left:10px
}

.basic {
	border:1px solid #014093;
	padding-bottom:15px;
	margin-bottom:30px}

.basic h3 {
	color:#3da66d;
	font-size:1.3em;
	font-weight:bold;
	margin: 15px 0 0 15px}

@media screen and (max-width: 767px){
	.basic h3 {
		line-height:1.2em}
}
	
.basic h4 {
	color:#3da66d;
	font-size:1.1em;
	font-weight:bold;
	margin: 15px 0 10px 15px}

.basic p {
	margin:0 15px 15px 15px}

#acMenu:after {
	content:"";
	display:block;
	clear:both}
	
#acMenu dt {
	background-color:#3da66d;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	padding:3px 0 0 10px;
	margin:0 15px 0 15px;
	cursor:pointer;
	line-height:40px;
	}
	
#acMenu dt br {
	display:none
	}
@media screen and (max-width: 767px){
	
#acMenu dt {
	font-size:1.0em;
	line-height:1.2em;
	padding:10px
	}
#acMenu dt br {
	display:block
	}
}
#acMenu dt:before {
	content:"+";
	position:absolute;
	right:4%;
	 margin-top:-3px;
	 font-size:1.7em}

#acMenu dt.active:before {
	content:"－";
	position:absolute;
	right:4%;
	 margin-top:-3px;
	 font-size:1.7em}


@media screen and (max-width: 767px){
#acMenu dt:before {
	right:6%;}

#acMenu dt.active:before {
	right:6%;}
}

.basic dd .wide {
	background-color:#e5f2e2;
	margin:0 15px 15px;
	padding-bottom:10px}
.basic dd h4 {
	padding-top:10px;}


.basic dd .normal {
	background-color:#e5f2e2;
	margin:0 0 15px 15px;
	padding-bottom:10px;
	width:47%;
	float:left;
	min-height:135px}
	

@media screen and (max-width: 767px){
	
.basic dd .normal:after {
	display:block;
	clear:both;
	content:"";}
	
	.basic dd .normal {
	margin:0 15px 15px 15px;
	width:inherit;
	float:none !important;}
	
.basic dd .normal:nth-child(3), .basic dd .normal:nth-child(5) {
	margin:0 15px 15px 15px !important;
	float:none !important}
}
	
.basic dd .normal:nth-child(3), .basic dd .normal:nth-child(5) {
	margin:0 15px 15px 0;
	padding-bottom:10px;
	float:right}
.basic dd .normal .txtBox {
	width:70%;
	float:left}
.basic dd .normal .imgBox {
	width:27%;
	float:right;
	text-align:right;
	padding:10px 10px 0 0}
	

@media screen and (max-width: 767px){
	.basic dd .normal .txtBox {
	width:70%;}
.basic dd .normal .imgBox {
	width:20%;}
}
	
	
.basic dd .normal h4 { margin:5px 5px 0 15px}

.basic .pinkType h4 {
	color:#e77676;
	font-size:1.1em;
	font-weight:bold;
	margin: 15px 0 10px 15px}
	
.pinkType #acMenu dt {
	background-color:#e77676;
	}

.basic .pinkType dd .wide {
	background-color:#fcf6e1;
}




.basic2 {
	border:1px solid #e5793b;
	padding-bottom:15px;
	margin-bottom:30px}
	
@media screen and (max-width: 767px){
	.basic2 h3 {
		line-height:1.2em}
}
	
.basic2 h3 {
	color:#e5793b;
	font-size:1.3em;
	font-weight:bold;
	margin: 15px 0 0 15px}

.basic2 p {
	margin:0 15px 15px 15px}

.basic2 dd .wide {
	background-color:#fae6db;
	margin:10px 15px 15px;
	padding-bottom:10px}
.basic2 dd h4 {
	padding-top:10px;}
	
.basic2 #acMenu dt {
	background-color:#e5793b;
	}
.basic2 #acMenu ul {
	padding:10px 10px 0}
.basic2 #acMenu li {
	padding:10px 0 0;
	text-indent:-1em;
	margin-left:1em}
.basic2 #acMenu li:before {
	content:"●";
	color:#e5793b}




.basic3 {
	border:1px solid #5658ac;
	padding-bottom:15px;
	margin-bottom:0px}

.basic3 h3 {
	color:#5658ac;
	font-size:1.3em;
	font-weight:bold;
	margin: 15px 0 0 15px}

@media screen and (max-width: 767px){
	.basic3 h3 {
		line-height:1.2em}
}
	

.basic3 p {
	margin:0 15px 15px 15px}

.basic3 dd .wide {
	background-color:#e6f4fc;
	margin:10px 15px 15px;
	padding-bottom:10px;
	padding-top:10px;}
.basic3 dd h4 {
	padding-top:10px;}
	
.basic3 #acMenu {
	margin-top:15px
	}	
.basic3 #acMenu dt {
	background-color:#5658ac;
	}
.basic3 #acMenu ul {
	padding:10px 10px 0}
.basic3 #acMenu li {
	padding:10px 0 0;
	text-indent:-1em;
	margin-left:1em}
.basic3 #acMenu li:before {
	content:"●";
	color:#5658ac}
.basic3 #acMenu li span {
	font-size:0.75em;
	display:block;
	margin-left:15px}
	

.juten {
	border:1px solid #014093;
	padding-bottom:15px;
	margin-bottom:25px}


.juten p {
	margin:0 15px 15px 15px}

.juten dd .wide {
	background-color:#e6f4fc;
	margin:10px 15px 15px;
	padding-bottom:10px;
	padding-top:10px;}
.juten dd h4 {
	padding-top:10px;}
	
.juten #acMenu {
	margin-top:15px
	}	
.juten #acMenu dt {
	color:#014093;
	font-size:1.3em;
	font-weight:bold;
	margin: 15px 0 0 5px;
	background-color:inherit
	}

@media screen and (max-width: 767px){
.juten #acMenu dt {
	line-height:1.2em;
	padding-right:20px;
	font-size:1.0em
	}	
}
	
.juten #acMenu ul {
	padding:10px 10px 0}
.juten #acMenu li {
	padding:10px 0 0;
	text-indent:-1em;
	margin-left:1em}
.juten #acMenu li:before {
	content:"●";
	color:#5658ac}
.juten #acMenu li span {
	font-size:0.75em;
	display:block;
	margin-left:15px}
	
.juten .bigCatch {
	background-color:#014093;
	color:#fff;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	padding:20px 0 10px;
	line-height: 1.7em;}
.juten .bigCatch span {
	font-size:1.8em;}

.juten .txtBox {
	float:left;
	width:70%;}

.juten .imgBox {
	float:left;
	width:25%;
	margin:0 0 0 20px}

.juten .txtMod {padding: 70px 0 0 15px;}	

@media screen and (max-width: 767px){
	.juten .txtBox {
	float:none;
	width:inherit;
	margin:0 0 0 20px}

.juten .imgBox {
	float:none;
	text-align:center;
	width:inherit;
	margin:0 0 0 0px}
	
.juten .txtMod {padding: inherit}
}


.segBox {
	border:2px solid #a4a49f;
	margin-bottom:30px;
	padding-bottom:10px;}

.segBox:after {
	content:"";
	display:block;
	clear:both}

.segBox .iconBox {
	float:right;}

.segBox h3 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 25px 0 15px 15px;
    border-bottom: 3px solid #d6e0ed;
    line-height: 0.4em;
    margin-bottom: 15px;
}
@media screen and (max-width: 767px){
	.segBox h3 {
		font-size: 1em;
    line-height: 1.4em;
}
}
.segBox dl {
	margin-left:15px;
	margin-bottom:20px}

.segBox dl:after {
	content:"";
	display:block;
	clear:both}

.segBox dl dt {
	background-color:#8aa3ce;
	color:#fff;
	padding:3px 10px;
	font-size:1em;
	display:inline-block;
	margin-right:15px}


@media screen and (max-width: 767px){
.segBox dl dt {
	float:none;
	display:inline-block;
	margin-bottom:10px}
}

.segBox dl dd {
	font-size:1em;
	line-height:1.5em}

.segBox .txtBox {
	float:left;
	width:48%;}

.segBox .imgBox {
	float:right;
	width:48%;}


@media screen and (max-width: 767px){
.segBox .txtBox {
	float:none;
	width:inherit;}

.segBox .imgBox {
	float:none;
	width:inherit;}
}

.segBox .txtBox dt {
	float:none;
	display:inline-block;
	margin-bottom:10px}
	
.segBox.indYellow h3 {
    border-bottom: 3px solid #faeac1;
}
@media screen and (max-width: 767px){
	.segBox.indYellow h3 {
		font-size: 1em;
    line-height: 1.4em;
}
}

.segBox.indYellow dl dt {
	background-color:#ebaa00;
}
	
.segBox.indGreen h3 {
    border-bottom: 3px solid #c5e7c9;
}

@media screen and (max-width: 767px){
	.segBox.indGreen h3 {
		font-size: 1em;
    line-height: 1.4em;
}
}
.segBox.indGreen dl dt {
	background-color:#24a433;
}

.segBox.indGreen dl dd {
	padding-top:10px;
}
	
.segBox.indPink h3 {
    border-bottom: 3px solid #f4cbd4;
}

@media screen and (max-width: 767px){
	.segBox.indPink h3 {
		font-size: 1em;
    line-height: 1.4em;
}
}

.segBox.indPink dl dt {
	background-color:#ef7a8b;
}

.segBox.indPurple dl dd {
	padding-top:10px;
}
	
.segBox.indPurple h3 {
    border-bottom: 3px solid #d2c7df;
}

.segBox.indPurple dl dt {
	background-color:#b062a4;
}

.segBox.indPurple dl dd {
	padding-top:10px;
}
.segBox .caution { font-size:0.75em; padding:0 0 0 15px;}

dl.lineMod dd {
    text-indent: -0.6em;
    margin-left: 1em;
	padding-top: 5px;
}

/* --------------------------------------------------------
     東レのあゆみ
-------------------------------------------------------- */

.indAyumi h1 { color:#3da66d}

.indAyumi h2 {
	color:#3da66d;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;}

.indHistory area { cursor:default}


/* --------------------------------------------------------
     事業内容
-------------------------------------------------------- */

.indjigyo h1 {
	color:#e77676}

.jigyoBox {
	border:2px solid #014090;
	width:100%;
	margin-bottom:30px;
	padding-bottom:20px}

.jigyoBox .ttlImg {
	float:left;
	width:18%;}

.jigyoBox .txtBox {
	float: right;
	width:82%;}

.jigyoBox .txtBox h3 {
	font-size:1.4em;
	font-weight:bold;
	color:#014090;
	padding:15px 0}

.jigyoBox .txtBox h3 a {
	background-color:#014090;
	color:#fff;
	float:right;
	font-size:0.6em;
	padding:5px 10px;
	margin-right:15px;}


@media screen and (max-width: 767px){

.jigyoBox .ttlImg {
	padding-right:10px;}

.jigyoBox .ttlImg img {
	margin-top:1px;}


.jigyoBox .txtBox {
	float: none;
	width:inherit}
	
.jigyoBox .txtBox h3:after {
	content:"";
	display:block;
	clear:both}

.jigyoBox .txtBox p { display:block; margin:0 15px 15px}
}



/* --------------------------------------------------------
     東レの強み
-------------------------------------------------------- */

.indStrength h1 {
	color:#5658ac}

#strengthNav:after {
	content:"";
	clear:both;
	display:block} 
#strengthNav li {
	display:inline-block;
	float:left;
	margin-right:15px;
	width: 23.5%;}
	
@media screen and (max-width: 767px){
	#strengthNav li {
	width:47%;
	margin-bottom:15px;}

#strengthNav li:nth-child(2) {
	margin-right:0}
	
#strengthNav li a {
	line-height:1.2em !important;
	min-height:48px;	}
}
	
#strengthNav li:last-child {
	margin-right:0}
#strengthNav li a {
	display:inline-block;
	background-color:#afafaf;
	color:#fff;
	font-size:2rem;
	width:100%;
	text-align:center;
	padding:10px 0;
	line-height:50px}
	

#strengthNav li:nth-child(2) a {
	padding:11px 0;
	line-height:1.2em}
	
#strengthNav li a:hover {
	text-decoration:none;
	background-color:#5658ac} 
#strengthNav li a.here {
	background-color:#5658ac} 

.indStrength h2 {
	font-weight:bold;
	font-size:2rem;
	border-bottom:1px solid #5658ac;
	margin:40px 0 20px;
	padding:0 0 5px;
	color:#5658ac}
.indStrength h3.blockTtl { font-size:1.6rem;
 font-weight:bold; 
 background-color: #5658ac;
 margin:40px 0 10px;
 padding:7px 12px;
 color:#fff;
 display:inline-block}

.technoField h3 {
	color:#014080;
	font-weight:bold;
	margin:50px 0 10px 0;
	font-size:1.2em}

.indStrength .alignC h3 { font-size:1.2em;
 font-weight:bold; 
 color: #01408c;
 margin:40px 0 20px;}
 
.technoField p {
	display: block;
	padding: 8px 0 8px 40px;
	border:1px solid #5658ac;
	text-align:center;
	margin-bottom:10px;}

.technoField p span {
	background-image:url(../images/017_icon.png);
	background-repeat:no-repeat;
	padding: 8px 0 8px 40px;
	background-position: left center;}


@media screen and (max-width: 767px){
	.technoField p {
	text-align:left;
	padding-right: 20px;
    text-indent: -2.5em;}
}


area{
  border:none;
  outline:none;
}


/* --------------------------------------------------------
     株主還元
-------------------------------------------------------- */

.indKangen h1 {
	color:#e5793b}

.divideBox { margin-bottom:80px}

.divideBox dt {
	background-color:#e5793b;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin-bottom:5px;}

.divideBox dd {
	background-color:#e9e9e9;
	padding:20px;}

.divideTable { margin-bottom:10px;}

.divideTable td:first-child {
	text-align:center;
	padding:10px 0}

.divideTable td {
	text-align:right;
	vertical-align:middle}

.tPattern03_pad3.divideTable th {
    background: #e9e9e9;
	padding:10px 0
}

@media screen and (max-width: 767px){
.smpTable2 .tPattern03_pad3.wid100.divideTable th {
		font-size:1.2rem!important
}
}


/* --------------------------------------------------------
     個人投資家向け説明会
-------------------------------------------------------- */
.indSetsumei h1 {
	color:#da5a46}

.setsumeTable table { margin-bottom:70px;}

.setsumeTable th {
	vertical-align:middle;
	background-color:#e6f4fd}

.setsumeTable td {
	vertical-align:middle;
	padding-left:20px}

.setsumeTable td.photoTd {
	vertical-align:middle;
	padding-left:3px;
	max-width:86px}


@media screen and (max-width: 767px){
	.setsumeTable td.photoTd {
	max-width:43px}
    .smpTable2.setsumeTable table td {
    font-size: 1.4rem!important;
    padding: 0.5rem!important;
    line-height: 1.3!important;
}
    .smpTable2.setsumeTable table th, .smpTable2 table td {
    font-size: 1.4rem!important;
    padding: 0.5rem!important;
    line-height: 1.3!important;
}
}





/* --------------------------------------------------------
     株主・投資家情報の「歩き方」
-------------------------------------------------------- */

.indWalk h1 {
	color:#3da66d}

.indWalk h2.h2Type01 {
	background-color:#dbefe4;
	border-bottom:2px solid #3da66d;
    padding: 7px 15px;
	margin: 30px 0 15px;
    font-size: 1.8rem;}

.indWalk h3 {
	font-weight:bold;
	border-bottom:1px solid #3da66d;
	margin:10px 0}

.indWalk .lumpEnd {
    width: 595px;
    float: left;
}


@media screen and (max-width: 767px){

.indWalk .lumpEnd {
    width: auto;
    float: none;
}
}


/*テーブルスクロール調整*/



.lite-table table { clear: both; border-collapse: collapse; width:800px;  margin: 0 0 10 0;background-color:; }


.lite-table .r1 td { }

.lite-table td { text-align: right; white-space: nowrap; }








/* table style

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



/* common table style  */



.tableWrap {

	clear: both;

	margin-top: 0;

}



[class*="tableBlock"] {

	clear: both;

	margin-top: 5px;

	overflow-x: auto;

	padding-bottom: 10px;

}

[class*="tableBlock"]::-webkit-scrollbar {

	width: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="tableBlock"]::-webkit-scrollbar:horizontal {

	height: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="tableBlock"]::-webkit-scrollbar-thumb {

	background: #004097;

	border-radius: 10px;

}

[class*="tableBlock"]::-webkit-scrollbar-thumb:horizontal {

	background: #004097;

	border-radius: 10px;

}




































































.itemBox {
	margin-left: 18px;
	margin-bottom: 25px;
}

.areaNav {
	margin-left: 15px;
	margin-bottom: 10px;
	position: relative;
}

.areaNav li {
	list-style: none;
	float: left;
	margin-right: 35px;
	margin-bottom:
}

.areaNav li.last {
	margin-right: 0 !important;
}

.areaNav li:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none !important;
}

.areaDetail {
	width: 650px;
	height: 182px;
	margin-bottom: 15px;
	overflow: hidden;
}


h3.indBar {
	background: url(../images/ind_bar.gif) repeat-x bottom left;
	color: #42210b;
	padding-bottom: 5px;
	padding-left: 0;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 15px;
}

.contentsList {
	margin-bottom: 25px;
	padding-left: 25px;
}

.contentsList li {
	float: left;
	width: 300px;
	height: 58px;
	margin-right: 30px;
	margin-bottom: 17px;
	text-indent: -9999px;
	overflow: hidden;
}

.contentsList li.each {
	margin-right: 0 !important;
}

.contentsList li a {
	display: block;
	zoom: 1;
	width: 300px;
	height: 58px;
}

.contentsList li.pict01 a {
	background: url(../images/pict01.gif) no-repeat;
}

.contentsList li.pict02 a {
	background: url(../images/pict02.gif) no-repeat;
}

.contentsList li.pict03 a {
	background: url(../images/pict03.gif) no-repeat;
}

.contentsList li.pict04 a {
	background: url(../images/pict04.gif) no-repeat;
}

.contentsList li.pict05 a {
	background: url(../images/pict05.gif) no-repeat;
}

.contentsList li.pict06 a {
	background: url(../images/pict06.gif) no-repeat;
}

.contentsList li a:link,
.contentsList li a:visited {
	color: #42210b;
}

.contentsList li a:hover,
.contentsList li a:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none !important;
}

* html .contentsList li {
	display: inline;
	zoom: 1;
}

*:first-child+html .contentsList li {
	display: inline;
	zoom: 1;
}

.infoList {
	padding-left: 25px;
}

.infoList li {
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: url(../images/arrow.gif) no-repeat 0 2px;
	padding-left: 10px;
}

.infoList li.each {
	margin-right: 0 !important;
}

.infoList p {
	font-size: 1em;
}

.infoList li a:link,
.infoList li a:visited {
	color: #8c6239;
}

.infoList li a:link,
.infoList li a:hover {
	color: #42210b;
}


/* --------------------------------------------------------
     東レの歴史
-------------------------------------------------------- */

/* ul#contentsNav {
	width: 100%;
}

ul#contentsNav li {
	float: left;
	display: inline-block;
	font-size: 90%;
	text-align: center;
	border-left: solid 1px #eee;
}

ul#contentsNav li.item01 {
	width: 83px;
	line-height: 40px;
}

ul#contentsNav li.item02 {
	width: 120px;
}

ul#contentsNav li.item03 {
	width: 142px;
}

ul#contentsNav li.item04 {
	width: 130px;

}

ul#contentsNav li.item05 {
	width: 120px;
}

ul#contentsNav li.item06 {
	width: 83px;
	line-height: 40px;
	border-right: solid 1px #eee;
}


ul#contentsNav li a {
	display: block;
	height: 40px;
	padding: 5px 0;
	background: url(../images/nav_bg.gif) repeat-x;
}

ul#contentsNav li a:link,
ul#contentsNav li a:visited{
	color: #42210b;
}


ul#contentsNav li a:hover,
ul#contentsNav li a.current {
	color: #c69c6d;
	text-decoration: none !important;
	background-position: 0 -55px;
}
 */

ul#contentsNav {
	width: 100%;
}

ul#contentsNav li {
	float: left;
	display: inline-block;
	font-size: 135%;
	text-align: center;
	border-left: solid 1px #ead9ab;
	border-bottom: solid 1px #ead9ab;
	line-height: 1;
}

ul#contentsNav li.item01 {
	width: 78px;

}

ul#contentsNav li.item02 {
	width: 92px;
}

ul#contentsNav li.item03 {
	width: 122px;
}

ul#contentsNav li.item04 {
	width: 178px;
}

ul#contentsNav li.item05 {
	width: 130px;
}

ul#contentsNav li.item06 {
	width: 78px;
	border-right: solid 1px #ead9ab;
}


ul#contentsNav li a {
	display: block;
	height: 35px;
	padding-top: 15px;
	background: url(../images/nav_bg.gif) repeat-x top left;
}

ul#contentsNav li a:link,
ul#contentsNav li a:visited{
	color: #42210b;
}


ul#contentsNav li a:hover,
ul#contentsNav li a.current {
	color: #c69c6d;
	text-decoration: none !important;
	background-position: 0 -55px;
}

div.recommend {
	border-top:1px solid #c69c6d;
	border-bottom:1px solid #c69c6d;
	padding:1px 0 1px;
	margin-top:20px;
	margin-bottom:40px;
}

div.recommend ul {
	margin-left: 10px;
}

div.recommend a {
	background: url(../images/arrow.gif) no-repeat 0 2px;
	padding-left: 10px;
}

div.recommend a:link,
div.recommend a:visited {
	color: #42210b;
}

div.recommend a:hover,
div.recommend a:active {
	color: #c69c6d;
}


/* --------------------------------------------------------
     東レのコア技術と事業領域
-------------------------------------------------------- */
.coreList dt {
	color: #8c6239;
	margin-bottom: 10px;
	font-size: 1.5em;
}

.coreList dd {
	border-bottom: dashed 1px #8c6239;
	padding-left: 90px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 60px;  
    height: auto !important;  
    height: 60px; 
}

.coreList dd.dd01 {
	background: url(../images/dd01.gif) top left no-repeat;
}

.coreList dd.dd02 {
	background: url(../images/dd02.gif) top left no-repeat;
}

.coreList dd.dd03 {
	background: url(../images/dd03.gif) top left no-repeat;
}

.coreList dd.dd04 {
	background: url(../images/dd04.gif) top left no-repeat;
}



/* --------------------------------------------------------
     中期経営課題“プロジェクト AP-G 2013”
-------------------------------------------------------- */
.projectList dt {
	color: #8c6239;
	margin-bottom: 10px;
	font-size: 1.5em;
}

.projectList dd {
	border-bottom: dashed 1px #8c6239;
	padding-left: 130px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	min-height: 100px;  
    height: auto !important;  
    height: 80px; 
}

.projectList dd.icon01 {
	background: url(../images/icon01.gif) top left no-repeat;
}

.projectList dd.icon02 {
	background: url(../images/icon02.gif) top left no-repeat;
}

.projectList dd.icon03 {
	background: url(../images/icon03.gif) top left no-repeat;
}

p.dLink {
	margin-top: 10px;
	font-size: 1em !important;
	text-align: right;
}

p.dLink a {
	display: inline-block;
	zoom: 1;
	background: url(../images/arrow.gif) no-repeat 0 2px;
	padding-left: 10px;
}

p.dLink a:link,
p.dLink a:visited {
	color: #8c6239;
}

p.dLink a:link,
p.dLink a:hover {
	color: #42210b;
}
#acMenu dt{
	}
#acMenu dd{
	display:none;
	}


/* --------------------------------------------------------
     「ケミストリーの力」とグリーンイノベーション
-------------------------------------------------------- */
p.dLink2 {
	margin-top: 10px;
	text-align: right;
}

p.dLink2 a {
	display: inline-block;
	zoom: 1;
	background: url(../images/arrow.gif) no-repeat 0 2px;
	padding-left: 10px;
}

p.dLink2 a:link,
p.dLink2 a:visited {
	color: #8c6239;
}

p.dLink2 a:link,
p.dLink2 a:hover {
	color: #42210b;
}




/* --------------------------------------------------------
     東レのグローバル経営
-------------------------------------------------------- */





/* --------------------------------------------------------
     配当について
-------------------------------------------------------- */
.dividendTable {
	border: solid 1px #023f94;
	border-spacing: 0px;
	width: 100%;
	margin-bottom: 5px;
	*font-size: 0.9em;
}

.dividendTable th.heading {
	padding: 5px;
	font-weight: normal;
	text-align: left;
	border-right: 3px double #023f94;
	border-bottom: solid 1px #ddd;
	white-space: nowrap;
}

.dividendTable th.year {
	padding: 5px;
	font-weight: normal;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	text-align: right !important;
}


.dividendTable td {
	padding: 5px;
	text-align: right;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	white-space: nowrap;
}