@charset "utf-8";

/* *****************************************
/*+  layout  +******************************
/***************************************** */

div#topics {
	width: 385px;
	float: left;
	}
div#campaignAndContents {
	width: 423px;
	float: right;
	}
div#specialBanner {
	margin-bottom: 13px;
	}
div#campaign {
	margin-bottom: 27px;
	}


/* *****************************************
/*+  mainImage  +********************
/***************************************** */
div#mainImage {
	margin:0 auto;
	width:855px;
	height: 430px;
	position:relative;
	}
	
div#mainImage h2{
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:855px;
	height: 430px;
	text-indent:-999em;
	background:url(../../img/h2_bg.gif) no-repeat left top;
	}

div#mainImage #visual{
	position:absolute;
	text-align:left;
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:855px;
	height: 430px;
	background:url(../../img/main_frame.jpg) no-repeat left top;
	z-index:1;
	}

div#mainImage #visual p{
	margin:14px 0 0 14px;
	padding:0;
	}


/* *****************************************
/*+  brandIndex  +********************
/***************************************** */
div#brandIndex{
	width:840px;
	height:42px;
	margin:23px auto 30px;
}

div#brandIndex ul{
	width:839px;
	height:42px;
	line-height:1;
	font-size:1px;
	margin:0;
	padding:0 0 0 1px;
	background:#CCC url(../img/dotline_brandlist.gif) repeat-y left top;
}

div#brandIndex ul li{
	height:42px;
	float:left;
	background:url(../img/dotline_brandlist.gif) repeat-y right top;
	padding:0 1px 0 0;
}



/* *****************************************
/*+  topics  +******************************
/***************************************** */
div#topics {
	position: relative;
	}
div#wrap div#topics h2 {
	margin-bottom: 0;
	padding: 9px 0 2px;
	background: url("../common/img/dotline_gray.gif") repeat-x left bottom;
	}
div#topics dl {
	margin-top: 10px;
	}
div#topics dt,
div#topics dd {
	margin-bottom: 0;
	}
div#topics dt {
	width: 104px;
	float: left;
	}
div#topics dt img {
	padding: 5px;
	background: url("../common/img/bg_ash_diag.gif");
	}
div#topics dd {
	margin-left: 116px;
	}
div#topics dd.date {
	margin-bottom: .3em;
	font-weight: bold;
	}
div#topics dd.date span {
	margin-left: 10px;
	}
div#topics p {
	position: absolute;
	top: 9px;
	right: 2px;
	}
/*+  float-3pxWinIE6  +------------------- */
* html #topics dl {
	/*\*/
	height: 1%;
	/* */
	}
* html #topics dt {
	margin-right: -116px;
	}


/* *****************************************
/*+  specialBanner  +***********************
/***************************************** */
div#specialBanner p {
	margin-bottom: 0;
	}


/* *****************************************
/*+  campaign  +****************************
/***************************************** */
div#campaign {
	background: url("../img/bg_campaign_bdy.gif") repeat-y;
	}
div#campaign h2 {
	margin-bottom: 0;
	padding: 0;
	background: none;
	}
div#campaign div.section {
	padding-bottom: 9px;
	background: url("../img/bg_campaign_btm.gif") no-repeat left bottom;
	}
div#campaign ul {
	margin-top: 5px;
	}
div#campaign ul li {
	margin-bottom: 0;
	float: left;
	}
div#campaign ul li img {
	margin: 0 4px 8px 11px;
	}


/* *****************************************
/*+  contentsIntroduction  +****************
/***************************************** */
div#contentsIntroduction {
	margin-bottom: 20px;
	font-size: .83em;
	background: url("../common/img/dotvline_gray.gif") repeat-y center top;
	}
div#contentsIntroduction div.section {
	background: url("../img/ind_dotline_contents.gif") no-repeat left top;
	}
div#contentsIntroduction div.section div {
	width: 205px;
	float: left;
	position: relative;
	}
div#contentsIntroduction div.section div#alfaSport,
div#contentsIntroduction div.section div#bodyRepair,
div#contentsIntroduction div.section div#girasole,
div#contentsIntroduction div.section div#approved {
	padding-bottom: 20px;
	}
div#contentsIntroduction div.section div#leftblog,
div#contentsIntroduction div.section div#rightblog {
	padding-bottom: 0px;
	}
div#contentsIntroduction div.section div#alfaSport,
div#contentsIntroduction div.section div#leftblog,
div#contentsIntroduction div.section div#girasole {
	margin-right: 13px;
	}
div#wrap div#contentsIntroduction div.section div h2 {
	margin: 82px 7px .3em;
	padding: 0;
	background: none;
	}
div#contentsIntroduction div.section div p {
	margin: 0 7px .3em;
	}
div#contentsIntroduction div.section div p.contentsImage {
	margin: 0;
	position: absolute;
	top: 5px;
	left: 0;
	}
div#contentsIntroduction div.section div p.viewDetailButton {
	margin-top: .3em;
	text-align: right;
	}