@charset "UTF-8";

@import "default.css";
@import "screen.css";
@import "common.css";

#management,
#case,
#mutter,
#camera,
#recorder,
#practical,
#contribute,
#environment,
#results,
#word,
#faq,
#inquiry,
#company,
#sitemap{
float:left;
width:600px;
padding:20px 0 20px 20px;
}



/* -------------------------------------------------------------------------------- */
/*      H E A D I N G                                                               */  
/* -------------------------------------------------------------------------------- */

h3{
width:600px;
height:100px;
font-size:1%;
text-indent:-9999px;
}

#management h3{background:url(../cmn_images/h3_ttl02.jpg) 0 0 no-repeat;}
#case h3{background:url(../cmn_images/h3_ttl03.jpg) 0 0 no-repeat;}
#mutter h3{background:url(../cmn_images/h3_ttl04.jpg) 0 0 no-repeat;}
#camera h3{background:url(../cmn_images/h3_ttl05.jpg) 0 0 no-repeat;}
#recorder h3{background:url(../cmn_images/h3_ttl06.jpg) 0 0 no-repeat;}
#practical h3{background:url(../cmn_images/h3_ttl07.jpg) 0 0 no-repeat;}
#contribute h3{background:url(../cmn_images/h3_ttl08.jpg) 0 0 no-repeat;}
#environment h3{background:url(../cmn_images/h3_ttl09.jpg) 0 0 no-repeat;}
#results h3{background:url(../cmn_images/h3_ttl10.jpg) 0 0 no-repeat;}
#word h3{background:url(../cmn_images/h3_ttl11.jpg) 0 0 no-repeat;}
#faq h3{background:url(../cmn_images/h3_ttl12.jpg) 0 0 no-repeat;}
#inquiry h3{background:url(../cmn_images/h3_ttl13.jpg) 0 0 no-repeat;}
#company h3{background:url(../cmn_images/h3_ttl14.jpg) 0 0 no-repeat;}
#sitemap h3{background:url(../cmn_images/h3_ttl15.jpg) 0 0 no-repeat;}

h4{
width:568px;
color:#333;
font-size:88%;
font-weight:bold;
background:url(../cmn_images/h4_ttl01.jpg) 0 0 no-repeat;
margin-bottom:15px;
padding:13px 10px 11px 22px;
}

h5{
width:568px;
font-size:85%;
font-weight:bold;
border-bottom:2px dotted #555;
background:url(../cmn_images/h5_ttl_01.gif) 5px 0 no-repeat;
padding:1px 10px 7px 22px;
margin-bottom:15px;
}


/* -------------------------------------------------------------------------------- */
/*      DL SET                                                                      */  
/* -------------------------------------------------------------------------------- */

#management dl{
width:560px;
padding:10px;
border:1px solid #CCC;
margin-bottom:10px;
}
#management dt{
width:70px;
height:20px;
text-indent:-9999px;
font-size:1%;
margin-bottom:8px;
}
#management dt.step01{background:url(../safety/img/icon_step01.gif) 0 0 no-repeat;}
#management dt.step02{background:url(../safety/img/icon_step02.gif) 0 0 no-repeat;}
#management dt.step03{background:url(../safety/img/icon_step03.gif) 0 0 no-repeat;}
#management dt.step04{background:url(../safety/img/icon_step04.gif) 0 0 no-repeat;}
#management dt.step05{background:url(../safety/img/icon_step05.gif) 0 0 no-repeat;}
#management dt.step06{background:url(../safety/img/icon_step06.gif) 0 0 no-repeat;}
#management dt.step07{background:url(../safety/img/icon_step07.gif) 0 0 no-repeat;}

#management dd,
#case dd{font-size:85%; line-height:1.6;}


#case dl{
width:560px;
margin-bottom:20px;
}
#case dt{
font-size:85%;
font-weight:bold;
padding:1px 0 5px 23px;
background:url(../cmn_images/icon_lis01.gif) 0 0 no-repeat;
}
#case dd{margin-bottom:10px;}

#faq dl{width:580px;}
#faq dt{
width:537px;
background:url(../images/bg_q.jpg) 0 0 no-repeat #D1EE86;
font-weight:bold;
color:#006600;
font-size:85%;
line-height:1.6;
padding:6px 10px 4px 33px;
}
#faq dd{
width:535px;
font-size:85%;
line-height:1.6;
background:url(../images/icon_a.gif) 7px 9px no-repeat;
padding:9px 10px 7px 33px;
border:1px solid #BFE177;
margin-bottom:15px;
}


/* -------------------------------------------------------------------------------- */
/*      LINK                                                                     */  
/* -------------------------------------------------------------------------------- */

.indent p.btnLink{
width:320px;
background:url(../cmn_images/btn_lin_top.jpg) 0 0 no-repeat #4AB80A;
}

