body {
  background-color: #f1f1f1;
  margin: 6px auto 0px;
  text-align: center;
  font-size: 10px;
}

.side {
  background: url(/images/side_back.gif) top repeat-y #f1f1f1;
  clear: left;
}

/**** Title Area ****/
.head {
  background: url(/images/head_back.gif) top no-repeat #ffffff;
  margin: 0px auto;
  width: 789px;
  height: 101px;
}

h1 {
  margin :0px auto;
  padding: 45px 0px 0px;
  font-size: 0;
  line-height: 0;
  width: 752px;
}

.title img {
  margin: 0px 170px 0px 23px;
  float: left;
}

.title span {
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.2em;
  width: 330px;
  display: block;
  float: left;
}

.title span a {color: #00ADB5; text-decoration: none;}

/**** Contents Area ****/

/*
.content {
  background: url(/images/main_back.gif) top no-repeat #ffffff;
  margin: 0 19px 0 18px;
  padding: 31px 0px 0px;
  text-align: center;
  width: 752px;
}
*/
.content {
  background: url(/images/main_back.gif) top no-repeat #ffffff;
  margin: 0 19px 0 18px;
  padding: 20px 0px 0px;
  text-align: center;
  width: 752px;
}

/*** Topmenu Area ***/

.topmenu {
  background: url(/images/topnavi_left.gif) top left no-repeat;
  margin: 0px auto;
  width: 709px;
}

.topmenu ol {
  background: url(/images/topnavi_right.gif) top right no-repeat;
  padding-left: 8px;
  height: 41px;
  float: left;
}
.topmenu ol li {
  background: url(/images/topnavi_back.gif) repeat-x;
  padding-top: 7px;
  height: 41px;
  float: left;
}

.topmenu ol li.menu_01 {padding-right:174px;}
.topmenu ol li.menu_02 {padding-right:10px;}
.topmenu ol li.menu_03 {padding-right:7px;}
.topmenu ol li.menu_04 {padding-right:12px;}
.topmenu ol li.menu_05 {margin-right:9px;padding-right:1px;}

.topmenu ol li.menu_01 a{
  background: url(/images/home.gif) no-repeat;
  width: 55px;
  height: 28px;
  display: block;
}

.topmenu ol li.menu_02 a{
  background: url(/images/company.gif) no-repeat;
  width: 98px;
  height: 28px;
  display: block;
  float: left;
}
.topmenu ol li.menu_02 a:hover, .topmenu ol li.menu_02 a:active
{background: url(/images/company_r.gif) no-repeat;}

.topmenu ol li.menu_03 a{
  background: url(/images/group.gif) no-repeat;
  width: 98px;
  height: 28px;
  display: block;
  float: left;
}
.topmenu ol li.menu_03 a:hover, .topmenu ol li.menu_03 a:active
{background: url(/images/group_r.gif) no-repeat;}

.topmenu ol li.menu_04 a{
  background: url(/images/info.gif) no-repeat;
  width: 91px;
  height: 28px;
  display: block;
  float: left;
}
.topmenu ol li.menu_04 a:hover, .topmenu ol li.menu_04 a:active
{background: url(/images/info_r.gif) no-repeat;}

.topmenu ol li.menu_05 a{
  background: url(/images/trouble.gif) no-repeat;
  width: 143px;
  height: 28px;
  display: block;
  float: left;
}
.topmenu ol li.menu_05 a:hover, .topmenu ol li.menu_05 a:active
{background: url(/images/trouble_r.gif) no-repeat;}

/**** Navi & textsize Area ****/

.pan_text {margin: 8px auto 6px; font-size: 10px; width: 710px;}

.pan_text ol {
  margin-left: 5px;
  text-align: left;
  width: 525px;
  _width: 510px;
  float: left;}

.pan_text ol li a {
  background: url(/images/arrow.gif) right 50% no-repeat;
  padding-right: 10px;
  color: #000;
  text-decoration: none;
}

/**** text size ****/

.pan_text ul {margin: 0; text-align: left; width: 175px; float: left;}

/*** old ie6 only ***/
* html .pan_text ul {width: 183px;}
/*** old ie6 only -end- ***/

.pan_text ul li {margin-left: 8px; float: left}

.pan_text ul li.font_h {
  background: url(/images/text_size.gif) no-repeat;
  margin-right:5px;
  width: 83px;
  height: 18px;
}

.pan_text ul li.small a {
  background: url(/images/text_small.gif) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}

.pan_text ul li.small a:hover, .pan_text ul li.small a:active
{background: url(/images/text_small_r.gif) no-repeat;}

.pan_text ul li.medium a {
  background: url(/images/text_medium.gif) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}

.pan_text ul li.medium a:hover, .pan_text ul li.medium a:active
{background: url(/images/text_medium_r.gif) no-repeat;}

.pan_text ul li.large a {
  background: url(/images/text_large.gif) no-repeat;
  width: 18px;
  height: 18px;
  display: block;
}

.pan_text ul li.large a:hover, .pan_text ul li.large a:active
{background: url(/images/text_large_r.gif) no-repeat;}

/**** Maincontents Area ****/
.main {width :707px; margin-left:20px; *margin-left:0px;}
.main_contents {margin-left: 17px; _margin-left: 22px; width: 541px; float: right;}

/**** Side memu Area ****/

.menu {
  font-size:0;
  line-height:0;
  width:144px;
  float:right;
}

.menu ul.sub {
  margin-bottom: 27px;
  font-size:0;
  line-height:0;
}

.menu ul.sub table {
  margin-bottom : 10px;
  font-size: 12px;
  text-align: left;
  line-height :1.3em;
  border: solid #33CC33 1px;
  border-collaspe: collaspe;
  width: 100%;
}
.menu ul.sub table td {padding: 5px 2px;}
.menu ul.sub table td b {color: #6699FF;}
.menu ul.sub table td em {margin:0; color: #000; font-size: 85%;}
.menu ul.sub table td u {color: #FF5D5D; text-decoration: none;}


.menu ul.sub li.login a{
  background: url(/images/login.gif) no-repeat;
  width: 144px;
  height: 33px;
  display: block;
}

.menu ul.sub li.login a:hover, .menu ul.sub li.login a:active
{background: url(/images/login_r.gif) no-repeat;}

.menu ul.sub li.logout a{
  background: url(/images/logout.gif) no-repeat;
  width: 144px;
  height: 33px;
  display: block;
}

.menu ul.sub li.logout a:hover, .menu ul.sub li.logout a:active
{background: url(/images/logout_r.gif) no-repeat;}

.menu ul.sub li.cart a{
  background: url(/images/cart.gif) no-repeat;
  width: 144px;
  height: 32px;
  display: block;
}

.menu ul.sub li.cart a:hover, .menu ul.sub li.cart a:active
{background: url(/images/cart_r.gif) no-repeat;}

.menu ul.sub li.howto a{
  background: url(/images/howto.gif) no-repeat;
  width: 144px;
  height: 32px;
  display: block;
}

.menu ul.sub li.howto a:hover, .menu ul.sub li.howto a:active
{background: url(/images/howto_r.gif) no-repeat;}

.menu ul.sub li.rule a{
  background: url(/images/rule.gif) no-repeat;
  width: 144px;
  height: 32px;
  display: block;
}

.menu ul.sub li.rule a:hover, .menu ul.sub li.rule a:active
{background: url(/images/rule_r.gif) no-repeat;}

.menu ul.m_menu li {border-bottom: solid #ccc 1px;}
.menu ul.m_menu li.cleaning {margin-bottom: 10px;}

.menu ul.m_menu li.repair a{
  background: url(/images/repair_bar.gif) no-repeat;
  width: 144px;
  height: 26px;
  display: block;
}

.menu ul.m_menu li.repair a:hover, .menu ul.m_menu li.repair a:active
{background: url(/images/repair_bar_r.gif) no-repeat;}


.menu ul.m_menu li.warning a{
  background: url(/images/warning_bar.gif) no-repeat;
  width: 144px;
  height: 26px;
  display: block;
}

.menu ul.m_menu li.warning a:hover, .menu ul.m_menu li.warning a:active
{background: url(/images/warning_bar_r.gif) no-repeat;}

.menu ul.m_menu li.request a{
  background: url(/images/request_bar.gif) no-repeat;
  width: 144px;
  height: 26px;
  display: block;
}

.menu ul.m_menu li.request a:hover, .menu ul.m_menu li.request a:active
{background: url(/images/request_bar_r.gif) no-repeat;}


.menu ul.m_menu li.parts a{
  background: url(/images/parts_bar.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.parts a:hover, .menu ul.m_menu li.parts a:active
{background: url(/images/parts_bar_r.gif) no-repeat;}

.menu ul.m_menu li.gas a{
  background: url(/images/gas.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.gas a:hover, .menu ul.m_menu li.gas a:active
{background: url(/images/gas_r.gif) no-repeat;}

.menu ul.m_menu li.kitchen a{
  background: url(/images/kitchen.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.kitchen a:hover, .menu ul.m_menu li.kitchen a:active
{background: url(/images/kitchen_r.gif) no-repeat;}

.menu ul.m_menu li.range a{
  background: url(/images/range.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.range a:hover, .menu ul.m_menu li.range a:active
{background: url(/images/range_r.gif) no-repeat;}

.menu ul.m_menu li.lavatory a{
  background: url(/images/lavatory.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.lavatory a:hover, .menu ul.m_menu li.lavatory a:active
{background: url(/images/lavatory_r.gif) no-repeat;}

.menu ul.m_menu li.bathtab a{
  background: url(/images/bathtab.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.bathtab a:hover, .menu ul.m_menu li.bathtab a:active
{background: url(/images/bathtab_r.gif) no-repeat;}

.menu ul.m_menu li.water a{
  background: url(/images/water_bar.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.water a:hover, .menu ul.m_menu li.water a:active
{background: url(/images/water_bar_r.gif) no-repeat;}

.menu ul.m_menu li.oteire a{
  background: url(/images/oteire_bar.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.oteire a:hover, .menu ul.m_menu li.oteire a:active
{background: url(/images/oteire_bar_r.gif) no-repeat;}

.menu ul.m_menu li.cleaning a{
  background: url(/images/cleaning_bar.gif) no-repeat;
  width: 144px;
  height: 29px;
  display: block;
}

.menu ul.m_menu li.cleaning a:hover, .menu ul.m_menu li.cleaning a:active
{background: url(/images/cleaning_bar_r.gif) no-repeat;}

/**** footer ****/
.bannar {
  border-top: solid #cccccc 1px;
  margin: 0px 2px;
  padding: 10px 20px 0px;
  text-align: left;}

.footer {
  background: url(/images/foot_back.gif) top no-repeat #f1f1f1;
  padding-top: 31px;
  width:789px;
}

.footer ol {
  background: url(/images/line.gif) left 50% no-repeat;
  margin-left: 27px;
  margin-bottom: 12px;
  padding-left: 5px;
  text-align: left;
  width: 380px;
  float: left;
  padding-left: 3px;
}


* html .footer ol {margin-left: 12px;}




.footer ol li {
  background: url(/images/line.gif) right 50% no-repeat;
  padding: 0 8px 0 5px;
  _padding: 0 5px 0 7px;
}

.footer p{text-align: left; margin: 0;width: 356px; float: left;}

/**** Other ****/
img {border:none;}
em {padding: 0 0.3em;font-style: normal; color: #ff0000;}
u {color: #990000; text-decoration: none;}
p{line-height:1.2em;}

ol,ul {margin: 0; padding: 0;}
li {list-style:none;}
li span {display: none;}
ol li {display: inline;}

.float_l {float: left;}
.float_r {float: right;}
.float_n {float: none;}
.clear {clear: both;}
.clear_v {clear: both; visibility: hidden;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */