/*�����ݒ�*
**************************************************************************************************/

*{
  margin:0;
  padding:0;
  zoom:1;
}



h1{
   font-size:12px;
   padding: 10px 20px 0px 0px;
   margin-left:36px;
   color:#333333;
   text-align:left;
}

#right_index h2{
   font-size:12px;
   background: url(images/h2_back.gif) repeat-x #EEEEEE;
   padding:5px 0px 5px 5px;
   margin:5px 0px 10px 0px;
}

#right h2{
   width:678px;
   height:30px;
   font-size:14px;
   background: url(images/h2_back_under.gif) no-repeat;
   padding:5px 0px 0px 12px;
   margin:12px 0px 10px 0px;
}


h3{
  line-height:14px;
  height:25px;
  font-size:14px;
  padding:2px 0px 0px 20px;
  margin:5px 0px 3px 0px;
  font-weight:bold;
  background: url(images/h3_back.gif) no-repeat;
  color: #263f55;
  width:670px;
}

h4{
   font-size:12px;
   line-height:18px;
   text-indent:11px;
   margin-top:10px;
   margin-left:5px;
   background-image:url(images/line.gif);
}

h5{
  font:12px;
  height:20px;
  padding: 5px 0px 0px 10px;
  color:#0000CC;
}

p{
  font-size:12px;
  padding:0px 5px 0px 5px;
  margin:0px 0px 10px 0px;
  line-height:18px;
}


.blue{
  font-size:12px;
  font-weight:bold;
  color:#0000FF;
  text-indent:8px;
  border-left-width:12px;
  border-left-color:#0000FF;
  border-left-style:solid;
  margin-left:8px;
}

.red{
  color:#FF0000;
}

.push{
  color:#FF0000;
}

.push_01{
  color:#FF0000;
  font-weight:bold;
}

.push_02{
 color: #263f55;
 font-weight:bold;
}

.point{
  text-indent:30px;
  background:url(images/point.jpg) no-repeat;
}

.input{
  margin: 30px 30px 0px 0px;
}

li{
   list-style:none;
   text-decoration:none;
}

ul{
  list-style:none;
  text-decoration:none;
}


.maintext{
   padding-left:8px;
   font-size:12px;
}

.list{
  font-size:12px;
  background: url(images/h2_back.gif) repeat-x #EEEEEE;
  padding:5px 0px 5px 5px;
  margin:5px 0px 10px 0px;
}
  

.box_01{
  float:left;
  width:220px;
  padding:0px 4px 5px 3px;
  margin:0px 0px 15px 0px;
  font-size:12px;
  line-height:18px;
  border-right: #CCCCCC 1px dotted;
}

.box_02{
  float:left;
  width:220px;
  padding:0px 0px 5px 3px;
  margin:0px 0px 15px 0px;
  font-size:12px;
  line-height:18px;
}

.box_03{
  font-size:12px;
  line-height:18px;
  background:#eeeeee;
  width:680px;
  height:auto;
  padding:5px;
  text-align:center;
}

.box_04{
  font-size:12px;
  line-height:18px;
  border: 2px solid #FFFFFF;
  width:630px;
  height:auto;
  padding:20px;
  text-align:left;
}

.faq_title{
  height:25px;
  line-height: 25px;
  width:auto;
  background: #6699CC;
  font-size:14px;
  font-weight:normal;
  color: #FFFFFF;
  padding:0px 0px 0px 4px;
  font-weight:bold;
}  

.faq_box{
  background: #ffffff;
  margin:3px 0px 2px 0px;
  padding:0px 0px 5px 0px;
  border: #6699cc 2px solid;
}

.line_01{
 border-left: #EEEEEE 2px solid;
 padding:3px 0px 3px 20px;
}


.pad_01{
  padding:0px 0px 5px 0px;
}

.pad_02{
  padding:10px 0px 2px 0px;
}

.pad_03{
  padding:10px 0px 0px 0px;
}

/*�e�[�u���֘A* **************************************************************************************************/

td{
   font-size:12px;
}

#table_01{
  margin:0px 0px 5px 0px;
}

#table_01 td{
  border-bottom: 1px dotted #CCCCCC;
}

#table_02{
  padding:10px 0px 0px 0px;
  border-top: #CCCCCC 2px dotted;
}

#table_03{
  background:#CCCCCC;
}

#table_04{
  background:#FFFFFF;
  border:1px solid #EEEEEE;
  border-collapse: collapse;
}

.td_01{
 padding:5px;
 color:#333333;
}

.td_02{
 padding:5px;
 color:#447bb2;
}

.td_03{
 border:1px solid #FFFFFF;
 background: #6699CC;
 padding:5px;
 color:#FFFFFF;
 font-weight:bold;
}

.td_04{
 border:1px solid #FFFFFF;
 background: #EEEEEE;
 padding:5px;
 color: #3366CC;
 font-weight: bold;
}

