@charset "utf-8";


@import url("reset.css");






/*-----------------------------header-----------------------------*/
#header{width:auto;
        height:180px;
        margin:0 auto;
		background:url(../img/index/header_back.gif) repeat-x;
		text-align:center;
		}
#top{
	width:900px;
    margin:-3px auto 0;
	text-align:left;
	 }
 /* for ie6
==================== */
* html #top{
	width:880px;
	 }

h1{padding-top:12px;
   color:#333333;
 }
 /* for ie6
==================== */

* html h1{padding-top:14px;
   color:#333333;
 }

/* for ie7
==================== */

*:first-child+html h1{padding-top:14px;
   color:#333333;
 }




.logo_top{float:left;
          width:300px;
		  margin-top:5px;
		  display:inline;
		  }
.freedial{float:right;
          width:498px;
		  margin-top:5px;
		  display:inline;
		  }	
.mini_navi,
.mini_navi li{float:left;
		  display:inline;
            }
.mini_navi{width:300px;
           margin-left:650px;
		   margin-top:-20px;

          }
.mini_navi li{width:100px;
              background:url(../img/index/arrow.gif) no-repeat left;
			   padding-left:20px;
			   font-size:12px;
			   }
.mini_navi li a.active,
.mini_navi li a:focus,
.mini_navi li a:hover{text-decoration:underline;
                      color:#666666;
					  }			   
.glo_navi,
.glo_navi li{float:left;
		  display:inline;
            }
						   		  
.glo_navi{width:900px;
          height:50px;
		  background:url(../img/index/glo_navi.gif) no-repeat;
		  margin-top:5px;
		  }
.glo_navi_service a,
.glo_navi_security a,
.glo_navi_area a,
.glo_navi_cost a,
.glo_navi_reason a{display:block;
                width:170px;
				height:50px;
				text-indent:-9999px;
				font-size:0;
				line-height:0;
				}
.home a{display:block;
         width:50px;
		 height:50px;
		 text-indent:-9999px;
		 font-size:0;
		 line-height:0;
		 }
.home a.active,
.home a:focus,
.home a:hover{background:url(../img/index/glo_navi.gif) no-repeat left bottom;
                         }		 					
.glo_navi_service a.active,
.glo_navi_service a:focus,
.glo_navi_service a:hover{background:url(../img/index/glo_navi.gif) no-repeat -50px -50px;
                         }
.glo_navi_security a.active,
.glo_navi_security a:focus,
.glo_navi_security a:hover{background:url(../img/index/glo_navi.gif) no-repeat -220px -50px;
                         }	
.glo_navi_area a.active,
.glo_navi_area a:focus,
.glo_navi_area a:hover{background:url(../img/index/glo_navi.gif) no-repeat -390px -50px;
                         }
.glo_navi_cost a.active,
.glo_navi_cost a:focus,
.glo_navi_cost a:hover{background:url(../img/index/glo_navi.gif) no-repeat -560px -50px;
                         }
.glo_navi_reason a.active,
.glo_navi_reason a:focus,
.glo_navi_reason a:hover{background:url(../img/index/glo_navi.gif) no-repeat -730px -50px;
                         }


	  	 	
/*----------------------------------------------------------container----------------------------------------------------------*/		  
#container{
	width:900px;
	margin:0 auto;
}
 /* for ie6
==================== */
* html #container{
	width:930px;
	margin:0 auto;
}

/* =================  for Modern Browser   ================= */
#container:after { 
	content		: ".";
	display		: block;
	clear		: both;
	height		: 0;
	visibility	: hidden;
	font-size	: 0;
}


.first h2{
          padding-top:15px;
          font-size:18px;
           font-weight:600;
		   color:#333333;
		   text-align:left;
		   line-height:30px;
		   }	
.first dt{font-size:21px;
               font-weight:600;
			   color:#FFFFFF;
			   padding-top:70px;
			   padding-left:20px;
			   }
.first dd{font-size:12px;
               font-weight:600;
			   color:#FFFFFF;
			   padding-left:20px;
			   padding-top:12px;
			   }
.first_open{float:left;
            width:225px;
			height:270px;
			background:url(../img/index/first_open.gif) no-repeat;
		  display:inline;
			}

