@charset "UTF-8";

@import url("base.css");
@import url("header.css");
@import url("menu.css");
@import url("contents.css");
@import url("footer.css");
@import url("layout.css");

@import url("faq.css");


#contentsHeader{
  background:url(../img/contents_h2_order.gif) no-repeat;
}

#menu .order ul.lv2{
  display:block;
}

#order a.check{
  height:25px;
  background:url(../order/img/icon_check.gif) left center no-repeat;
  padding:5px 0 5px 20px;
}
#order a.check:hover{
  background-position:-783px center;
}


/* tool.html */

#order dl.tool dt {
  width: 12em;
  line-height: 1.6em;
}

#order dl.tool dd {
  line-height: 1.6em;
  margin:-1.6em 0 0 12em;
}

#order #tool p.title {
  font-weight:bold;
  border-bottom:1px dotted #ccc;
  margin:20px 0 0 0;
} 

#kekka{
  display:none;
  border:1px dotted #ccc;
  padding:4px;
  background-color:#FFFF99;
}

#order #tool #price{
  font-size:200%;
  font-weight:bold;
}

/* order index.html メニューボタン関連 */
#order #orderMenu{
  position:relative;
  height:181px;
  background:url(../img/border_dotted_gray.gif) left bottom repeat-x;
}

#order #orderMenuMulti {
  position:absolute;
  top:4px;
  left:0px;
  width:250px;
  height:79px;
  background:url(../order/img/btn_multi.gif) no-repeat;
}

#order #orderMenuChecpoint {
  position:absolute;
  top:4px;
  left:262px;
  width:250px;
  height:79px;
  background:url(../order/img/btn_checkpoint.gif) no-repeat;
}

#order #orderMenuGuidance {
  position:absolute;
  top:91px;
  left:0;
  width:250px;
  height:79px;
  background:url(../order/img/btn_guidance.gif) no-repeat;
}

#order #orderMenuTool {
  position:absolute;
  top:91px;
  left:262px;
  width:250px;
  height:79px;
  background:url(../order/img/btn_tool.gif) no-repeat;
}

#order #orderMenuMulti p,
#order #orderMenuChecpoint p,
#order #orderMenuTool p,
#order #orderMenuGuidance p
{
  display:none;
}
#order #orderMenuMulti h4,
#order #orderMenuChecpoint h4,
#order #orderMenuTool h4,
#order #orderMenuGuidance h4
{
  border:none;
  background:none;
}


#order #orderMenuMulti h4 a,
#order #orderMenuChecpoint h4 a,
#order #orderMenuTool h4 a,
#order #orderMenuGuidance h4 a
{
  display:block;
  width:250px;
  height:79px;
  text-indent:-10000px;
  outline:none;
  border:none;
}

#order #orderMenuExtra{
  position:relative;
  height:100px;
  margin-top:10px;
}

#order #orderMenuFaq{
  position:absolute;
  top:0px;
  left:0px;
  width:250px;
  height:56px;
  background:url(../order/img/btn_faq.gif) no-repeat;
}

#order #orderMenuFaq a{
  display:block;
  width:250px;
  height:56px;
  text-indent:-10000px;
  outline:none;
  border:none;
}

#order #orderMenuForm{
  position:absolute;
  top:0px;
  left:262px;
  width:250px;
  height:56px;
  background:url(../order/img/btn_form.gif) no-repeat;
}

#order #orderMenuForm a{
  display:block;
  width:250px;
  height:56px;
  text-indent:-10000px;
  outline:none;
  border:none;
}


/* order/multi.html */
#order #multiA{
  padding-bottom:30px;
}
#order #multiA p{
  line-height:0;
  margin:10px 0 5px 0;
}
#order #multiA ul {
  position:relative;
  width:512px;
  height:324px;
  background:url(../order/img/bg_multi01.gif) no-repeat;

}

#order #multiA li{
  position:absolute;
  width:116px;
  height:62px;
  z-index:1;
}

#order #multiA li.multi01{ top:262px; left:155px; }
#order #multiA li.multi02{ top: 78px; left:273px; }
#order #multiA li.multi03{ top:212px; left: 37px; }
#order #multiA li.multi04{ top:122px; left: 37px; }
#order #multiA li.multi05{ top:192px; left:155px; }
#order #multiA li.multi06{ top:122px; left:155px; }
#order #multiA li.multi07{ top: 57px; left:  2px; }
#order #multiA li.multi08{ top:218px; left:273px; }
#order #multiA li.multi09{ top:119px; left:394px; }
#order #multiA li.multi10{ top:195px; left:394px; }