.td_05{
 border:1px solid #FFFFFF;
 background: #ffffff;
 padding:5px;
 line-height:18px;
}

.td_06{
 border-bottom:1px solid #EEEEEE;
 padding:10px 5px 10px 5px;
}

.td_07{
 border:1px solid #EEEEEE;
 background: #F8F8F8;
 padding:5px;
 line-height:18px;
}

.td_08{
 border:1px solid #EEEEEE;
 background: #FFFFFF;
 padding:5px;
 line-height:18px;
}


/*SEO����* **************************************************************************************************/
div#result{margin-bottom:20px;}
div#result img.left{margin-right:40px;}

div#result table{padding:0;border-top:1px solid #EEEEEE;}
div#result table td{padding:5px;margin:0;color:#447bb2;border-bottom:1px dotted #cccccc;}
div#result table td.left{color:#666666;}
div#result table td.keyword{color:#000066;font-weight:bold;}

.odd td {background:#FFFFFF;}
.even td {background:#eeeeee;}

/*���C�A�E�g�ݒ�* **************************************************************************************************/
body{
   text-align:center;
 }
 
 
div#header{
  width:922px;
  height:100px;
  text-align:left;
  background: url(images/headerup.jpg) no-repeat;
  margin:0 auto;
}

 
div#headerleft{
  width:200px;
  height:100px;
  float:left;
}

div#headertop{
  width:722px;
  height:100px;
  text-align:left;
  float:right;
}

div#container{
  width:920px;
  text-align:left;
  border-left:#CCCCCC solid 1px;
  border-right:#CCCCCC solid 1px;
  border-bottom:#CCCCCC solid 1px;
  margin:0 auto;
  background: #FFFFFF;
}

div#menu{
  width:180px;
  height:1103px;
 }

div#left{
  width:200px;
  margin-bottom:3px;
  padding:0px 0px 20px 0px;
  float:left;
  background-color: #FFFFFF;
}

div#left img{
  margin: 2px 0px 2px 20px;
  }
  

div#right{
  width:690px;
  padding:0px 20px 20px 10px;
  margin:0px;
  float:right;
}

div#right_index{
  width:690px;
  padding:0px 20px 20px 10px;
  margin:0px;
  float:right;
}

div#estimateform{
  background:url(images/estimatepageform.jpg) no-repeat;
  width:500px;
  height:140px;
  padding:40px 0px 0px 5px;  
  margin:0px 0px 10px 0px;
} 
  

div#right2{
  width:691px;
  margin:0px 0px 0px 6px;
  text-align:left;
  border-left: #CCCCCC 1px solid;
}


div#righttop2left{
  width:530px;
  margin: 0px 0px 0px 6px;
  float:left;
  background: #FFFFFF;
}

div#estimate{
  background:url(images/formback.jpg) no-repeat;
  width:260px;
  height:140px;
  float:left;
  padding:60px 0px 0px 5px;  
  
}

div#ranking{
  background:url(images/formback2.jpg) no-repeat ;
  width:260px;
  height:140px;
  float:right;
  padding:60px 0px 0px 5px;
  }
  
div#righttop2leftcontents{
  width:530px;
  margin: 0px 0px 0px 0px;
  clear:both;
  background: #FFFFFF;
}

div#righttop2leftcontents table{
  margin: 0px 0px 10px 0px;
}


div#righttop2leftcontents p{
  width:450px;
  margin: 1px 10px 10px 10px;
}

div#frame{
  width:510px;
  height:190px;
  margin:0px 0px 0px 2px;
}



div#righttop2rightbox{
  width:148px;
  text-align:right;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background:#FFFFFF;
  float:right;
}

div#righttop2right{
  width:148px;
  text-align:right;
  margin:0px 0px 0px 0px;
  background:url(images/righttoprightshadow.jpg) repeat-y #FFFFFF;
}

div#righttop2right img{
  margin:0px 5px 0px 0px;
  border-bottom: #CCCCCC dotted 1px;
 }

div#righttop2right p{
  margin:4px 0px 8px 0px;
  width:140px;
  text-align:center;
}

div#righttop2rightunder{
  width:143px;
  text-align:right;
  margin:0px 0px 0px 0px;
  background:#FFFFFF;
}

div#righttop2rightunder table{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}

.rightlast{
  width:148px;
  height:25px;
  background: url(images/rightlast.jpg) no-repeat #FFFFFF;
  display:block;
  margin: 30px 0px 0px 0px;
}

div#rleft{
  width:285px;
  background-color:#FFFFFF;
  float:left;
  border-left: #CCCCCC 1px solid;
}

div#menu2{
  width:285px;
  height:240px;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
}

