@charset "Shift_JIS";

body {
	padding: 0;
	line-height: 140%;
	color: #323232;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

#wraper {
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/body_bg.gif) repeat-y scroll center;
}

* { margin: 0; padding: 0; border: 0;}

a:link    { color: #323232; text-decoration: none; }
a:visited { color: #323232; text-decoration: none; }
a:hover   { color: #cc0000; text-decoration: none; }
a:active  { color: #cc0000; text-decoration: none; }

h3 {
	font-size: 12pt;
	font-weight: bold;
	line-height: 100%;
}

p {
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 150%;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

.toTop {
	margin: 15px 0 0 0;
}
a.toPageTop {
	margin: 0 0 0 670px;
	height: 13px;
	font-size: 10px;
	line-height: 0;
	background: transparent url(../images/to_pageTop.gif) no-repeat scroll bottom;
}
a.toPageTop:hover {
	margin: 0 0 0 670px;
	height: 13px;
	font-size: 10px;
	line-height: 0;
	background: transparent url(../images/to_pageTop.gif) no-repeat scroll top;
}
/* --IE Hack-- */
*html a.toPageTop {
	margin: 0 0 0 670px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	background: transparent url(../images/to_pageTop.gif) no-repeat scroll bottom;
}
*html a.toPageTop:hover {
	margin: 0 0 0 670px;
	height: 13px;
	font-size: 0;
	line-height: 0;
	background: transparent url(../images/to_pageTop.gif) no-repeat scroll top;
}
/* ------------------------------------------------
		Header Area
------------------------------------------------- */
#header {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	text-align: left;
}

#headerBox {
	margin: 0 0 3px 0;
	padding: 10px 0 0 0;
	width: 100%;
	color: #666;
}
/* --WHITEHOUSETOWN_logo-- */
.whtlogo {
	float: left;
	width: 50px;
	height: 48px;
	background: transparent url(../images/logo_wht.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.whtlogo a {
	display: block;
	height: 48px;
	width: 50px;
}
/* --BrandStreet_logo-- */
.bslogo {
	float: right;
	margin: 23px 0 0;
	width: 100px;
	height: 25px;
	background: transparent url(../images/logo_brandstreet.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.bslogo a {
		display: block;
	height: 25px;
	width: 100px;
}
/* --パンクズ-- */
.topicPath {
	padding: 34px 105px 0 55px;
	font-size: 0.8em;
	line-height: 0.8em;
}

#header #title {
	padding: 12px 0 10px 0;
	background: transparent url(../images/header_bar.gif) no-repeat scroll top;
}
/* --AUTOPLANET_logo-- */
#header #title h1 {
	float: left;
	width: 179px;
	height: 45px;
	background: transparent url(../images/logo_autoplanet.gif) no-repeat scroll top;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

#header #title p.lead {
	float: right;
	margin: 6px 0 0 0;
	font-size: 0;
	line-height: 0;
}
/* --タグ --*/
#header #tabArea ul {
	margin: 0;
	font-size: 0;
	line-height: 0;
	list-style-type: none;
}
#header #tabArea ul li {
	float: left;
	margin: 0 2px 0 0;
}
#header #tabArea ul li.end {
	float: left;
	margin: 0;
}

/* ------------------------------------------------
		Wrap MainVisual BannerArea
------------------------------------------------- */
#wrap {
	margin: 10px auto 0 auto;
	position: relative;
	width: 800px;
	text-align: left;
}

#wrap #mainPic {
	margin: 0;
	height: 200px;
	background: transparent url(../images/main.jpg) no-repeat scroll top;
}

#wrap #bannerArea {
	margin: 0 5px;
	padding: 10px 0 30px 0;
	width: 790px;
	font-size: 0;
	line-height: 0;
}
#wrap #bannerArea ul {
	list-style-type: none;
}
#wrap #bannerArea li {
	float: left;
	margin: 0 10px 0 0;
}
#wrap #bannerArea li.bnrEnd {
	float: right;
	margin: 0;
}

