@charset "Shift_JIS";

/** |READ ME| **************************************************************************************

"ON THE ROAD　CYCLE SHOP"

Cascading Style Sheet Setting File
/common/css/toppage.css

トップページ関連設定ファイル（Ver.2007.08）

2007 gooya Corporation.

----------------------------------------------------------------------------------------------------

このファイルはトップページの設定に関する記述がされています。
各要素自体の設定は『element.css』をご参照ください。
ヘッダー・フッターなどの共通構成パーツは『commonparts.css』をご参照ください。
各コンテンツの詳細設定は『detail.css』をご参照ください。

************************************************************************************** |READ ME| **/




/* 左カラム ****************************************************************************** START **/
div#TopContents{
	background:transparent url("../images/bg_mainArea.gif") no-repeat left bottom;
}


div.leftArea{
	float:left;
	width:212px;
	padding-bottom:130px;
}

div.leftInner{
	padding:0px 10px 0px 12px;
}

div.leftInner li img{margin-bottom:6px;}

/* END ******************************************************************************** 左カラム **/



/* 右カラム ****************************************************************************** START **/
div.rightArea{
	float:right;
	width:506px;
	text-align:left;
}

div.rightInner{padding-right:9px;}

/* 新着ニュース等の紺色ボックス関連 ***********************/

/* 見出し */
h2.boxTitle{
	margin-top:1px;
	padding:2px 5px 0px 2px;
	background:transparent url("../../images/bg_boxTitle.gif") no-repeat left top;
}

/* 内容のボックス */
div.txtBox{
	padding:5px 11px 12px 10px;
	background:transparent url("../../images/bg_txtBox.gif") no-repeat left bottom;
}

/* ニューステーブル等の表示設定 ***************************/
div.txtBox table.newsTable{width:476px;}

table.newsTable th{
	width:6em;
	padding:4px 0px 4px 2px;
	text-align:left;
	vertical-align:top;
}

table.newsTable td{
	padding:4px 2px;
	text-align:left;
}

table.newsTable tbody th, table.newsTable tbody td{
	background:transparent url("../images/bg_table.gif") repeat-x left bottom;
}

tbody tr.coloredRow th, tbody tr.coloredRow td{
	background:#F6F4F0 url("../images/bg_table.gif") repeat-x left top;
}

/* ボタンリンク */
div.txtBox div.jumpLink{padding-top:9px;}

/* インフォメーション */
div.rightInner div#InfoBox p{
	padding:4px 2px;
	background:transparent url("../images/bg_table.gif") repeat-x left bottom;
	font-weight:bold;
}



/* 横並び画像メニュー *************************************/
div#TopContents ul.menuList{padding:10px 0px 9px 0px;}

div#TopContents ul.menuList img#menu_display2{margin-left:5px;}


/* 最下部のバナー部分 *************************************/
div.bannerArea{
	width:496px;
	padding-top:11px;
}

div.bannerArea img{border:3px solid #FFFFFF;}


/* END ******************************************************************************** 右カラム **/