@charset "shift_jis";

/* ++++++++++++++++++++++++++++++++++++++++

	/dog/honda-car/stepwgn/

++++++++++++++++++++++++++++++++++++++++ */

.detail .nav .top a {
	background: url(../image/nav_top.gif);
}
.detail .nav .top a:hover,
.detail .nav .top.on a {
	background: url(../image/nav_top_on.gif);
}

.detail .nav .space a {
	background: url(../image/nav_space.gif);
}
.detail .nav .space a:hover,
.detail .nav .space.on a {
	background: url(../image/nav_space_on.gif);
}

.detail .nav .interior a {
	background: url(../image/nav_interior.gif);
}
.detail .nav .interior a:hover,
.detail .nav .interior.on a {
	background: url(../image/nav_interior_on.gif);
}

.detail .nav .accessory a {
	background: url(../image/nav_accessory.gif);
}
.detail .nav .accessory a:hover,
.detail .nav .accessory.on a {
	background: url(../image/nav_accessory_on.gif);
}

.bnrDeveloper {
	text-align: center;
	padding-top: 50px;
}

.carDetailMainvisual {
	position: relative;
	z-index: 1;
}

.bnrDeveloperS {
	position: relative;
	z-index: 2;
	margin: -93px 0 0 10px;
}
.bnrDeveloperS a {
	display: block;
	width: 324px;
	height: 58px;
	background: url(../image/bnr_developer_s.png);
	text-indent: -20000px;
	transition: 0s;
}
.bnrDeveloperS a:hover {
	opacity: .7;
}

.accessory .carDetailTop {
	margin-top: 25px;
}


/* ----------------------------------------
	space.html
---------------------------------------- */

#spaceRide {
	position: relative;
	width: 780px;
	margin: 30px auto 0;
	min-height: 352px;
	padding: 20px;
	border: solid 1px #000;
}
#spaceRide h5 {
	margin-bottom: 20px;
	font-size: 120%;
	line-height: 1;
}

#spaceRide .imgWrap {
	position: absolute;
	right: 20px;
	top: 20px;
}

#spaceRide .imgWrap .dogType {
	width: 494px;
}

#spaceRide .imgWrap ul {
  padding-left: 343px;
}
#spaceRide .imgWrap li {
	width: 150px;
}

#spaceRide .imgWrap .wide {
	width: 328px;
}


/* ----------------------------------------
	developer.html
---------------------------------------- */

.devTitle {
	margin: 20px 0 60px;
}
.devTitle .sp {
	display: none;
}

.devTitle h3,
.devTitle p {
	display: none;
}

.devSection {
	margin-bottom: 50px;
}

.devSection .fr {
	display: block;
}

.devSection h4 {
	background: url(../image/developer/fr_head.gif) no-repeat;
	height: 50px;
	padding: 0 0 0 15px;
	color: #fff;
	font-size: 30px;
	line-height: 50px;
}

.devSection .inner {
	margin: -2px 0 0;
	padding: 0 18px 18px;
	border: solid 2px #535353;
	border-radius: 0 0 4px 4px;
	background: #fcf8f4;
}

.devSection .devSectionTitle {
	display: table;
	width: 100%;
	height: 120px;
	margin: 20px 0;
	background: url(../image/developer/comment_bg01.png) no-repeat;
}

.devSection.sec02 .devSectionTitle {
	background-image: url(../image/developer/comment_bg02.png);
}

.devSection .devSectionTitle p {
	display: table-cell;
	padding-left: 230px;
	vertical-align: middle;
	font-size: 18px;
	font-weight: bold;
}
.devSection .devSectionTitle sup {
	display: inline-block;
	position: relative;
	top: -7px;
	width: auto;
	height: auto;
	background: none;
	vertical-align: bottom;
	font-size: 14px;
}

.devSection .text {
	float: left;
	width: 450px;
	margin-bottom: 5px;
}

.devSection .img {
	float: right;
	width: 400px;
	font-size: 11px;
}
#contents_area .devSection .img img {
	display: block;
	max-width: 100%;
	margin: 0 auto 5px;
}