@charset"utf-8";
/* CSS Document */

/*ブラウザスタイルのリセット*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
/*ブラウザスタイルのリセット*/

html, body {
	height: 100%;
	font-size: 10pt;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic""ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color: #312121;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #615151 url(../images/bg/body.gif);
	word-break: break-all;
}
*html body {
	background: url(null) fixed;
}

/*全般のスタイル*/
a{ color: #33c; text-decoration: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

img{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

h3,h4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
h3{
	margin: 15px 0 0 0;
	padding: 6px 8px;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	position: relative;
	background: #211111 url(../images/bg/bg_211.gif);
}
	h3.img{
		margin: 0;
		padding: 0;
		border: none;
		background: none;
	}
h4{
	margin: 15px 5px 5px 5px;
	padding: 1px 2px 1px 14px;
	color: #336;
	border-bottom: 1px solid #999;
	background: #fff url(../icon/sankaku_right_f60.gif) left center no-repeat;
	font-size: 1em;
	font-weight: bolder;
}

/*本文下部の説明トピック*/
dl.infomations{
	margin: 10px;
}
dl.infomations dt{
	margin: 0;
	padding: 0;
	color: #666;
}
dl.infomations dt img{
	margin: 0 5px 0 0;
}
dl.infomations dd{
	margin: 0 0 10px 10px;
}

ul.infomations{
	margin: 10px;
}
ul.infomations li{
	margin: 0 0 2px 0;
	font-size: 0.8em;
}
ul.infomations li strong{
	background: #ddd;
	margin: 0 5px 0 0;
	padding: 2px;
}


p{
	margin: 10px;
}
p.center{
	text-align: center;
}
p.error_image{
	margin: 10px 0 10px 0;
	text-align: center;
}
p.right{
	text-align: right;
}
strong{
	font-weight: bolder;
}
.clear{
	height: 1px;
	clear: left;
}
span.sub{
	font-size: 0.8em;
	line-height: 1.2em;
}

/*右寄せリンク*/
p.foot_link{
	clear: both;
	text-align: right;
	margin: 5px;
}
p.foot_link a{
	background: #fff url(../icon/link_icon.gif) no-repeat left center;
	padding: 0 0 0 12px;
	margin-left: 10px;
}


/*フォーム関連*/
input, textarea{
	vertical-align: middle;
	margin: 5px;
	font-size: 1em;
}
.mailadd input, .num_only input, .e_only input, .tel_num input{
	ime-mode: disabled;
}

span.text input, span.text textarea{
	border-top: 1px solid #211111;
	border-left: 1px solid #211111;
	border-right: 1px solid #615151;
	border-bottom: 1px solid #615151;
}
span.text input.focus, span.text textarea.focus{
	border: 1px solid #f90;
}
	select{
		vertical-align: middle;
		background: #fff;
		margin: 3px 5px 3px 5px;
		border-top: 1px solid #211111;
		border-left: 1px solid #211111;
		border-right: 1px solid #615151;
		border-bottom: 1px solid #615151;
	}
		select.focus{
			border: 1px solid #f90;
		}
span.text input.error, span.text textarea.error, select.error{
	border: 1px solid #f30;
	background: #fcc;
}
span.checkbox{
	vertical-align: middle;
}
span.checkbox input{
	margin: 0 5px 0 5px;
	vertical-align: top;
}
span.radio input{
	margin: 0 5px 0 5px;
	vertical-align: middle;
}

form p.button{
	text-align: center;
	margin: 5px
}
label{
	vertical-align: middle;
}
/*フォーカスされたラベルのスタイル*/
label.focus{
	text-decoration: underline;
}
th label.focus, dt label.focus{
	font-weight: bolder;
	text-decoration: none;
}

/*ラジオボタンとチェックボックスのラベル*/
span.radio label ,span.checkbox label{
	padding: 0;
	background: none;
}
span.radio label.focus ,span.checkbox label.focus{
	padding: 0;
	background: none;
}



/*下のボタン*/
#left p.btn{
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #ccc;
}
#left p.btn a{
	margin: 0 5px 0 5px;
}
#left p.btn input{
	margin: 0 5px 0 5px;
}


