@charset "utf-8";

.estimate #mainContents #calcBox { margin: 1em auto; float: none; border: 2px solid #ccc;}
.estimate #mainContents #calcBox ul { padding-bottom: 0; padding-left: 0;}
.estimate #mainContents #calcBox h2 { background: none; border: none; color: #fff;}
.estimate #mainContents #calcBox h3 { background: none; border: none; color: inherit;}
.estimate #mainContents #calcBox h4 { background: none; border: none; color: inherit; font-size: 12px;}
.estimate #mainContents #calcBox h3 { background: #ccc;}

#calcBox { width: 490px; float: right; height: 280px; background: #F2F2F2; position: relative; overflow: hidden;}
#calcBox ul { list-style: none; margin: 0; padding: 0;}
#calcBox a { text-decoration: none;}

#calcBox .titleH2 { background: #00A4E5;}
#calcBox .titleH2 h2 { padding: 0 0 0 10px; margin: 0; color: #fff; line-height: 22px; font-size: 12px; font-weight: normal;}
#calcBox .titleH2 p { line-height: 22px; font-size: 10px; text-align: right; color: #fff; margin: -22px 0 0; padding: 0 10px 0 0;}

#calcBox .titleH3 { background: #CCCCCC;}
#calcBox .titleH3 h3 { padding: 0 0 0 10px; margin: 0; color: #333; line-height: 22px; font-size: 12px; font-weight: normal;}
#calcBox .titleH3 p { line-height: 22px; font-size: 10px; text-align: right; color: #333; margin: -22px 0 0; padding: 0 10px 0 0;}

#calcBox .calcWin h4 { margin: 0; padding: 0 0 0 10px; font-weight: normal; line-height: 22px; height: 22px;}
#calcBox .calcWin h4 span { color: #00A4E5;}

#calcBox .plusMes { margin: 0 0 0 10px; height: 20px;}
#calcBox .plusMes li { background: #C1E2F7; float: left; margin-right: 5px; text-align: center; font-size: 10px; line-height: 16px; height: 16px;}
#calcBox .plusMes li.aL { text-align: left; text-indent: 10px;}
#calcBox .plusMes li.last { margin-right: 0;}
#calcBox .calcWin li span { color: #00A4E5;}

#calcBox .calcWin--bikeFull .plusMes li { margin-right: 4px; }

#calcBox .w90 { width: 90px;}
#calcBox .w154 { width: 154px;}
#calcBox .w185 { width: 185px;}
#calcBox .w200 { width: 200px;}
#calcBox .w230 { width: 230px;}
#calcBox .w265 { width: 265px;}
#calcBox .w280 { width: 280px;}
#calcBox .w375 { width: 375px;}
#calcBox .w470 { width: 470px;}

#calcBox .selectBtn { margin: 0 0 0 10px;}
#calcBox .selectBtn a { color: #000; text-align: center; display: block;}
#calcBox .selectBtn a:hover { opacity: 0.5;}
#calcBox .selectBtn li { float: left; margin-right: 5px;}

#calcBox .calcWin--bikeFull .selectBtn li { float: left; margin-right: 4px;}
#calcBox #calcBoxBasic.calcWin--bikeFull .selectBtn li.hopeCar,
#calcBox #calcBoxBasic.calcWin--bikeFull .selectBtn li.hopeCarAt { float: left; margin-right: 5px;}
#calcBox #calcBoxBasicCarBike.calcWin--bikeFull .selectBtn li.hopeCarAt { float: left; margin-right: 10px;}

#calcBox .toMargin { margin-top: 4px;}
#calcBox .plusQuestion { margin-left: 10px;}
#calcBox .plusQuestion li { width: 98px; float: left; margin-right: 5px;}
#calcBox .plusQuestion a { color: #333; background: url(../img/calc/question.png) no-repeat 0 50%; padding-left: 20px; display: block; line-height: 20px; height: 20px; font-size: 12px;}
#calcBox .plusQuestion a:hover { opacity: 0.5;}

#calcBox .plusRemarks { float: left; padding-top: 4px; font-size: 10px; color: #DF3327; }

/*************************************************************** calcBoxResult
*/

#calcBox #calcBoxResult .plusMes { height: 22px; margin-top: 10px;}
#calcBox #calcBoxResult .plusMes li { font-size: 12px; line-height: 18px; height: 18px; margin-right: 10px;}