/* =================  for Modern Browser   ================= */
.first_open:after { 
	content		: ".";
	display		: block;
	clear		: both;
	height		: 0;
	visibility	: hidden;
	font-size	: 0;
}



   
.first_open_on a{display:block;
                 width:180px;
				 height:25px;
                 background:url(../img/index/first_open_on.gif) no-repeat;
				 color:#FFFFFF;
				 padding-left:40px;
				 line-height:25px;
				 }
 /* for ie6
==================== */
* html .first_open_on a{
    width:140px;
}
		 
.first_open_on a.active,
.first_open_on a:focus,
.first_open_on a:hover{background:url(../img/index/first_open_on.gif) no-repeat left bottom;
                       text-decoration:underline;
                      }
.first_change{float:left;
            width:225px;
			height:270px;
			background:url(../img/index/first_change.gif) no-repeat;
			}   
.first_change_on a{display:block;
                 width:180px;
				 height:25px;
                 background:url(../img/index/first_change_on.gif) no-repeat;
				 color:#FFFFFF;
				 padding-left:40px;
				 line-height:25px;
                 }
 /* for ie6
==================== */
* html .first_change_on a{
    width:140px;
}


.first_change_on a.active,
.first_change_on a:focus,
.first_change_on a:hover{background:url(../img/index/first_change_on.gif) no-repeat left bottom;
                       text-decoration:underline;
                      }	
.first_make{float:left;
            width:225px;
			height:270px;
			background:url(../img/index/first_make.gif) no-repeat;
			}			   
.first_make_on a{display:block;
                 width:180px;
				 height:25px;
                 background:url(../img/index/first_make_on.gif) no-repeat;
				 color:#FFFFFF;
				 padding-left:40px;
				 line-height:25px;
                 }
 /* for ie6
==================== */
* html .first_make_on a{
    width:140px;
}


.first_make_on a.active,
.first_make_on a:focus,
.first_make_on a:hover{background:url(../img/index/first_make_on.gif) no-repeat left bottom;
                       text-decoration:underline;
                      }	
.first_repair{float:left;
            width:225px;
			height:270px;
			background:url(../img/index/first_repair.gif) no-repeat;
			}			   
.first_repair_on a{display:block;
                 width:180px;
				 height:25px;
                 background:url(../img/index/first_repair_on.gif) no-repeat;
				 color:#FFFFFF;
				 padding-left:40px;
				 line-height:25px;
                 }
 /* for ie6
==================== */
* html .first_repair_on a{
    width:140px;
}



.first_repair_on a.active,
.first_repair_on a:focus,
.first_repair_on a:hover{background:url(../img/index/first_repair_on.gif) no-repeat left bottom;
                       text-decoration:underline;
                      }						  				  				  				 			   			   				   		  
/*----------------------------------------------------------main----------------------------------------------------------*/			  
#main{
	float:left;
	width:680px;
	margin-top:15px;
	display:inline;
}


/* =================  for Modern Browser   ================= */
#main:after { 
	content		: ".";
	display		: block;
	clear		: both;
	height		: 0;
	visibility	: hidden;
	font-size	: 0;
}



#main h4{clear:both;
         width:660px;
         margin-top:30px;
         padding-left:20px;
		 padding-bottom:5px;
         font-size:16px;
		 font-weight:600;
		 color:#333333;
		 border-left:#00488E solid 5px;
		 border-bottom:#00488E solid 5px;
		 }
		 
#main h3{clear:both;
         width:660px;
         margin-top:30px;
		 margin-bottom:20px;
         padding-left:20px;
		 padding-bottom:5px;
         font-size:16px;
		 font-weight:600;
		 color:#333333;
		 border-left:#00488E solid 5px;
		 border-bottom:#00488E solid 5px;
		 }
		 
		 
		 
.index_p{float:left;
         width:480px;
		 margin-top:10px;
         font-size:12px;
		line-height:21px;
		color:#333333;
		  display:inline;
		}
.index_img{
           float:right;
            width:180px;
			margin-top:10px;
		  display:inline;
           }			
.index_on1{clear:both;
           text-align:right;
          width:470px;
         background:url(../img/index/arrow.gif) no-repeat 305px;
		 }
.index_on1 a.active,
.index_on1 a:focus,
.index_on1 a:hover{text-decoration:underline;
                   color:#666666;
				   }		 
.index_on2{clear:both;
           margin-bottom:10px;
          text-align:right;
          width:470px;
         background:url(../img/index/arrow.gif) no-repeat 350px;
		 }	