/*エラーメッセージ*/
ul.error{
	border: 1px solid #f33;
	background: #fff url(../icon/error_fff.gif) no-repeat 5px 5px;
	padding: 10px 10px 10px 50px;
	margin: 0 0 15px 0;
}
ul.error li{
	font-size: 0.9em;
	background: #fff url(../icon/err_list_f33.gif) no-repeat left center;
	padding: 0 0 0 15px;
	color: #333;
	position: relative;
}
span.error{
	color: #f33;
	background: #fff;
	border: 1px solid #f33;
	margin: 0 2px 0 2px;
	padding: 2px;
	font-size: 0.8em;
	font-weight: bolder;
}

/*外枠ボックス*/
#container{
	width: 960px;
	padding: 0 20px 0 20px;
	min-height: 100%;
	position: relative;
	text-align: left;
	margin: 0 auto -140px auto;
	background: #fff url(../images/bg/container.gif) repeat-y center;
}
	*html #container{
		height: 100%;
	}


/*ヘッダーエリア*/
#header{
	background: #211111  url(../images/bg/bg_211.gif);
	height: 90px;
	position: relative;
}
	
#header h1, #header h2 {
	color: #ccc;
	font-size: 11px;
	font-weight: normal;
	line-height: 1em;
	margin: 5px 0;
	padding: 0 5px;
	display: inline;
}
#header h2 {
	border-left: 1px solid #999;
}

/*サイトロゴ*/
#header a#sitelogo{
	position: absolute;
	background: transparent url(../images/logo.gif) no-repeat left top;
	width: 520px;
	height: 60px;
	text-indent: -1000px;
	overflow: hidden;
	left: 5px;
	bottom: 5px;
}

/*キーワード検索エリア*/
#searchform{
	margin: 0;
	padding: 5px 0 5px 5px;
	background: #110101;
	border-top: 1px solid #312121;
	border-left: 1px solid #312121;	
	border-right: 1px solid #514141;
	border-bottom: 1px solid #514141;
	position: absolute;
	right: 5px;
	top: 25px;
	font-size: 0.8em;
}
	#searchform p{
		margin: 0;
		vertical-align: middle;
	}
	#searchform select{
		margin: 0 5px 0 0;
	}
	#searchform input{
		vertical-align: middle;
		margin: 0 5px 0 0;
		padding: 2px;
	}
	#searchform input#parts_keyword{
		width: 240px;
		color: #716161;
		font-size: 9pt;
	}
	#searchform input#parts_keyword.active{
		color: #211111;
		background: #fc0;
	}
	#searchform input#parts_keyword.focus{
		color: #211111;
	}
	#searchform input#parts_search_btn{
	}
	#searchform label{
		vertical-align: middle;
		margin: 0 10px 0 0;
		color: #fff;
	}
/*ヘッダbutton*/
#head_bt{
	height: 21px;
	line-height: 0;
	position: absolute;
	right:  5px;
	bottom: 5px;
}
#head_bt a img{
	margin: 0 0 1px 10px;
	border-bottom: 1px solid #211111;
}
	#head_bt a:hover img{
		border-bottom: 1px solid #fc0;
	}


/*メニュー*/
#menu{
	margin: 0;
	position: relative;
	background: #211111 url(../images/bg/menu_bg.gif) repeat-x top;
	clear: both;
	display: inline-block;
	width: 100%;
	border-top: 1px solid #514141;
}
#menu ul li{
	float: left;
	margin: 0;
}
#menu a{
	border-right: 1px solid #514141;
	border-bottom: 3px solid #211111;
	display: block;
	padding: 0;
	margin: 0;
	color: #fff;
}
#menu a:hover{
	border-bottom: 3px solid #fc0;
}
#menu a.now{
	border-bottom: 3px solid #8b0000;
}
#menu ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*コンテンツエリア統合ボックス*/
#contents{
	margin: 0;
	padding: 0 0 120px 0;
}
	*html #contents{
		display: inline-block;
	}
	*:first-child+html #contents{
		display: inline-block;
	}

#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/*左袖*/
#left{
	width: 720px;
	padding: 0 10px;
	margin: 0;
	float: left;
	position: relative;
}
	*html #left {
		display: inline;
	}
#left h2{
	overflow: hidden;
}
	#left h2.img{
		background: #211111;
	}

