@charset "utf-8";


/*
===============================
techno用css
===============================
*/


.komeDanraku dd {/*段ズレ*/
text-indent:-1.6em;
padding-left:1.6em;
}


/*旧強調文字*/
.oldColumn span,
.kyoutyouOld span {
color:#b30000;
}

dl,dt,dd{ 
	zoom:normal;
}

/*
===============================
タイトルset
===============================
*/

#techTitles{
clear:both;
margin-top:20px;
padding-left:6px;
border-left:10px solid #33aeea;
}

div#contents #techTitles h2{
margin:0;
padding:0 0 3px 0;
border-left:none;/*基本h2のcssをリセット*/
border-bottom:1px solid #000;
/*display:inline;*/
width:530px;
}

p.subTitle{/*サブタイトル*/
margin-bottom:4px;
}

p.engTitle{/*英文タイトル*/
margin-top:0.2em;
}



/*
===============================
本文
===============================
*/

div#wrapperAll #leftColumn_child a {
color:#00f;
}

#leftColumn_child h3{
margin-top:30px;
padding-left:5px;
border-left:3px solid #33aeea;
font-weight:bold;
text-align:left;
clear:both;
}

#leftColumn_child h3 + p {
text-align:left;
}

#leftColumn_child h4{
margin-top:20px;
font-weight:bold;
text-align:left;
clear:both;
}


#leftColumn_child p,
#leftColumn_child dl{
margin-top:10px;
}

#leftColumn_child dd{
margin-top:5px;
}

#leftColumn_child dl{
text-align:left;
}

#leftColumn_child ul{
margin:10px 0 0 10px;
list-style-type:disc;
text-align:left;
}

#leftColumn_child li{
margin-left:15px;
zoom: normal;
}

#leftColumn_child li p{
margin:10px 0 15px;
}


#leftColumn_child dl.allSetDL dt{
font-weight:bold;
margin-bottom:10px;
}

#leftColumn_child dl.allSetDL dd{
margin-left:1em;
}


/*横並びdl*/
#leftColumn_child dl.hyougumiDL {
margin-bottom:20px;
}

#leftColumn_child dl.hyougumiDL dt {
 float:left;
 width:5em;
 clear:both;
}

#leftColumn_child dl.hyougumiDL dd {
margin:0 0 3px 0;
margin-left:5em;
}

/*
===============================
汎用段組み(widthはページ毎に指定)
===============================
*/

.divWrapp{
}

#leftColumn_child .fLeft{
float:left;
}

#leftColumn_child .fRight{
float:right;
}


/*
===============================
本文(2、3段組み)
===============================
*/

.topicSet {/*画像、テキスト等のセット。単品も有。（■これが全て基本）*/
text-align:center;
margin-top:15px;
}

#leftColumn_child .topicSet p {/*写真キャプション*/
margin-top:0;
}


div.divWrapp2,/*2段組み*/
div.divWrapp3{/*3段組み*/
margin-top:20px;
width:540px;
clear:both;
}

div.divWrapp2 .topicSet,/*2段組み*/
div.divWrapp3 .topicSet{/*3段組み*/
float:left;
}

div.divWrapp2 .topicSet{
width:270px;
}

div.divWrapp3 .topicSet{
width:180px;
}

.topicSet .txtL{/*画像の左側テキスト*/
text-align:left;
margin-right:10px;
}

.topicSet .txtR{/*画像の右側テキスト*/
text-align:left;
margin-left:10px;
}






/*
===============================
関連技術
===============================
*/

div#kanrenArea,
div#kanrenArea2 {
margin-top:30px;
padding:10px;
background-color:#eee;
width:520px;
}

div#kanrenArea h3,
div#kanrenArea2 h3{
margin:0;
padding:0;
border-left:none;
}

div#kanrenArea ul,
div#kanrenArea2 ul{
margin-top:0;
}

div#kanrenArea li,
div#kanrenArea2 li{
margin-top:10px;
}

div#kanrenArea p,
div#kanrenArea2 p{
margin-top:5px;
}
/*
===============================
表組み-テーブル
===============================
*/
table.hyouTbl{
margin-top:5px;
}