p.details { border: 1px solid #B3B3B3; background: #fff; width: 458px; margin: 10px auto 0; padding: 5px; line-height: 1.5;}

#calcBoxResult .clearfix { padding: 5px 20px 0;}

#calcBoxResult dl { margin: 0; padding: 0; border: 1px solid #B3B3B3; background: #fff; width: 215px;}
#calcBoxResult dt { background: #666666; color: #fff; text-align: center; line-height: 22px;}
#calcBoxResult dd { font-size: 16px; text-align: center; line-height: 30px; padding: 0; margin: 0;}

#calcBox #calcBoxResult ul.LSide { width: 215px; font-size: 14px; line-height: 1.3; float: left; height: 135px; overflow: auto;}
#calcBox #calcBoxResult ul.RSide { width: 215px; font-size: 14px; line-height: 1.3; float: right;}
#calcBox #calcBoxResult ul li { text-align: right; color: #000;}
#calcBox #calcBoxResult ul li span { float: left; text-align: left; color: #000;}
#calcBox #calcBoxResult ul li.decPrice { border-top: 1px dashed #333; color: #f00;}
#calcBox #calcBoxResult ul li.plusPrice { border-top: 1px dashed #333;}
#calcBox #calcBoxResult ul li.decPrice span { color: #333;}
#calcBox #calcBoxResult ul li.sumPrice { border-top: 1px solid #333;}

#calcBoxResult { display: none;}
#calcBox #calcBoxResult .sendBtn .toBack a { text-indent: -9999px;}

/*************************************************************** calcBoxSchool
*/

#calcBoxSchool .schoolBox { margin: 5px 0 0 5px;}
#calcBoxSchool .schoolBox > li { background: #fff; border: 1px dashed #CCCCCC; width: 154px; float: left; margin-right: 5px; height: 195px;}
#calcBoxSchool .schoolBox li.last { margin-right: 0;}
#calcBox #calcBoxSchool .selectBtn { margin: 5px 0 0 2px;}
#calcBox #calcBoxSchool dt { text-align: center; line-height: 18px; height: 18px; color: #555; margin-top: 3px;}
#calcBox #calcBoxSchool dd { margin-left: 0; background: url(../img/calc/sch_camp.png) 50% 0 no-repeat; margin-top: 5px; line-height: 20px; height: 20px; padding: 0 10px; text-align: right; color: #f00;}
#calcBox #calcBoxSchool dd span { text-align: left; color: #000; float: left;}

#calcBox .schHeiwadai a { background: url(../img/calc/heiwa_150x78.png) no-repeat; width: 150px; height: 18px; padding-top: 60px;}
#calcBox .schToyo a { background: url(../img/calc/ikawadani_150x78.png) no-repeat; width: 150px; height: 45px; padding-top: 33px;}
#calcBox .schSogo a { background: url(../img/calc/sogo_150x78.png) no-repeat; width: 150px; height: 18px; padding-top: 60px;}
#calcBox .schRics a { background: url(../img/calc/rics_150x78.png) no-repeat; width: 150px; height: 18px; padding-top: 60px;}
#calcBox .schRicsPro a { background: url(../img/calc/pro_150x78.png) no-repeat; width: 150px; height: 18px; padding-top: 60px;}

#calcBoxSchool { display: none;}

/*************************************************************** calcBoxCalender
*/

#calcBoxCalender dl { margin: 0; padding: 0; background: url(../img/calc/cal_now.png) no-repeat; width: 80px; height: 80px;}
#calcBoxCalender dt,
#calcBoxCalender dd { text-align: center; padding-top: 15px;}
#calcBoxCalender dd { margin: 0; padding-left: 0;}
#calcBoxCalender dt span { font-size: 18px;}
#calcBoxCalender dd span { font-size: 22px;}

.estimate #calcBoxCalender dt,
.estimate #calcBoxCalender dd { padding: 15px 0 0; margin: 0;}
.estimate #calcBoxCalender dd { padding-top: 5px;}
.estimate #mainContents .details { padding: 5px;}

#calcBox .calBack a,
#calcBox .calNext a { background: url(../img/calc/cal_80x22.png) no-repeat; width: 80px; height: 22px; line-height: 22px;}

#calcBox #calcBoxCalender .fL { padding-left: 30px; padding-top: 25px;}
#calcBox #calcBoxCalender .fL .selectBtn { margin-left: 0;}
#calcBox #calcBoxCalender .fL .selectBtn li { float: none; margin-top: 10px;}

#calcBox #calcBoxCalender .fR { width: 355px; background: #E6E6E6; padding-top: 2px; height: 230px;}
#calcBox #calcBoxCalender .fR .selectBtn li { margin-right: 3px; margin-top: 3px;}
#calcBox #calcBoxCalender .fR .selectBtn .last { margin-right: 0;}
#calcBox #calcBoxCalender .fR a { background: url(../img/calc/number_45x30.png) no-repeat; width: 45px; height: 30px; line-height: 30px; font-size: 18px;}
#calcBox #calcBoxCalender .fR a.sel { background-position: 0 -60px; color:  #fff;}
#calcBoxCalender .startBlank { float: left; margin-right: 3px; width: 45px; margin-top: 3px;}
#calcBox #calcBoxCalender li span { color: #333;}
#calcBox #calcBoxCalender .sat a,
#calcBox #calcBoxCalender .sat span { color: #005AAA;}
#calcBox #calcBoxCalender .sun a,
#calcBox #calcBoxCalender .sun span { color: #DF3327;}
#calcBox #calcBoxCalender .fR span { opacity: 0.4;}
#calcBox #calcBoxCalender .fR span { background: url(../img/calc/number_45x30.png) no-repeat 0 -30px; width: 45px; height: 30px; line-height: 30px; font-size: 18px; display: block; text-align: center;}

#calcBox #calcBoxCalender .calDaySun,
#calcBox #calcBoxCalender .calDaySat,
#calcBox #calcBoxCalender .calDay { background: url(../img/calc/cal_day.png) no-repeat; width: 45px; line-height: 20px; text-align: center; font-weight: bold;}
#calcBox #calcBoxCalender .calDaySun { color: #DF3327;}
#calcBox #calcBoxCalender .calDaySat { color: #005AAA;}

#calcBoxCalender { display: none;}

/*************************************************************** calcBoxOthers calcBoxOthersAll
*/

#birthBtn { width: 125px; height: 48px; float: left;}

#calcBox .birthJpn1 a { background: url(../img/calc/year_125x22.png) no-repeat; width: 125px; height: 22px; line-height: 22px;}
#calcBox .birthJpn2 a,
#calcBox .birthJpn3 a { background: url(../img/calc/showa_60x22.png) no-repeat; width: 60px; height: 22px; line-height: 22px;}

#calcBox .birthJpn1 a.sel,
#calcBox .birthJpn2 a.sel,
#calcBox .birthJpn3 a.sel { background-position: 0 -22px; color: #fff;}

#calcBox .selectBtn .birthJpn1 { margin-bottom: 4px; margin-right: 0;}
#calcBox .selectBtn .birthJpn3 { margin-right: 0;}

#calcBox .birthInput { margin-left: 150px; padding-top: 10px; padding-bottom: 15px; margin-top: 10px; margin-bottom: 10px;}
#calcBox input { font-size: 16px; padding: 5px; line-height: 1.2; margin: 0 4px; text-align: center;}
#calcBox input[name=birthYear] { width: 3em;}
#calcBox input[name=birthMonth],
#calcBox input[name=birthDay] { width: 2em;}

#calcBox .optionPlan1 a,
#calcBox .optionPlan2 a,
#calcBox .optionPlan3 a { background: url(../img/calc/option_90x60.png) no-repeat; width: 90px; height: 25px; padding-top: 35px;}
#calcBox .graduate1 a { background: url(../img/calc/grad_90x60.png) no-repeat; width: 90px; height: 25px; padding-top: 35px;}
#calcBox .graduate2 a { background: url(../img/calc/stay_90x60.png) no-repeat; width: 90px; height: 25px; padding-top: 35px;}
#calcBox .adviceMan a { background: url(../img/calc/advice_90x60.png) no-repeat; width: 90px; height: 25px; padding-top: 35px;}

#calcBox .optionPlan1 a.sel,
#calcBox .optionPlan2 a.sel,
#calcBox .optionPlan3 a.sel,
#calcBox .graduate1 a.sel,
#calcBox .graduate2 a.sel,
#calcBox .adviceMan a.sel { background-position: 0 -60px; color: #fff;}

#calcBox .optionPlan1,
#calcBox .optionPlan2,
#calcBox .optionPlan3 { width: 90px;}

#calcBox #calcBoxOthers .plusQuestion li,
#calcBox #calcBoxOthersAll .plusQuestion li { width: 90px;}

#calcBox #adviceBtn { float: right; margin-left: 0; margin-right: 5px;}

#calcBox #calcBoxOthers .optBtns,
#calcBox #calcBoxOthersAll .optBtns { float: left; width: 285px;}

#calcBoxOthers,
#calcBoxOthersAll { display: none;}

.estimate #mainContents { line-height: 1.2;}
.estimate #mainContents dl { padding: 0;}

/*************************************************************** calcBoxMap
*/

#calcBoxMap .mapBtn { background: url(../img/calc/map.png) no-repeat; position: relative; height: 202px;}
#calcBoxMap .mapBtn a { display: block; position: absolute; text-indent: -9999px;}

#calcBoxMap .mapBtn a { position: absolute;}
#calcBoxMap .mapArea1 a { background: url(../img/calc/map.png) no-repeat -9px -30px; left: 9px; top: 30px; width: 52px; height: 40px;}
#calcBoxMap .mapArea2 a { background: url(../img/calc/map.png) no-repeat -44px -114px; left: 44px; top: 114px; width: 20px; height: 54px;}
#calcBoxMap .mapArea3 a { background: url(../img/calc/map.png) no-repeat -89px -98px; left: 89px; top: 98px; width: 54px; height: 22px;}
#calcBoxMap .mapArea4 a { background: url(../img/calc/map.png) no-repeat -140px -145px; left: 140px; top: 145px; width: 20px; height: 54px;}
#calcBoxMap .mapArea5 a { background: url(../img/calc/map.png) no-repeat -183px -130px; left: 183px; top: 130px; width: 20px; height: 54px;}
#calcBoxMap .mapArea6 a { background: url(../img/calc/map.png) no-repeat -210px -130px; left: 210px; top: 130px; width: 20px; height: 54px;}
#calcBoxMap .mapArea7 a { background: url(../img/calc/map.png) no-repeat -235px -115px; left: 235px; top: 115px; width: 20px; height: 54px;}
#calcBoxMap .mapArea8 a { background: url(../img/calc/map.png) no-repeat -259px -98px; left: 259px; top: 98px; width: 20px; height: 54px;}
#calcBoxMap .mapArea9 a { background: url(../img/calc/map.png) no-repeat -286px -74px; left: 286px; top: 74px; width: 20px; height: 54px;}
#calcBoxMap .mapArea10 a { background: url(../img/calc/map.png) no-repeat -324px -74px; left: 324px; top: 74px; width: 20px; height: 54px;}
#calcBoxMap .mapArea11 a { background: url(../img/calc/map.png) no-repeat -353px -54px; left: 353px; top: 54px; width: 20px; height: 54px;}
#calcBoxMap .mapArea12 a { background: url(../img/calc/map.png) no-repeat -391px -53px; left: 391px; top: 53px; width: 20px; height: 54px;}
#calcBoxMap .mapArea13 a { background: url(../img/calc/map.png) no-repeat -447px -65px; left: 447px; top: 65px; width: 20px; height: 54px;}
#calcBoxMap .mapArea14 a { background: url(../img/calc/map.png) no-repeat -422px -6px; left: 422px; top: 6px; width: 52px; height: 40px;}
#calcBoxMap .mapArea15 a { background: url(../img/calc/map.png) no-repeat -209px -33px; left: 209px; top: 33px; width: 54px; height: 20px;}
#calcBoxMap .mapBtn a:hover { background-image: url(../img/calc/mapHover.png);}
#calcBoxMap .mapBtn a.sel { background-image: url(../img/calc/mapSel.png);}

#calcBoxMap { display: none;}

/*************************************************************** calcBoxBigHold
*/

#calcBox #calcBoxBigHold li { margin-right: 4px;}
#calcBox .holdBigOne a,
#calcBox .holdMidOne a,
#calcBox .holdMidOne8t a,
#calcBox .holdMidOne8tAt a,
#calcBox .holdSemiMid a,
#calcBox .holdSemiMid5t a,
#calcBox .holdSemiMid5tAt a,
#calcBox .holdCarOne a,
#calcBox .holdCarOneAt a,
#calcBox .holdBigTwo a,
#calcBox .holdMidTwo a,
#calcBox .holdMidTwo8t a,
#calcBox .holdMidTwo8tAt a,
#calcBox .holdCarTwo a,
#calcBox .holdCarTwoAt a {
  background: linear-gradient(#ffffff, #cccccc);
  border:solid 1px #cccccc;
  border-radius:7px;
  box-sizing:border-box;
  height:50px;
  font-size:10px;
  line-height:12px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position:relative;
  padding-top:20px;
}
#calcBox .holdBigOne a::before,
#calcBox .holdMidOne a::before,
#calcBox .holdMidOne8t a::before,
#calcBox .holdMidOne8tAt a::before,
#calcBox .holdSemiMid a::before,
#calcBox .holdSemiMid5t a::before,
#calcBox .holdSemiMid5tAt a::before,
#calcBox .holdCarOne a::before,
#calcBox .holdCarOneAt a::before,
#calcBox .holdBigTwo a::before,
#calcBox .holdMidTwo a::before,
#calcBox .holdMidTwo8t a::before,
#calcBox .holdMidTwo8tAt a::before,
#calcBox .holdCarTwo a::before,
#calcBox .holdCarTwoAt a::before {
  content:'';
  display:block;
  width:38px;
  height:14px;
  background:url(../img/calc/icon/track.png) no-repeat left top;
  background-size:contain;
  position:absolute;
  top:6px;
  left:0;
  right:0;
  margin:0 auto;
}
#calcBox .holdCarOne a::before,
#calcBox .holdCarOneAt a::before {
  background-image:url(../img/calc/icon/car.png);
  width:39px;
}
#calcBox .holdBigTwo a::before,
#calcBox .holdMidTwo a::before,
#calcBox .holdMidTwo8t a::before,
#calcBox .holdMidTwo8tAt a::before {
  width:41px;
}
#calcBox .holdBigOne a { margin-bottom:4px; width: 115px; }
#calcBox .holdMidOne a { width: 115px; }
#calcBox .holdMidOne8t a,
#calcBox .holdMidOne8tAt a { margin-bottom:4px; width: 114px; }
#calcBox .holdSemiMid a,
#calcBox .holdSemiMid5t a,
#calcBox .holdSemiMid5tAt a { width: 90px; }
#calcBox .holdCarOne a { width: 92px; }
#calcBox .holdCarOneAt a { width: 92px; }