/*会員情報表示エリア*/
#loginArea{
	margin: 0 0 10px 0;
	padding: 5px;
	background: #e0dfdf;
	font-size: 0.9em;
	position: relative;
}
	#loginArea p{
		margin: 0;
		padding: 0;
		color: #413131;
	}
	#loginArea p strong.price{
		color: #c21;
		font-weight: bolder;
		font-family: Arial, Helvetica, sans-serif;
	}
	#loginArea p span#member_menu{
		margin: 0;
	}
		#loginArea p span#member_menu a{
			margin: 0 0 0 5px;
			padding: 0 5px 0 10px;
			background: #e0dfdf url(../icon/member_menu.gif) no-repeat left center;
			border-right: 1px solid #c1b1b1;
		}
		#loginArea p a#loginBtn{
			background: #e0dfdf url(../ui/login_header.gif) no-repeat left center;
			margin: 0 10px 0 0;
			border-right: none;
		}
		#loginArea p span#member_menu a#logoutBtn{
			background: #e0dfdf url(../icon/logout.gif) no-repeat left center;
			margin: 0 15px 0 5px;
			border-right: none;
		}
	#loginArea p.loading{
		margin: 0;
		padding: 0 0 0 105px;
		color: #413131;
		font-family: Arial, Helvetica, sans-serif;
		background-image: url(../jscript/images/load_bar.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}


/*パンくず*/
#navi {
	color: #615151;
	font-size: 0.8em;
	margin: 0 0 20px 0;
	padding: 3px;
	border: 1px solid #918181;
	
}
	#navi strong {
		color: #413131;
		font-weight: 400;
		text-decoration: underline;
		margin: 0 5px 0 5px;
		padding: 0;
	}
	#navi a {
		margin: 0 5px 0 5px;
		padding: 0;
	}

/*コンテンツのボックスのスタイル*/
div.textbox{
	margin: 10px 0 15px 0;
	border-left: 3px solid #615151;
}
	div.textbox h4{
		color: #8b0000;
		margin: 0;
		padding: 5px;
		border: none;
		background: none;
	}
	div.textbox p{
		margin: 0;
		padding: 5px 5px 5px 15px;
	}
*html div.with-image-floating240{
	display: inline;
	height: 1px;
	zoom: 1;
}
	div.with-image-floating240:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;	
	}
	div.with-image-floating240 div.image240{
		width: 240px;
		margin: 5px 10px 10px 5px;
		padding: 5px;
		float: left;
		text-align: center;
	}



/*右袖*/
#right{
	width: 208px;
	padding: 0 0 0 7px;
	float: left;
	overflow: hidden;
}
	*html #right{
		padding: 0 0 0 4px;
	}

/*右袖タイトル*/
#right h3{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1px;
	background: none;
	background: #211111;
}
#right h3 img{
	z-index: 1;
}

/*右袖ブロック*/
#right div{
	margin: 0 0 10px 0;
	border: 1px solid #716161;
	background: #fff;
}
	/*右袖テキストリスト*/
		#right div ul{
			padding: 3px 3px 0 3px;
		}
		#right div ul li{
			margin: 0;
		}
		#right div ul li.name{
			padding: 5px 5px 0 5px;
		}
		#right div ul li.date{
			padding: 0 5px 5px 5px;
			color: #413131;
			border-bottom: 1px solid #ddc;
			font-size: 0.8em;
			font-family: Arial, Helvetica, sans-serif;
		}

/*会員PRボックス*/
#right #member_pr{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#right #member_pr dl{
	margin: 5px 0;
}
	#right #member_pr dl dt{
		background: #fff url(../icon/sankaku_down_f60.gif) left center no-repeat;
		font-size: 12px;
		font-weight: bolder;
		color: #f60;
		margin: 0 0 0 5px;
		padding: 0 0 0 14px;
		display: block;
	}
	#right #member_pr dl dd{
		font-size: 11px;
		margin: 0 5px 5px 5px;
		padding: 2px;
		background: #ffc;
		display: block;
	}
	#right #member_pr dl dd strong{
		color: #f33;
		font-size: 12px;
	}
	#right #member_pr dl dd a{
		display: block;
		padding: 2px;
		text-align: center;
	}
	
	#right #member_pr p{
		margin: 10px 0 5px 5px;
		line-height: 1.2em;
		padding: 0;
		font-size: 11px;
		text-align: center;
	}


