@charset "UTF-8";

@media print {
	body { zoom: 90% ; }
}

body {
width: 980px ;
background : #ffffff ;
margin : 0 auto ; padding: 0 ;
font-size : 12px ;
font-family : "ＭＳ Ｐゴシック", sans-serif ;
color : #333333 ;
line-height : 160% ;
}

h1 { margin: 0 0 30px 0 ; padding: 0 ; font-size: 12px ; }
h2 { margin: 30px 0 ; padding: 0 ; font-size: 12px ; }
h3,h4 { margin: 20px 0 10px 0 ; padding: 0 ; font-size: 12px ; }
h5,h6 { margin: 15px 0 10px 0 ; padding: 0 ; font-size: 12px ; }

a:link { color : #996600 ; text-decoration: underline ; }
a:visited { color : #663300 ; text-decoration: underline ; }
a:hover { color : #ffcc00 ; text-decoration : none ; }
a:focus{ outline: none ; }

img {
margin: 0 ; padding: 0 ;
border : none ; vertical-align: middle ;
}

sub, sup { vertical-align: baseline ; }
sup { position: relative ; top: -2px ; }
sub { position: relative ; top: 2px ; }

p { margin : 0 0 10px 0 ; padding : 0 ;
text-align: justify ; text-justi fy: inter-ideograph ; }

ol,ul { margin : 0 0 10px 0 ; padding : 0 ; }
ol li { margin : 0 0 0 2em ; padding : 0 ; }
ul li { margin : 0 0 0 1.4em ; padding : 0 ; }
li { text-align: justify ; text-justify: inter-ideograph ; }

td {
line-height : 160% ; font-size : 12px ;
}
th {
line-height : 160% ;
font-size : 12px ; font-weight: normal ; white-space: nowrap ;
}

em { font-weight : bold ; font-style : normal ; }
strong {  font-weight : bold ; }
small { font-weight : normal ; line-height : 140% ; }

ruby { line-height : 100% ; }

dl { margin : 0 ; padding : 0 ; }
dt {
margin : 0 ; padding : 0 ;
font-weight : bold ; color: #666633 ;
}
dd { margin : 0 ; padding : 5px 0 10px 1em ; }
dd ol,dd ul { margin : 5px 0 0 0 ; padding : 0 ; }

form { margin : 0 ; padding: 0 ; }
form input { vertical-align: middle ; }

hr {
clear: both ; background: #ffffff ; color: #ffffff ;
border-top: 0px none #ffffff ;
border-right: 0px none #ffffff ;
border-left: 0px none #ffffff ;
border-bottom: 1px solid #cccccc ;
}






#mainbox {
width: 980px ;
margin : 0 ; padding : 0 ;
}
#mainbox #leftmenu {
float: left ;
width: 180px ;
margin : 0 ; padding : 0 ;
}
#mainbox #rightread {
float: right ;
width: 760px ;
margin : 0 ; padding : 0 ;
}

#menu {
margin : 0 0 15px 0 ; padding : 0 ;
}
#menu li {
margin : 0 ; padding : 0 ;
list-style: none ;
}
.submenu {
margin : 0 ; padding : 0 0 0 3px ;
}
.submenu li {
background : url(../img/p.gif) 0px 3px no-repeat ;
margin : 0 ; padding : 0 0 5px 16px ;
list-style: none ;
}
.submenu a:link { color : #000000 ; text-decoration: none ; }
.submenu a:visited { color : #000000 ; text-decoration: none ; }
.submenu a:hover { color : #ffcc00 ; text-decoration : underline ; }

#mainfotter {
clear: both ;
width: 980px ;
margin : 0 ; padding : 50px 0 0 0 ;
line-height: 100% ;
}
#mainfotter a:link { color : #000000 ; text-decoration: none ; }
#mainfotter a:visited { color : #000000 ; text-decoration: none ; }
#mainfotter a:hover { color : #ffcc00 ; text-decoration : underline ; }
#mainfotter .gotop {
border-bottom: 5px solid #000000 ;
margin : 0 0 10px 0 ; padding : 0 0 10px 0 ;
text-align: right ;
}
#mainfotter .link {
float: left ;
margin : 0 ; padding : 0 0 10px 0 ;
}
#mainfotter address {
float: right ;
margin : 0 ; padding : 0 0 10px 0 ;
text-align: right ; line-height: 12px ;
font-style: normal ;
}

