/**
 * ■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#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 div#html_company
{
	text-align			: left;
}
div#main div#html_company h3
{
	background			: url("../images/html_company_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
}
div#main div#html_company p
{
	text-align			: left;
	margin				: 10px;
}
div#main table#company
{
	width				: 500px;
	margin				: 10px;
	border-collapse 	: collapse;
}
div#main table#company th
{
	text-align			: left;
	vertical-align		: top;
	width				: 7em;
	border-bottom		: 1px dotted #999999;
	border-left			: 5px solid #186B97;
	padding				: 5px auto 10px 5px;
	padding-left		: 5px;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main table#company td
{
	text-align			: left;
	vertical-align		: top;
	border-bottom		: 1px dotted #999999;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
/**
 * ■出店について
 */
div#main div#html_link h3
{
	background			: url("../images/html_link_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
	margin				: 0 auto auto 0;
}
div#main div#html_link div
{
	line-height			: 1.4em;
	text-align			: left;
	margin				: 10px;
}
div#main div#html_link div h3
{
	background			: url("../images/html_link_kiyaku.gif") no-repeat left center;
}
div#main div#html_link div span.keyword
{
	font-weight			: bold;
	color				: #cc0000;
}
div#main div#html_link ul
{
	margin				: 0 auto auto 0;
	text-align			: left;
	list-style-type 	: decimal;
	margin-bottom		: 20px;
}
div#main div#html_link ul li
{
	text-align			: left;
	margin-left			: 2em;
	margin-bottom		: 10px;
}
div#main div#html_link table
{
	width				: 500px;
	border-collapse 	: collapse;
	margin				: 0 auto auto 3px !important;
	margin				: 0 auto auto 0px;
}
div#main div#html_link table th
{
	text-align			: left;
	vertical-align		: top;
	width				: 13em;
	border-bottom		: 1px dotted #999999;
	border-left			: 5px solid #186B97;
	padding				: 5px auto 10px 5px;
	padding-left		: 5px;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_link td
{
	text-align			: left;
	vertical-align		: top;
	border-bottom		: 1px dotted #999999;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_link td strong
{
	display				: block;
	font-size			: small;
	color				: #dd0000;
	text-align			: left;
}
div#main div#html_link em.required
{
	font-size			: x-small;
	color				: #cc0000;
	font-weight			: bold;
}
div#main div#html_link tr.name input ,tr.company input
{
	width				: 150px;
}
div#main div#html_link tr.mail input
{
	width				: 300px;
}
div#main div#html_link tr.adr1 input, tr.adr2 input
{
	width				: 300px;
}
div#main div#html_link tr.value textarea
{
	width				: 300px;
	height				: 10em;
}
div#main div#html_link p
{
	text-align			: left;
	margin				: 20px auto auto 10px;
}
div#main div#html_link div.error
{
	font-weight			: bold;
	color				: #ff0000;
	line-height			: 1.5em;
}
div#main div#html_link div#contact_form h3
{
	background-image	: url("../images/html_link_form.gif");
	margin				: auto auto 0 0;
}
/**
 * ■おくるまドットコムについて
 */
div#main div#html_aboutus h3
{
	background			: url("../images/html_aboutus_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
	margin				: 0 auto auto 0;
}
div#main div#html_aboutus p
{
	text-align			: left;
	line-height			: 1.4em;
	margin				: auto 20px;
}
div#main div#html_aboutus h3.toiawase
{
	background			: url("../images/html_aboutus_toiawase.gif") no-repeat left center;
}
div#main div#html_aboutus h3.kiyaku
{
	background			: url("../images/html_aboutus_kiyaku.gif") no-repeat left center;
}

div#main div#html_aboutus ol
{
	margin-left			: 25px;
}
div#main div#html_aboutus dl
{
	margin-left			: 10px;
}
div#main div#html_aboutus dl dt
{
	text-align			: left;
	font-size			: normal;
	font-weight			: bold;
	color				: #cc0000;
	padding-top			: 10px;
}
div#main div#html_aboutus dl dd
{
	text-align			: left;
	padding-bottom		: 2em;
}
div#main div#html_aboutus dl dd ul
{
	text-align			: left;
	margin				: 10px auto 10px 30px;
	list-style-type 	: decimal;
}
div#main div#html_aboutus dl dd ul li
{
	text-align			: left;
	margin-bottom		: 10px;
	margin-left			: 10px;
}
div#main div#html_aboutus table
{
	width				: 500px;
	border-collapse 	: collapse;
	margin				: 10px auto auto 3px !important;
	margin				: 10px auto auto 0px;
}
div#main div#html_aboutus table th
{
	text-align			: left;
	vertical-align		: top;
	width				: 13em;
	border-bottom		: 1px dotted #999999;
	border-left			: 5px solid #186B97;
	padding				: 5px auto 10px 5px;
	padding-left		: 5px;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_aboutus table td
{
	text-align			: left;
	vertical-align		: top;
	border-bottom		: 1px dotted #999999;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_aboutus table td p
{
	margin				: 0;
}

/**
 * ■サイトマップ
 */
div#main div#html_sitemap
{
	margin-top			: 10px;
}
div#main div#html_sitemap h3
{
	background			: url("../images/html_sitemap_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
	margin				: 0 auto auto 0;
}
div#main div#html_sitemap dl
{
	margin-left			: 10px;
}
div#main div#html_sitemap dl dt
{
	background			: url("../images/main_mark_comment.gif") no-repeat left top;
	text-align			: left;
	padding-left		: 20px;
	margin-top			: 5px;
}
div#main div#html_sitemap dl dd
{
	margin-left			: 20px;
}
div#main div#html_sitemap dl dd dl dt
{
	background			: url("../images/side_maker.gif") no-repeat left center;
}
div#main div#html_sitemap dl dd dl dd
{
	margin-left			: 20px;
	text-align			: left;
}

/**
 * ■個人情報の取り扱い方
 */
div#main div#html_policy h3
{
	background			: url("../images/html_policy_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
	margin				: 0 auto auto 0;
}
div#main div#html_policy p
{
	text-align			: left;
	line-height			: 1.4em;
}
div#main div#html_policy div#privacy
{
	margin-left			: 10px;
}
div#main div#html_policy div#privacy dl
{
	margin				: 10px;
}
div#main div#html_policy div#privacy dl dt
{
	font-weight			: bold;
	text-align			: left;
	line-height			: 1.4em;
	padding-top			: 1em;
	font-size			: 1.1em;
}
div#main div#html_policy div#privacy dl dd
{
	text-align			: left;
	line-height			: 1.4em;
	padding-left		: 10px;
}
div#main div#html_policy div#privacy dl dd table
{
	border-collapse 	: collapse;
}
div#main div#html_policy div#privacy dl dd table th
{
	vertical-align		: top;
	border-bottom		: 3px solid #186B97;
	padding				: 5px auto 10px 1em;
	width				: 6em;
}
div#main div#html_policy div#privacy dl dd table td
{
	vertical-align		: top;
	border-bottom		: 3px solid #186B97;
	padding-top			: 5px;
	padding-bottom		: 10px;
	width				: 300px;
}
/**
 * ■お問い合わせ
 */
div#main div#html_contact
{
	text-align			: left;
}
div#main div#html_contact h3
{
	background			: url("../images/html_contact_title.gif") no-repeat left center;
	text-align			: left;
	text-indent			: -2000px;
	width				: 269px;
	height				: 23px;
	margin				: 0 auto auto 0;
}
div#main div#html_contact table
{
	width				: 500px;
	border-collapse 	: collapse;
	margin				: 0 auto auto 3px !important;
	margin				: 0 auto auto 0px;
}
div#main div#html_contact table th
{
	text-align			: left;
	vertical-align		: top;
	width				: 13em;
	border-bottom		: 1px dotted #999999;
	border-left			: 5px solid #186B97;
	padding				: 5px auto 10px 5px;
	padding-left		: 5px;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_contact td
{
	text-align			: left;
	vertical-align		: top;
	border-bottom		: 1px dotted #999999;
	padding-top			: 5px;
	padding-bottom		: 10px;
}
div#main div#html_contact td strong
{
	display				: block;
	font-size			: small;
	color				: #dd0000;
	text-align			: left;
}
div#main div#html_contact em.required
{
	font-size			: x-small;
	color				: #cc0000;
	font-weight			: bold;
}
div#main div#html_contact tr.name input ,tr.company input
{
	width				: 150px;
}
div#main div#html_contact tr.mail input
{
	width				: 300px;
}
div#main div#html_contact tr.adr1 input, tr.adr2 input
{
	width				: 300px;
}
div#main div#html_contact tr.value textarea
{
	width				: 300px;
	height				: 10em;
}
div#main div#html_contact p
{
	text-align			: left;
	margin				: 20px auto auto 10px;
}
div#main div#html_contact div.error
{
	font-weight			: bold;
	color				: #ff0000;
	line-height			: 1.5em;
}