.index_on2 a.active,
.index_on2 a:focus,
.index_on2 a:hover{text-decoration:underline;
                   color:#666666;
				   }		 
.index_buil{float:left;
            width:320px;
			height:220px;
			margin-top:15px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_buil dt{background:url(../img/index/index_buill.gif) no-repeat 10px 3px;
               margin-top:5px;
               padding-left:60px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_buil dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_buil_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 190px 12px;
		  display:inline;
				               }
.index_buil_on a.active,
.index_buil_on a:focus,
.index_buil_on a:hover{text-decoration:underline;
                       color:#666666;
					   }							   	
.index_safe{float:right;
            width:320px;
			height:220px;
			margin-top:15px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_safe dt{background:url(../img/index/index_safe.gif) no-repeat 10px 3px;
               margin-top:5px;
               padding-left:60px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_safe dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_safe_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 190px 12px;
				padding-bottom:5px;
                }
.index_safe_on a.active,
.index_safe_on a:focus,
.index_safe_on a:hover{text-decoration:underline;
                       color:#666666;
					   }					
.index_car{float:left;
            width:320px;
			height:220px;
			margin-top:15px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_car dt{background:url(../img/index/index_car.gif) no-repeat 10px 3px;
               margin-top:5px;
               padding-left:60px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_car dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_car_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 180px 12px;
				padding-bottom:5px;
                }
.index_car_on a.active,
.index_car_on a:focus,
.index_car_on a:hover{text-decoration:underline;
                       color:#666666;
					   }				
.index_bike{float:right;
            width:320px;
			height:220px;
			margin-top:15px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_bike dt{background:url(../img/index/index_bike.gif) no-repeat 10px 3px;
               margin-top:5px;
               padding-left:65px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_bike dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_bike_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 185px 12px;
				margin-top:20px;
                }
.index_bike_on a.active,
.index_bike_on a:focus,
.index_bike_on a:hover{text-decoration:underline;
                       color:#666666;
					   }				
.index_other{float:left;
            width:320px;
			height:220px;
			margin-top:15px;
			margin-bottom:20px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_other dt{background:url(../img/index/index_other.gif) no-repeat 10px 10px;
               margin-top:5px;
               padding-left:60px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_other dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_other_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 135px 12px;
				padding-bottom:5px;
                }
.index_other_on a.active,
.index_other_on a:focus,
.index_other_on a:hover{text-decoration:underline;
                       color:#666666;
					   }				
.index_security{float:right;
               background-color:#E8E8E8;
            width:320px;
			height:220px;
			margin-top:15px;
			margin-bottom:20px;
			border:#3F3F3F solid 1px;
		  display:inline;
			}
.index_security dt{background:url(../img/index/index_buill.gif) no-repeat 10px 3px;
               margin-top:5px;
               padding-left:60px;
			   padding-top:15px;
               font-size:16px;
			   font-weight:600;
			   color:#333333;
			   }
.index_security dd{font-size:12px;
               color:#333333;
			   padding-top:10px;
			   padding-left:10px;
			   padding-right:10px;
			   line-height:21px;
			   }
.index_security_on{text-align:right;
                background:url(../img/index/arrow.gif) no-repeat 190px 12px;
				padding-bottom:5px;
                }
.index_security_on a.active,
.index_security_on a:focus,
.index_security_on a:hover{text-decoration:underline;
                       color:#666666;
					   }
.index_area_p{
	width:670px;
	padding-top:10px;
	padding-left:10px;
	padding-right:30px;
	padding-bottom:10px;
	font-size:12px;
	line-height:24px;
	color:#333333;
}
 /* for ie6
==================== */

* html .index_area_p{
	width:650px;
}

/* for ie7
==================== */

*:first-child+html .index_area_p{
	width:650px;
}
								 
.index_area{
            width:680px;
			margin-top:10px;
			margin-bottom:20px;
			padding-bottom:10px;
            border:#999999 solid 1px;
			background:url(../img/index/index_map.gif) no-repeat right;
			}
.index_area dt{
               font-size:14px;
			   font-weight:600;
			   color:#666666;
			   padding-left:20px;
			   padding-top:10px;
               }
.index_area dd{
               font-size:14px;
			   padding-left:40px;
			   padding-top:10px;
			   }
.index_area dd a{color:#0050A3;
              }
.index_area dd a.active,
.index_area dd a:focus,
.index_area dd a:hover{text-decoration:underline;
                       color:#0A80EA;
					   }			   
.index_flow{margin-top:15px;
            margin-bottom:20px;
			}	
.index_sticker{background:url(../img/index/index_sticker.gif) no-repeat;
               width:680px;
			   height:146px;
			   padding-top:110px;
			   padding-left:20px;
			   color:#FFFFFF;
               }	 							   			   							  	  
/*----------------------------------------------------------sidemenu----------------------------------------------------------*/	
#sidemenu{
	float:right;
	width:200px;
	margin-top:30px;
	margin-bottom:20px;
	display:inline;
	text-align:left;
}	
/* =================  for Modern Browser   ================= */
#sidemenu:after { 
	content		: ".";
	display		: block;
	clear		: both;
	height		: 0;
	visibility	: hidden;
	font-size	: 0;
}


#sidemenu h3{background:url(../img/index/sidemenu_back.gif) no-repeat;
             width:200px;
			 height:35px;
			 color:#FFFFFF;
			 font-size:16px;
			 font-weight:600;
			 padding-left:25px;
			 padding-top:10px;
			 }
#sidemenu ul{border:#333333 solid 1px;
              width:198px;
			  margin-top:-10px;
			  margin-bottom:15px;
			  }	
#sidemenu li{background:url(../img/index/arrow.gif) no-repeat;
             padding-left:25px;
			 margin-top:15px;
			 margin-bottom:15px;
			 margin-left:5px;
			 font-size:14px;
			 color:#333333;
			 }
