@charset "utf-8";

#header,
#header .indexImg,
#header .indexImg li,
.headerImg{ height:350px;}

#header{ background-image:url(../img/index_img_bg.jpg)}

#header .indexImg,
#header .indexImg li{position:absolute; left:0; top:0; width:100%; }
#header .indexImg{ z-index:100}
#header .indexImg li{ background-position:center top; text-indent: -9999px;  }
.indexImg li{ display:none}
.indexImg .img1{ display:block; background-image:url(../img/index_img01.jpg)}
.img2{ background-image:url(../img/index_img02.jpg)}
.img3{ background-image:url(../img/index_img03.jpg)}
.img4{ background-image:url(../img/index_img04.jpg)}
.img5{ background-image:url(../img/index_img05.jpg)}





.btn{ top:305px;}





.contents{ padding-top:20px;}
.contents .baseW{ height:380px; background-image:url(../img/index_intro.jpg)}

.contents .baseW div{ padding: 20px; font-size:14px; line-height:1.75}






.topics,
.customer{ background-color:#FFF; border-radius:3px;}


.topics{ float:left; width:500px; height:200px;}
.topics h3{ background-image:url(../img/index_news.jpg)}
.topics table{ margin-bottom:3px; font-size:14px;}
.topics th,
.topics td{ padding:10px 0; border-bottom:1px solid #DDD; line-height:1.2}
.topics th{ padding-left:13px; width:80px;}




.bnr{ float:right; width:380px;}
.bnr li,
.bnr a{ display:block; }
.bnr li{ height:110px; }
.bnr a{ height:90px; text-indent:-9999px; }
.bnr a:hover{ background-color:#FFF; filter:alpha(opacity: 60); opacity:0.60; text-decoration:underline;}


.bnr .greeting{ background-image:url(../img/index_greeting.jpg);}
.bnr .office{ background-image:url(../img/index_office.jpg)}




.customer{ }
.customer h3{ background-image:url(../img/index_customer.jpg)}
.customer td{ padding:15px 0 20px 15px;}