div#menu3{
  width:285px;
  height:56px;
  margin:40px 0px 0px 0px;
  background-color:#FFFFFF;
  background-repeat:no-repeat;
}

div#rcenter{
  width:229px;
  height:336px;
  margin-left:0px;
  margin-right:0px;
  background-color:#4472C7;
  float:left;
}

div#rright{
  width:210px;
  height:336px;
  margin-left:0px;
  margin-right:0px;
  background-color:#FFFFFF;
  float:right;
}

div#rightcontentslast{
  width:725px;
  height:10px;
  margin: 0px 0px 0px 0px;
  clear:both;
  background:url(images/rightcontentslast.jpg) no-repeat #FFFFFF;
}

div#footerleft{
  width:600px;
  text-align:left;
  margin-left:0px;
  margin-right:0px;
  margin-top: 1px;
  float:left;
  color:#999999;
}

div#copyright{
  width:920px;
  text-align:center;
}


div#footer{
  width:920px;
  height:25px;
  background:url(images/footer.jpg) #FFFFFF ;
  clear:both;
  color:#333333;
  padding:5px 0px 0px 0px;
}


/*div main��ݒ� **************************************************************************************************/


/*���j���[�ݒ� **************************************************************************************************/
li#leftmenutop{
   background-image:url(images/leftmenu.jpg);
   background-position:0px 0px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:95px;
}

li#leftmenutop p{
   text-indent:-9999px;
   margin: 0px;
}

a#top{
   background-image:url(images/leftmenu01.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#crane{
   background-image:url(images/leftmenu02.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#transport{
   background-image:url(images/leftmenu03.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#motorcycle{
   background-image:url(images/leftmenu04.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#lorry{
   background-image:url(images/leftmenu05.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#recreational{
   background-image:url(images/leftmenu06.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#minivehicles{
   background-image:url(images/leftmenu07.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#truck{
   background-image:url(images/leftmenu08.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#mlit{
   background-image:url(images/leftmenu09.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#certificate{
   background-image:url(images/leftmenu10.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#tax{
   background-image:url(images/leftmenu11.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#mechanic{
   background-image:url(images/leftmenu12.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#damages{
   background-image:url(images/leftmenu13.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#autodealers{
   background-image:url(images/leftmenu14.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#taxi{
   background-image:url(images/leftmenu15.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#courier{
   background-image:url(images/leftmenu16.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#tanklorry{
   background-image:url(images/leftmenu17.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#law{
   background-image:url(images/leftmenu18.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#numberplate{
   background-image:url(images/leftmenu19.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#bus{
   background-image:url(images/leftmenu20.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#excavators{
   background-image:url(images/leftmenu21.jpg);
   background-position:0px -95px;
   display:block;
   text-indent:-9999px;
   width:180px;
   height:48px;
}

a#price{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -300px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:47px;
}

a#systemsample{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -347px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:47px;
}

a#flow{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -432px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:48px;
}

a#voice{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -480px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:48px;
}

a#qa{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -528px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:46px;
}

a#login{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -611px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:47px;
}

a#company{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -695px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:48px;
}

a#inquiry{
   background-image:url(images/leftmenu.jpg);
   background-position:0px -743px;
   display:block;
   text-indent:-9999px;
   width:195px;
   height:49px;
}



/*���j���[���[���I�[�o�[�ݒ�* **************************************************************************************************/
a:hover#home{
    background-position:-195px -95px;
}

a:hover#leftmenuseo{
    background-position:-195px -198px;
}

a:hover#price{
    background-position:-195px -300px;
}

a:hover#systemsample{
    background-position:-195px -347px;
}

a:hover#flow{
    background-position:-195px -432px;
}

a:hover#voice{
    background-position:-195px -480px;
}

a:hover#qa{
    background-position:-195px -528px;
}

a:hover#login{
    background-position:-195px -611px;
}

a:hover#company{
    background-position:-195px -695px;
}

a:hover#inquiry{
    background-position:-195px -743px;
}

/*���j���[�ݒ�1�����܂� **************************************************************************************************/


/*���j���[�ݒ�2 **************************************************************************************************/
a#cost{
   background-image:url(images/menu2.jpg);
   background-position:0px 0px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:45px;
}

a#after{
   background-image:url(images/menu2.jpg);
   background-position:0px -45px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:38px;
}

a#results{
   background-image:url(images/menu2.jpg);
   background-position:0px -83px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:38px;
}

a#cliant{
   background-image:url(images/menu2.jpg);
   background-position:0px -121px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:38px;
}

a#yahoo{
   background-image:url(images/menu2.jpg);
   background-position:0px -159px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:38px;
}

a#seo{
   background-image:url(images/menu2.jpg);
   background-position:0px -197px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:38px;
}

a#info1{
   background-image:url(images/menu2.jpg);
   background-position:0px -282px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:28px;
}

