@import url("base.css");
@import url("technologynavi.css");
@import url("thickbox.css");

.d-title { height: 37px; background-image: url(../technology/img/d_ttl.jpg);}
.technology .d-title { height: 188px; background-image: url(../technology/img/dimage.jpg);}

#lnavi ul { padding: 0; background: none;}
#lnavi li.lnttl { padding: 7px 3px 3px 10px; background: #3264C8 url(../img/ln_head.jpg) top no-repeat; text-align: left; color: #FFFFFF;}
*html #lnavi li.lnttl { border-width: 0 0 1px;}

/* technology ---------------------- */

.technology #contents { float: none; width: 752px;}
.technology div.b1 { float: left;}
.technology div.rblock { float: right; width: 498px; margin: 0 0 15px;}
.technology div.box { width: 244px; padding: 0 0 15px; background: url(../technology/img/tech_foot.jpg) bottom no-repeat;}
div.box .inner { min-height: 220px;}
*html div.box .inner { height: 220px;}
.technology h2 { background: #3264C8 url(../technology/img/tech_ttl.jpg) top no-repeat; font-size: 16px;}
.technology h2 a { display: block; padding: 6px 0 4px 34px; color: #FFF; text-decoration: none; letter-spacing: 1px;}
.technology .inner { padding: 0 5px; border-right: 1px solid #658BD6; border-left: 1px solid #658BD6;}
.technology div.box p { margin: 0 5px; padding: 10px 10px; font-size: 83%; line-height: 1.4;}
.technology div.box ul { margin: 0 15px; padding: 5px 0; border-top: 1px solid #3264C8; list-style-type: none;}
.technology div.box li { margin: 2px 0; padding: 0 0 0 14px; background: url(../img/arrow.gif) left center no-repeat;}

div.setsubi { clear: both; padding: 0 0 5px; background: url(../technology/img/setsubi_f.gif) bottom no-repeat; font-size: 83%;}
div.setsubi th { width: 60px; padding: 5px 8px; background: #3264C8 url(../technology/img/setsubi_tl.gif) left top no-repeat; text-align: center; color: #FFF; font-weight: normal;}
div.setsubi td { padding: 5px 8px; background: url(../technology/img/setsubi_tr.gif) right top no-repeat;}
div.setsubi li { float: left; min-width: 155px; line-height: 1.4;}
*html div.setsubi li { width: 155px; white-space: nowrap;}

/* ety ---------------------- */

.ety h1 { margin: 0 0 15px;}
div.econt h2 { clear: both; margin: 22px 0 15px; padding: 0 0 0 10px; background: url(../img/h2_bg.gif) left repeat-y; font-size: 120%; line-height: 1; letter-spacing: 2px;}
h2.copy { margin: 10px 0; color: #FF9900; font-size: 110%; letter-spacing: 2px;}
div.mimage { float: left; margin: 3px 15px 10px 0; padding: 1px; border: 1px solid #CCC;}

div.flash { width: 524px; margin: 20px auto;}

/* TIE --------------------- */

.ety25 div.mimage { float: right; margin: 3px 0 10px 15px; padding: 1px; border: none;}