#calcBox .holdBigTwo a,
#calcBox .holdMidTwo a,
#calcBox .holdMidTwo8t a,
#calcBox .holdMidTwo8tAt a,
#calcBox .holdCarTwo a,
#calcBox .holdCarTwoAt a {
  width:75px;
}
#calcBox .holdBigTwo a::before,
#calcBox .holdMidTwo a::before,
#calcBox .holdMidTwo8t a::before,
#calcBox .holdMidTwo8tAt a::before {
  background-image:url(../img/calc/icon/bus.png);
}
#calcBox .holdCarTwo a::before,
#calcBox .holdCarTwoAt a::before {
  background-image:url(../img/calc/icon/car2.png);
}

#calcBox .holdBigOne a.sel,
#calcBox .holdMidOne a.sel,
#calcBox .holdMidOne8t a.sel,
#calcBox .holdMidOne8tAt a.sel,
#calcBox .holdSemiMid a.sel,
#calcBox .holdSemiMid5t a.sel,
#calcBox .holdSemiMid5tAt a.sel,
#calcBox .holdCarOne a.sel,
#calcBox .holdCarOneAt a.sel,
#calcBox .holdBigTwo a.sel,
#calcBox .holdMidTwo a.sel,
#calcBox .holdMidTwo8t a.sel,
#calcBox .holdMidTwo8tAt a.sel,
#calcBox .holdCarTwo a.sel,
#calcBox .holdCarTwoAt a.sel {
  color:#ffffff;
  background: linear-gradient(#a6241d, #de3127);
}
#calcBox .holdBigOne a.sel::before,
#calcBox .holdMidOne a.sel::before,
#calcBox .holdMidOne8t a.sel::before,
#calcBox .holdMidOne8tAt a.sel::before,
#calcBox .holdSemiMid a.sel::before,
#calcBox .holdSemiMid5t a.sel::before,
#calcBox .holdSemiMid5tAt a.sel::before {
  background-image:url(../img/calc/icon/track_.png);
}
#calcBox .holdCarOne a.sel::before,
#calcBox .holdCarOneAt a.sel::before {
  background-image:url(../img/calc/icon/car_.png);
}
#calcBox .holdBigTwo a.sel::before,
#calcBox .holdMidTwo a.sel::before,
#calcBox .holdMidTwo8t a.sel::before,
#calcBox .holdMidTwo8tAt a.sel::before {
  background-image:url(../img/calc/icon/bus_.png);
}
#calcBox .holdCarTwo a.sel::before,
#calcBox .holdCarTwoAt a.sel::before {
  background-image:url(../img/calc/icon/car2_.png);
}


