@charset "utf-8";

/* =========================================================
contents
========================================================= */
#contents {
	position: relative;
	padding-bottom: 0;
	background: none;
}

#contents .inner {
	width: 920px !important;
	padding: 26px 20px 90px;
	margin: 0 auto;
}

#contents .inner h2 {
	text-align: center;
	margin-bottom: 30px;
}

#contents .inner .point_area,
#contents .inner .step_area,
#contents .inner .charge_area,
#contents .inner .guide_area,
#contents .inner .map_area,
#contents .inner .slider_area {margin-bottom: 40px;}

#contents .inner .step_area div .flow li dl,
#contents .inner .charge_area .inner_box,
#contents .inner .caution_area .inner_box,
#contents .inner .charge_area ul li,
#contents .inner .guide_area .free_calls {
	position: relative;
	background: #FFF;
	border: 2px solid #a98b13;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	zoom: 1;
}

/* .point_area
-------------------------- */
#contents .inner .point_area {
	width: 906px;
	margin: 0 auto 40px;
}

#contents .inner .point_area ul.type_square {
	width: 846px;
	margin: 0 auto;
}

#contents .inner .point_area ul li {float: left;}

#contents .inner .point_area ul dl dd {
	font-size: 11px;
	margin-top: 5px;
}

#contents .inner .point_area ul .point_01 {width: 327px;}

#contents .inner .point_area ul .point_02 {width: 270px;}

#contents .inner .point_area ul .point_03 {width: 307px;}

#contents .inner .point_area ul.type_square li {
	width: 252px;
	margin-right: 45px;
}

#contents .inner .point_area ul.type_square li.point_03 {margin-right: 0;}

/* .charge_area
-------------------------- */
#contents .charge_area .large_box {
	overflow: hidden;
	width: 876px;
	height: 132px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	padding: 22px;
}

#contents .charge_area .large_box dt {
	overflow: hidden;
	float: left;
	width: 279px;
	height: 96px;
	padding: 18px 10px;
}

#contents .charge_area .large_box dt span {
	float: left;
	width: 65px;
}

#contents .charge_area .large_box dt em {
	float: right;
	width: 200px;
	font-size: 13px;
	font-style: normal;
}

#contents .charge_area .large_box dt em span {
	float: none;
	width: auto;
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}

#contents .charge_area .large_box dd {
	float: right;
	width: 565px;
}

#contents .charge_area .large_box dd p span {
	display: block;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

#contents .charge_area .large_box dd p em {
	font-size: 16px;
	font-style: normal;
}

/* .balloon_area
-------------------------- */
#contents .inner .balloon_area {
	width: 906px;
	height: 105px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	padding-top: 10px;
	margin: 0 auto;
}

/* .map_area
-------------------------- */
#contents .map_area {
	position: relative;
	width: 904px;
	margin:0 auto 30px;
	zoom: 1;
	behavior: url("/common/js/PIE.htc");
}

#contents .map_area .inner {
	background: #E7FAFF;
	padding: 0 !important;
}

#contents .map_area dl {
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#contents .map_area dt {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
	padding: 14px 20px;
}

#contents .map_area dt span {
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#contents .map_area ul {
	position: absolute;
	top: 0;
}

#contents .map_area ul li {
	position: absolute;
	width: 85px;
	height: 34px;
}

#contents .map_area ul li a {
	position: absolute;
	width: 85px;
	height: 34px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	text-decoration: none;
}

#contents .map_area ul li.offLink {
	position: absolute;
	display: block;
	width: 85px;
	height: 34px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	text-decoration: none;
	background: url("https://img.goo-net.com/goopit/assets/img/ad/common/bg_btn_map_offlink.gif") no-repeat left top;
}

#contents .map_area .all_maps{
	position: relative;
	overflow: hidden;
	z-index: 100;
	width: auto !important;
}

#contents .map_area ul li.btn01 {left: 26px;top: 24px;}

#contents .map_area ul li.btn02 {left: 118px;top: 24px;}

#contents .map_area ul li.btn03 {left: 210px;top: 24px;}

#contents .map_area ul li.btn04 {left: 26px;top: 63px;}

#contents .map_area ul li.btn05 {left: 118px;top: 63px;}

