@charset "shift-jis";

/* ============================================================ *
   Copyright (c) ADVANCE. All Right Reserved. 
 * ============================================================ */

/* ------------------------------------------------------------ *
   Container
 * ------------------------------------------------------------ */
#container #mainArea {
	float:left;
	margin-top:10px;
	width:700px;
	text-align:center;
}

#container #rightArea {
	float:right;
	margin-top:17px;
	width:190px;
	text-align:left;
}


/* ------------------------------------------------------------ *
   Container #mainArea
 * ------------------------------------------------------------ */
#mainArea .head {text-align:left;}


/* ------------------------------------------------------------ *
   OWNERS PHOTO GALLERY
 * ------------------------------------------------------------ */
.opg .head {
	text-align:left;
	height:;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

.opg .head h2 {
	font-size:18px;
	text-indent:15px;
}

.opg .head ul {
	display:block;
	margin-top:10px;
	margin-right:11px;
	padding-left:5px;
	height:26px;
	border:1px solid #ccc;
	text-align:center;
}

.opg .head ul li {
	float:left;
	padding-right:26px;
	padding-left:10px;
	line-height:26px;
	font-size:16px;
	font-weight:bold;
	background:url(../owners/img/bg_pathnavi.gif) no-repeat right;
}

.opg .head ul li.last {background:none; padding-right:0;}

.opg .head ul li a {text-decoration:none;}
.opg .head ul li a:hover {text-decoration:underline;}

.opg h3 {
	margin-top:20px;
	margin-right:11px;
	border-bottom:2px solid #ccc;
	border-top:2px solid #ccc;
	background-color:#f6f6f6;
	text-indent:10px;
	font-size:14px;
	line-height:1.5em;
	clear:both;
}

#mainArea .gallery {
	padding-top:10px;
	clear:both;
	text-align:left;
}

#mainArea .gallery .case {
	float:left;
	margin-right:11px;
	width:220px;
	background-color:#e0f3fa;
	border:1px solid #29abe2;
}
/* Syule IE6 Hack */
*html #mainArea .gallery .case {
	width:222px;
}

#mainArea .gallery .case p.tit {
	margin:5px;
	text-indent:5px;
	line-height:20px;
	background:url(../owners/img/bg_tit.gif) repeat-x bottom;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#mainArea .gallery .case img {margin:0 5px; border:5px solid #fff;}

#mainArea .gallery .case dl.data {
	margin:5px;
	width:200px;
	padding:5px;
	background-color:#fff;
}
/* Syule IE6 Hack */
*html #mainArea .gallery .case dl.data {
	width:210px;
}

#mainArea .gallery .case dl.data dt {display:none;}

#mainArea .gallery .case dl.data dd.carname {
	color:#de0000;
	font-weight:bold;
}

#rightArea div.navi h3 {border-bottom:2px solid #666;}

#rightArea div.navi ul li {
	line-height:30px;
	text-indent:25px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	border-bottom:1px solid #ccc;
	background:url(../owners/img/bg_li_off.gif) no-repeat;
}

#rightArea div.navi ul li a {
	display:block;
	width:190px; height:30px;
	text-decoration:none;
	color:#303030;
}

#rightArea div.navi ul li a:hover {
	background:url(../owners/img/bg_li_on.gif) no-repeat;
}

/* tooltip */
.tooltip {padding:10px; background-color:#ffffff; border:1px solid #ccc;}

/* ------------------------------------------------------------ *
   PickUp
 * ------------------------------------------------------------ */
#mainArea .pickup {
	margin:0 10px;
}

#mainArea .pickup h3 {
	line-height:20px;
	background:url(../img/bg_slantedline_blue.gif);
	color:#fff;
	text-indent:10px;
}

#mainArea .pickup .case {
	margin-top:15px;
	height:240px;
}

#mainArea .pickup .case .inner {
	float:left;
	width:330px;
}

#mainArea .pickup .case .inner .stfArea {
	float:left;
	width:80px;
	text-align:left;
}

#mainArea .pickup .case .inner .stfArea p.come {
	margin-top:5px;
	color:#0a50a1;
}

#mainArea .pickup .case .inner .carArea {
	float:right;
	width:240px;
	background-color:#f2f2f2;
	border:1px solid #ccc;
}

#mainArea .pickup .case .inner .carArea .image img {
	margin-top:5px;
	width:230px;
}
#mainArea .pickup .case .inner .carArea p.data {
	margin-top:5px;
	padding:0 5px;
	text-align:left;
}