#calcBox #calcBoxBigHold .toStyle { margin-right: 0;}

#calcBoxBigHold { display: none;}

/*************************************************************** calcBoxBigHope
*/

#calcBox #calcBoxBigHope .plusMes li.last { margin-right: 0;}
#calcBox #calcBoxBigHope .selectBtn li { margin-right: 10px;}
#calcBox #calcBoxBigHope .selectBtn:nth-of-type(2) li { margin-right: 7px;}
#calcBox #calcBoxBigHope .selectBtn:nth-of-type(2) li.hopePulling { margin-right: 0;}

#calcBox .hopeBigOne a { background: url(../img/calc/big_110x78.png) no-repeat; background-size:cover; width: 88px; height: 18px; padding-top: 45px; font-size:10px; }
#calcBox .hopeMidOne a { background: url(../img/calc/mid_110x78.png) no-repeat; background-size:cover; width: 88px; height: 18px; padding-top: 45px; font-size:10px;}
#calcBox .hopeSemiMid a { background: url(../img/calc/mid_110x78.png) no-repeat; background-size:cover; width: 88px; height: 18px; padding-top: 45px; font-size:10px;}
#calcBox .hopeExtra a { background: url(../img/calc/extra_110x78.png) no-repeat; background-size:cover; width: 88px; height: 18px; padding-top: 45px; font-size:10px;}
#calcBox .hopePulling a { background: url(../img/calc/pull_110x78.png) no-repeat; background-size:cover; width: 88px; height: 18px; padding-top: 45px; font-size:10px;}

