/* 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: #333333;
color: #FFFFFF;
text-align: center;
}

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

#header {
width: 700px;
text-align: left;
background: url(../images/mecha_body_head.png) no-repeat right top;
}

#header h1 {
width: 425px;
height: 95px;
background: url(../images/mecha_h1.png) no-repeat left top;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#header p {
background: #CC0000;
margin: 0 275px 0 25px;
padding: 10px 0 20px;
font-size: 14px;
}

#contents {
margin: 0 auto;
width: 640px;
text-align: left;
}

#main {
width: 360px;
float: right;
}

#main h2 {
margin: 0 0 5px;
width: 360px;
height: 35px;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#main p {
margin: 10px 0;
}

#main p strong {
font-size: 14px;
font-weight: bold;
color: #FFCC00;
}

#main li {
margin: 0 0 5px;
padding-left: 15px;
background: url(../images/mecha_list.png) no-repeat left center;
font-size: 12px;
line-height: 1.2;
}

#main .main_parts h3 {
margin: 15px 0 5px;
width: 360px;
height: 35px;
background: url(../images/mecha_h3_1.png) no-repeat left top;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#main .sub_parts {
padding-left: 80px;
}
#main .sub_parts h3 {
margin: 15px 0 5px;
width: 280px;
height: 35px;
background: url(../images/mecha_h3_2.png) no-repeat left top;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#main p.link {
margin: 20px 0;
text-align: center;
}

#main p.link a {
margin: 0 auto;
width: 290px;
height: 45px;
background: url(../images/mecha_button.png) no-repeat left top;
display: block;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

#main p.link a:link, #main p.link a:visited {
background-position: 0 0;
}
#main p.link a:hover {
background-position: 0 -45px;
}

#side {
width: 260px;
float: left;
padding-top: 10px;
}

#side p {
padding: 0;
margin: 0 5px 5px;
}

#menu {
width: 640px;
height: 45px;
position: absolute;
left: 30px;
top: -45px;
}

#menu li {
float: right;
height: 45px;
}

#menu li a {
width: 118px;
height: 45px;
display: block;
overflow:hidden;
text-indent: -9999em;
font-size: 1%;
}

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

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


/* STEP1 */

#st1 #main h2 {
background: url(../images/mecha_st1_h2.png) no-repeat left top;
}
#st1 #menu li.st1 a {
width: 155px;
background: url(../images/mecha_st1_menu_1.png) no-repeat left top;
}
#st1 #menu li.st2 a {
background: url(../images/mecha_st1_menu_2.png) no-repeat left top;
}
#st1 #menu li.st3 a {
background: url(../images/mecha_st1_menu_3.png) no-repeat left top;
}
#st1 #menu li.st4 a {
background: url(../images/mecha_st1_menu_4.png) no-repeat left top;
}
#st1 #menu li.st5 a {
width: 131px;
background: url(../images/mecha_st1_menu_5.png) no-repeat left top;
}
#st1 #menu li a:link,
#st1 #menu li a:visited {
background-position: 0 0;
}
#st1 #menu li a:hover {
background-position: 0 -45px;
}


/* STEP2 */

#st2 #main h2 {
background: url(../images/mecha_st2_h2.png) no-repeat left top;
}
#st2 #menu li.st1 a {
width: 124px;
background: url(../images/mecha_st2_menu_1.png) no-repeat left top;
}
#st2 #menu li.st2 a {
width: 149px;
background: url(../images/mecha_st2_menu_2.png) no-repeat left top;
}
#st2 #menu li.st3 a {
background: url(../images/mecha_st2_menu_3.png) no-repeat left top;
}
#st2 #menu li.st4 a {
background: url(../images/mecha_st2_menu_4.png) no-repeat left top;
}
#st2 #menu li.st5 a {
width: 131px;
background: url(../images/mecha_st2_menu_5.png) no-repeat left top;
}
#st2 #menu li a:link,
#st2 #menu li a:visited {
background-position: 0 0;
}
#st2 #menu li a:hover {
background-position: 0 -45px;
}

/* STEP3 */

#st3 #main h2 {
background: url(../images/mecha_st3_h2.png) no-repeat left top;
}
#st3 #menu li.st1 a {
width: 131px;
background: url(../images/mecha_st3_menu_1.png) no-repeat left top;
}
#st3 #menu li.st2 a {
width: 111px;
background: url(../images/mecha_st3_menu_2.png) no-repeat left top;
}
#st3 #menu li.st3 a {
width: 149px;
background: url(../images/mecha_st3_menu_3.png) no-repeat left top;
}
#st3 #menu li.st4 a {
background: url(../images/mecha_st3_menu_4.png) no-repeat left top;
}
#st3 #menu li.st5 a {
width: 131px;
background: url(../images/mecha_st3_menu_5.png) no-repeat left top;
}
#st3 #menu li a:link,
#st3 #menu li a:visited {
background-position: 0 0;
}
#st3 #menu li a:hover {
background-position: 0 -45px;
}

/* STEP4 */

#st4 #main h2 {
background: url(../images/mecha_st4_h2.png) no-repeat left top;
}
#st4 #menu li.st1 a {
width: 131px;
background: url(../images/mecha_st4_menu_1.png) no-repeat left top;
}
#st4 #menu li.st2 a {
background: url(../images/mecha_st4_menu_2.png) no-repeat left top;
}
#st4 #menu li.st3 a {
width: 111px;
background: url(../images/mecha_st4_menu_3.png) no-repeat left top;
}
#st4 #menu li.st4 a {
width: 149px;
background: url(../images/mecha_st4_menu_4.png) no-repeat left top;
}
#st4 #menu li.st5 a {
width: 131px;
background: url(../images/mecha_st4_menu_5.png) no-repeat left top;
}
#st4 #menu li a:link,
#st4 #menu li a:visited {
background-position: 0 0;
}
#st4 #menu li a:hover {
background-position: 0 -45px;
}

/* STEP5 */

#st5 #main h2 {
background: url(../images/mecha_st5_h2.png) no-repeat left top;
}
#st5 #menu li.st1 a {
width: 131px;
background: url(../images/mecha_st5_menu_1.png) no-repeat left top;
}
#st5 #menu li.st2 a {
background: url(../images/mecha_st5_menu_2.png) no-repeat left top;
}
#st5 #menu li.st3 a {
background: url(../images/mecha_st5_menu_3.png) no-repeat left top;
}
#st5 #menu li.st4 a {
background: url(../images/mecha_st5_menu_4.png) no-repeat left top;
}
#st5 #menu li.st5 a {
width: 155px;
background: url(../images/mecha_st5_menu_5.png) no-repeat left top;
}
#st5 #menu li a:link,
#st5 #menu li a:visited {
background-position: 0 0;
}
#st5 #menu li a:hover {
background-position: 0 -45px;
}