/* *****************************************
/*+  topPage  +*****************************
/***************************************** */
body#top {
	background-position:0 400px;
	}
body#top #header {
	text-align:center;
	}
body#top #wrap {
	margin:0 auto;
	padding:30px 0 0;
	width:840px;
	}
div#topContents {
	float:left;
	margin-right:13px;
	width:565px;
	background:url(../img/topco_bg.gif) no-repeat top left;
	}
div#topContents h2.topBar{
	margin:0 0 15px;
	}
/*+ TOPICS + ---------------------------- */
div.topicsArea {
	margin:10px 0 20px 10px;
	width:545px;
	}
div.topiBox {
	float:left;
	margin:0 8px 10px 0;
	padding:0 0 12px;
	width:268px;
	background:url(../img/topics_bottom.jpg) no-repeat bottom left;
	}
div.topiBoxLong {
	margin:0 8px 10px 0;
	padding:0 0 12px;
	width:546px;
	background:url(../img/topics_bottom_long.jpg) no-repeat bottom left;
	}
div.topiBox.right{
	margin-right:0;
	}
div.topiBox dl {
	padding:0 0 0 14px;
	width:268px;
	min-height:78px;
	height:auto !important;
	height:78px;
	background:url(../img/topics_bg.jpg) no-repeat top left;
	}
div.topiBoxLong dl {
	padding:0 0 0 14px;
	width:532px;
	min-height:78px;
	height:auto !important;
	height:78px;
	background:url(../img/topics_bg_long.jpg) no-repeat top left;
	}
* html div.topiBox dl {
	width:auto;
	}
div.topiBox dt,
div.topiBoxLong dt {
	clear:both;
	display:block;
	float:left;
	margin-top:14px;
	width:94px;
	min-height:75px;
	height:auto !important;
	height:75px;
	vertical-align:top;
	}
div.topiBox dd,
div.topiBoxLong dd {
	display:block;
	margin:0 0 0 104px;
	width:130px;
	line-height:1.4;
	}
div.topiBoxLong dd {
	width:410px;
	}
/*div.topiBox dd p {
	width:130px;
	}
div.topiBoxLong dd p {
	width:410px;
	}*/
div.topiBox dd.date,
div.topiBoxLong dd.date {
	margin-bottom:5px;
	padding-top:14px;
	font-size:0.9em;
	font-weight:bold;
	}
div.topiBox dd.date span,
div.topiBoxLong dd.date span,
div.blogArea dd span {
	padding:0 0 0 5px;
	}
	div.topiBoxLong dd.date_anniv {
	margin-bottom:5px;
	padding-top:20px;
	line-height:1.7em;
	font-size:;

	}
div.topicsArea p.pastList{
	padding:0 10px;
	text-align:right;
	}
/*+ BLOG + ---------------------------- */
div.blogArea {
	margin:10px 0 40px 10px;
	width:545px;
	}
div.blogArea dl{
	margin:0 0 3px;
	width:545px;
	background:url(../img/blog_bg.jpg) repeat-y top left;
	}
div.blogArea dl dt {
	float:left;
	padding:7px 0 14px;
	width:110px;
	background:url(../img/blog_date.jpg) no-repeat;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	}
div.blogArea dl dd {
	float:left;
	padding:15px 0 0;
	width:430px;
	background:url(../img/blog_top.gif) no-repeat top left;
	}
div.blogArea dl dd a{
	padding:0 0 0 10px;
	background: url(../img/blog_arrow.gif) no-repeat left center;
	color:#000;
	}
div.blogArea p.pastList {
	margin:10px 0 0 0;
	padding:0 10px;
	text-align:right;
	}
/*+ SERVICE POLICY + ---------------------------- */
div.topPoArea {
	margin:10px 0 20px 0;
	padding:5px;
	width:545px;
	background:url(../img/policy_bg.gif);
	}
div.topPoArea div.topPoPhoto{
	float:left;
	width:138px;
	}
div.topPoArea dl{
	float:right;
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	width:394px;
	}
div.topPoArea dt{
	margin:0 0 10px;
	}
div.topPoArea dl dd{
	font-size:0.9em;
	line-height:1.4;
	}
/*+ SIDE CONTENTS + ---------------------------- */
div#sideCoBg{
	float:left;
	width:260px;
	padding:0 0 10px;
	background:url(../img/side_bottom.png) no-repeat bottom center;
	}
div#sideContents {
	padding:0 0 10px;
	background:url(../img/side_bg.png) repeat-y top left;
	}	
/*+ CAMPAIGN + ---------------------------- */
div.topCampaign {
	margin:0 0 10px;
	padding:0 0 5px;
	background:url(../img/side_line.png) no-repeat bottom left;
	}
div.topCampaign ul{
	margin:0 auto;
	width:240px;
	}
div.topCampaign li{
	padding:0 0 5px;
	}
/*+ HAKKO CONTACT + ---------------------------- */
div.contactCon{
	margin:0 0 12px;
	padding:0 0 10px;
	background:url(../img/side_line.png) no-repeat bottom left;
	}
div.contactCon li{
	margin:0 0 10px;
	}
/*+ HAKKO CONTENTS + ---------------------------- */
/*
div.hakkoCon{
	padding:0 0 5px;
	}
*:first-child + html div.hakkoCon {
	padding:0 0 12px;
	}
	*/
div.hakkoCon dl{
	margin:0 auto 10px 9px;
	padding:0 0 5px;
	width:240px;
	background:#FFF;
	border:solid 1px #989e9f;
	}
div.hakkoCon dt {
	margin:3px auto 4px;
	width:234px;
	}
div.hakkoCon dd {
	margin:0 0 0 3px;
	}
div.hakkoCon dd.hConLogo {
	float:left;
	margin:0 10px 0 3px;
	width:80px;
	}
div.hakkoCon dd.hConTxt {
	float:left;
	margin:0;
	width:144px;
	font-size:0.9em;
	line-height:1.2;
	}
div.bnrAbarth {
	margin:0 0 10px;
	padding:20px 0 0;
	background:url(../img/side_line.png) no-repeat top left;
	text-align:center;
	}
/* *****************************************
/*+  sitemapPage  +*************************
/***************************************** */
/*+ BACKGROUND + ---------------------------- */
body#sitemap div#mainImage { background:url(../img/sitemap_bg.jpg) no-repeat top center;}

div.siteContents {
	float:left;
	margin:0 40px 0 30px;
	width:340px;
	display:inline;
	}
div.siteOthers {
	float:left;
	width:300px;
	display:inline;
	}
div.sitemapArea h3 {
	margin:0 0 25px 20px;
	}
div.sitemapArea h4 {
	margin:0 0 5px;
	}
div.sitemapArea ul {
	margin:0 0 30px;
	}
div.sitemapArea li a {
	padding:0 0 0 16px;
	background:url(../img/site_iconarrow.gif) no-repeat left center;
	}
div.sitemapArea li h4 a,
div.sitemapArea ul.siteBrand li a {
	padding:0;
	background:none;
	}
div.sitemapArea ul.siteBrand li {
	margin:0 0 10px;
	}
div.sitemapArea li.blank a {
	padding:0 0 0 15px;
	background:url(../img/site_iconblank.gif) no-repeat left center;
	}