#calcBox .hopeBigOne a.sel,
#calcBox .hopeMidOne a.sel,
#calcBox .hopeSemiMid a.sel,
#calcBox .hopeExtra a.sel,
#calcBox .hopePulling a.sel { background-position: 0 -62px; color: #fff;}

#calcBox .hopeBigTwo a { background: url(../img/calc/big2_110x78.png) no-repeat; width: 110px; height: 25px; padding-top: 53px;}
#calcBox .hopeMidTwo a { background: url(../img/calc/mid2_110x78.png) no-repeat; width: 110px; height: 25px; padding-top: 53px;}
#calcBox .hopeCarTwo a { background: url(../img/calc/car_110x78.png) no-repeat; width: 110px; height: 25px; padding-top: 53px;}
#calcBox .hopeCarTwoAt a { background: url(../img/calc/car_110x78.png) no-repeat; width: 110px; height: 33px; padding-top: 45px;}

#calcBox .hopeBigTwo a.sel,
#calcBox .hopeMidTwo a.sel,
#calcBox .hopeCarTwo a.sel,
#calcBox .hopeCarTwoAt a.sel { background-position: 0 -78px; color: #fff;}

#calcBoxBigHope { display: none;}

/*************************************************************** calcBoxStyle
*/

#calcBox .styleDay a { background: url(../img/calc/day_98x60.png) no-repeat; width: 98px; height: 22px; padding-top: 38px;}
#calcBox .styleFree a { background: url(../img/calc/free_98x60.png) no-repeat; width: 98px; height: 22px; padding-top: 38px;}
#calcBox .togetherOne a { background: url(../img/calc/one_85x60.png) no-repeat; width: 85px; height: 20px; padding-top: 40px; font-size: 10px;}
#calcBox .togetherTwo a { background: url(../img/calc/two_85x60.png) no-repeat; width: 85px; height: 20px; padding-top: 40px; font-size: 10px;}
#calcBox .togetherThr a { background: url(../img/calc/three_85x60.png) no-repeat; width: 85px; height: 20px; padding-top: 40px; font-size: 10px;}

