/**
 * ■Topページ専用CSS
 * --------------------------------------------------------------
 * 作成日：2006/11/10
 * 作成者：清水
 * 
 * --------------------------------------------------------------
 * 説明
 * Topページ専用CSS
 * 
 * --------------------------------------------------------------
 * 更新履歴
 * 2006/11/10	ver,0.1	作成。
 *
 */

/**
 * ■フレームの枠組み
 */
div#main
{
	float				: right;
	width				: 600px;
}
div#side
{
	float				: right;
	width				: 160px;
	padding				: 20px !important;
	padding-right		: 20px;
	padding-left		: 19px;
}
/**
 * ■基本形作成
 */
div#warrper
{
	background			: url("../images/side_background.jpg") repeat-y left top;
	border-left			: 1px solid #cccccc;
	border-right		: 1px solid #cccccc;
}



/**
 * ■サイド
 */

/*	業種検索	*/
div#side dl.search_category dt
{
	background			: url("../images/side_search_category.gif") no-repeat left top;
}
div#side dl.search_category dd ul
{
	margin				: 10px 0;
	border				: 1px solid #999999;
	border-bottom		: 0;
}
div#side dl.search_category dd ul li
{
	border-bottom		: 1px solid #999999;
	text-align			: right;
}
div#side dl.search_category dd ul li a
{
	display				: block;
	line-height			: 1.8em;
	vertical-align		: middle;
	font-size			: x-small;
	text-align			: left;
	border-left			: 1px solid #999999;
	margin-left			: 8px;
	padding-left		: 2px;
	background-color	: #ffffff;
}
div#side dl.search_category dd ul li a:hover
{
	background-color	: #CCCCFF;
}
.cate01{ background-color:#009900 !important; }
.cate02{ background-color:#A5FF1F !important; }
.cate03{ background-color:#FFFF99 !important; }
.cate04{ background-color:#9CEBFF !important; }
.cate05{ background-color:#FFA67B !important; }
.cate06{ background-color:#FF681F !important; }
.cate07{ background-color:#1FD2FF !important; }
.cate08{ background-color:#FF7F7F !important; }
.cate09{ background-color:#CC3300 !important; }
.cate10{ background-color:#BF0000 !important; }
.cate11{ background-color:#FF3333 !important; }
.cate12{ background-color:#990000 !important; }
.cate13{ background-color:#009900 !important; }
.cate14{ background-color:#A5FF1F !important; }
.cate15{ background-color:#FFFF99 !important; }
.cate16{ background-color:#9CEBFF !important; }
.cate17{ background-color:#FFA67B !important; }
.cate18{ background-color:#FF681F !important; }
.cate19{ background-color:#1FD2FF !important; }
.cate20{ background-color:#FF7F7F !important; }
.cate21{ background-color:#CC3300 !important; }





/**
 * ■詳細情報
 */
div#main
{
	text-align			: left;
}
div#main div#p_list
{
	background			: url("../images/main_mark_comment.gif") no-repeat left center;
	text-align			: left;
	padding-left		: 23px;
	margin				: 10px 0;
}
div#main dl.info
{
	width				: 500px;
	border-left			: 1px solid #cc0000;
	border-bottom		: 1px solid #cc0000;
}
div#main dl.info dt
{
	background			: url("../images/main_title_bar.gif") no-repeat left center;
	text-align			: left;
	text-indent			: 20px;
	font-weight			: bold;
	line-height			: 22px;
	color				: white;
	padding-bottom		: 2px;
}
div#main dl.info dd.image_list
{
	padding				: 5px;
}
div#main dl.info dd.image_list img#big_image
{
	display				: block;
	float				: left;
	width				: 360px !important;
	width				: 365px;
}
div#main dl.info dd.image_list div.thumb
{
	width				: 120px;
	float				: left;
	margin-left			: 10px;
}
div#main dl.data
{
	width				: 280px;
	float				: left;
}
div#main dl.data dt
{
	padding-left		: 1em;
	text-align			: left;
}
div#main dl.data dd
{
	text-indent			: 1em;
	text-align			: left;
	font-weight			: bold;
	margin-top			: 10px;
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main div.comment
{
	width				: 500px;
	padding-top			: 20px;
}
div#main div.comment p
{
	text-align			: left;
	padding-left		: 1em;
	line-height			: 1.4em;
	border-bottom		: 1px dotted #999999;
}
div#main div.comment span
{
	display				: block;
	font-weight			: bold;
	background			: url("../images/main_mark_comment.gif") no-repeat left center;
	text-indent			: 20px;
	line-height			: 1.4em;
}
div#main div#map
{
	width				: 500px;
	height				: 400px;
	border				: 1px solid #999999;
}
/*	ボタン	*/
div#main ul
{
	width				: 500px;
	margin-top			: 10px;
}
div#main ul li.btn_map
{
	display				: block;
	float				: right;
	width				: 140px;
	height				: 21px;
	background			: url("../images/main_btn_map.gif");
}
div#main ul li.btn_map a
{
	display				: block;
	width				: 140px;
	height				: 21px;
	background			: url("../images/main_btn_map.gif");
	text-indent			: -2000px;
}
div#main ul li.btn_map a:hover
{
	background			: url("../images/main_btn_map_over.gif");
}
div#main ul li.btn_form
{
	margin-right		: 10px;
	display				: block;
	float				: right;
	width				: 140px;
	height				: 21px;
	background			: url("../images/main_btn_form.gif");
}
div#main ul li.btn_form a
{
	display				: block;
	width				: 140px;
	height				: 21px;
	background			: url("../images/main_btn_form.gif");
	text-indent			: -2000px;
}
div#main ul li.btn_form a:hover
{
	background			: url("../images/main_btn_form_over.gif");
}
div#main div#item_link
{
	width				: 400px;
	margin				: 10px;
}
div#main div#item_link a
{
	display				: block;
	float				: left;
	width				: 150px;
	padding-left		: 10px;
	background-image	: url("../images/side_maker.gif");
	background-repeat	: no-repeat;
	background-position	: left center;
}

/**
 * ■アイテム
 */
div#main h3.title_info
{
	width				: 269px;
	height				: 23px;
	text-indent			: -2000px;
	margin-top			: 20px;
	background			: url("../images/detail_item_info.gif") no-repeat left center !important;
}
div#main h3.title_estimate
{
	width				: 269px;
	height				: 23px;
	text-indent			: -2000px;
	margin-top			: 20px;
	background			: url("../images/detail_item_estimate.gif") no-repeat left center;
}
div#main h3.title_shop
{
	width				: 269px;
	height				: 23px;
	text-indent			: -2000px;
	margin-top			: 20px;
	background			: url("../images/detail_shop_info.gif") no-repeat left center;
}
div#main dl#date01 img#big_img
{
	width				: 560px;
}
div#main dl#date01 img.thumb
{
	width				: 52px;
}
div#main dl#date01 dt
{
	width				: 540px;
	font-size			: medium;
	font-weight			: bold;
	padding				: 3px;
	padding-left		: 15px;
	text-align			: left;
	border-bottom		: 2px solid #cc0000;
}
div#main dl#date01 dd p
{
	font-size			: x-small;
	padding				: 2px;
}
/**
 * ■アイテムの販売店舗
 */
div#main div#shop dl
{
	margin				: 10px 0;
}
div#main div#shop dl dd
{
	font-weight			: bold;
	padding				: 3px;
	vertical-align		: top;
	display				: block;
	float				: left;
	clear				: both;
	width				: 10em;
	text-indent			: 10px;
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main div#shop dl dt
{
	padding				: 3px;
	vertical-align		: top;
	display				: block;
	float				: left;
	width				: 400px;
}
div#main div#shop p
{
	clear				: both;
	text-indent			: 1em;
	margin-bottom		: 20px;
}
/**
 * ■車
 */
div#main dl#date02
{
	width				: 270px;
	float				: left;
}
div#main dl#date03
{
	width				: 250px;
	float				: left;
}
div#main dl#date02 dd, div#main dl#date03 dd
{
	margin-top			: 5px;
	font-weight			: bold;
	text-indent			: 10px;
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main dl#date02 dt, div#main dl#date03 dt
{
	text-indent			: 20px;
}
div#main dl#date03 dt span.price
{
	font-size			: medium;
	font-weight			: bold;
	color				: #cc0000;
}
div#main div.ex_comment, div#main div.shop_comment
{
	width				: 560px;
	padding				: 5px;
	line-height			: 1.4em;
}
div#main div.ex_comment p, div#main div.shop_comment p
{
	border-bottom		: 2px solid #cc0000;
	text-indent			: 1em;
	font-weight			: bold;
}
div#main div#estimate
{
	margin-top			: 10px;
}
div#main div#estimate table
{
	width				: 270px;
	float				: left;
}
div#main div#estimate table#estimate_total
{
	width				: 560px;
	float				: none;
	clear				: both;
	margin-bottom		:10px;
}
div#main div#estimate table th.midashi
{
	padding-left		: 10px;
	font-weight			: bold;
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main div#estimate table th
{
	font-weight			: normal;
}
div#main div#estimate table#estimate_total th.tortal
{
	font-size			: medium;
	font-weight			: bold;
}
div#main div#estimate table#estimate_total td.tortal
{
	font-size			: medium;
	font-weight			: bold;
	color				: #ff0000;
}

/**
 * ■車用パーツ
 */

/**
 * ■車用パーツ
 */



/**
 * ■問い合わせ
 */
div#main div#contact_form
{
	text-align			: right;
	padding-right		: 20px;
}
div#main div#contact_form a
{
	text-align			: left;
	text-indent			: -2000px;
	display				: block;
	width				: 140px;
	height				: 21px;
	margin				: 0 20px 0 auto;
	background			: url("../images/main_btn_form.gif") no-repeat left top;
}
div#main div#contact_form a:hover
{
	background			: url("../images/main_btn_form_over.gif") no-repeat left top;
}
/**
 * ■下部
 */
div#main div#shop p
{
	color				: #cc0000;
}
div#main div#shop p a 
{
	color				: #000000;
}

/**
 * ■ショッピングカート
 */
div#main form#cart
{
	margin				: 20px auto 0 0;
}
div#main form#cart p
{
	padding-left		: 10px;
	font-weight			: bold;
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main form#cart span
{
	font-size			: x-small;
	padding-left		: 20px;
}
div#main form#cart div span
{
	font-size			: small;
}
div#main form#cart input
{
	float				: left;
	margin-top			: 20px;
}
div#main form#cart a#cart_check
{
	text-indent			: -2000px;
	display				: block;
	width				: 140px;
	height				: 21px;
	float				: left;
	background			: url("../images/main_btn_cart.gif") no-repeat left center;
	margin-top			: 20px;
	margin-left			: 20px;
}
div#main form#cart a#cart_check:hover
{
	background			: url("../images/main_btn_cart_over.gif") no-repeat left center;
}