/* --IE Hack-- */
*html #wrap {
	margin: 10px auto 0 auto;
	padding-left: 10px;
	width: 820px;
}
*html #wrap #bannerArea {
	margin: 0 15px;
}
/* ------------------------------------------------
		Container(Common)
------------------------------------------------- */
#wrap #autoplanet,
#wrap #accessMap,
#wrap #mind,
#wrap #community, {
	padding: 0 10px;
}

#wrap .container {
	margin: 0 0 30px;
}
#wrap #community, {
	margin: 0;
}

.contents {
	width: 790px;
	margin: 0 5px;
	padding: 15px 0 0 0;
}

/* --IE Hack-- */
*html #wrap .container {
	width: 800px;
	margin: 0 0 30px 0;
}
*html #wrap .containerLast {
	width: 800px;
	margin: 0 10px;
}
/* ------------------------------------------------
		Autoplanet Is
------------------------------------------------- */
/* --for01-- */
#autoplanet .contents .pic3 {
	width: 790px;
}

#autoplanet .contents .pic3 .pic3Box {
	float: left;
	margin: 0 15px 0 0;
	height: 120px;
}

#autoplanet .contents .pic3 .pic3BoxEnd {
	float: right;
	margin: 0;
	width: 255px;
	height: 120px;
}
/* --未使用-- */
#autoplanet .contents .tx3Box {
	margin: 10px 0 0 0;
	width: 790px;
}
#autoplanet .contents .tx3Box h3 {
	margin: 0;
	padding: 5px 0 0 10px;
	height: 25px;
	background: transparent url(../images/h3-bg-long.gif) no-repeat scroll top left;
}
#autoplanet .contents .tx3Box p {
	margin: 5px 0 0 15px;
}

/* --Another-- */
#autoplanet .contents .picBox {
	float: left;
	margin: 0 10px 0 0;
	width: 250px;
	height: 120px;
}

#autoplanet .contents .txBox {
	float: right;
	margin: 0;
	width: 530px;
	height: 120px;
}

#autoplanet .contents .txBox h3 {
	margin: 0 0 0 5px;
	padding: 5px 0 0 10px;
	height: 25px;
	background: transparent url(../images/h3-bg.gif) no-repeat scroll top left;
}

#autoplanet .contents .txBox p {
	margin: 5px 0 0 15px;
}

.txtLink {
	padding: 0 0 0 17px;
	background: transparent url(../images/arrow_orange.gif) no-repeat scroll left center;
}
/* ------------------------------------------------
		Autoplanet AccessMap
------------------------------------------------- */
/* --GoogleMapArea-- */
#accessMap #map {
	float: left;
	width:480px;
	height:320px;
	border: solid 1px #ccc;
}
/* --AddressArea-- */
#accessMap #address {
	float: right;
	margin: 0 0 0 10px;
	width: 295px;
	font-size: 10pt;
	line-height: 120%;
}

#accessMap #accessBoxL th,
#accessMap #accessBoxR th {
	text-align: left;
}
#accessMap #address dt {
	margin: 0 0 2px 0;
	padding: 0 0 0 8px;
	height: 20px;
	background: transparent url(../images/address_dt-bg.gif) no-repeat scroll left;
}
#accessMap #address dd {
	padding: 0 0 8px 8px;
}
/* --AccessBox-- */
#accessMap #accessBoxL {
	float: left;
}

#accessMap #accessBoxR {
	float: right;
}

#accessMap #accessBoxL table.acpicBox,
#accessMap #accessBoxR table.acpicBox {
	width: 382px;
}

#accessMap #accessBoxL table.acpicBox h3,
#accessMap #accessBoxR table.acpicBox h3 {
	margin: 0 0 5px 0;
	padding: 5px 0 0 10px;
	height: 20px;
	font-size: 10pt;
	background: transparent url(../images/access_h3-bg.gif) no-repeat scroll left;
}

#accessMap #accessBoxL table.acpicBox .accessArrow,
#accessMap #accessBoxR table.acpicBox .accessArrow {
	margin: 0 5px;
	width: 14px;
	text-align: center;
	vertical-align: center;
}