#sidemenu li a.active,
#sidemenu li a:focus,
#sidemenu li a:hover{text-decoration:underline;
                     color:#666666;
					 }			 
#sidemenu dl{width:200px;
             border:#333333 solid 1px;
			 margin-top:15px;
			 }
#sidemenu dt{background:#333333;
             color:#FFFFFF;
			 font-weight:600;
			 font-size:12px;
			 text-align:center;
			 padding-top:5px;
			 padding-bottom:5px;
			 }
#sidemenu dd{color:#333333;
             padding:10px 5px 10px 5px;
			 line-height:21px;
			 font-size:12px;
			 }
			 			 			 			 			 		  		 		    		  
/*-----------------------------footer-----------------------------*/
.footer_pt{clear:both;
           width:900px;
          margin:0 auto;
		  }	
.footer_pt p{background:url(../img/index/index_pagetop.gif) no-repeat;
           width:150px;
		   height:40px;
		   margin-left:750px;
         
            }	
.footer_pt p a{display:block;
             width:150px;
			 height:40px;
			 text-indent:-9999px;
			 font-size:0;
			 line-height:0;
			 }
.footer_pt a.active,
.footer_pt a:focus,
.footer_pt a:hover{background:url(../img/index/index_pagetop.gif) left bottom;
                      }		  
#footer{clear:both;
        width:auto;
		background:url(../img/index/footer_bg.gif) repeat-x;
      }
#footer h5{color:#333333;
           margin-bottom:10px;
		   margin-left:10px;
		   padding-left:5px;
           padding-top:20px;
		   font-weight:600;
		   border-bottom:#333333 solid 1px;
           }
#footer li{background:url(../img/index/footer_arrow.gif) no-repeat left;
           margin-left:10px;
           padding-left:15px;
		   font-size:12px;
			color:#B2B2B2;
			line-height:24px;
           }
#footer li a{color:#B2B2B2;
              }		   
#footer li a.active,
#footer li a:focus,
#footer li a:hover{text-decoration:underline;
                   color:#EBEBEB;
				   }		   		   
.footer_in{width:900px;
           margin:0 auto;
		   }
.footer_l{float:left;
          width:320px;
		  }
.footer_l_l{float:left;
            width:160px;
			
			}
.footer_l_r{float:left;
            width:160px;
			}				  
.footer_c{float:left;
          width:170px;
		  }
.footer_r{float:left;
          width:410px;
		  } 
.footer_r_l{float:left;
            width:200px;
			}
.footer_r_r{float:left;
           width:200px;
		   }					   
.footer_p1{clear:left;
		   margin-bottom:5px;
		   padding-top:15px;
           text-align:center;
		   font-size:12px;
		   color:#B2B2B2;
		   }
.footer_p2{clear:left;
           text-align:center;
		   font-size:12px;
		   color:#B2B2B2;
		   }