@charset "utf-8";
/* CSS Document */

#leftContent{
	width:170px;
	height:450px;
	margin:0px;
	padding:0px;	
}

#leftSlider{
	width:170px;
	height:auto;	
	margin:0px;
	padding:0px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;	
}

#leftSlider .leftStyle{
	padding:1px 0 1px 0;
	height:43px;
	border-bottom:1px dotted #999999;
}

#leftSlider .leftStyleEnd{
	padding:1px 0 1px 0;
	height:44px;
	border-bottom:none;
}

#leftSlider .leftStyle p,
#leftSlider .leftStyleEnd p{
	padding:12px 0 11px 0;	
	height:20px;
	background-color:#fff;
}


#leftSlider .leftStyle .bgGray{
	padding:12px 0 11px 0;	
	height:20px;
	background-color:#eee;
}

#rightContent{
	width:730px;
	height:auto;
	margin:0px;
	padding:0 0 0 50px;
}

#rightContent h2{
	width:722px;
	height:25px;
	font-size:16px;
	padding:3px 0 0 6px;
	border-left:5px solid #ccc;
	margin:0px;
}

#aboutSelect{
	margin:25px 0 0 0;
	
	height:20px;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
	padding:5px 0;
	text-align:center;
}

#technologyArea{
	height:auto;
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	border-bottom:#999 1px solid;	
}

#technologyArea .technologyBox1{
	width:690px;
	padding:10px 20px 0 20px;
	margin:0 0 20px 0;
	height:auto;
}

.technologyBox1L{
	width:350px;
	padding:0;
	margin:0px;
	text-align:center;
}


.technologyBox1R{
	width:330px;
	padding:0 0 0 10px;
	margin:0px;
	height:auto;
}

.technologyBox1R p{
	display:table-cell;
	padding:0 10px 0 0;
	margin:0px;
	height:224px;
	vertical-align:middle;	
}

* html .technologyBox1R p{/* IE 6 */
  display:inline;
  zoom:1;
}

*:first-child html .technologyBox1R p{/* IE 7 */
  display:inline;
  zoom:1;
}




#technologyArea .technologyBox2{
	width:690px;
	padding:10px 20px 0 20px;
	margin:0 0 20px 0;
	height:auto;
}

.technologyBox2L{
	width:330px;
	padding:0;
	margin:0px;
	text-align:left;
}


.technologyBox2R{
	width:330px;
	padding:0 0 0 10px;
	margin:0px;
	height:auto;
}

.technologyBox2L p{
	display:table-cell;
	padding:0 0px 0 0px;
	margin:0px;
	height:330px;
	vertical-align:middle;
    line-height: 1.8;
}

* html .technologyBox2L p{/* IE 6 */
  display:inline;
  zoom:1;
}

*:first-child html .technologyBox2L p{/* IE 7 */
  display:inline;
  zoom:1;
}

	
#technologyArea .technologyBox3{
	width:690px;
	padding:10px 20px 0 20px;
	margin:0;
	height:auto;
	clear:both;
}

#technologyArea .technologyBox3 p{
	width:98%;
	margin:5px 0 0 0;
	padding:0px;	
    text-align: center;
}



#leftContent,
#rightContent,
.technologyBox1L,
.technologyBox1R,
.technologyBox2L,
.technologyBox2R{
	float:left;
}

#leftContent,
#rightContent,
#technologyArea,
.technologyBox1,
.technologyBox2{
	overflow:hidden;
}

/*ここから新しい*/
.Technology #maincontent{
	padding-top: 100px;
    margin: 0 auto 5%;
	
}
.Technology #RightBox{
		background:#fff;
		
		width:700px;
		padding:2% 12px 0;
	}
	.Technology #RightBox{
		font-size:14px;
		line-height:1.6;
	}
@media screen and (max-width:767px){	
	.technologyBox1R p {
   
    height: inherit;
    
}
.technologyBox2L p {
    
    height: inherit;
   
}
	#technologyArea .technologyBox1 {
    width:100%;
    padding: 10px 0 0;
    margin: 0 0 20px 0;
    height: auto;
}
.Technology #RightBox {
    background: #fff;
    width: 96%;
    padding: 2% 2% 0;
}
#technologyArea .technologyBox2 {
      width: 96%;
    padding: 2% 2% 0;
    margin: 0 0 20px 0;
    height: auto;
}

#technologyArea .technologyBox3 p {
    width:100%;
    margin: 5px 0 0 0;
    padding: 0px;
}
    

.technologyBox1R{
    width:90%;
	padding:0 0 0 10px;
	margin:20px;
	height:auto;
}
.technologyBox1L{
    width:90%;
	padding:0px;
	margin:20px;
	text-align:center;
}
.technologyBox2R{
    width:90%;
	padding:0px;
	margin:20px;
	text-align:center;
}
.technologyBox2L{
    width:90%;
	padding:0;
	margin:20px;
}
#technologyArea .technologyBox1L img{
    width:100%;
    height:auto;
}
#technologyArea .technologyBox2R img{
    width:100%;
    height:auto;
}
#technologyArea .technologyBox3 p img{
    width:100%;
    height:auto;
}
#technologyArea .technologyBox3 {
    width:90%;
	padding:0px;
	margin:20px;
    
}
#aboutSelect{
	height:auto;
	color:#fff;
}
	 p#aboutSelect a {
    color: black;
    display: block;
	color:#000;
	font-size:13px;
}	
#materialArea {
    width:100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    border-bottom: #999 1px solid;
}
}