#accessMap #accessBoxL table.acpicBox img,
#accessMap #accessBoxR table.acpicBox img {
}

#accessMap #accessBoxL table.acpicBox p.num,
#accessMap #accessBoxR table.acpicBox p.num {
	margin: 6px 5px 0 0;
}

#accessMap #accessBoxL table.acpicBox p.accessTxt,
#accessMap #accessBoxR table.acpicBox p.accessTxt {
	margin-top: 5px;
	height: 40px;
	font-size: 8pt;
	line-height: 120%;
}

/* --IE Hack-- */
*html #accessMap #accessBoxL table.acpicBox p.accessTxt,
*html #accessMap #accessBoxR table.acpicBox p.accessTxt {
	margin-top: 5px;
	height: 40px;
	font-size: 9px;
	line-height: 150%;
}
/* ------------------------------------------------
		Autoplanet Mind
------------------------------------------------- */
#mind #mindChip ul {
	list-style-type: none;
}
#mind #mindChip ul li {
	float: left;
	margin: 0 5px 0 0;
}
#mind #mindChip ul li.chipEnd {
	float: right;
	margin: 0;
}

#mind #mindTxt p.copy {
	margin: 0 60px 20px 60px;
}

#mind #mindTxt .mindofBox {
	margin: 0 0 5px 0;
	font-size: 0;
	line-height: 0;
}
#mind #mindTxt .mindofBox .mindofTop {
	height: 6px;
	background: transparent url(../images/mindtx_bg_top.gif) no-repeat scroll bottom;
}
#mind #mindTxt .mindofBox .mindofMain {
	padding: 5px 20px;
	background: transparent url(../images/mindtx_bg.gif) repeat-y scroll center;
}
#mind #mindTxt .mindofBox .mindofMain p.keyWord {
	margin: 2px 0 7px 0;
}
#mind #mindTxt .mindofBox .mindofBottom {
	height: 8px;
	background: transparent url(../images/mindtx_bg_bottom.gif) no-repeat scroll top;
}

/* --IE Hack-- */
*html #mind #mindChip ul li {
	margin: 0 5px 5px 0;
	font-size: 0;
	line-height: 0;
}
/* ------------------------------------------------
		Autoplanet Community
------------------------------------------------- */
#community .contents .shopCom {
	float: left;
}
#community .contents .stuffCom {
	float: right;
}
/* ------------------------------------------------
		Footer
------------------------------------------------- */
#footerBox {
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/footer_bg.gif) no-repeat scroll bottom center;
}

#footer {
	margin: 0 auto 10px auto;
	padding: 50px 0 0 0;
	width: 800px;
}

#footer ul {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: transparent url(../images/footer_bar.gif) no-repeat scroll top;
	font-size: 10pt;
	text-align: left;
	z-index: 1;
}

#footer ul li {
	margin: 0;
	padding: 0 15px;
	background: transparent url(../images/arrow_right.gif) no-repeat scroll left center;
	display: inline;
}

#footer #copyright {
	margin: 30px 0 0 0;
	padding: 0;
	height: 30px;
	font-size: 8pt;
	text-align: center;
	line-height: 120%;
	z-index: 10;
}

#footer .uplink {
	margin: 20px 5px 0 5px;
	padding: 0;
	font-size: 10pt;
	text-align: right;
}
/* ------------------------------------------------
		GoogleBaloon
------------------------------------------------- */
#googleBaloon { margin: 10px; }
#googleBaloon img { margin: 0 0 5px 0; }
#googleBaloon p { font-size: 10pt; line-height: 120%; }
/* ------------------------------------------------
		FloatClearing
------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.contents { display: inline-block; }
/* Hides from IE-mac \*/
* html .contents { height: 1%; }
.contents { display: block; }
/* End hide from IE-mac */

.pic3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pic3 { display: inline-block; }
/* Hides from IE-mac \*/
* html .pic3 { height: 1%; }
.pic3 { display: block; }
/* End hide from IE-mac */