@charset "utf-8";
/*##################################################
-------------LIST-------------
 01: 
 02: 
 03: 
 04: 
 05: 
 06: 
------------------------------
##################################################*/


/* --------------------------------------------------
 01: reset
 -------------------------------------------------- */
h1 {
	border: none;
	margin: 0;
	padding: 0;
}
/* --------------------------------------------------
 02: img_main
 -------------------------------------------------- */
div.img_main {
	position: relative;
	width: 1000px;
	overflow: hidden;
}
div.img_main p.img_main01 {
	width: 1000px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
div.img_main dl.movie {
	position: absolute;
	top: 45px;
	left: 699px;
	width: 194px;
}
div.img_main dl.movie dd.tvcm {
	position: absolute;
	top: 53px;
	left: 13px;
}
div.img_main dl.movie dd.making {
	position: absolute;
	top: 198px;
	left: 13px;
}

/* --------------------------------------------------
 03: outline
 -------------------------------------------------- */
div.bg_outline_left {
	background: url(../img/bg_outline_left.jpg) top left repeat-y;
}
div.bg_outline_right {
	background: url(../img/bg_outline_right.jpg) top right repeat-y;
}
div.bg_outline_body {
	width: 932px;
	margin: 0 34px 34px 34px;
	background: #53B504 url(../img/bg_outline_x.jpg) top left repeat-x;
}
div.innerBox {
	width: 882px;
	margin: 0 auto 8px auto;
	background: #fff url(../img/bg_outline_box.gif) bottom left no-repeat;
}
div.innerBox div.leftBox {
	width: 510px;
	padding: 13px 0 10px 0;
	float: left;
}
div.outlineBox {
	width: 861px;
	margin: 0 auto 10px auto;
	background: #fff url(../img/bg_dotted.jpg) bottom left repeat-x;
}
div.section h2 {
	float: left;
}
div.section p {
	float: right;
}
div.section.kikan {
	padding: 0 0 12px 0;
	background: #fff url(../img/bg_dotted.jpg) bottom left repeat-x;
}
div.section.car {
	padding: 8px 0 12px 0;
	background: #fff url(../img/bg_dotted.jpg) bottom left repeat-x;
}
div.section.jyoken {
	padding: 10px 0 0 0;
}
div.section.money {
	width: 341px;
	float: right;
	padding: 13px 0 10px 0;
}
div.section.money p {
	float: none;
	display: inline;
}
p.img_carall {
	width: 886px;
	background: url(../img/bg_outline_btm.jpg) bottom left no-repeat;
	padding: 0 23px 22px 23px;
}
div#top div.carBox {
	width: 861px;
	margin: 0 auto 0 auto;
}
div#top div.carBox img.pd {
	padding-right: 5px;
}
div#top div.carBox img.pdb {
	padding-bottom: 5px;
}
div#top div.carBox h2 {
	float: left;
	padding-bottom: 10px;
}
body#popup {
	background-image: none;
}
div.popup {
	background: #fff;
}
div.popup p.carimg{
	position: relative;
}
div.popup p.carimg img{
	margin: 0 auto 5px auto;
}
div.popup p.carimg img.btn_car{
	position: absolute;
	top:10px;
	right:10px;
}
div.popup p.btn_store{
	margin: 0 auto;
}
div.popup p.btn_store a{
	display: block;
	width: 644px;
	height: 74px;
	background: url(../img/popup_btn_store_o.jpg) no-repeat 0 0;
}
div.popup p.btn_store a:hover img{
	visibility: hidden;
}
ul.btnBox {
	position: relative;
	margin: 12px 34px 14px 34px;
	height: 134px;
}
ul.btnBox li.campaign01 {
	position: absolute;
	top: 0;
	left: 0;
}
ul.btnBox li.campaign02 {
	position: absolute;
	top: 0;
	left: 235px;
}
ul.btnBox li.campaign03 {
	position: absolute;
	top: 0;
	left: 471px;
}
ul.btnBox li.campaign04 {
	position: absolute;
	top: 0;
	left: 707px;
}
div.selectBox {
	width: 480px;
	margin: 10px auto 0 auto;
	position: relative;
}
div.selectBox p#ch1 {
	position: absolute;
	top: 0;
	left: 27px;
	left: 177px;
	cursor: pointer;
}
div.selectBox p#ch2 {
	position: absolute;
	top: 0;
	left: 327px;
	cursor: pointer;
}
div.selectBox p#ch3 {
	position: absolute;
	top: 0;
	left: 27px;
	cursor: pointer;
}

/* --------------------------------------------------
 01: clearfix
 -------------------------------------------------- */
.section,
.clearfix {
	zoom: 1;
}
/* for IE5 Mac start \*//*/
.section,
.clearfix {
	display: inline-table;
}
/*for IE5 Mac end */
.section:after,
.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}