@charset "utf-8";

/*=================================================================
	
IDEATEX JAPAN CSS
・Customize: 2013.12.17

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


/*-------------------------
	要素
---------------------------*/

#contents {
background-image: url(/images/bg.jpg);
background-repeat: no-repeat;
margin-top: 0;
height: 800px;
clear:both;
}


#titll_box{
width: 200px;
margin-top: 90px;
float: left;
}

.titll_material{
float: left;
width: 135px;
height: 112px;
margin-top: 0;
margin-right: 30px;
}

.line_heigth{
float: left;
height: 610px;
margin-top: 0;
margin-right: 30px;
}

#light_box{
width: 780px;
padding-top: 90px;
float:left;
}

.minititll{
margin-bottom: 20px;
float:left;
width:780px;
}

.texttitll{
float: left;
margin-bottom: 5px;
width: 470px;
font-size: 20px;
color: #8a9ba2;
font-family:"ヒラギノ明朝 ProN W6";
}

.t_in_min{
font-size: 12px;	
}

.t_in_min2{
vertical-align: text-top;
font-size: 9px;
}


.section {
padding-bottom: 38px;
float: left;
}

.section02 {
padding-bottom: 50px;
float: left;
}

.txtarea {
width: 480px;
float: left;
}

.text{
font-size: 12px;
line-height: 20px;
float: left;
margin-right: 10px;
width: 470px;
}

.materialphoto{
float: left;
width: 300px;
}

.caption{
font-size: 9px;
}

#materialgraph {
width: 780px;
height: 75px;
float: right;
position: relative;
overflow: hidden;
z-index: 20;
margin-top: 20px;
}

#materialgraph>div {
position: absolute;
top: 0;
opacity: 0;
z-index: 30;
}