@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* article
========================================================================================================
*/


/*----------------------------------------
                  price
-----------------------------------------*/

article#price section{
  width:100%;
  padding:0;  
}

article#price section#bn-type{
  padding:20% 0 0 0;
}

article#price section#bn-type h1{
  background:url(/common/images/title06.png) no-repeat 95% bottom;
  background-size:140px 56px;
  padding:27px 0 10px 0;
  margin:0 auto;
} 

@media print, screen and (min-width:640px) { 
 article#price section{
  width:100%;
  padding:0 30px 0 0;
 }
 article#price section#bn-type{
  padding:160px 30px 0 0;
 }
 article#price section#bn-type h1{
  background:none;
  padding:0;
  margin:0 auto;
 } 
}

article#price section p.sc-lead01{
  width:90%;
  border:5px solid #EBEBEB;
  line-height:150%;
  padding:15px;
  margin:15px auto 20px auto;
}

article#price section#bn-type p.sc-lead01{
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:640px) { 
 article#price section p.sc-lead01,
 article#price section#bn-type p.sc-lead01{
  width:690px;
  margin:15px 0 40px 0;
 }
}


/*----------------------------------------
                 price
-----------------------------------------*/

article#price section div{
  width:90%;
  padding:0;
  margin:0 auto;
}

@media print, screen and (min-width:640px) { 
 article#price section div{
  width:650px;
  padding:0;
  margin:0 20px 50px 20px;
 }
}

article#price section div h3{
  background:url(/common/images/icon13.png) no-repeat 0 3px;
  font-size:20px; font-size:2.0rem;
  line-height:28px;
  padding:0 0 0 30px;
  margin:0 0 10px 0;
}

article#price section div p{
  width:100%;
  line-height:150%;
  padding:0;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 article#price section div p{
  width:100%;
  line-height:180%;
  padding:0;
  margin:0 0 30px 0;
 }
}


/*-----------table-------------*/

article#price section div table{
  width:100%;
  border-top:1px solid #CCC;
  border-right:1px solid #CCC;
  margin:0 ;
}

@media print, screen and (min-width:640px) { 
 article#price section div table{
  margin:0;
 }
}

article#price section div.price02 table,
article#price section div.price04 table{
  margin:0 0 5px 0;
}

@media print, screen and (min-width:640px) { 
 article#price section div.price04 table{
  margin:20px 0 5px 0;
 }
}


/*========= tax =========*/

article#price section div table.t01 + span.tax{
	display: block;
	width:100%;
	font-size: 10px; font-size: 1.0rem;
	text-align: right;
	padding: 0;
	margin: 10px auto 40px  auto;	
}

@media print, screen and (min-width:640px) { 
 article#price section div table.t01 + span.tax{
	 font-size: 12px; font-size: 1.2rem;
	 margin: 10px auto 40px  auto;	
	}
}

article#price section div.price01 table + span.tax#m0,
article#price section div.price02 table + span.tax{
	display: block;
	width:100%;
	font-size: 10px; font-size: 1.0rem;
	text-align: right;
	padding: 0;
	margin: 10px auto;	
}

@media print, screen and (min-width:640px) { 
  article#price section div.price01 table + span.tax#m0,
  article#price section div.price02 table + span.tax{
  font-size: 12px; font-size: 1.2rem;
	margin: 10px auto;	
	 }
}

article#price section div.price03 table + span.tax{
	display: block;
	width:100%;
	font-size: 10px; font-size: 1.0rem;
	text-align: right;
	padding: 0;
	margin: 10px auto 20px auto;	
}

@media print, screen and (min-width:640px) { 
article#price section div.price03 table + span.tax{
	font-size: 12px; font-size: 1.2rem;
	margin: 10px auto;	
	}
}


/*----------- th -------------*/

article#price section div table th{
  height:40px;
  line-height:40px;
  background-color:#FDF7E8;
  border-left:1px solid #CCC;
  border-bottom:1px solid #CCC;
}