/*バナーリスト*/
#right ul.imagelist{
	margin: 0 0 10px 0;
	list-style: none none outside;
}
#right ul.imagelist li{
	margin: 0 0 4px 0;
}
	*html #right ul.imagelist li a, *html #right ul.imagelist li span{
		display: inline-block;
		line-height: 0;
		padding: 0 0 1px 0;
	}
	*:first-child+html #right ul.imagelist li a, *:first-child+html #right ul.imagelist li span{
		display: inline-block;
		line-height: 0;
		padding: 0 0 1px 0;
	}
	#right ul.imagelist li a img, #right ul.imagelist li span img{
		width: 205px;
		border: 1px solid #999;
	}
	#right ul.imagelist li a:hover img{
		border: 1px solid #fc0;
	}
	#right ul.noborder li a img, #right ul.noborder li span img{
		border: none;
	}
	#right ul.noborder li a:hover img{
		border: none;
	}


/*フッター*/
#footer {
	background: #211111 url(../images/bg/bg_211.gif);
	text-align: left;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	bottom: 0;
	width: 960px;
	height: 80px;
}
	*html #footer{
		position: relative;
	}
	/*
	*:first-child+html #footer{
		position: relative;
	}
	*/
	#footer a#page_top{
		position: absolute;
		top: -25px;
		right: 5px;
		background: url(../icon/goto_page_top.gif) no-repeat left center;
		padding: 0 0 0 14px;
		font-size: 0.8em;
	}
		#footer a#page_top:hover{
			border: none;
		}
	#footer a img{
		margin: 0 0 0 5px;
		border-bottom: 1px solid #211111;
	}
		#footer a:hover img{
			border-bottom: 1px solid #fc0;
		}
	#footer div.right{
		margin: 10px 0 0 0;
		text-align: right;
	}
	#footer h2{
		color: #999;
		font-size: 10px;
		display: inline;
	}
	#footer address{
		margin: 0 5px 0 5px;
		font-family: Arial, Helvetica, sans-serif;
		display: inline;
	}
	#footer address	a{
		color: #666;
		border: none;
	}
	#footer address	a:hover{
		border: none;
	}
/*//フッター*/



/*ajax関連*/
div.loading{
	height: 50px;
	background: #fff url(../jscript/images/indicator_f60.gif) no-repeat center center;
	border: 1px solid #999;
	margin: 0 0 15px 0;
}
#right div p.loading{
	padding: 45px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../jscript/images/indicator_999.gif) no-repeat center 5px;
}
#right div.loading{
	width: 205px;
}


/*noscript*/
#noscript div{
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 40px;
	background: #fff url(../icon/error_fff.gif) 5px 5px no-repeat;
	border: 1px solid #666;
}
#noscript div strong{
	font-size: 1.2em;
	font-weight: bolder;
	color: #f33;
	display: block;
}


/*営業日カレンダー*/
#right div#cale{
	padding: 0 0 0 12px;
}
#right div#cale h4{
	border: none;
	margin: 4px;
}

#right div#cale table{
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#right div#cale table td{
	border: 1px solid #ccc;
	text-align: center;
	width: 25px;
	height: 25px;
}
	#right div#cale table td.holiday{
		color: #f33;
	}
	#right div#cale table td.today{
		font-weight: bolder;
		background: #fff url(../calendar/icon/today.gif) no-repeat center center;
	}
	#right div#cale table td.sendday{
		font-weight: bolder;
		background: #fff url(../calendar/icon/sendday.gif) no-repeat center center;
	}
	#right div#cale table th{
		font-size: 9px;
		border: 1px solid #ccc;
		background: #eee;
		color: #616161;
		text-align: center;
	}
	#right div#cale table th.header{
		background: #212121;
		color: #fff;
		font-size: 11px;
	}
#right div#cale p.sub{
	text-align: left;
	color: #413131;
	font-size: 11px;
	margin: 0;
	line-height: 1.4em;
	margin: 5px 0;
}
	#right div#cale p.sub strong{
		color: #f30;
	}

/*特集バナー*/
#right a#special{
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 10px;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 2px solid #999;
	background: #fff url(../banner/ecocar.jpg) no-repeat right bottom;
	text-align: left;
}
#right a#special:hover{
	border: 2px solid #f90;
	text-decoration: none;
}
#right a#special span{
	color: #000;
	font-size: 11px;
	font-weight: bold;
}
#right a#special strong{
	color: #f00;
	font-size: 15px;
	font-weight: bold;
}