@charset "utf-8";

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

	/dog/honda-car/

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

.car.box {
	width: 920px;
	padding: 35px 30px 50px;
}

.carTitle {
	display: none;
	margin-bottom: 15px;
	text-align: center;
}

.carMainvisual {
	position: relative;
	margin-bottom: 20px;
	border-top: solid 3px #000;
}
.carMainvisual img {
	display: block;
}

.carMainvisual .logo {
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	padding: 10px 25px;
}

.carMainvisual .text {
	height: 40px;
	margin-bottom: 25px;
	border-bottom: solid 3px #000;
	background: url(../image/title_text.gif) right center no-repeat;
	text-indent: -20000px;
}


/* ----------------------------------------
	carType
---------------------------------------- */

.carType .title {
	margin-bottom: 20px;
}

.carType li img {
	display: block;
}

/* type
---------------------------------------- */

.carType .type li {
	position: relative;
	z-index: 2;
	float: left;
	width: 153px;
}

.carType .type .edge a {
	border-right: solid 3px #000;
}

.carType .type a {
	display: block;
	border: solid 3px #000;
	border-right: none;
	color: #000;
	text-align: center;
	font-size: 16px;
	line-height: 33px;
	font-weight: bold;
}

.carType .type .on {
	padding-bottom: 22px;
	background: url(../image/type_bg_active.gif) bottom center no-repeat;
}

.carType .type a:hover,
.carType .type .on a {
	background: #a9f2e9;
}

/* cars
---------------------------------------- */

.carType .cars {
	position: relative;
	z-index: 1;
	margin-top: -3px;
	padding: 20px 0;
	border-top: solid 3px #000;
	border-bottom: solid 3px #000;
	text-align: center;
	font-size: 14px;
}

.carType .carsSection {
	display: none;
}

.carType .on {
	display: block;
}

.carType .carsSection ul {
	width: 940px;
}
.carType .carsSection li {
	float: left;
	margin: 0 13px 10px 0;
}
.carType .carsSection li a {
	color: #000;
	transition: 0;
}
.carType .carsSection li a:hover {
	color: #999;
}

.carType .cars li img {
	margin-bottom: 5px;
}

/* carBacknumber
---------------------------------------- */

.car .carBacknumber {
	position: absolute;
	right: 30px;
	bottom: 10px;
	display: block;
}


/* ----------------------------------------
	carBnr
---------------------------------------- */

.carBnr.box {
	width: 920px;
	padding: 3px 30px 0;
}

.carBnr li {
	float: left;
	margin: 10px 23px 13px 0;
}

.carBnr .internavi {
	padding-top: 20px;
}

.carBnr.box .edge {
	margin-right: 0;
}

.carBnr.box li img {
	display: block;
}


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

	/dog/honda-car/backnumber/

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

.backnumber.box {
	width: 910px;
	padding: 25px 35px 20px;
}

.backnumber .carTitle {
  margin-bottom: 30px;
}

.backnumberList {
	padding: 0 35px;
}
.backnumberList h4 {
	padding-left: 10px;
	border-left: solid 5px #000;
	font-size: 16px;
	font-weight: normal;
}
.backnumberList ul {
	border-top: solid 1px #000;
	margin-top: 5px;
	padding: 20px 0 0 20px;
}
.backnumberList li {
	display: inline-block;
	margin: 0 20px 20px 0;
}
.backnumberList li a {
	display: inline-block;
	padding-left: 35px;
	background: url(../../image/list_mark.gif) no-repeat;
	font-size: 14px;
	line-height: 28px;
}


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

	/dog/honda-car/各車種/

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

.breadcrumb {
	margin-bottom: 10px;
	line-height: 1;
}
#contents_area .breadcrumb a {
	color: #333;
}
.breadcrumb span {
	margin: 0 7px;
}

.detail .carMainvisual {
	margin-bottom: 35px;
}

.carDetail {
	font-size: 14px;
}
.carDetail h4 {
	position: relative;
	padding: 0 0 11px 30px;
	background: url(../image/detail/icon.gif) no-repeat;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}