#mainArea .pickup .case .inner .carArea p.price {
	margin:5px;
	padding:3px 5px;
	background-color:#fbb03b;
	text-align:right;
}

#mainArea .pickup .case .inner .carArea p.price span {
	font-size:16px;
	font-weight:bold;
}

/* ------------------------------------------------------------ *
   CAMPAIGN
 * ------------------------------------------------------------ */
#mainArea .campaign {
	margin:0 10px;
}

#mainArea .campaign h3 {
	line-height:20px;
	background:url(../img/bg_slantedline_blue.gif);
	color:#fff;
	text-indent:10px;
}

#mainArea .campaign .case {
	margin-top:15px;
	padding:5px;
	text-align:left;
	border:1px solid #ccc;
	background-color:#f2f2f2;
}

#mainArea .campaign .case p.image {
	float:left;
	margin-right:10px;
}

#mainArea .campaign .case p.tit {
	font-weight:bold;}
	
#mainArea .campaign .case .red {
	font-size:14px;
	font-weight:bold;
	color:#de0000;
}
#mainArea .campaign .case .price {
	line-height:26px;
	background:url(../recommend/campaign/img/bg_price.gif) no-repeat right;
	text-indent:5px;
}


/* ------------------------------------------------------------ *
   HAPPY POINT
 * ------------------------------------------------------------ */
#mainArea .happypoint {
	margin:20px 10px 0;
	height:80px;
	text-align:left;
}
/* Syule IE6 Hack */
*html #mainArea .happypoint {
	margin-right:10px;
	margin-left:10px;
}

#mainArea .happypoint .caseL {
	float:left;
	padding:5px;
	width:320px;
	border:1px solid #603813;
}
/* Syule IE6 Hack */
*html #mainArea .happypoint .caseL {width:330px;}
#mainArea .happypoint .caseR {
	float:right;
	padding:5px;
	width:320px;
	border:1px solid #603813;
}
/* Syule IE6 Hack */
*html #mainArea .happypoint .caseR {width:330px;}

#mainArea .happypoint p.image {float:left; margin-right:10px;}

#mainArea .happypoint table {
	width:180px;
	line-height:22px;
	font-size:14px;
}

#mainArea .happypoint table td {text-align:right;}
#mainArea .happypoint table td.tit {padding-right:5px; width:100px;}
#mainArea .happypoint table td.point {font-weight:bold;}

#mainArea .happypoint table th {width:15px;}
#mainArea .happypoint table caption {
	text-align:left;
	padding-bottom:3px;
	font:11px/1.5em "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#mainArea .happypoint2 {
	margin:20px 10px 0;
	height:60px;
	text-align:left;
}
/* Syule IE6 Hack */
*html #mainArea .happypoint2 {
	margin-right:10px;
	margin-left:10px;
}

#mainArea .happypoint2 p.image {float:left; margin-right:10px;}
#mainArea .happypoint2 .case {
	padding:5px;
	border:1px solid #603813;
}

#mainArea p.red {font-size:16px; font-weight:bold; color:#de0000;}

/* ------------------------------------------------------------ *
   .rightArea
 * ------------------------------------------------------------ */
#rightArea .pr {
	border:5px solid #ccc;
}

/* magazine */
#rightArea .magazine {
	margin-top:10px;
}

/* mobile */
#rightArea .mobile {
	margin-top:10px;
	height:84px;
	background-color:#fef8ce;
	border:1px solid #ccc;
}

#rightArea .mobile img.qr {
	float:left;
	margin:5px;
	width:74px; height:74px;
}


/* ------------------------------------------------------------ *
   PriceDown
 * ------------------------------------------------------------ */
#mainArea .pDown {
	margin:0 auto;
	width:680px;
	height:1310px;
	background-color:#f7b525;
}

#mainArea .pDown .list {
	margin:0 auto;
	width:640px;
	height:1180px;
	position:relative;
}

#mainArea .pDown .list .case {
	width:310px;
	height:100px;
	position:absolute;
}


/* ------------------------------------------------------------ *
   Repair
 * ------------------------------------------------------------ */
#mainArea .repair {
	margin:0 10px;
}

#mainArea .repair h3 {
	line-height:20px;
	background:url(../img/bg_slantedline_blue.gif);
	color:#fff;
	text-indent:10px;
}

#mainArea .repair .case {
	margin-top:15px;
}