/***************/
/***  index  ***/
/***************/
.pan_text p {width: 525px; float: left;}

/**** Center Menu ****/
.t_menu {margin-left: 0px; width: 708px;}
.t_menu p {margin: 0; text-align: right; }
.t_menu p span {display: none;}
.t_menu p a {
  background: url("/images/menu_head.gif") no-repeat;
  width: 708px;
  height: 33px;
  display: block;
}

.t_menu a:hover, .t_menu a:active
{background: url("/images/menu_head_r.gif") no-repeat;}

.main ol.top_menu {margin: 0; width: 709px;}
.main ol.top_menu li{margin-right: 3px; float:left;}
.main ol.top_menu li.cleaning{margin: 0;}

.main ol.top_menu li.repair a{
  background: url("/images/repair.gif") no-repeat;
  width: 140px;
  height: 281px;
  display: block;
}

.main ol.top_menu li.repair a:hover, .main ol.top_menu li.repair a:active
{background: url("/images/repair_r.gif") no-repeat;}

.main ol.top_menu li.parts a{
  background: url("/images/parts.gif") no-repeat;
  width: 139px;
  height: 281px;
  display: block;
}

.main ol.top_menu li.parts a:hover, .main ol.top_menu li.parts a:active
{background: url("/images/parts_r.gif") no-repeat;}

.main ol.top_menu li.water a{
  background: url("/images/water.gif") no-repeat;
  width: 139px;
  height: 281px;
  display: block;
}

.main ol.top_menu li.water a:hover, .main ol.top_menu li.water a:active
{background: url("/images/water_r.gif") no-repeat;}

.main ol.top_menu li.oteire a{
  background: url("/images/oteire.gif") no-repeat;
  width: 139px;
  height: 281px;
  display: block;
}

.main ol.top_menu li.oteire a:hover, .main ol.top_menu li.oteire a:active
{background: url("/images/oteire_r.gif") no-repeat;}

.main ol.top_menu li.cleaning a{
  background: url("/images/cleaning.gif") no-repeat;
  width: 140px;
  height: 281px;
  display: block;
}

.main ol.top_menu li.cleaning a:hover, .main ol.top_menu li.cleaning a:active
{background: url("/images/cleaning_r.gif") no-repeat;}

/****information Area ****/

.main p.information {margin: 15px 15px 0; _margin: 5px 15px 0; text-align: left;}


* html .main p.information {margin: 5px 0 0; text-align: left;}


.main p.information a span {display: none;}

.main p.information a{
  background: url("/images/information.gif") no-repeat;
  width: 113px;
  height: 21px;
  display: block;
}

.main p.information a:hover, .main p.information a:active
{background: url("/images/information_r.gif") no-repeat;}

.main ul.info {margin: 5px 0 8px 38px;  text-align: left;}


* html .main ul.info {margin: 5px 0 8px 23px; text-align: left;}

.main ul.info li {margin: 6px 0;}
.date {font-weight:bold;}


/***************/
/***  Parts  ***/
/***************/