.carDetail h4 span {
	position: absolute;
	left: -2px;
	bottom: 0;
	display: block;
	width: 923px;
	height: 6px;
	background: url(../image/detail/border.gif) no-repeat;
}
.carDetail img {
	display: block;
}

.carDetailMainvisual {
	display: block;
	margin: 20px 0 25px;
	font-size: 14px;
}

.carDetailMainvisual .headtext {
	font-size: 18px;
	font-weight: bold;
}

.carDetailMainvisual img {
	margin: 15px 0 10px;
}


/* ----------------------------------------
	nav
---------------------------------------- */

#contents_area .detail .nav li {
	position: relative;
	z-index: 2;
	float: left;
	width: 230px;
}
#contents_area .detail .nav a {
	display: block;
	width: 100%;
	height: 38px;
	text-indent: -20000px;
}
#contents_area .detail .nav a:hover,
#contents_area .detail .nav .on a {
	opacity: 1;
	background-color: #ff9b17;
}
#contents_area .detail .nav .on a {
	cursor: default;
}


/* ----------------------------------------
	carDetailSection
---------------------------------------- */

.carDetailSection {
	margin-top: 30px
}
.carDetailSection h4,
.carDetailSection p {
	margin-bottom: 15px;
}

.carDetailTop h4 {
	margin-bottom: 15px;
}

.carDetailSection li,
.carDetailTop li {
	position: relative;
}

.carDetailSection li.on,
.carDetailTop li.on {
	display: none;
}

.carDetailSection li a span,
.carDetailTop li a span {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 13px;
	height: 13px;
	background: url(../image/detail/zoom_icon.gif);
}

.carDetailSection li.single,
.carDetailTop li.single {
	display: list-item;
}
.carDetailSection li.single *,
.carDetailTop li.single * {
	display: none;
}


/* ----------------------------------------
	Detail Top Page
---------------------------------------- */

.top .carDetailTop p {
	margin: 20px 0;
}

.carSlider {
	position: relative;
}

.carDetail .sliderArea {
	overflow: hidden;
	width: 560px;
	height: 340px;
}

.carDetail .sliderWrap {
	width: 100%;
	height: 324px;
	margin: 0;
	padding-bottom: 16px;
}

.carDetail .sliderWrap .slided {
	position: absolute;
}

.carDetail .sliderWrap .sliderNav li a {
	background: url(../image/detail/slider_nav.gif);
}

.carDetail .sliderWrap .sliderNav .active a {
	background: url(../image/detail/slider_nav_on.gif);
}

.carDetail .carInfo {
	position: absolute;
	right: 0;
	bottom: 16px;
	z-index: 3;
	width: 346px;
}

.carDetail .carInfo .data {
	display: block;
	margin-bottom: 10px;
}

.carDetail .carInfo table {
	margin: 0;
}
.carDetail .carInfo th,
.carDetail .carInfo td {
	padding: 10px;
	border: solid 2px #000;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
.carDetail .carInfo th {
	white-space: nowrap;
}

/* carDetailWanko
---------------------------------------- */

.carDetailWanko li {
	width: 434px;
	float: left;
}
.carDetailWanko li img {
	margin-bottom: 15px;
}

.carDetailWanko .edge {
	float: right;
}

.carDetailWanko .profile {
	position: relative;
	padding-right: 178px;
}
.carDetailWanko .profile h5 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: dashed 2px #000;
	font-size: 17px;
	line-height: 1;
	font-weight: bold;
}
.carDetailWanko .profile p {
	padding: 0 2px;
}

/* imgListCol3
---------------------------------------- */

.imgListCol3 li {
	float: left;
	width: 296px;
	margin: 15px 15px 0 0;
}

.imgListCol3 .edge {
	margin-right: 0;
}


/* ----------------------------------------
	imgListSelect
---------------------------------------- */

.imgListSelect .imgWrap {
	position: relative;
	margin-bottom: 35px;
}
.imgListSelect .dogType {
	overflow: hidden;
	position: relative;
	width: 825px;
	height: 376px;
}

.single.imgListSelect .dogType {
	width: 557px;
}