#order #multiA li a{
  display:block;
  width:116px;
  height:62px;
  text-indent:-10000px;
  outline:none;
}

#order #multiA li.multi01 a{ background:url(../order/img/btn_multi01.gif) no-repeat; }
#order #multiA li.multi02 a{ background:url(../order/img/btn_multi02.gif) no-repeat; }
#order #multiA li.multi03 a{ background:url(../order/img/btn_multi03.gif) no-repeat; }
#order #multiA li.multi04 a{ background:url(../order/img/btn_multi04.gif) no-repeat; }
#order #multiA li.multi05 a{ background:url(../order/img/btn_multi05.gif) no-repeat; }
#order #multiA li.multi06 a{ background:url(../order/img/btn_multi06.gif) no-repeat; }
#order #multiA li.multi07 a{ background:url(../order/img/btn_multi07.gif) no-repeat; }
#order #multiA li.multi08 a{ background:url(../order/img/btn_multi08.gif) no-repeat; }
#order #multiA li.multi09 a{ background:url(../order/img/btn_multi09.gif) no-repeat; }
#order #multiA li.multi10 a{ background:url(../order/img/btn_multi10.gif) no-repeat; }


#order #multiA li.multi01 a:hover{ background:url(../order/img/btn_multi01_over.gif) no-repeat; }
#order #multiA li.multi02 a:hover{ background:url(../order/img/btn_multi02_over.gif) no-repeat; }
#order #multiA li.multi03 a:hover{ background:url(../order/img/btn_multi03_over.gif) no-repeat; }
#order #multiA li.multi04 a:hover{ background:url(../order/img/btn_multi04_over.gif) no-repeat; }
#order #multiA li.multi05 a:hover{ background:url(../order/img/btn_multi05_over.gif) no-repeat; }
#order #multiA li.multi06 a:hover{ background:url(../order/img/btn_multi06_over.gif) no-repeat; }
#order #multiA li.multi07 a:hover{ background:url(../order/img/btn_multi07_over.gif) no-repeat; }
#order #multiA li.multi08 a:hover{ background:url(../order/img/btn_multi08_over.gif) no-repeat; }
#order #multiA li.multi09 a:hover{ background:url(../order/img/btn_multi09_over.gif) no-repeat; }
#order #multiA li.multi10 a:hover{ background:url(../order/img/btn_multi10_over.gif) no-repeat; }


#order #multiB dl{
  margin-top:20px;
}

#order #multiB dt{
  width:116px;
  height:45px;
  text-indent:-10000px;
  line-height:1;
}

#order #multiB dt#multi01{ background:url(../order/img/btn_multib_01.gif) no-repeat; }
#order #multiB dt#multi02{ background:url(../order/img/btn_multib_02.gif) no-repeat; }
#order #multiB dt#multi03{ background:url(../order/img/btn_multib_03.gif) no-repeat; }
#order #multiB dt#multi04{ background:url(../order/img/btn_multib_04.gif) no-repeat; }
#order #multiB dt#multi05{ background:url(../order/img/btn_multib_05.gif) no-repeat; }
#order #multiB dt#multi06{ background:url(../order/img/btn_multib_06.gif) no-repeat; }
#order #multiB dt#multi07{ background:url(../order/img/btn_multib_07.gif) no-repeat; }
#order #multiB dt#multi08{ background:url(../order/img/btn_multib_08.gif) no-repeat; }
#order #multiB dt#multi09{ background:url(../order/img/btn_multib_09.gif) no-repeat; }
#order #multiB dt#multi10{ background:url(../order/img/btn_multib_10.gif) no-repeat; }


#order #multiB dd{
  margin:-45px 0 0px 0;
  padding:0 0 20px 124px;
}

#order #multiB p.title{
  margin:0;
  line-height:1;
  font-size:120%;
  font-weight:bold;
}

#order #multiB a.icon{
  padding-left:20px;
  background:url(../order/img/icon_link.gif) no-repeat;
 }

/* order/checkpoint.html */

#order #checkList dt{
  margin:10px 0;
}

#order #checkList dd{
  margin-left:40px;
}

#order #checkList dd dd{
  margin-left:0px;
}

#order #checkList01{
  height:25px;
  text-indent:-10000px;
  background:url(../order/img/icon_check01.gif) left center no-repeat;
}

#order #checkList02{
  padding:10px 0 10px 30px;
  text-indent:-10000px;
  background:url(../order/img/icon_check02.gif) left center no-repeat;
}

#order #checkList03{
  padding:10px 0 10px 30px;
  text-indent:-10000px;
  background:url(../order/img/icon_check03.gif) left center no-repeat;
}

