/* IE‚¿‚ç‚‚«–hŽ~ */
html { 
    filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

.none {
display: none;
}

hr {
display: none;
}

.f_left {
float: left;
}

.f_right {
float: right;
}

.pl15 {
padding-left: 15px;
}

.pngfix {
}

/* ClearFIX */

.clearfix:after {
  content: ".";  /* �V‚µ‚¢—v‘f‚ð�ì‚é */
  display: block;  /* ƒuƒ�ƒbƒNƒŒƒxƒ‹—v‘f‚É */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
font-size: 12px;
line-height: 1.8;
font-family: Osaka, Verdana, Arial, "ƒ�ƒCƒŠƒI", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN";
background-color: #999999;
color: #FFFFFF;
text-align: center;
}

#wrapper {
margin: 0 auto;
width: 700px;
position: relative;
background: url(../images/ecu_body.png) repeat-y left top;
}

h1 {
width: 420px;
height: 100px;
background: url(../images/ecu_h1.png) no-repeat left top;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}


#contents_a {
margin: 0 auto;
width: 700px;
background: url(../images/ecu_image_01.png) no-repeat right top;
text-align: left;
}

#contents_a div.box {
margin: 10px 30px;
}
#contents_a div.box .text1 {
width: 350px;
float: left;
}
#contents_a div.box .text1 p {
padding: 5px 0;
}
#contents_a div.box .text2 {
width: 350px;
float: left;
padding-bottom: 30px;
background: url(../images/ecu_image_06.gif) no-repeat left bottom;
}
#contents_a div.box .text2 h2 {
width: 350px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
background: url(../images/ecu_h2_1.gif) no-repeat left top;
}
#contents_a div.box .text2 ul {
padding-bottom: 5px;
}
#contents_a div.box .text2 li {
color: #66CCFF;
font-weight: bold;
}

#contents_a div.box .image1 {
margin-top: 90px;
width: 280px;
float: right;
text-align: right;
font-size: 10px;
padding-bottom: 10px;
}
#contents_a div.box .image2 {
width: 280px;
float: right;
}
#contents_a div.box .image2 p.type {
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#contents_a div.box #raiten {
margin: 15px 0 5px;
width: 640px;
height: 50px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
background: url(../images/ecu_image_07.gif) no-repeat left top;
}

#contents_a div.box .attention h3 {
margin: 5px 0;
width: 640px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
background: url(../images/ecu_h3_1.gif) no-repeat left top;
}

#contents_a .parts li {
width: 190px;
line-height: 1.5;
text-indent: 1.2em;
background: url(../images/sp_charger_list.png) no-repeat left center;
float: left;
}

#contents_b {
margin: 20px auto;
width: 640px;
text-align: left;
position: relative;
}

#contents_b p.image {
position: absolute;
right: 5px;
top: -15px;
}

#contents_b .tabNav {
position: absolute;
left: 0;
top: 0;
}
#contents_b .tabNav li {
float: left;
}

#contents_b .tabNav li a {
margin: 0 15px 0 20px;
width: 100px;
height: 30px;
display: block;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#contents_b h2 {
width: 640px;
height: 30px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}
#contents_b #st1 h2 {
background: url(../images/ecu_h2_2.gif) no-repeat left top;
}
#contents_b #st2 h2 {
background: url(../images/ecu_h2_3.gif) no-repeat left top;
}
#contents_b #st3 h2 {
background: url(../images/ecu_h2_4.gif) no-repeat left top;
}

#contents_b div.box {
border: #FFFFFF 1px solid;
border-top: none;
padding: 0 15px 15px;
background: #222222;
}

#contents_b div.box h3 {
width: 370px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
background: url(../images/ecu_h3_2.gif) no-repeat left top;
}
#contents_b div.box ul {
width: 370px;
}
#contents_b div.box li {
width: 185px;
line-height: 1.5;
float: left;
}
#contents_b div.box p.price {
margin: 15px 0 0;
width: 370px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}
#contents_b #st1 div.box p.price {
background: url(../images/ecu_image_09.gif) no-repeat left top;
}
#contents_b #st2 div.box p.price {
background: url(../images/ecu_image_10.gif) no-repeat left top;
}
#contents_b #st3 div.box p.price {
background: url(../images/ecu_image_11.gif) no-repeat left top;
}


#contents_c {
margin: 10px 10px 10px 30px;
background: url(../images/ecu_image_12.png) no-repeat right bottom;
text-align: left;
}

#contents_c h2 {
margin: 0 0 5px;
width: 640px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
background: url(../images/ecu_h2_5.gif) no-repeat left top;
position: relative;
}

#contents_c h2 a {
display: block;
width: 100px;
height: 20px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
position: absolute;
right: 0;
top: 7px;
}

#contents_c li {
font-weight: bold;
padding: 5px 0 15px;
background: url(../images/ecu_image_13.png) no-repeat 10px bottom;
}
#contents_c li.last {
background: none;
}

#contents_d {
margin: 10px auto 0;
width: 600px;
text-align: left;
}

#contents_d p {
float: left;
}

#contents_d p a {
margin: 10px;
display: block;
width: 280px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#contents_d p.link_1 a {
background: url(../images/ecu_image_14.png) no-repeat left top;
}
#contents_d p.link_2 a {
background: url(../images/ecu_image_15.png) no-repeat left top;
}

#footer {
margin: 0 auto;
padding: 20px 0 5px;
width: 700px;
background: url(../images/ecu_foot.png) no-repeat left top;
}

#footer p {
font-size: 10px;
color: #333333;
}