@charset "utf-8";

/*--------------------------------------------------
top
--------------------------------------------------*/

#top{
background-color:#000;
}

div#globalNavi{
clear:both;
width:100%;
height:29px;
background:url(../../img/bg_h_nav.gif)  repeat-x;
}

div#globalNavi ul{
width:900px;
margin:0 auto;
}

div#wrapper{
width:900px;
clear:both;
}

div#wrapperIdx img{
border:none;
vertical-align: top;
margin:0;
}

div#wrapperIdx dl,dd,dt{
margin:0;
padding:0;}

div#wrapperIdx p.massage{
margin-top:185px;
}


div#header{
height:106px;
}


/* menu
--------------------------------------------------

div#menu ul.toolMenu{
width:156px;
height:164px;
float:left;
}
div#menu ul.productsMenu01{
width:149px;
height:164px;
float:left;
}
div#menu ul.productsMenu02{
width:156px;
height:83px;
float:left;
}
div#menu ul.coatMenu{
width:149px;
height:83px;
float:left;
}
div#menu ul.menuBnr{
clear:both;
}
div#menu ul.menuBnr li{
float:left;
height:64px;
}

div#menu li{
display:inline;
}
*/

/* topics
--------------------------------------------------*/

div#topics{
clear:both;
float:left;
position:relative;
margin-top:20px;
width:520px;
}

div#topics .subject{
position:absolute;
top:0;
left:0;
}

div#topics ul{
padding-left:115px;
}

div#topics ul li a{
color:#fff;
line-height:160%;
}

div#topics ul li a + span{
  color:#fff;
  background: #ed0000;
  padding: .2em;
  margin-left: .5em;
  }
/* other
--------------------------------------------------*/
div#top_other{
position: relative;
z-index: 1;
top: -34px;
width:302px;
padding-right: 15px;
float:right;
}

#top_caution .top_important {
background:#FDF3CC url(../../img/caution_mark.jpg) no-repeat 5px center;
/*width:335px;*/
padding:10px 0 10px 30px;
margin:10px 0;
}

/*ul#top_Banner{
	padding-top:20px;
}*/

ul#top_Banner li{
display:inline;
padding-right:5px;}



/* etc
--------------------------------------------------*/

p.densi{
margin:15px 0 19px 0;
float:left;
width:370px;
}

.hover{
  display: block;
  background: #FFF;
  transition: .2s;
}
.hover:hover img{
  opacity: .7;
  transition: .2s;
}




/*--------------------------------------------------
footer
--------------------------------------------------*/

#footer{
clear:both;
background-color:#000;
height:90px;
}

#footerInner{
clear:both;
width:900px;
margin:0 auto;
padding-top:20px;
background:url(../../img/top_bg_dot.gif) top left repeat-x;
text-align:left;
}

#footer p.copyright{
float:left;
margin-top:5px;
width:291px;
}

#footer p.privacy{
float:left;
margin-left:10px;
color:#fff;
}
#footer p.privacy a{
color:#fff;
}

#footer p.group{
float:right;
width:63px;
}