.imgListSelect ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	padding-left: 573px;
}
.imgListSelect li {
	overflow: hidden;
	position: relative;
	width: 252px;
	height: 168px;
	margin-bottom: 15px;
}
.imgListSelect li a {
	display: inline-block;
}
.imgListSelect li img {
	height: 168px;
	margin-left: -7px;
}

/* lNum3, lNUm4 */

.lNum3 .dogType,
.lNum4 .dogType {
	width: 1000px;
}

.lNum3 li,
.lNum4 li {
	float: left;
	width: 166px;
	margin: 0 15px 15px 0;
}
.lNum3 li img,
.lNum4 li img {
	margin-left: -53px;
}

/* wide */

.imgListSelect .wide {
	position: absolute;
	left: 0;
	top: 0;
	width: 557px;
	height: 100%;
}
.imgListSelect .wide img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: auto;
	margin: 0;
}

.imgListSelect .wide .on{
	z-index: 2;
}

.imgListSelect .wide p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	line-height: 1;
}

/* dogTypeNav
---------------------------------------- */

.imgListSelect .dogTypeNav {
	position: absolute;
	right: 0;
	bottom: 20px;
	margin: 0;
	text-align: center;
	font-size: 10px;
}
#contents_area .imgListSelect .dogTypeNav a {
	display: block;
	width: 65px;
	border: solid 3px #000;
	border-top: none;
	color: #000;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
}
#contents_area .imgListSelect .dogTypeNav a:hover,
#contents_area .imgListSelect .dogTypeNav .on {
	opacity: 1;
	background: #b1ebb6;
}

#contents_area .imgListSelect .dogTypeNav .on {
	cursor: default;
}

#contents_area .imgListSelect .dogTypeNav .top {
	border-top: solid 3px #000;
}

/* captionChg
---------------------------------------- */

.captionChg p {
	display: none;
}

.captionChg .on {
	display: block;
}

.imgListSelect .captionChg span {
	display: none;
}

.s .captionChg .s,
.m .captionChg .m {
	display: block;
}


/* ----------------------------------------
	imgListStd
---------------------------------------- */

.imgListStd ul {
	width: 940px;
}
.imgListStd li {
	float: left;
	width: 470px;
	margin-bottom: 15px;
}
.imgListStd li p {
	width: 450px;
	margin: 10px 0 0;
}

.imgListStd.seat .wide {
	width: 920px;
}

.seat p {
	width: 100% !important;
	margin-bottom: 20px;
}

.imgListStd.seat .btn {
	margin-top: 15px;
	text-align: right;
}
.imgListStd.seat .btn img {
	display: inline-block;
}

/* imgListSelect
---------------------------------------- */

.imgListStd .imgListSelect .imgWrap {
	margin: 0 20px 0 0;
}

.imgListStd .imgListSelect .dogType {
	width: 100%;
	height: 300px;
}

.imgListStd .imgListSelect .dogTypeNav {
	right: 10px;
	bottom: 10px;
	z-index: 2;
	width: 71px;
	background: #f9ebdb;
}


/* ----------------------------------------
	imgList5num
---------------------------------------- */

.imgList5num ul {
	position: relative;
	padding-left: 460px;
}
.imgList5num li {
	float: left;
	margin: 0 0 15px 15px;
}

.imgList5num .wide {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
}


/* ----------------------------------------
	imgListAccess
---------------------------------------- */

.imgListAccess ul {
	position: relative;
	height: 420px;
	margin-bottom: 15px;
	padding-left: 610px;
}
.imgListAccess li {
	overflow: hidden;
	height: 193px;
	margin-bottom: 33px;
}
.imgListAccess li img {
	width: 100%;
}

.imgListAccess .wide {
	position: absolute;
	left: 0;
	top: 0;
	width: 584px;
	height: 100%;
}
.imgListAccess .wide img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
}

.imgListAccess .wide .on {
	z-index: 2;
}

.imgListAccess p span {
	float: left;
	width: 585px;
}

.imgListAccess .btn {
	float: right;
}


/* ----------------------------------------
	imgSingle
---------------------------------------- */

.imgSingle img {
	margin: 0 auto 15px;
}


/* ----------------------------------------
	bottomAttention
---------------------------------------- */

#bottomAttention {
	margin-top: 20px;
	text-align: right;
	color: #f00;
}