a#info2{
   background-image:url(images/menu2.jpg);
   background-position:0px -305px;
   display:block;
   text-indent:-9999px;
   width:285px;
   height:28px;
}

/*���j���[���[���I�[�o�[�ݒ�* **************************************************************************************************/
a:hover#cost{
    background-position:-285px 0px;
}

a:hover#after{
    background-position:-285px -45px;
}

a:hover#results{
    background-position:-285px -83px;
}

a:hover#cliant{
    background-position:-285px -121px;
}

a:hover#yahoo{
    background-position:-285px -159px;
}

a:hover#seo{
    background-position:-285px -197px;
}

a:hover#info1{
    background-position:-285px -282px;
}

a:hover#info2{
    background-position:-285px -305px;
}

/*flow�y�[�W�p* **************************************************************************************************/

div.attent_box{
  background:#f8f8f8;
  border:1px solid #cccccc;
  margin:15px 0px 15px 0px;
  padding:15px;
  line-height:15pt;
  color:#555555;
  font-size:12px;
}

div.orderflow_header{
  background:url(images/orderflow_box_top.gif) no-repeat;
  height:28px;
  padding:0px 10px;
  color:white;
  font-weight:bold;
  font-size:12px;
}

div.orderflow_header strong{
  line-height:28px;
  color:white;
  margin-left:25px;
}

div.orderflow_bottom {
  background:url(images/orderflow_box_bottom.gif) no-repeat left bottom;
  padding:10px 0px 52px 0px;
  line-height:18px;
}

div.orderflow_bottom img{
  float:left;
  margin-right:20px;
  padding:0px 5px 5px 5px;
}

div.orderflow_bottom p{
  display:block;
  width:457px;
  line-height:18px;
  white-space:nowrap;
  _white-space:normal;
}

div.orderflow_bottom_last{
  background:url(images/barbarbar.gif) no-repeat center bottom;
  padding:10px 0px 0px 0px;
}

div.orderflow_bottom_last img{
  float:left;
  margin-right:20px;
  padding:0px 5px 5px 5px;
}

div.orderflow_bottom_last p{
  display:block;
  width:457px;
  line-height:11pt;
  white-space:nowrap;
  _white-space:normal;
}

/*partner�y�[�W�p* **************************************************************************************************/
div#bp_alli{width:680px; padding:0px 0px 15px 0px;}
div#bp_alli .left_box{width:250px; float:left;}
div#bp_alli .right_box{width:420px; padding:0px 0px 0px 10px; float:right;}
div#bp_alli h5{background:url(images/bp_alliance_h4_1.gif) no-repeat;text-indent:-9999px;overflow:hidden;height:12px;margin:0px 0px 5px 0px;padding:0;}
div#bp_alli h4#bp_alli_title{background:url(images/bp_alliance_title.gif) no-repeat;text-indent:-9999px;overflow:hidden;width:250px;height:112px;padding:0;margin:0;}

div#bp_alli ol{margin-top:10px;}
div#bp_alli ol li#bp_alli_benefit_1{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_alliance_label_1.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
div#bp_alli ol li#bp_alli_benefit_2{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_alliance_label_2.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
div#bp_alli ol li#bp_alli_benefit_3{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_alliance_label_3.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
div#bp_alli ol li#bp_alli_benefit_4{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_alliance_label_4.gif) no-repeat;text-indent:-9999px;overflow:hidden;}


div#bp_sales{width:680px; padding:0px 0px 15px 0px; padding:15px 0px 0px 0px; border-top:1px dotted #CCCCCC;}
div#bp_sales .left_box{width:250px; float:left;}
div#bp_sales .right_box{width:420px; padding:0px 0px 0px 10px; float:right;}
div#bp_sales h5{background:url(images/bp_sales_h4_1.gif) no-repeat;text-indent:-9999px;overflow:hidden;height:12px;margin:0px 0px 5px 0px;padding:0;}
div#bp_sales h4#bp_sales_title{background:url(images/bp_sales_title.gif) no-repeat;text-indent:-9999px;overflow:hidden;width:250px;height:112px;margin:0;padding:0;}

div#bp_sales ol{margin-top:10px;}
div#bp_sales ol li#bp_sales_benefit_1{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_sales_label_1.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
div#bp_sales ol li#bp_sales_benefit_2{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_sales_label_2.gif) no-repeat;text-indent:-9999px;overflow:hidden;}
div#bp_sales ol li#bp_sales_benefit_3{margin:10px 0 0 10px;width:230px;height:30px;background:url(images/bp_sales_label_3.gif) no-repeat;text-indent:-9999px;overflow:hidden;}

img#bp_border{margin:15px 0;}

/*�����N�����ݒ�* **************************************************************************************************/
a:link {
	text-decoration: none;
	color: #0000CC;
}
a:visited {
	text-decoration: none;
	color: #0000CC;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}