@charset "utf-8";
/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

html { height:100%; }

img {
vertical-align:top;
border:0;
}

.vamiddle {
vertical-align:middle;
}

.clear {
clear:both;
}

body {
color:#010101;
text-align:center;
font-family:"Verdana","ＭＳ Ｐゴシック","Osaka","平成角ゴシック","Arial","Helvetica",sans-serif;
background:#cbeaed;
}

h1, h2, h3, h4, h5 {
font-size:10px;
line-height:100%;
}

a, a:link { color:#010101; text-decoration:none; }
a:visited { color:#010101; }
a:hover { color:#010101; }
a:active { color:#010101; }



/* top content */
body#diesel-top #content {
width:980px;
padding:15px 0;
}

#top-slideimage {
position:relative;
width:980px;
height:490px;
}

/* 10/08/10 */
body#diesel-top #content #slidebox {
overflow:hidden; width:980px; height:490px;
}

#slide-images li {
list-style-type: none;
float: left;
width: 980px;
}

p#topslide-back {
position:absolute;
bottom:0;
left:0;
width:52px;
height:52px;
cursor:pointer;
}

p#topsilde-next {
position:absolute;
right:0;
bottom:0;
width:52px;
height:52px;
cursor:pointer;
}

#topbannerwrap {
position:relative;
width:980px;
height:250px;
margin:15px 0 0 0;
}

#topbannerwrap p { position:absolute; }

#topbannerwrap .banner01 {
top:0;
left:0;
width:300px;
height:250px;
}

#topbannerwrap .banner02 {
top:0;
left:310px;
width:175px;
height:120px;
}

#topbannerwrap .banner03 {
top:130px;
left:310px;
width:175px;
height:120px;
}

#topbannerwrap .banner04 {
top:0;
left:495px;
width:300px;
height:250px;
}

#topbannerwrap .banner05 {
top:0;
left:805px;
width:175px;
height:250px;
}







/* float clear */
ul#two-column:after, ul#three-column:after {
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}