table.hyouTbl{
border-collapse:collapse;
margin-top:15px;
}
table.hyouTbl td,
table.hyouTbl th{
border:1px #999 solid;
text-align:left;
padding:2px 3px;
}

table.hyouTbl caption{
font-weight:bold;
}

/*
===============================
旧コラム囲み
===============================
*/

#leftColumn_child  div.oldColumn {
margin-top:30px;
padding:10px;
background-color:#D4E5E5;
width:520px;
}

#leftColumn_child  div.oldColumn h4{
margin-top:0;
font-weight:bold;
color:#009;
}

#leftColumn_child  div.oldColumn h5{
font-weight:bold;
padding-bottom:0;
}


/*
===============================
旧Movieコンテンツエリア#oldMovieArea
===============================
*/

#oldMovieArea {
}

div#oldMovieArea p.movMidashi {
background-color:#ddd;
width:450px;
margin:0 auto;
}

div#oldMovieArea h4{
padding-top:10px;
font-weight:bold;
}

div#oldMovieArea .getQT{/*ゲットQTエリア*/
width:400px;
margin:10px 0 0 120px;
font-size:x-small;
text-align:left;
}
div#oldMovieArea .getQT img{
margin-right:10px;
}

/*
===============================
汎用class
===============================
*/


/*テキスト寄せ*/
#leftColumn_child.alignL,
#leftColumn_child .alignL {
text-align:left;
}
#leftColumn_child.alignR,
#leftColumn_child .alignR {
text-align:right;
}
#leftColumn_child.alignC,
#leftColumn_child .alignC {
text-align:center;
}


/*------------------------
マージン関連
------------------------*/

/*top*/
#leftColumn_child .mt10 {
margin-top:10px;
}
#leftColumn_child .mt15 {
margin-top:15px;
}
#leftColumn_child .mt20 {
margin-top:20px;
}
#leftColumn_child .mt30 {
margin-top:30px;
}

/*left*/
#leftColumn_child .ml10 {
margin-left:10px;
}

#leftColumn_child .ml15 {
margin-left:15px;
}

#leftColumn_child .ml20 {
margin-left:20px;
}

/*right*/
#leftColumn_child .mr10 {
margin-right:10px;
}

#leftColumn_child .mr15 {
margin-right:15px;
}

#leftColumn_child .mr20 {
margin-right:20px;
}


/*マージン、パディングReset*/
#leftColumn_child .mtReset {
margin-top:0;
}


/*幅*/

#leftColumn_child .with25 {
width:250px;
}

#leftColumn_child .with26 {
width:260px;
}

#leftColumn_child .with27 {
width:270px;
}


/*110216追記、サービス・ソリューション、東亜の技術内で押し下げられる右のナビを持ちあげるCSS*/
div.inner	{
	margin-top:-2em;
}

/*110223技術/建築技術/耐震・面震・制震/トグル制震構造のためのcss*/

div.innerLeft	{
	float:left; width:250px;
}
div.innerLeft div#Img	{
	width:250px;
}
div.innerLeft div#Img p	{
	text-align:center;
}
div.innerRight	{
	float:right; width:270px; margin-top:-14px;
}
div.innerRight p	{
	text-align:center;
}
div.BKG	{
	background:#CCC;
}

/*141009技術/css*/

.tx_ind1em {
	text-indent:-1em;
	padding-left:1em;
}
.tx_ind16em {
	text-indent:-1.6em;
	padding-left:1.6em;
}
.tx_ind2em {
	text-indent:-2em;
	padding-left:2em;
}
li.list-none,
.list-none li {
	list-style:none;
}

.tables {
	display:table;
}
.tables .t-cell {
	display:table-cell;
}
.komeDanraku-2 dd {
padding-left:1.64em;
padding-bottom:10px;
}
.bold {
	font-weight:bold;
}
span.shikaku {
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
}

/*150224技術/css*/
table.jisseki {
	
}
table.jisseki th {
	vertical-align:top;
}
table.jisseki td {
	padding-left:.6em;
	text-indent:-.6em;
}

.w3em {
	width:3em;
}