@charset "shift_jis";

/* ----------------------
.reset
---------------------- */
h1,h2,h3,h4,h5,h6,li,ul,ol,dl,dt,dd,p,table,th,td {
	margin:0;
	padding:0;
}
li{list-style:none;}

/* ----------------------
common
---------------------- */
.clearfix {zoom:1;}
.clearfix:after {content:'';display:block;clear:both;}

/* ----------------------
rubrique (overwrite only this pade)
---------------------- */
.rubrique {
	margin:0 auto;
}

/* ----------------------
mod01
---------------------- */
.mod01 {
	margin: 39px 0 25px -4px;
}
	.mod01-txt {
		position: relative;
		height: 98px;
		background: url(../image/peugeot_207_lineup/bg_01.png) no-repeat 0 bottom;
	}
		.mod01-p {
			position:absolute;
			top: 25px;
			left: 24px;
		}
		.mod01-p02 {
			position:absolute;
			top: 27px;
			left: 553px;
		}
/* ----------------------
mod02
---------------------- */
.mod02 {
	width: 737px;
	margin: 48px 21px 17px;
}
	.mod02-left {
		float: left;
		width: 356px;
	}
	.mod02-right {
		float: right;
		width:352px;
	}
/* ----------------------
mod03
---------------------- */
.mod03 {
	width: 737px;
	margin: 62px 21px 0 17px;
}
	.mod03-left {
		float: left;
		width: 356px;
	}
	.mod03-right {
		float: right;
		width: 356px;
	}
/* ----------------------
mod04
---------------------- */
.mod04 {
	position: relative;
	height: 241px;
	margin: 50px 0 0;
	background: url(../image/peugeot_207_lineup/bg_02.jpg) no-repeat 0 0;
}
	.mod04-txt {
		position: absolute;
		top: 26px;
		left: 42px;
	}
		.mod04-btn {
			width: 330px;
			padding: 11px 0;
			text-align: center;
			background: url(../image/peugeot_207_lineup/bg_03.png) no-repeat 0 0;
		}
/* ----------------------
mod05
---------------------- */
.mod05 {
	position: relative;
	width: 734px;
	height: 274px;
	margin: 40px 20px 0;
	background: url(../image/peugeot_207_lineup/bg_04.png) no-repeat 0 bottom;
}
	.mod05-txt {
		position: absolute;
		left: 22px;
		width: 329px;
	}
	.mod05-pic {
		position: absolute;
		left: 382px;
	}
/* ----------------------
mod06
---------------------- */
.mod06 {
	position: relative;
	height: 326px;
	background: url(../image/peugeot_207_lineup/bg_05.png) no-repeat 0 0;
}
	.mod06 .hgroup {
		position: absolute;
		top: 20px;
		left: 19px;
		z-index: 1;
	}
	.mod06 .pic {
		position: absolute;
		top: 73px;
		left: 19px;
		z-index: 0;
	}
	.mod06 .price {
		position: absolute;
		top: 76px;
		left: 429px;
	}
	.mod06 .action {
		position: absolute;
		top: 259px;
		left: 410px;
		width: 344px;
		/zoom: 1;
	}
	.mod06 .action:after {
		content: '';
		display: block;
		clear: both;
	}
	.mod06 .action .col01 {
		float: left;
	}
	.mod06 .action .col02 {
		float: right;
	}
/* ----------------------
mod07
---------------------- */
.mod07 {
	margin: 26px 0 0;
	background: url(../image/peugeot_207_lineup/bg_06.png) no-repeat 0 37px;
}
/* ----------------------
mod08
---------------------- */
.mod08 {
	position: relative;
	height: 305px;
}
	.mod08 .hgroup {
		position: absolute;
		top: 21px;
		left: 20px;
		width: 739px;
	}
		.mod08 .hgroup h2 {
			float: right;
		}
		.mod08 .hgroup h3 {
			float: left;
		}
	.mod08 .pic {
		position: absolute;
		top: 66px;
		left: 22px;
	}
	.mod08 .price {
		position: absolute;
		top: 55px;
		left: 429px;
	}
	.mod08 .action {
		position: absolute;
		top: 238px;
		left: 410px;
		width: 344px;
	}
	.mod08 .action .col01 {
		float: left;
	}
	.mod08 .action .col02 {
		float: right;
	}

/* ----------------------
etc.. common module
---------------------- */

.mod-btn {
	background: url(../image/peugeot_207_lineup/spt_01.png) repeat-x 0 0;
}
	.mod-btn p {
		padding: 11px 0 11px;
		text-align: center;
		background: url(../image/peugeot_207_lineup/spt_01.png) repeat-x 0 bottom;
	}

.mod-hr {
	height: 5px;
	background: url(../image/peugeot_207_lineup/spt_02.png) no-repeat 0 0;
}
.mod-hr hr {
	display: none;
}

/* ----------------------
.unit04
---------------------- */
.unit04{
	width:775px;
	height:41px;
	margin:25px 0 0 0;
}
.unit04 ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.unit04 li{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
.unit04 li img{
	vertical-align:top;
}
.unit04 li.navi01{left:-3px;}
.unit04 li.navi02{left:192px;}
.unit04 li.navi03{left:387px;}
.unit04 li.navi04{left:583px;}


/* ----------------------
.unit05
---------------------- */
.unit05{
	width:100%;
	margin:21px 0 0 0;
}
.unit05 ul{
	margin:0;
	padding:0;
}
.unit05 ul li{
	padding:2px 0 0 10px;
	line-height:1.2;
	letter-spacing:0.05em;
	font-size:10px;
	list-style:none;
	color:#666;
	background:url(../../common/images/parts/icn_notice_01.gif) 0 5px no-repeat;
}
.unit05 ul li a{
	color:#036;
	text-decoration:underline;
}


/* ----------------------
.unit06
---------------------- */
.unit06{
	margin:18px 0 0 0;
	padding:0 0 12px 0;
	width:100%;
}
.unit06 p{
	line-height:1.4;
	padding:0 0 4px 0;
}
.unit06 ul{
	margin:0;
	padding:11px 0 0 0;
	list-style:none;
}
.unit06 li{
	margin:0;
	padding:0 0 2px 1em;
	text-indent:-1em;
	font-size:11px;
	color:#666;
}

/* ----------------------
.unit07
---------------------- */
.unit07 {
	margin:25px 0 0;
	padding:0 0 14px 0;
	background:url(../image/3008_debut/bg_02.png) repeat-y 0 0;
	/zoom:1;
}
.unit07:after {
	content:'';
	display:block;
	clear:both;
}
.unit07 .txt {
	float:right;
	display:inline;
	width:455px;
	margin:15px 29px 0 0;
}
.unit07 .txt h2 {
	margin:0 0 16px;
}
.unit07 .txt p {
	line-height:1.4;
}
.unit07 .txt .btn {
	margin:19px 0 0;
}
.unit07 .pic {
	float:left;
	display:inline;
	width:260px;
	margin:15px 0 0 16px;
}

