@charset "Shift_JIS";

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

【B＆D】

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

トップページ詳細設定ファイル（Ver.2007.10）

2007 gooya Corporation.

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

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

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




/** |LeftContents| ************************************************************************ START */
div#TopContents{padding:10px 1px 0px 1px;}

div#TopContents div.leftArea{width:480px;}


/****************************************************************** 店舗一覧 **/

/**************************** カテゴリー見出し **/
div#TopContents div.titleArea{
	width:480px;
	margin-top:15px;
}

div#TopContents div.titleArea h2{
	float:left;
	width:130px;
	background:#4C4C4C;
}

div#TopContents div.titleArea img{vertical-align:bottom;}

/* 右側配置のボタン */
div#TopContents div.titleArea div{text-align:right;}

div#TopContents div.titleArea div img{margin:3px 3px 3px 0px;}


/********************************* 内容ボックス **/
div.infoBox{padding-top:10px;}

div#TopContents div#StoreArea{width:480px;}

/* 画像は左側配置 */
div#StoreArea div#StoreMap{
	float:left;
	width:205px;
}

div#StoreArea div#StoreMap img{margin:0px 10px 10px 9px;}

/* 店舗一覧は右側 */
div#TopContents div#StoreList{
	float:left;
	width:265px;
	padding-top:2px;
	text-align:left;
}

div#TopContents div#StoreList ul.lineList{padding:0 0 8px 1em;}

div#TopContents div#StoreList ul.lineList li{
	white-space:nowrap;
	line-height:130%;
}


/************************************************************ 新着トピックス **/
div#TopContents div#TopicsArea{
	padding-right:10px;
	padding-left:10px;
}

div#TopContents table.topicsTable{width:458px;}

/* END ************************************************************************** |LeftContents| **/




/** |RightContents| *********************************************************************** START */
div#TopContents div.rightArea{width:240px;}

/********************************************************** おすすめ商品情報 **/
div#TopContents div.rcmdGoodsArea{
	margin-bottom:15px;
	background:transparent url("../images/bg_top_rcmdArea.gif") no-repeat center bottom;
}

/* 見出し */
div#TopContents h2#rcmdTopGoods{
	background:transparent url("../images/bg_h2_top_rcmd.gif") no-repeat center top;
}

div#TopContents div.rcmdGoodsArea h3{padding-top:5px;}

/* 商品画像を右配置 */
div#TopContents div.rcmdGoodsImg{
	float:right;
	text-align:right;
}

div#TopContents div.rcmdGoodsImg img{
	margin-left:8px;
	border:2px solid #FFFFFF;
}


/************************************** グローバルメニュー（背景グレー部分） **/
div#TopContents div.rightInner{
	width:240px;
	padding-bottom:10px;
	background:transparent url("../images/bg_top_rightArea.gif") no-repeat right bottom;
	text-align:center;
}

/********************** 商品情報以外のメニュー **/
div#TopContents div.rightInner ul li img{
	border-right:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	border-left:1px solid #AAAAAA;
	vertical-align:bottom;
}

/************************** 商品情報のメニュー **/
div#TopContents div.rightInner div#TopMenuArea{
	padding-top:10px;
	background:transparent url("../images/bg_top_rightTop.gif") no-repeat left top;
}

div#TopMenuArea div#TopPrdctMenu{
	width:220px;
	margin:0px auto;
	border-bottom:1px solid #AAAAAA;
	background:transparent url("../images/bg_top_prdct.jpg") no-repeat center top;
}

/* 見出し */
div#TopPrdctMenu h3{
	padding:13px 10px 0px 0px;
	text-align:right;
}

/* メニュー配置 */
div#TopContents div.rightInner div#TopPrdctMenu ul{
	padding:10px 10px 9px 0px;
	text-align:right;
}

div#TopContents div.rightInner div#TopPrdctMenu ul li img{
	border:none;
	border-bottom:1px solid #FFFFFF;
	vertical-align:bottom;
}


/* END ************************************************************************* |RightContents| **/