@charset "utf-8"; 

@import url("common.css");
@import url("add.css");

/* ============================================================ contents */
#contents .img-area {
	height: 130px;
}
#contents .contents-area .cost {
	padding-top: 12px;
	padding-bottom: 52px;
}
#contents .contents-area .cost p.txt-1 {
	padding-top: 14px;
	padding-bottom: 14px;
	line-height: 1.8;
}
#contents .contents-area .cost p.txt-2 {
	padding-top: 14px;
	padding-bottom: 10px;
	line-height: 1.8;
}
#contents .contents-area .cost dt {
	margin-top: 24px;
	clear: both;
}
#contents .contents-area .cost dd {
	padding: 4px 16px 14px 16px;
	line-height: 1.8;
}
#contents .contents-area .cost dd p {
	margin-top:0.5em;
}
#contents .contents-area .cost dd p a {
	color:#06F;
	text-decoration: underline;
}
#contents .contents-area .cost dd p a:hover {
	text-decoration:none;
}
#contents .contents-area .cost dd ol {
	padding: 10px 0 10px 24px;
}
#contents .contents-area .cost dd li {
	list-style: decimal;
	padding-left: 5px;
	line-height: 1.8;
	color:#d25400;
}
#contents .contents-area .cost dd span {
	color: #F69;
}
#contents .contents-area .cost dd img.img-R{
	padding-left: 12px;
	float: right;
}
#contents .contents-area .cost dd img.img-R1{
	padding-left: 12px;
	padding-right: 50px;
	float: right;
}
#contents .contents-area .cost dd strong.ht {
	display: block;
	padding-bottom: 8px;
}
#contents .contents-area .cost dd strong.ht2 {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}
/* ======================================================= pc */
@media screen and (min-width: 768px){
#all {
	background: url(../images/side-bg2.png) no-repeat 0 top;
}
#contents .contents-area .cost {
	padding-left: 31px;
}
#contents .contents-area .cost h2 {
	width: 579px;
}
#contents .contents-area .cost .bg-img {
	background: url(../images/cost-title-img.jpg) top right no-repeat;
	min-height: 109px;
	margin-bottom: 10px;
}
#contents .contents-area .cost dl {
	width: 548px;
}
#contents .contents-area .cost p.txt-1 {
	width: 380px;
}
#contents .contents-area .cost p.txt-2 {
	width: 552px;
}
#contents .contents-area .cost dd.list01 {
	background: url(../images/cost-list01-bg.png) bottom;
}
#contents .contents-area .cost dd.list02 {
	background: url(../images/cost-list02-bg.png) bottom;
}
#contents .contents-area .cost dd.list03 {
	background: url(../images/cost-list03-bg.png) bottom;
}
#contents .contents-area .cost dd.list04 {
	background: url(../images/cost-list04-bg.png) bottom;
}
}
/* ======================================================= sp */
@media screen and (max-width: 767px) {
#contents .contents-area .cost h2 {
	display:none;
}
}