@charset "utf-8";

@import "/css/gnav.css";
@import "/car-hanbai/css/nav.css";


/* IE-expression (fix png alpha) imgタグ用 */
* html #contents .rankingArea .rankingBox .titleBlock h3 img {
	behavior: expression(
		this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
		this.src = "http://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/spacer.gif",
		this.style.behavior = "none"
	);
}

/*---------------------------------------
#header
----------------------------------------*/

#header h1 {
	margin-bottom:13px;
	padding-top:20px;
	float:left;
	width:320px;
	font-size:85%;
}

/*---------------------------------------
#contents
----------------------------------------*/
#contents h2 {
	margin-bottom:5px;
	padding-left:0;
	background:none;
	min-height:0;
	height:auto;
	clear:both;
}

#contents h3 {
	padding:0;
	background:none;
}

/*---------------------------------------
#mainBox
----------------------------------------*/
#mainBox {
	margin-bottom:10px;
}

/*---------------------------------------
.note
----------------------------------------*/
.note {
	margin-bottom: 25px;
	text-indent: -1em;
	padding-left: 1em;
}

/*---------------------------------------
.formArea
----------------------------------------*/
#contents .formArea {
	margin:0 auto;
}

/* .comsBox */
#contents .comsBox {
	margin-top:10px;
	overflow:hidden;
}

#contents .comsBox .comsBlock {
	margin-left:-30px;
}

#contents .comsBox .comsBlock img {
	margin-left:30px;
	margin-bottom:5px;
	border:1px solid #CCC;
}

#contents p.comNumber {
	margin-bottom:5px;
	font-size:85%;
}

/* .offerBlock */
#contents .offerBlock {
	float:left;
	width:105px;
}
#contents .offerBlock div {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:103px;
	background-color:#F2F2F2;
}
#contents .offerBlock div a {
	margin-left:5px;
	padding-left:15px;
	display:block;
	width:83px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/icon_link.gif) left center no-repeat;
	font-size:85%;
}

/*---------------------------------------
.rankingArea
----------------------------------------*/
#contents .rankingArea {
	width:630px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/top/service_bg.gif) 0 0 repeat-y;
}

#contents .rankingArea h2 {
	margin-bottom:0;
}

#contents .rankingBox {
	padding:19px 15px 0;
}

#contents .rankingBox .iconPoint {
	margin-right:9px;
	float:left;
	clear:left;
}

#contents .rankingBox .pointText {
	margin-bottom:20px;
	float:left;
	width:533px;
}

#contents .rankingBox .pointText img {
	margin-bottom:8px;
}

#contents .rankingBox .pointText p {
	margin-bottom:0;
}

#contents .rankingBox .pointText.last {
	margin-bottom:10px;
}

/*---------------------------------------
.flowBlock
----------------------------------------*/
#contents .flowBlock {
	margin-bottom:23px;
	padding-top:23px;
}

#contents .flowBlock h2 {
	margin-bottom:6px;
}

/*---------------------------------------
.recommendBox
----------------------------------------*/
#contents .recommendArea {
	margin:20px 0;
	width:630px;
	overflow:hidden;
	clear:both;
}

#contents .recommendBox {
	margin:10px 0 0;
	width:639px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/top/recommend_bg.gif) 0 0 repeat-y;
}

#contents .recommendBox div {
	padding:0 9px 5px 0;
	float:left;
	width:204px;
}

#contents .recommendBox div h3 a {
	margin:0;
	padding:0;
	display:block;
	width:204px;
	height:65px;
	background:none;
}

#contents .recommendBox div p {
	margin-bottom:10px;
	padding:0 13px;
	width:174px;
	font-size:85%;
}

#contents .recommendBox div a {
	margin-left:13px;
	padding-left:15px;
	display:block;
	width:172px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/icon_link.gif) left 0.3em no-repeat;
	overflow:hidden;
}

/*---------------------------------------
.informationBox
----------------------------------------*/
#contents .informationBox {
	margin-bottom:20px;
	width:630px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/top/information_bg.gif) repeat-y 0 0;
}
#contents .informationBox div {
	padding:10px 10px 5px;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/top/information_top.gif) no-repeat 0 0;
}
#contents .informationBox div img {
	padding:0 529px 5px 0;
	border-bottom:1px dotted #3D923F;
}
#contents .informationBox dl {
	padding:0 16px 5px;
    background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/top/information_bottom.gif) no-repeat left bottom;
}
#contents .informationBox dl dt {
	width:5em;
	font-weight:bold;
}
#contents .informationBox dl dd {
	margin:-1.4em 0 5px 7em;
}
#contents .informationBox img.clear {
	display:block;
}


/*---------------------------------------
.freePhoneBox
----------------------------------------*/
#contents .freePhoneBox {
	padding-top:35px;
	width:630px;
	overflow:hidden;
	clear:both;
}

#contents .freePhoneBox .freePhoneCatch {
	width:242px;
	float:left;
}

#contents .freePhoneBox .freePhoneNumber {
	padding:16px 0 11px;
	width:388px;
	float:right;
	background:url(https://img.phoenix.webcrew.co.jp/13400/car-hanbai/images/free_phone_bg.gif) no-repeat 0 0;
	text-align:center;
}

#contents .freePhoneBox .freePhoneNumber img.number {
	margin:0 0 5px;
}

#contents .freePhoneBox .right {
	clear:both;
	padding-top:3px;
}

#contents .freePhoneBox .right a {
	margin:0;
	padding:0;
	background:none;
}

/*---------------------------------------
.introductionBox
----------------------------------------*/
#contents .introductionBox {
	margin-top:15px;
	padding-bottom:5px;
}
#contents .introductionBox p {
	margin-bottom:0;
}