#calcBox .styleDay a.sel,
#calcBox .styleFree a.sel,
#calcBox .togetherOne a.sel,
#calcBox .togetherTwo a.sel,
#calcBox .togetherThr a.sel { background-position: 0 -60px; color: #fff;}

#calcBox .jobSelect a { background: url(../img/calc/job_75x30.png) no-repeat; width: 75px; height: 30px; line-height: 30px;}
#calcBox .jobSelect a.sel { background-position: 0 -30px; color: #fff;}

#calcBox #calcBoxStyle .plusMes { height: 22px;}
#calcBox #calcBoxStyle .plusMes li { font-size: 12px; line-height: 18px; height: 18px;}

#calcBoxStyle { display: none;}

/*************************************************************** calcBoxBasic
*/

#calcBoxBasic .hopeCarAt a,
#calcBoxBasic .hopeCar a { background: url(../img/calc/car_135x70.png) no-repeat; width: 135px; height: 32px; padding-top: 38px;}
#calcBoxBasic .hopeBig a { background: url(../img/calc/big_190x70.png) no-repeat; width: 190px; height: 27px; padding-top: 43px; font-size: 10px; line-height: 12px;}
#calcBoxBasic .hopeCarAt a.sel,
#calcBoxBasic .hopeCar a.sel,
#calcBoxBasic .hopeBig a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasic .hopeBikeBig a,
#calcBoxBasic .hopeBikeMid a { background: url(../img/calc/bike_90x65.png) no-repeat; width: 90px; height: 25px; padding-top: 40px;}
#calcBoxBasic .hopeBikeMini a { background: url(../img/calc/bike_90x65.png) no-repeat; width: 90px; height: 32px; padding-top: 33px;}
#calcBoxBasic .hopeBikeBigAt a,
#calcBoxBasic .hopeBikeMidAt a,
#calcBoxBasic .hopeBikeMiniAt a { background: url(../img/calc/bike_at_90x65.png) no-repeat; width: 90px; height: 32px; padding-top: 33px;}
#calcBoxBasic .hopeBikeBig a.sel,
#calcBoxBasic .hopeBikeMid a.sel,
#calcBoxBasic .hopeBikeMini a.sel,
#calcBoxBasic .hopeBikeBigAt a.sel,
#calcBoxBasic .hopeBikeMidAt a.sel,
#calcBoxBasic .hopeBikeMiniAt a.sel { background-position: 0 -65px; color: #fff;}


