@charset "UTF-8";

@import url("common.css");

/* **************************************************************************************

 トップページのスタイル

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

/* FLASH
------------------------------------------------------------ */

div#topFlash {
	width: 100%;
	background: url(../../img/bg_flash.gif) repeat-x 0 0;
}

div#topFlash div#flashcontent {
}


/* 新着情報
------------------------------------------------------------ */

div#topicsArea {
	width: 225px;
	height: 350px;
	overflow: auto;
}

div.topicsBox {
	margin: 0 10px 0 0;
	padding: 10px 0;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}
div.topicsBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.topicsBox { display:inline-block; }
/*\*/
* html div.topicsBox { height:1%; }
div.topicsBox { display:block; }
/**/

div.topicsBox p {
	font-size: 86%;
}

div.topicsBox p span {
	color: #999999;
}

div.topicsBox p em {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.4;
}

div.topicsBox p.img {
	float: left;
	margin: 0 7px 0 0;
}


/* タイヤ検索
------------------------------------------------------------ */

div#searchArea {
	width: 652px;
	height: 208px;
	background: url(../img/bg_search.gif) no-repeat;
}

div#searchArea ul {
	margin-left: 18px;
}

div#searchArea ul li {
	display: inline;
	margin-right: 20px;
}


/* EVENT MOVIE
------------------------------------------------------------ */

div#otherArea {
	position: relative;
	width: 652px;
	margin-top: 15px;
}

div#movieBox {
	position: absolute;
	top: 0;
	right: 0;
}

div#eventBox {
	width: 427px;
	background: url(../../img/bg_event_rp.gif) repeat-y;
}
div#eventBoxTp {
	background: url(../../img/bg_event_tp.gif) no-repeat left top;
}
div#eventBoxBt {
	padding: 9px 10px;
	background: url(../../img/bg_event_bt.gif) no-repeat left bottom;
}
div#eventBoxBt:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#eventBoxBt { display:inline-block; }
/*\*/
* html div#eventBoxBt { height:1%; }
div#eventBoxBt { display:block; }
/**/

div#eventBox h2 {
	float: left;
	margin-right: 10px;
}

div#eventBox p {
	color: #FFFFFF;
}

div#eventBox em {
	font-weight: bold;
}