@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	background:url(../images/bg.jpg) repeat;
	color: #999
}

#wrapper{
	width:940px;
	margin:0px auto;
	background-color:#111;
	text-align:left
}


/* リンク
---------------------------------------------------- */
a:link {color: #fff; text-decoration:underline} 
a:visited {color: #fff; text-decoration:underline} 
a:hover, a:active {color: #fff; text-decoration:none}


/* ヘッダー
---------------------------------------------------- */
#header{
	width:900px;
	height:81px;
	background:url(../images/header.jpg) no-repeat;
	padding:14px 20px 0px 20px
}
h1{	width:155px; float:left}
.header_right{ width:590px;  float:right}

.header_right p{text-align:right}

.header_right ul{
	height:53px;
	font-size:10px;
	line-height:100%;
	list-style:none
}
.header_right li a{display:block;text-decoration:none}
.header_right li{float:left; height:53px;}
#navi01{ width:62px}
#navi02{ width:100px}
#navi03{ width:92px}
#navi04{ width:108px}
#navi05{ width:88px}
#navi06{ width:82px}
#navi07{ width:58px}


/* メイン
---------------------------------------------------- */
#main{width:940px}


/* ページ本体
---------------------------------------------------- */
#pagebody{
	width:900px;
	padding:0px 20px
}

.category{ width:200px; float:left;margin-bottom:30px}
.content{ width:680px; float:right;margin-bottom:30px}

.category li{
	list-style:none;
	background:url(../images/icon_link.gif) no-repeat 0px 10px;
	border-bottom:1px dotted #666;
	padding:5px 0px 5px 15px
}

.content_box{ margin-bottom:30px}
.content_img{ width:680px; margin-bottom:15px}
.content_img img{ width:211px; float:left; margin-right:15px}
.content_text{ line-height:normal}

h2{clear:both}
h3{clear:both}
h4{clear:both}


/* フッタ
---------------------------------------------------- */
#pagetop{ text-align:right}
#pagetop a:hover img {
 opacity: 0.8;
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
}

#footer{
	background-color:#000;
	width:900px;
	padding:0px 20px;
}
#footer ul{
	float:left;
	font-size:10px;
	line-height:100%;
	list-style:none
}
#footer li a{display:block;text-decoration:none}
#footer li{float:left; height:26px;}

address{
	width:238px;
	float:right;
	padding-bottom:80px
}


/* トップページ（index.html）
---------------------------------------------------- */
.top_left{ width:620px; float:left; margin-bottom:30px}
.top_right{ width:260px; float:right; margin-bottom:30px}

.top_info{
	width:100%
}
.top_info th{
	width:20%;
	padding-bottom:5px;
	text-align:left;
	vertical-align:top
}
.top_info td{padding-bottom:5px}
.top_info td p img{ vertical-align:middle}

.top_banner{margin-top:10px}
.top_banner a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


/* ストックカーリスト（stockcars.html）
---------------------------------------------------- */
.stockcars_box{ width:680px; margin-bottom:30px}
.stockcars_text{  width:459px; float:right}
.stockcars_html{line-height:normal}
.stockcars_btn{ margin-top:10px; text-align:right}
.stockcars_btn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.stockcars_img{ width:211px; float:left}


/* ストックカーリスト詳細ページ（stockcars_detail.html）
---------------------------------------------------- */
.stockcars_file{ margin-top:10px}

.stockcars_prev{ background:url(../images/icon_prev.gif) no-repeat 0px 16px; padding-left:10px; border-top:1px dotted #666; padding-top:10px}


/* ショップ案内（shopinfo.html）
---------------------------------------------------- */
.shopinfo_table{
	margin:15px 0px;
	width:595px;
	float:left
}
.shopinfo_table th{
	width:25%;
	border-bottom:1px dotted #666;
	color:#ccc;
	padding:4px 10px;
	text-align:left
}
.shopinfo_table td{
	border-bottom:1px dotted #666;
	padding:4px 10px
}
.shopinfo_img{ margin:15px 0px; width:290px; float:right}

.shopinfo_img2{
	width:900px;
	margin-bottom:15px
}
.shopinfo_img2 img{ width:290px; float:left}

.shopinfo_map{ width:400px; float:left; margin-bottom:30px}
.shopinfo_map p{ margin-top:5px}
.shopinfo_access{ width:485px; float:right}
.shopinfo_access h3{
	font-size:100%;
	border-left:5px solid #ccc;
	padding-left:5px;
	color:#ccc;
	margin-bottom:7px
}
.shopinfo_access h4{
	font-size:100%;
	background-color:#222;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	padding:2px 10px;
	margin-bottom:5px
}
.shopinfo_access ul{ margin-left:20px; list-style:square; font-size:85%; line-height:1.4em; margin-bottom:10px}
.shopinfo_access p{
	border-top:1px dotted #666;
	padding-top:10px;
	margin-bottom:15px
}


/* ご相談内容（contact.html）
---------------------------------------------------- */
.contact_text{
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
	padding:9px;
	margin:10px 0px 15px 0px
}
.contact_text span{ color:#c00}

.contact_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse
}
.contact_table th{
	width:20%;
	border:1px solid #666;
	padding:4px 10px;
	text-align:left
}
.contact_table td{
	border:1px solid #666;
	padding:4px 10px
}
.contact_table th span{ color:#c00; font-size:10px}
.contact_table td span{ font-size:10px}

.form02{width:200px}
.form03{width:400px}
.form100{width:100%}
.form_h{ height:80px}

.contact_privacy{
	height:150px;
	overflow:auto;
	background-color:#222;
	padding:10px;
	font-size:85%;
	line-height:1.4em;
	margin-bottom:15px
}
.contact_privacy h3{
	font-size:130%;
	margin-bottom:10px
}
.contact_privacy h4{
	margin-top:10px;
	font-size:100%;
	padding-bottom:3px;
	border-bottom:1px solid #666;
	margin-bottom:5px
}
.contact_privacy ol{
	margin-left:25px
}

.contact_text2{
	border-bottom:1px dotted #666;
	border-top:1px dotted #666;
	padding:9px;
	text-align:center;
	margin-bottom:15px
}


/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}
input{vertical-align:middle}

.clear {clear: both}

.tac{ text-align:center}
.tar{ text-align:right}

.link{ background:url(../images/icon_link.gif) no-repeat 0px 6px; padding-left:10px}

.title{
	font-size:120%;
	background:url(../images/title_bg.gif) repeat-x bottom;
	color:#ccc;
	padding-bottom:10px;
	margin-bottom:10px
}

.pankuzu{font-size:85%;margin-bottom:10px}

div.paging {
	border-top:1px solid #333;
	padding-top:15px;
	margin:5px auto;
	text-align:center;
	cursor:pointer
}
div.paging span.current,
div.paging span a.paging-text {
	height:10px;
	margin:2px;
	padding:2px 5px;
}
div.paging span.current {
	background:#ccc;
	color:#333
}
div.paging .current2{
	padding:2px 5px;
	background:#333;
	color:#fff
}
div.paging span a.paging-text:hover {
	color:#333;
	background:#ccc;
	text-decoration:none
}

.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mr15{ margin-right:15px}

@media print{
#pagebody{
	width:940px;
	padding:0px
}
.category{background-color:#111; padding:0px 20px 0px 20px}
.content{background-color:#111; padding:0px 20px 0px 0px}

#pagetop{ margin-right:20px}
}