#calcBoxBasic.calcWin--bikeFull .hopeBikeBig a,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMid a,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMini a { background: url(../img/calc/bike_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}
#calcBoxBasic.calcWin--bikeFull .hopeBikeBigAt a,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMidAt a,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMiniAt a { background: url(../img/calc/bike_at_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}
#calcBoxBasic.calcWin--bikeFull .hopeBikeBig a.sel,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMid a.sel,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMini a.sel,
#calcBoxBasic.calcWin--bikeFull .hopeBikeBigAt a.sel,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMidAt a.sel,
#calcBoxBasic.calcWin--bikeFull .hopeBikeMiniAt a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasic { display: none;}

/*************************************************************** calcBoxBasicCarBike
*/

#calcBoxBasicCarBike .hopeCarAt a,
#calcBoxBasicCarBike .hopeCar a { background: url(../img/calc/car_230x70.png) no-repeat; width: 110px; height: 50px; padding-top: 20px; text-align: left; padding-left: 120px;}
#calcBoxBasicCarBike .hopeCarAt a.sel,
#calcBoxBasicCarBike .hopeCar a.sel,
#calcBoxBasicCarBike .hopeBig a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasicCarBike .hopeBikeBig a,
#calcBoxBasicCarBike .hopeBikeMid a { background: url(../img/calc/bike_90x65.png) no-repeat; width: 90px; height: 25px; padding-top: 40px;}
#calcBoxBasicCarBike .hopeBikeMini a { background: url(../img/calc/bike_90x65.png) no-repeat; width: 90px; height: 32px; padding-top: 33px;}
#calcBoxBasicCarBike .hopeBikeBigAt a,
#calcBoxBasicCarBike .hopeBikeMidAt a,
#calcBoxBasicCarBike .hopeBikeMiniAt a { background: url(../img/calc/bike_at_90x65.png) no-repeat; width: 90px; height: 32px; padding-top: 33px;}
#calcBoxBasicCarBike .hopeBikeBig a.sel,
#calcBoxBasicCarBike .hopeBikeMid a.sel,
#calcBoxBasicCarBike .hopeBikeMini a.sel,
#calcBoxBasicCarBike .hopeBikeBigAt a.sel,
#calcBoxBasicCarBike .hopeBikeMidAt a.sel,
#calcBoxBasicCarBike .hopeBikeMiniAt a.sel { background-position: 0 -65px; color: #fff;}


#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeBig a,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMid a,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMini a { background: url(../img/calc/bike_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeBigAt a,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMidAt a,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMiniAt a { background: url(../img/calc/bike_at_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeBig a.sel,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMid a.sel,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMini a.sel,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeBigAt a.sel,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMidAt a.sel,
#calcBoxBasicCarBike.calcWin--bikeFull .hopeBikeMiniAt a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasicCarBike { display: none;}

/*************************************************************** calcBoxBasicCar
*/
#calcBox #calcBoxBasicCar h4 { margin-top: 50px;}
#calcBox #calcBoxBasicCar li { margin-right: 10px;}
#calcBoxBasicCar .hopeCarAt a,
#calcBoxBasicCar .hopeCar a { background: url(../img/calc/car_230x70.png) no-repeat; width: 110px; height: 50px; padding-top: 20px; text-align: left; padding-left: 120px;}
#calcBoxBasicCar .hopeCarAt a.sel,
#calcBoxBasicCar .hopeCar a.sel,
#calcBoxBasicCar .hopeBig a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasicCar { display: none;}

/*************************************************************** calcBoxBasicHold
*/

#calcBox #calcBoxBasicHold li { margin-right: 4px;}
#calcBox #calcBoxBasicHold .toStyle { margin-right: 0;}

#calcBoxBasicHold .holdNone a { background: url(../img/calc/walk_75x80.png) no-repeat; width: 75px; height: 25px; padding-top: 55px;}
#calcBoxBasicHold .holdBikeGn a { background: url(../img/calc/mini_75x80.png) no-repeat; width: 75px; height: 32px; padding-top: 48px;}
#calcBoxBasicHold .holdCarMid a,
#calcBoxBasicHold .holdCarTemp a { background: url(../img/calc/car_75x80.png) no-repeat; width: 75px; height: 25px; padding-top: 55px;}
#calcBoxBasicHold .holdCarNorm a,
#calcBoxBasicHold .holdCarNormAt a { background: url(../img/calc/car_75x80.png) no-repeat; width: 75px; height: 32px; padding-top: 48px;}

#calcBoxBasicHold .holdNone a.sel,
#calcBoxBasicHold .holdBikeGn a.sel,
#calcBoxBasicHold .holdCarMid a.sel,
#calcBoxBasicHold .holdCarTemp a.sel,
#calcBoxBasicHold .holdCarNorm a.sel,
#calcBoxBasicHold .holdCarNormAt a.sel { background-position: 0 -80px; color: #fff;}