div table th.model,
div table td.model{
  width:46%;
}

@media print, screen and (min-width:640px) { 
 div table th.model,
 div table td.model{
   width:320px;
 }
}

div table th.price,
div table td.price{
  width:18%;
}

@media print, screen and (min-width:640px) { 
 div table th.price,
 div table td.price{
  width:110px;
 }
}

div table th.distance,
div table td.distance{
  width:65%;
}

div table th.period,
div table td.period{
  width:35%;
}


/*----------- td -------------*/

article#price section div table td{
  height:80px;
  font-size:1.1px; font-size:1.1rem;
  border-left:1px solid #CCC;
  border-bottom:1px solid #CCC;
  line-height:100%;
  text-align:center;
  vertical-align:middle;
}

article#price section div.price04 table td{
  height:40px;
}

@media print, screen and (min-width:640px) { 
 article#price section div table td{
  font-size:1.6px; font-size:1.6rem;
 }
 
 article#price section div.price04 table td{
  height:80px;
}

}

article#price section div table td a{
  color:#000;
  text-decoration:none;
}

article#price section div table td a:hover{
  color:#DC2392;
  text-decoration:none;
}

article#price section div table td span{
  display:inline-block;
  font-size:10px; font-size:1.0rem;
  line-height:130%;
  font-weight:normal;
  padding:0;
  margin:5px 0 0 0;
}

article#price section div table td span.ss-txt{
  font-size:10px; font-size:1.0rem;
}

@media print, screen and (min-width:640px) { 
 article#price section div table td span{
  font-size:12px; font-size:1.2rem;
  padding:0 15px 0 0;
 }
}

article#price section div table td.cell01{
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  text-align:left;
  padding:5% 2% 5% 18%;
}


@media print, screen and (min-width:640px) { 
 article#price section div table td.cell01{
  font-size:16px; font-size:1.6rem;
  padding:20px 0 20px 115px;
 }
}

article#price section div table td.cell02{
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  text-align:left;
  padding:0px 0 0 5px;
}

@media print, screen and (min-width:640px) { 
 article#price section div table td.cell02{
  font-size:16px; font-size:1.6rem;
  padding:15px 0 15px 20px;
 }
}

article#price section div table td.cell03{
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  text-align:left;
  line-height:130%;
  padding:0 0 0 65px;
}

@media print, screen and (min-width:640px) { 
 article#price section div table td.cell03{
  font-size:16px; font-size:1.6rem;
  padding:0 0 0 100px;
 }
}

article#price section div table td.cell04{
  line-height:180%;
}

article#price section div table td.cell05{
  font-size:12px; font-size:1.2rem;
  font-weight:bold;
  text-align:center;
  padding:0px;
}

@media print, screen and (min-width:640px) { 
 article#price section div table td.cell05{
  font-size:16px; font-size:1.6rem;
  padding:15px 0;
 }
}


section div.price01 table td.car01{
  background:url(/common/images/car01.png) no-repeat;
}

section div.price01 table td.car02{
  background:url(/common/images/car02.png) no-repeat;
}

section div.price01 table td.car03{
  background:url(/common/images/car03.png) no-repeat;
}

section div.price01 table td.car04{
  background:url(/common/images/car04.png) no-repeat;
}

section div.price01 table td.car05{
  background:url(/common/images/car05.png) no-repeat;
}

section div.price01 table td.car06{
  background:url(/common/images/car06.png) no-repeat;
}

section div.price01 table td.car07{
  background:url(/common/images/car07.png) no-repeat;
}

section div.price01 table td.car08{
  background:url(/common/images/car08.png) no-repeat;
}

section div.price03 table td.option01{
  background:url(/images/price/price01.png) no-repeat;
}

section div.price03 table td.option02{
  background:url(/images/price/price02.png) no-repeat;
}

section div.price03 table td.option03{
  background:url(/images/price/price03.png) no-repeat;
}