#order #checkList04{
  padding:10px 0 10px 30px;
  text-indent:-10000px;
  background:url(../order/img/icon_check04.gif) left center no-repeat;
}

#order #checkList05{
  padding:10px 0 10px 30px;
  text-indent:-10000px;
  background:url(../order/img/icon_check05.gif) left center no-repeat;
}

#order #checkList06{
  padding:10px 0 10px 30px;
  text-indent:-10000px;
  background:url(../order/img/icon_check06.gif) left center no-repeat;
}

#order #checkList dd small a.company{
  /* aタグのチェックボックスを解除 */
  background:none;
  padding-left:0;
}

/* order/guidance.html */
#order #guidance01 {
  line-height:1;
  margin:0;
}

#order #g00{
  margin:-226px 0 50px 194px;
  
}

#order #g00 li{
  width:318px;
  height:35px;
}

#order #g00 li a{
  display:block;
  width:318px;
  height:35px;
  text-indent:-10000px;
}

#order #g01{ background:url(../order/img/btn_guidance01.gif) no-repeat;}
#order #g02{ background:url(../order/img/btn_guidance02.gif) no-repeat;}
#order #g03{ background:url(../order/img/btn_guidance03.gif) no-repeat;}
#order #g04{ background:url(../order/img/btn_guidance04.gif) no-repeat;}
#order #g05{ background:url(../order/img/btn_guidance05.gif) no-repeat;}
#order #g06{ background:url(../order/img/btn_guidance06.gif) no-repeat;}

#order #g07{
  display:block;
  width:318px;
  height:19px;
  text-indent:-10000px;
  background:url(../order/img/btn_guidance07.gif) no-repeat;
}

#order #gc h4{
  margin-top:20px;
  width:512px;
  height:25px;
  text-indent:-10000px;  
}

#order #gc h4#gc01 {background:url(../order/img/bg_guidance_h4_01.gif) no-repeat;}
#order #gc h4#gc02 {background:url(../order/img/bg_guidance_h4_02.gif) no-repeat;}
#order #gc h4#gc03 {background:url(../order/img/bg_guidance_h4_03.gif) no-repeat;}
#order #gc h4#gc04 {background:url(../order/img/bg_guidance_h4_04.gif) no-repeat;}
#order #gc h4#gc05 {background:url(../order/img/bg_guidance_h4_05.gif) no-repeat;}
#order #gc h4#gc06 {background:url(../order/img/bg_guidance_h4_06.gif) no-repeat;}
#order #gc h4#gc07 {background:url(../order/img/bg_guidance_h4_07.gif) no-repeat;}

#order #gc dt{
  padding-left:22px;
  font-weight:bold;
  font-size:110%;
  padding-top:1px;
  background:url(../business/img/icon_dt.gif) left center no-repeat;
}

#order #gc dd{
  margin:0 0 20px 20px;
}

#order p.btnCheckpoint{
  width:250px;
  height:56px;
}

#order p.btnCheckpoint a{
  display:block;
  background:url(../order/img/btn_checkpoint.gif) 0 -22px no-repeat;
  width:250px;
  height:56px;
  text-indent:-10000px;
  outline:none;
}

#order p.btnForm{
  width:250px;
  height:56px;
}

#order p.btnForm a{
  display:block;
  background:url(../order/img/btn_form.gif) no-repeat;
  width:250px;
  height:56px;
  text-indent:-10000px;
  outline:none;
}

/* order dispatch.html */
#order p.dispatchList{
  text-align:right;
  margin-bottom:20px;
}
#order dl.dispatchList dd{
  margin:0 0 10px 20px;
}
#order dl.dispatchList table th{
  text-align:left;
  font-weight:normal;
  width:130px;
}
#order dl.dispatchList table td{
  padding:0 4px;
  line-height:1.6;
}
#order dl.dispatchList dl.data dt{
  width: 11em;
  line-height: 1.2em;
}

#order dl.dispatchList dl.data dd{
  line-height: 1.2em;
  padding:0 0 6px 11em;
  margin:-1.2em 0 10px 0;
}

#order h4#c01{
  margin-top:20px;
  width:512px;
  height:25px;
  text-indent:-10000px;
  background:url(../order/img/icon_dispatch01.gif) no-repeat;
}

#order h4#c02{
  margin-top:20px;
  width:512px;
  height:25px;
  text-indent:-10000px;
  background:url(../order/img/icon_dispatch02.gif) no-repeat;
}

#order h4#c03{
  margin-top:20px;
  width:512px;
  height:25px;
  text-indent:-10000px;
  background:url(../order/img/icon_dispatch03.gif) no-repeat;
}