#calcBoxBasicHold .holdBikeBig a,
#calcBoxBasicHold .holdBikeMid a,
#calcBoxBasicHold .holdBikeMini a { background: url(../img/calc/bike_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}
#calcBoxBasicHold .holdBikeBigAt a,
#calcBoxBasicHold .holdBikeMidAt a,
#calcBoxBasicHold .holdBikeMiniAt a { background: url(../img/calc/bike_at_75x70.png) no-repeat; width: 75px; height: 30px; padding-top: 40px;}

#calcBoxBasicHold .holdBikeBig a.sel,
#calcBoxBasicHold .holdBikeMid a.sel,
#calcBoxBasicHold .holdBikeMini a.sel,
#calcBoxBasicHold .holdBikeBigAt a.sel,
#calcBoxBasicHold .holdBikeMidAt a.sel,
#calcBoxBasicHold .holdBikeMiniAt a.sel { background-position: 0 -70px; color: #fff;}

#calcBoxBasicHold { display: none;}


/*************************************************************** calcBoxBasicCarHold
*/

#calcBox #calcBoxBasicCarHold li { margin-right: 10px;}
#calcBox #calcBoxBasicCarHold .toStyle { margin-right: 0;}
#calcBox #calcBoxBasicCarHold .toBack { margin-right: 0;}

#calcBoxBasicCarHold .holdNone a { background: url(../img/calc/walk_230x60.png) no-repeat; width: 110px; height: 36px; padding-top: 24px; text-align: left; padding-left: 120px;}
#calcBoxBasicCarHold .holdBikeGn a { background: url(../img/calc/mini_230x60.png) no-repeat; width: 110px; height: 44px; padding-top: 16px; text-align: left; padding-left: 120px;}
#calcBoxBasicCarHold .holdCarTemp a { background: url(../img/calc/car_110x90.png) no-repeat; width: 110px; height: 30px; padding-top: 60px;}
#calcBoxBasicCarHold .holdCarNormAt a { background: url(../img/calc/car_110x90.png) no-repeat; width: 110px; height: 36px; padding-top: 54px;}
#calcBoxBasicCarHold .holdBikeBig a,
#calcBoxBasicCarHold .holdBikeMid a { background: url(../img/calc/bike_110x90.png) no-repeat; width: 110px; height: 30px; padding-top: 60px;}

#calcBoxBasicCarHold .holdNone a.sel,
#calcBoxBasicCarHold .holdBikeGn a.sel { background-position: 0 -60px;}

#calcBoxBasicCarHold .holdCarTemp a.sel,
#calcBoxBasicCarHold .holdCarNormAt a.sel,
#calcBoxBasicCarHold .holdBikeBig a.sel,
#calcBoxBasicCarHold .holdBikeMid a.sel { background-position: 0 -90px;}

#calcBox #calcBoxBasicCarHold .plusMes { height: 22px;}
#calcBox #calcBoxBasicCarHold .plusMes li { font-size: 12px; line-height: 18px; height: 18px; margin-right: 10px;}

#calcBoxBasicCarHold { display: none;}

/*************************************************************** sendBtn
*/

.sendBtn { height: 26px; position: absolute; left: 5px; bottom: 3px; width: 480px;}
.sendBtn a:hover { opacity: 0.5;}
.sendBtn .toHold a { background: url(../img/calc/btn_hold.png) no-repeat; text-indent: -9999px; width: 480px; height: 26px; display: block;}
.sendBtn .toHoldBig a { background: url(../img/calc/btn_hold2.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toBack { float: left;}
.sendBtn .toBack a { background: url(../img/calc/btn_back.png) no-repeat; text-indent: -9999px; width: 110px; height: 26px; display: block;}
.sendBtn .toStyle a { background: url(../img/calc/btn_style.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toArea a { background: url(../img/calc/btn_area.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toSchool a { background: url(../img/calc/btn_school.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toOthers a { background: url(../img/calc/btn_others.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toResult a { background: url(../img/calc/btn_result.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toSchedule a { background: url(../img/calc/btn_schedule.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toEntry a { background: url(../img/calc/btn_entry.png) no-repeat; text-indent: -9999px; width: 365px; height: 26px; display: block;}
.sendBtn .toStyle,
.sendBtn .toArea,
.sendBtn .toSchool,
.sendBtn .toOthers,
.sendBtn .toResult,
.sendBtn .toSchedule,
.sendBtn .toHoldBig,
.sendBtn .toEntry { float: right;}



/*************************************************************** clearfix
*/

#calcBox .selectBtn:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

#calcBox .selectBtn {
  min-height: 1px;
}

* html #calcBox .selectBtn {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}