.plink { margin : 0 0 10px 0 ; padding : 0 ; color: #666666 ; }
.plink a:link { color : #996600 ; text-decoration: underline ; }
.plink a:visited { color : #663300 ; text-decoration: underline ; }
.plink a:hover { color : #ffcc00 ; text-decoration : none ; }

.gotop { clear: both ; margin : 0 ; padding : 0 ; text-align: right ; }
.gotop a:link { color : #000000 ; text-decoration: none ; }
.gotop a:visited { color : #000000 ; text-decoration: none ; }
.gotop a:hover { color : #ffcc00 ; text-decoration : underline ; }

.subhead { font-size: 14px ; color: #996600 ; }

.photo_r {
float: right ;
margin : 0 0 20px 40px ; padding : 0 ;
}
.photo_r2 {
float: right ;
margin : 0 0 20px 20px ; padding : 0 ;
}
.photo_r3 {
float: right ;
margin : 0 ; padding : 0 ;
}

.onepoint {
background : #ffffff url(../img/onepoint.gif) left center no-repeat ;
margin : 10px ; padding : 7px 10px 7px 150px ;
border: 2px solid  #ffcc66 ;
color: #554433 ;
}

.listtable {
margin : 0 0 10px 10px ; padding : 0 ;
border-left: 2px solid #cccccc ;
}
.listtable th {
margin : 0 ; padding : 3px 0px 3px 8px ;
color: #000000 ; text-align: left ;
vertical-align: top ;
}
.listtable td {
margin : 0 ; padding : 3px 0px 3px 8px ;
color: #666666 ; text-align: left ;
vertical-align: top ;
}

.normaltable {
margin : 0 10px ; padding : 0 ;
border: 2px solid #cccccc ;
border-collapse: collapse ;
}
.normaltable th {
background : #bbdd99 ;
margin : 0 ; padding : 4px 6px ;
border-top: 1px solid #eeeeee ;
color: #336600 ;
vertical-align: top ;
}
.normaltable td {
background : #ffffff ;
margin : 0 ; padding : 4px 6px ;
border-top: 1px solid #eeeeee ;
color: #666666 ;
vertical-align: top ;
}




#indexhead {
width: 980px ; height: 330px ;
margin : 0 0 20px 0 ; padding : 0 ;
}
#indexhead h1 {
width: 960px ; height: 25px ;
background : #666633 url(../img/headerbg.gif) top left repeat-x ;
margin : 0 ; padding : 20px 0 0 20px ;
color: #ffffff ; line-height: 12px ;
font-size: 12px ; font-weight: normal ;
letter-spacing: 5px ;
}
#indexhead #indexmenu {
width: 980px ; height: 50px ;
margin : 0 ; padding : 0 ;
}
#indexhead #indexmenu li {
float: left ;
width: 196px ; height: 50px ;
margin : 0 ; padding : 0 ;
list-style: none ;
}

#indexbrand {
width: 980px ;
margin : 0 ; padding : 0 ;
}
#indexbrand li {
float: left ;
width: 315px ; height: 230px ;
margin : 0 ; padding : 0 ;
list-style: none ;
}
#indexbrand .sp17 { margin : 0 17px 0 0 ; }




.imglist { width: 760px ; margin : 0 0 20px 0 ; padding : 0 ; }
.imglist li { float: left ; margin : 0 ; padding : 0 ; list-style: none ; }

.partslist { width: 760px ; margin : 0 ; padding : 0 ; }
.partslist li { float: left ; width: 170px ; margin : 0 ; padding : 0 10px 10px 10px ; list-style: none ; }
.partslist li img { margin : 0 0 3px 0 ; }




.brandread {
float: right ;
width: 535px ;
margin : 0 ; padding : 0 ;
}
.brandph {
float: left ;
width: 200px ;
margin : 0 0 20px 0 ; padding : 0 ;
border: 1px solid #cccccc ;
}




.sitemap {}
.sitemap dt {
background : url(../img/p.gif) 0px 3px no-repeat ;
margin : 0 ; padding : 0 0 5px 16px ;
list-style: none ;
}
.sitemap dd { margin : 0 ; padding : 0 ; }
.sitemap dd ul { margin : 0 0 10px 15px ; padding : 0 ; }




/*other ---------------------------------------------------------*/

.cb { clear: both ; }

.fl { float: left ; margin: 0 ; padding: 0 ; }
.fr { float: right ; margin: 0 ; padding: 0 ; }

.tl { text-align: left !important ; }
.tr { text-align: right !important ; }
.tc { text-align: center !important ; }

.vt { vertical-align: top ; }
.vm { vertical-align: middle ; }
.vb { vertical-align: bottom ; }

.f10 { font-size: 10px ; }
.f12 { font-size: 12px ; }
.f14 { font-size: 14px ; }

.l120 { line-height: 120% ; }
.l140 { line-height: 140% ; }
.l160 { line-height: 160% ; }
.l180 { line-height: 180% ; }
.l200 { line-height: 200% ; }

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }

.wp200 { width: 200px ; }
.wp210 { width: 210px ; }
.wp360 { width: 360px ; }
.wp420 { width: 420px ; }
.wp740 { width: 740px ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.tp30 { margin-top: 30px !important ; }
.tp40 { margin-top: 40px !important ; }
.tp50 { margin-top: 50px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.bp30 { margin-bottom: 30px !important ; }
.bp40 { margin-bottom: 40px !important ; }
.bp50 { margin-bottom: 50px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.lp30 { margin-left: 30px !important ; }
.lp40 { margin-left: 40px !important ; }
.lp50 { margin-left: 50px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp12 { margin-right: 12px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }
.rp30 { margin-right: 30px !important ; }
.rp40 { margin-right: 40px !important ; }
.rp50 { margin-right: 50px !important ; }

.txt1 { color: #cc0000 !important ; }
.txt2 { color: #009900 !important ; }
.txt3 { color: #0000cc !important ; }
.txt4 { color: #666666 !important ; }
.txt5 { color: #000000 !important ; }
.txt6 { color: #666600 !important ; }