#contents .map_area ul li.btn06 {left: 210px;top: 63px;}

#contents .map_area ul li.btn07 {left: 26px;top: 128px;}

#contents .map_area ul li.btn08 {left: 118px;top: 128px;}

#contents .map_area ul li.btn09 {left: 210px;top: 128px;}

#contents .map_area ul li.btn10 {left: 26px;top: 168px;}

#contents .map_area ul li.btn11 {left: 118px;top: 168px;}

#contents .map_area ul li.btn12 {left: 26px;top: 236px;}

#contents .map_area ul li.btn13 {left: 118px;top: 236px;}

#contents .map_area ul li.btn14 {left: 210px;top: 236px;}

#contents .map_area ul li.btn15 {left: 26px;top: 275px;}

#contents .map_area ul li.btn16 {left: 118px;top: 275px;}

#contents .map_area ul li.btn17 {left: 210px;top: 275px;}

#contents .map_area ul li.btn18 {left: 26px;top: 314px;}

#contents .map_area ul li.btn19 {left: 26px;top: 407px;}

#contents .map_area ul li.btn20 {left: 327px;top: 24px;}

#contents .map_area ul li.btn21 {left: 419px;top: 24px;}

#contents .map_area ul li.btn22 {left: 327px;top: 63px;}

#contents .map_area ul li.btn23 {left: 327px;top: 128px;}

#contents .map_area ul li.btn24 {left: 419px;top: 128px;}

#contents .map_area ul li.btn25 {left: 327px;top: 168px;}

#contents .map_area ul li.btn26 {left: 201px;top: 431px;}

#contents .map_area ul li.btn27 {left: 293px;top: 431px;}

#contents .map_area ul li.btn28 {left: 201px;top: 470px;}

#contents .map_area ul li.btn29 {left: 293px;top: 470px;}

#contents .map_area ul li.btn30 {left: 410px;top: 431px;}

#contents .map_area ul li.btn31 {left: 502px;top: 431px;}

#contents .map_area ul li.btn32 {left: 410px;top: 470px;}

#contents .map_area ul li.btn33 {left: 502px;top: 470px;}

#contents .map_area ul li.btn34 {left: 703px;top: 13px;}

#contents .map_area ul li.btn35 {left: 703px;top: 78px;}

#contents .map_area ul li.btn36 {left: 795px;top: 78px;}

#contents .map_area ul li.btn37 {left: 703px;top: 118px;}

#contents .map_area ul li.btn38 {left: 795px;top: 118px;}

#contents .map_area ul li.btn39 {left: 703px;top: 158px;}

#contents .map_area ul li.btn40 {left: 795px;top: 158px;}

#contents .map_area ul li.btn41 {left: 703px;top: 224px;}

#contents .map_area ul li.btn42 {left: 795px;top: 224px;}

#contents .map_area ul li.btn43 {left: 703px;top: 264px;}

#contents .map_area ul li.btn44 {left: 795px;top: 264px;}

#contents .map_area ul li.btn45 {left: 703px;top: 304px;}

#contents .map_area ul li.btn46 {left: 795px;top: 304px;}

#contents .map_area ul li.btn47 {left: 703px;top: 344px;}

/* .step_area
-------------------------- */
#contents .inner .step_area {
	width: 856px;
	margin: 0 auto 40px;
}

#contents .inner .step_area ul {overflow: hidden;}

#contents .inner .step_area ul li {
	float: left;
	width: 232px;
}

#contents .inner .step_area ul li.arrow {
	width: 80px;
	text-align: center;
	padding: 61px 0;
}

#contents .inner .step_area ul dl dt {padding-bottom: 5px;}

#contents .inner .step_area ul .step_03 {margin-right: 0;}

#contents .inner .step_area ul dl dd {
	font-size: 15px;
	line-height: 1.4;
	padding: 3px;
}

#contents .inner .step_area ul dl dd span {font-weight: bold;}

#contents .inner .step_area ul dl dd ul li {
	float: none;
	width: auto;
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0;
}

/* .btn_area
-------------------------- */
#contents .btn_area {
	width: 632px;
	height: 82px;
	margin: 0 auto 0;
	padding: 21px 23px 20px;
}