/**** Sarch Area ****/
.main_contents form.sarch {margin:12px 16px 0; text-align: left;}
.main_contents form.sarch img {margin: 5px 0px;}
.main_contents form.sarch input {border: solid #aaaaaa 1px; width: 218px; height: 16px; float: left;}
.main_contents p {margin: 0 0 0 10px; _margin: 0; padding-left: 1.3em; text-align: left; width: 500px;}
.main_contents p:first-letter {margin-left: -1.3em;}
.main_contents form a span {visibility:hidden;}

.main_contents form.sarch a {
  background: url("/images/sarch.gif") center no-repeat;
  margin: 0 0 0 15px;
  width: 77px;
  height: 19px;
  display: block;
  float: left;
}

.main_contents form.sarch a:hover, .main_contents form.sarch a:active
{background: url("/images/sarch_r.gif") center no-repeat; text-decoration: none;}

/**** Categoly Area ****/

.main_contents div {margin: 16px 0 0 18px; text-align: left;}
.main_contents ol {margin-top: 7px;}
.main_contents ol li {margin-right: 9px; float: left;}
.main_contents p.first {padding-top: 13px; _padding-top: 8px; clear:left;}
.main_contents p.last {margin-bottom: 10px;}
.main_contents p.line{background:url("/images/dot.gif") repeat-x left 35%; width: 510px; height: 15px; display:block;}
.main_contents p.link a {text-decoration: none; color: #0000ff;}
.main_contents p.link a:hover, .main_contents p.link a:active {text-decoration: underline; color:#FF6600}

.main_contents ol li.gas_b a{
  background: url("/images/gas_block.gif") no-repeat;
  width: 91px;
  height: 181px;
  display: block;
}

.main_contents ol li.gas_b a:hover, .main_contents ol li.gas_b a:active
{background: url("/images/gas_block_r.gif") no-repeat;}

.main_contents ol li.kitchen_b a{
  background: url("/images/kitchen_block.gif") no-repeat;
  width: 91px;
  height: 181px;
  display: block;
}

.main_contents ol li.kitchen_b a:hover, .main_contents ol li.kitchen_b a:active
{background: url("/images/kitchen_block_r.gif") no-repeat;}

.main_contents ol li.range_b a{
  background: url("/images/range_block.gif") no-repeat;
  width: 91px;
  height: 181px;
  display: block;
}

.main_contents ol li.range_b a:hover, .main_contents ol li.range_b a:active
{background: url("/images/range_block_r.gif") no-repeat;}

.main_contents ol li.lavatory_b a{
  background: url("/images/lavatory_block.gif") no-repeat;
  width: 91px;
  height: 181px;
  display: block;
}

.main_contents ol li.lavatory_b a:hover, .main_contents ol li.lavatory_b a:active
{background: url("/images/lavatory_block_r.gif") no-repeat;}

.main_contents ol li.bathtab_b a{
  background: url("/images/bathtab_block.gif") no-repeat;
  width: 91px;
  height: 181px;
  display: block;
}

.main_contents ol li.bathtab_b a:hover, .main_contents ol li.bathtab_b a:active
{background: url("/images/bathtab_block_r.gif") no-repeat;}



/*****************/
/***  trouble  ***/
/*****************/
.main_contents .self {margin: 36px 0 180px 15px; text-align: left;}
.main_contents .self ul {margin-top: 33px; margin-left: -2px;}
.main_contents .self ul li {margin-left: 10px; float: left;}
.main_contents .self ul li.kitchen_t {margin: 0;}

.main_contents .self ul li.kitchen_t a{
  background: url("/images/kitchen_troble.gif") no-repeat;
  width: 121px;
  height: 198px;
  display: block;
}

.main_contents .self ul li.kitchen_t a:hover, .main_contents .self oull li.kitchen_t a:active
{background: url("/images/kitchen_troble_r.gif") no-repeat;}


.main_contents .self ul li.bath_t a{
  background: url("/images/bath_troble.gif") no-repeat;
  width: 121px;
  height: 198px;
  display: block;
}

.main_contents .self ul li.bath_t a:hover, .main_contents .self ul li.bath_t a:active
{background: url("/images/bath_troble_r.gif") no-repeat;}

.main_contents .self ul li.lavatoly_t a{
  background: url("/images/lav_troble.gif") no-repeat;
  width: 121px;
  height: 198px;
  display: block;
}

.main_contents .self ul li.lavatoly_t a:hover, .main_contents .self ul li.lavatoly_t a:active
{background: url("/images/lav_troble_r.gif") no-repeat;}

.main_contents .self ul li.other_t a{
  background: url("/images/other_troble.gif") no-repeat;
  width: 121px;
  height: 198px;
  display: block;
}

.main_contents .self ul li.other_t a:hover, .main_contents .self ul li.other_t a:active
{background: url("/images/other_troble_r.gif") no-repeat;}



/**** trouble parts ****/
.trouble {margin-top: 14px;}
.trouble ol, .trouble_parts ol {margin-left:285px; font-size: 12px;}

.trouble ol li, .trouble_parts ol li {
  margin: 0;
  border-right: solid #000 1px;
  text-align: center;
}

.trouble ol li.kitchen_r, .trouble_parts ol li.kitchen_r {width:60px;}
.trouble ol li.bath_r, .trouble_parts ol li.bath_r {width:40px;}
.trouble ol li.lav_r, .trouble_parts ol li.lav_r {width:80px;}
.trouble ol li.other_r, .trouble_parts ol li.other_r {border: none; width: 42px; text-align: right;}
.trouble ol li a, .trouble_parts ol li a {color: #757575; font-weight: normal;}
.trouble ol li a:hover, .trouble ol li a:active, .trouble_parts ol li a:hover, .trouble_parts ol li a:active
{color: #FA9F00; font-weight:bold;}
.trouble ul {margin: 27px 0 250px 18px; text-align: left;clear:left;}
.trouble ul li {margin: 21px 0;}
.trouble ul li:first-letter {color: #009966;}

.trouble_parts img {margin: 8px 0; clear:left;}
.trouble_parts div {margin: 15px 0; color: #666666; font-size:120%; font-weight:bold;}
.trouble_parts p {margin-left: 25px; margin-bottom: 35px; line-height: 1.3em; width: 430px;}
.trouble_parts p.blue:first-line {color: #00C3FF; font-weight:bold;}
.trouble_parts p.blue_p {margin-left: 25px; margin-bottom: 35px; line-height: 1.3em; width: 390px;}
.trouble_parts p.blue_p:first-line {color: #00C3FF; font-weight:bold;}
.trouble_parts p.green:first-line, .trouble_parts u {color: #07B152; font-weight:bold;}
.trouble_parts p.green_n:first-line {color: #07B152;}
.trouble_parts p.yellow:first-line {color: #FDBC5C; font-weight:bold;}
.trouble_parts p.purple:first-line {color: #9676B5; font-weight:bold;}
.trouble_parts p.key:first-line {color: #FF9797; font-weight:bold;}
.trouble_parts p.topline {margin-top: 40px; text-align: right; background: url(/images/pt01.gif) left top no-repeat;}
.trouble_parts p.topline img {margin: 0;}
.trouble_parts p.back_m {margin-top: 18px; margin-bottom: 2px; text-align: right; width: 430px;}
.trouble_parts p a:link, .trouble_parts p a:visited {margin-left:20px;color: #FF9797; text-decoration: none;}
.trouble_parts p a:hover, .trouble_parts a:active {text-decoration: underline; color:#FF9797;}
.trouble_parts span.green_m {color: #07B152; font-weight:bold; margin-left: 25px; display: block;}
.trouble_parts p span {margin-left: -15px; display: block;}
.trouble_parts p span.top {margin-top: 15px;}
.trouble_parts em {padding: 8px 0; font-size:80%; color: #999999; border-top: solid #999999 1px; display: block; width: 475px;}
.trouble_parts table {margin-top: 10px; font-size: 100%; width:510px; text-align: left; border-collapse: collapse;}
.trouble_parts table img {margin:0;}
.trouble_parts table th, .trouble_parts table td {vertical-align: top;}
.trouble_parts table tr th {padding-bottom: 20px;}
.trouble_parts table td b {line-height: 2.5em;}
.trouble_parts table tr.title_img th {padding-bottom: 33px;}

.trouble ol li b, .trouble_parts ol li b {color: #FA9F00;}
  


/***************/
/***  howto  ***/
/***************/
.main_contents .howto {margin-left: 5px; padding-top: 10px; text-align: left;}
.main_contents .howto p {margin: 10px 0 35px; padding-left: 20px; width:490px;}
.main_contents .howto p:first-letter {margin-left:0;}
.main_contents .howto ul {margin-top: 9px;}
.main_contents .howto ul li {font-size: 0; line-height:0; margin: 0; width: 517px;}

.main_contents .howto ul li.arrow {
  background: url(/images/tri.gif) center 0 no-repeat;
  height:24px;
}

.main_contents .howto ul li.step1 {
  background: url(/images/step1.gif) center 0 no-repeat;
  height: 76px;
  _height: 76px;
}

.main_contents .howto ul li.step2 {
  background: url(/images/step2.gif) center 0 no-repeat;
  height: 76px;
}

.main_contents .howto ul li.step3 {
  background: url(/images/step3.gif) center 0 no-repeat;
  height: 206px;
}

.main_contents .howto ul li.step4 {
  background: url(/images/step4.gif) center 0 no-repeat;
  height:96px;
}

.main_contents .howto ul li.step5 {
  background: url(/images/step5.gif) center 0 no-repeat;
  height:76px;
}

.main_contents p.info {padding-left:0; margin-bottom: 0; text-align: left;}

.main_contents ul.b_menu {margin-top: 25px;}
.main_contents ul.b_menu li {font-size:100%; margin: 20px 0; text-align: left; line-height:1.3em;}
.main_contents ul.b_menu li.warring dl {margin-left:0; width: 500px;}
.main_contents ul.b_menu li.warring dl dt{padding-bottom: 5px; color: #818386;}
.main_contents ul.b_menu li.warring dl dd {margin-left: 25px;}
.main_contents ul.b_menu li.warring dl dd:first-letter {color:#44E538; margin-left: -20px;}
.main_contents ul.b_menu li.info p {margin-left: -15px;}
.main_contents ul div {margin:0; text-align:right;}

/*******************/
/***  corporate  ***/
/*******************/
.company {margin-left: 30px; width: 460px;}
.company p {margin: 30px 0 9px;text-align: left;}
.company div {text-align: left; font-size: 100%; line-height: 1.6em;}
.company div b {margin-top: 10px; text-align: right; display: block;}
.company table {margin-bottom:10px; font-size: 100%;text-align: left; width: 480px;}
.company table th {text-align: right; font-weight: normal; width: 80px; height: 28px;}
.company table td {padding: 7px 0px 5px 17px; background: url(/images/border_g.gif) left top repeat-y #efefef; line-height:1.5em;}


/***************/
/***  group  ***/
/***************/
div.group table {border-collapse: collapse; margin: 30px auto; font-size: 100%; text-align: left; line-height: 1.3em; width: 510px;}
div.group table tr th, div.group table tr td {padding: 8px 0; border-bottom: dotted #F3A600 1px;}
div.group table tr th {font-weight: normal; vertical-align: top; width:197px;}
div.group table tr th p:first-letter {color: #F3A600; font-size:95%;}
div.group table tr th span {margin: 0; display: block;}
div.group table tr th a {text-decoration: none; color:#FF6633}
div.group table tr th a:hover, div.group table tr th a:active {text-decoration: underline; color:#FFB197}
div.group table tr td {width:312px;}
div.group table p {width: 195px;}

/**************/
/***  info  ***/
/**************/
.main_contents h2 {margin: 31px 0 18px 20px; text-align:left;}
.main_contents h3 {margin: 0 0 0 20px; text-align:left;}
.main_contents dl {margin: 15px 0 16px 20px; text-align:left;}
.main_contents dl.net {margin-bottom: 37px; _margin-bottom: 39px;}
.main_contents dl dt {margin-top: 8px; _margin-top: 10px; color: #3D6DDB; font-weight:bold;}
.main_contents dl dd {margin: 3px 0 8px 10px; _margin: 5px 0 10px 10px;}
.main_contents dl dd.come {font-size: 90%;}

/**************/
/***  rule  ***/
/**************/
.main_contents div.rule {margin-top: 30px; margin-left: 15px; text-align: left;}
table.info {margin: 25px 5px 33px; font-size: 100%; text-align: left; border-collapse: collapse; vertical-align: middle; width:500px;}
table.info th,table.info td {padding: 4px 0 4px 3px; border-bottom: dotted #aaaaaa 1px;}
table.info th {color: #009900; font-weight:normal; line-height: 1.4em; width: 151px;}
table.info td {line-height: 1.5em;}
table.info td span {font-size: 90%;}
table.info td p {margin:0 0 0 6px; line-height:1.5em; width: 100px;}
table.info td p:first-letter {margin-left: -6px;}
table.info td.warring p {margin-left:-10px; width: 360px;}

/******************/
/***  Site Map  ***/
/******************/
.main_contents div.map {margin-top: 29px; margin-left: 15px; text-align: left;}
.main_contents div.map table {margin-top: 0; margin-left: 7px; font-size: 100%; text-align: left;}
.main_contents div.map table tr th {
  padding: 7px 0 7px 15px;
  vertical-align: middle;
  font-weight: bold;
  background: url(/images/point.gif) left  no-repeat;
  width: 170px;
}

.main_contents div.map table tr td {
  padding: 3px 0 3px 11px;
  font-weight: normal;
  background: url(/images/point_dot.gif) left 50% no-repeat;
}

.main_contents div.map table tr td.none {padding :0; background: none;}
.main_contents div.map table tr td.w1 {width: 70px;}
.main_contents div.map table tr td.w2 {width: 140px;}
.main_contents div.map table tr td.line {font-size: 0; line-height: 0; padding: 0; background: #757575; height: 1px;}
.main_contents div.map li {padding: 0 10px; background: url(/images/point_dot.gif) left 0.3em no-repeat;}

.main_contents div.map a {color: #757575; text-decoration:none;}
.main_contents div.map a.home {width: 511px; height:33px; display: block;}