section div.price01 table td.car01,
section div.price01 table td.car02,
section div.price01 table td.car03,
section div.price01 table td.car04,
section div.price01 table td.car05,
section div.price01 table td.car06,
section div.price01 table td.car07,
section div.price01 table td.car08{
  background-position:5px 10px;
  background-size:30%;
}

@media print, screen and (min-width:640px) { 
 section div.price01 table td.car01,
 section div.price01 table td.car02,
 section div.price01 table td.car03,
 section div.price01 table td.car04,
 section div.price01 table td.car05,
 section div.price01 table td.car06,
 section div.price01 table td.car07,
 section div.price01 table td.car08{
  background-position:10px 10px;
  background-size:auto;
 }
}


article#price section div.price01 td a{
	text-decoration:underline;
}

section div.price03 table td.option01,
section div.price03 table td.option02{
  background-position:15px 20px;
  background-size:37.8px 35.7px;
}


section div.price03 table td.option03{
  background-position:15px 20px;
  background-size:37.8px 35.7px;
}


@media print, screen and (min-width:640px) { 
 section div.price03 table td.option01,
 section div.price03 table td.option02,
 section div.price03 table td.option03{
  background-position:25px 13px;
  background-size:auto;
 }
}

article#price section div.price03 table{
  margin:0;
}

@media print, screen and (min-width:640px) { 
 article#price section div.price03 table{
  margin:0 ;
 }
}

article#price section div.price03 table.arrow{
  margin:0;
}

article#price section div.price03 img{
  display:block;
  margin:10px auto;
}

article#price section div.price04 p{
  width:100%;
  line-height:150%;
  padding:0;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:640px) { 
 article#price section div.price04 p{
  width:100%;
  line-height:180%;
  padding:0;
  margin:10px 0 0 0;
 }
}

article#price section div.price04 ul{
  margin:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 article#price section div.price04 ul{
  margin:0;
 }
}

article#price section div.price04 ul li{
  width:100%;
  line-height:150%;
  padding:0;
  margin:5px 0 0 0;
}

article#price section div.price04 ul li ul li{
  list-style-type:disc;
  list-style-position:inside;
  padding:0 0 0 30px;
}

article#price section div.price04 p span{
  display:block;
  font-weight:bold;
  margin:10px 0 0 0;
}



/*  typeD
========================================================================================================
*/


section.typeD{
  width:300px;
  background-color:#FFF;
  position:relative;
  padding:0 0 20px 0;
}

@media print, screen and (min-width:640px) { 
 section.typeD{
  width:360px;
  background-color:#FFF;
  position:relative;
  padding:0 0 25px 0;
 }
}

section.typeD h1{
  width:100%;
  height:45px;
  background-color:#6EB92B;
  font-size:18px; font-size:1.8rem;
  font-weight:normal;
	line-height:45px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:640px) { 
 section.typeD h1{
  height:50px;
  font-size:22px; font-size:2.2rem;
  line-height:50px;
 }
}

section.typeD h2{
	width:90%;
  background-image:url(/common/images/bg01.png),url(/common/images/bg01.png);
  background-repeat:repeat-x,repeat-x;
  background-position:top,bottom;
  font-size:16px; font-size:1.6rem;
  line-height:150%;
	text-align:center;
  padding:15px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:640px) { 
 section.typeD h2{
  font-size:20px; font-size:2.0rem;
  padding:15px;
  margin:0 auto 20px auto;
 }
}

section.typeD div{
	width:90%;
	line-height:150%;
	margin:0 auto;
}

section.typeD a#close-panel,
section.typeD a#close-panel{
  display:block;
  position:absolute;
  top:13px;
  right:10px;
}

section.typeD a#close-panel img,
section.typeD a#close-panel img{
  width:21.7px;
  height:21.7px;
}

@media print, screen and (min-width:640px) { 
 section.typeD a#close-panel,
 section.typeD a#close-panel{
  display:block;
  position:absolute;
  top:15px;
  right:10px;
 }

 section.typeD a#close-panel img,
 section.typeD a#close-panel img{
  width:23px;
	height:23px
 }
}