#contents .btn_area a:hover img{
    filter: alpha(opacity=40) !important;
    -moz-opacity: 0.40 !important;
    opacity: 0.40 !important;
    zoom: 1 !important;
    behavior: url("/common/js/PIE.htc");
}

/* slider_area
-------------------------- */
#contents .slider_area .main_type {
	position: relative;
	width: 764px;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 0 auto;
	padding: 21px 71px;
}

#contents .slider_area .main_type_inner {
	overflow: hidden;
	z-index: 99;
	width: 764px;
	height: 460px;
}

#contents .slider_area .main_type .slideshow_inner ul li {float: left;}

#contents .slider_area .main_type .slideshow_inner ul.level2 > li {
	width: 180px !important;
	padding: 0 6px 0 5px;
}

#contents .slider_area .main_type .slideshow_inner ul li div {
	position: relative;
	display: block;
	height: 440px;
	color: #444444;
	text-decoration: none;
	-ms-word-break: break-all;
	word-break: break-all;
	background-color: #fafafa;
	padding: 9px;
	border: solid 1px #e0e0e0;
}

#contents .slider_area .main_type .slideshow_inner ul li div .star {
	background: url(https://img.goo-net.com/goopit/assets/img/ad/common/new_bg_star_s.gif) no-repeat scroll left top;
	width: 139px;
	height: 20px;
	padding: 6px 8px;
	margin-bottom: 2px;
}

#contents .slider_area .main_type .slideshow_inner ul li div .star dt {
	float: right;
	color: #fe0000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
}

#contents .slider_area .main_type .slideshow_inner ul li div .star dd {
	float: left;
	width: 100px;
}

#contents .slider_area .main_type .slideshow_inner ul li div .star dd li {
	float: left;
	width: 18px;
	line-height: 0;
	font-size: 0;
	vertical-align: top !important;
}

#contents .slider_area .main_type .slideshow_inner ul li div .star dd li img {vertical-align: top !important;}

#contents .slider_area .main_type .slideshow_inner ul li div .evaluation  {
	color: #666666;
	font-size: 14px;
	border-bottom: dotted 1px #cccccc;
	clear: both;
	padding: 3px 0 1px;
}

#contents .slider_area .main_type .slideshow_inner ul li div .evaluation dt {
	color: #fe0000;
	float: right;
	font-weight: bold;
}

#contents .slider_area .main_type .slideshow_inner .balloon {
	position: relative;
	width: 141px;
	height: 79px;
	color: #666666;
	font-size: 14px;
	background: url(https://img.goo-net.com/goopit/assets/img/ad/common/new_bg_review_balloon.png) no-repeat scroll left top;
	margin: 5px 0 0 0;
	padding: 14px 8px 8px;
}

#contents .slider_area .main_type .slideshow_inner .balloon a {
	position: absolute;
	bottom: 10px;
	right: 5px;
}

#contents .slider_area .main_type .slideshow_inner ul li div .none {
    position: relative;
    display: none !important;
}

#contents .slider_area .main_type .slideshow_inner ul li div div {
	height: auto;
	border: none;
	padding: 0;
	background-color: none;
}

#contents .slider_area .main_type .slideshow_inner .amount,
#contents .slider_area .main_type .slideshow_inner .use_menu {
	font-size: 13px;
	padding: 5px 0;
}

#contents .slider_area .main_type .slideshow_inner .use_menu dd {
	font-weight: bold;
	letter-spacing: -0.04em;
}

#contents .slider_area .main_type .slideshow_inner .car_model {
	font-size: 13px;
	padding: 5px 0;
	border-top: 1px dotted #CCC;
}

#contents .slider_area .main_type .slideshow_inner .use_menu span,
#contents .slider_area .main_type .slideshow_inner .car_model em {font-weight: bold;}

#contents .slider_area .main_type .slideshow_inner {
	width: 764px;
	height: 460px;
	z-index: 80;
}

#contents .slider_area #record_slider .slideshow_inner {height: 342px;}

#contents .slider_area .main_type .slideshow_inner ul > {width: 764px;}

#contents .slider_area #record_slider .slideshow_inner ul.level2 > li {
	width: 178px !important;
	padding: 0 8px 0 5px;
}