.indent p.btnLink a{
font-weight:bold;
width:280px;
padding:11px 10px 10px 30px;
display:block;
color:#FFF;
background:url(../cmn_images/btn_lin_btm.jpg) 0 100% no-repeat;
text-decoration:none;
}
.indent p.btnLink a:hover{color:#FFF; text-decoration:underline;}


/* -------------------------------------------------------------------------------- */
/*      B A N N E R                                                                 */  
/* -------------------------------------------------------------------------------- */

dl.bnnContact{
width:600px;
height:126px;
background:url(../cmn_images/bnn_contact.jpg) 0 0 no-repeat;
text-indent:-9999px;
font-size:1%;
margin-bottom:15px;
}
dl.bnnContact dt{
width:600px;
height:28px;
}
dl.bnnContact dd{float:left;}
dl.bnnContact dd.bnnCTel{
width:322px;
height:98px;
}
dl.bnnContact dd.bnnCBtn a{
width:250px;
height:60px;
display:block;
margin-top:19px;
}

p.bnnInqTel{
background:url(../images/bnn_inq_tel.jpg) 0 0 no-repeat;
width:450px;
height:109px;
font-size:1%;
text-indent:-9999px;
margin:0 auto 15px;
}

p.bnr_inq {
width: 580px;
height: 100px;
margin: 20px 10px 0 10px;
}


/* -------------------------------------------------------------------------------- */
/*      L I S T                                                                     */  
/* -------------------------------------------------------------------------------- */

ul#linkBox{
width:570px;
background-color:#F0F0F0;
padding:12px 15px 10px 15px;
margin-bottom:20px;
}
ul#linkBox li{
font-size:85%;
display:inline;
background:url(../cmn_images/icon_lin01.gif) 0 0 no-repeat;
padding:0 12px 0 18px;
}

#mutter ul.driver{width:580px;}
#mutter ul.driver li{
width:480px;
padding:12px 10px 15px 60px;
font-size:85%;
line-height:1.6;
border:1px solid #CCC;
margin-bottom:15px;
background:url(../safety/img/icon_driver.jpg) 10px 10px no-repeat;
}

#camera ul.ex{
background-color:#F0F0F0;
padding:15px 15px 12px 15px;
margin-bottom:20px;
}
#camera ul.ex li{
font-size:85%;
background:url(../cmn_images/icon_ex.gif) 0 0 no-repeat;
padding:2px 5px 12px 27px;
}

table ul li{
list-style:square outside;
margin-left:15px !important;
margin-left:22px;
padding-bottom:7px;
line-height:1.4;}

table ol li{
list-style:decimal outside;
margin-left:20px !important;
margin-left:27px;
padding-bottom:7px;
line-height:1.4;
}

#sitemap ul.dir li{
background:url(../images/icon_smap01.jpg) 0 0 no-repeat;
font-size:85%;
padding:7px 10px 10px 38px;
}
#sitemap ul.pag{margin-top:15px;}
#sitemap ul.pag li{
font-size:100%;
padding:3px 10px 10px 23px;
background:url(../images/icon_smap02.gif) 0 4px no-repeat;
}
#sitemap ul li{
width:300px;
background:url(../cmn_images/icon_lin01.gif) 37px 1px no-repeat;
font-size:85%;
padding:1px 10px 15px 60px;
}



/* -------------------------------------------------------------------------------- */
/*      T A B L E                                                                   */  
/* -------------------------------------------------------------------------------- */

table{
width:580px;
font-size:78%;
background-color:#DDD;
margin-bottom:15px;
}

table th,
table td{
line-height:1.4;
padding:8px 10px;
border-left:solid 1px #FFF;
border-top:solid 1px #FFF;
background-color:#FFF;
}
table th{
background-color:#F0F0F0;
font-weight:normal;
width:130px;
}
#camera table th.itemTtl,
#recorder table th.itemTtl{
width:546px;
background-color:#666;
text-align:center;
font-weight:bold;
color:#FFF;
}
#practical table th.itemTtl{
width:546px;
background-color:#F0F0F0;
text-align:left;
font-weight:bold;
color:#444;
}

table.tabHalf th{width:50%; font-weight:bold;}

#company table,
#inquiry table{font-size:85%;}
#company table th,
#inquiry table th,
#company table td,
#inquiry table td{line-height:1.6;}

#inquiry table th{width:150px;}
#inquiry table td.bgWh{background-color:#FFF; text-align:center; width:90px;}

/* -------------------------------------------------------------------------------- */
/*      I M A G E                                                                   */  
/* -------------------------------------------------------------------------------- */

.imgR,
.imgL{
background:#FFF;
padding:4px;
border:1px solid #CCC;
}
.imgR{
float:right;
margin:0 0px 20px 10px;
}
.imgL{
float:left;
margin:0 15px 20px 0px;
}


/* -------------------------------------------------------------------------------- */
/*      P A G E   T O P                                                             */  
/* -------------------------------------------------------------------------------- */

p.pageTop{
background:url(../cmn_images/btn_pagetop.gif) 0 0 no-repeat;
font-size:0;
margin:0 0 0 518px;
}
p.pageTop a{
display:block;
width:72px;
height:12px;
text-indent:-9999px;
text-decoration:none;
font-size:1%;
}


/* -------------------------------------------------------------------------------- */
/*      P LIST                                                                      */  
/* -------------------------------------------------------------------------------- */

p.pList{
width:600px;
font-size:71%;
text-align:right;
padding:10px 0 20px;
}


/* -------------------------------------------------------------------------------- */
/*      M A N A G E M E N T                                                         */  
/* -------------------------------------------------------------------------------- */

p.arrow{
height:10px;
background:url(../cmn_images/arrow01.gif) 50% 0 no-repeat;
text-indent:-9999px;
font-size:1%;
margin-bottom:10px;
}


/* -------------------------------------------------------------------------------- */
/*      F O R M                                                                     */  
/* -------------------------------------------------------------------------------- */

.btn{
width:150px;
height:26px;
line-height:1.0;
padding:2px 0;
}

textarea{
width:350px;
font-size:100%;
}

.w35{width:35px;}
.w45{width:45px;}
.w60{width:60px;}
.w115{width:115px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}