#contents .slider_area #record_slider .slideshow_inner ul li a {
	padding: 35px 8px 8px;
	height: 295px;
}

#contents .slider_area .main_type .slideshow_inner ul li div span {
	margin-bottom: 5px;
	display: block;
	line-height: 1.2;
}

#contents .slider_area .main_type .slideshow_inner ul li div .shop {
	color: #0099FF;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

#contents .slider_area .main_type .slideshow_inner ul li div:hover .shop {
	color: #004CCA;
	text-decoration: underline;
}

#contents .slider_area .main_type .slideshow_inner ul li div .area {
	font-size: 12px;
	font-weight: bold;
}

#contents .slider_area .main_type .slideshow_inner ul li div .img_area {
	position: absolute;
	left: 5px;
	bottom: 4px;
	margin: 0;
}

#contents .slider_area .main_type .slideshow_inner .genre {
	position: absolute;
	top: 6px;
	left: -3px;
	background: url(https://img.goo-net.com/goopit/assets/img/ad/common/new_bg_record_title.png) no-repeat scroll left top;
	width: 124px;
	height: 17px;
	padding: 5px 8px;
	margin-bottom: 0;
	color: #ffffff;
	font-weight: bold;
}

#contents .slider_area .main_type .slideshow_inner .data li {
	border-bottom: dotted 1px #cccccc;
	font-size: 11px;
	color: #666666;
	width: 100%;
}

#contents .slider_area .main_type .slideshow_inner .data li .price {
	display: inline;
	padding-left: 7px;
	font-weight: bold;
	color: #fe0000;
}

#contents .slider_area .main_type .slideshow_inner .data li dl dt {
	float: left;
	width: 30px;
}

#contents .slider_area .main_type .slideshow_inner .data li dl dd {
	float: left;
	width: 90px;
	font-weight: bold;
}

#contents .slider_area .main_type .slideshow_inner .period {
	background: url(https://img.goo-net.com/goopit/assets/img/ad/common/new_bg_coupon_period.gif) no-repeat scroll left top;
	width: 118px;
	height: 26px;
	padding: 6px 0 0 4px;
	margin-bottom: 5px;
}

#contents .slider_area .main_type .slideshow_inner .period dt {
	float: left;
	width: 24px;
	background-color: #f89d19;
	padding: 4px 3px;
	line-height: 1.0;
	color: #ffffff;
}

#contents .slider_area .main_type .slideshow_inner .period dd {
	float: left;
	width: 83px;
	color: #e60013;
	font-size: 11px;
	line-height: 1.0;
	padding-left: 5px;
}

#contents .slider_area .main_type .slideshow_inner .font11 {font-size: 11px;}

#contents .slider_area .main_type .slideshow_inner .pause {
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 5px;
}

#contents .slider_area .main_type .slideshow_inner .amount {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 5px;
}

#contents .slider_area .main_type .slideshow_inner .amount em {
	color: #FF0001;
	font-weight: bold;
	padding-left: 3px;
}

#contents .slider_area .main_type .prev {
	position: absolute;
	left: 16px;
	top: 207px;
	text-decoration: none;
}

#contents .slider_area .main_type .next {
	position: absolute;
	right: 16px;
	top: 207px;
	text-decoration: none;
}

#contents .slider_area .main_type .pager {
	width: 132px;
	margin: 0 auto 0;
	padding-top: 20px;
}

#contents .slider_area .main_type .pager li {
	cursor: pointer;
	width: 22px;
	height: 12px;
	float: left;
	background: url(https://img.goo-net.com/goopit/assets/img/index/pager_gray.gif) no-repeat scroll center 50%;
}

#contents .slider_area .main_type .pager li.on {
	background: url(https://img.goo-net.com/goopit/assets/img/index/pager_red.gif) no-repeat scroll center 50%;
}

#contents .slider_area .main_type .pager li span {
	opacity:0.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-moz-opacity:0;
	-khtml-opacity: 0;
	display:inline-block\9;
	zoom: 1 !important;
}

/* 調整用 */
.mr0 {margin-right: 0 !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.pl35 {padding-left: 35px !important;}
.center {text-align: center !important;}
.bold {font-weight: bold !important;}
.fs14 {font-size: 14px !important;}
.fs20 {font-size: 20px !important;}