@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif; }

html { overflow-y: scroll; }
body { background : #ffffff url(bg1.gif) center top; font-size: 80%; line-height: 175%; color: #d2dceb; }
table { margin: 0 0 15px; }
th, td, li { font-size: 100%; }

img { border: none; }
div { zoom: 1; }
div: after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
p { margin: 0 0 30px; zoom: 1; }
p: after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clear { clear: both; }
.strong { font-weight: bold; }
.page-break { page-break-before: always; }

#wrapper { width: 960px; margin: 0px auto; }
h1 { font-size: x-small; line-height: 28px; font-weight: normal; color: #b5cef5; }
#content { background : url(content-bg.jpg) repeat-y left top;  _height: 1%; }
#left-side { width: 250px; float: left; background : url(left-side-bg.jpg) repeat-y left top; }
#logo { height: 150px; overflow: hidden;  }

/*-- navi
-------------------------------------------*/
#navi {  }
#navi div {  }
#owner { padding: 0 15px; }
#ownerpht { font-size:11px; line-height:normal;}

.ownerpht  { width: 90px; padding-bottom:5px; float: left; }

#bnspace { padding: 10px; }

#right-side { width: 710px; float: right; }
#header { height: 63px; overflow: hidden; }
#pagebody { padding: 8px 15px; }
#mainimg { margin: 0 0 18px; }

#main { margin: 0 5px; border: 5px solid #333; padding:  15px 10px; background: #fff; color: #333; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 10px 2em; }

h2 { clear: both;  }
h3 { clear: both; font-size: 135%; }
h4 { clear: both; font-size: 120%; }
h5 { clear: both; font-size: 100%; padding: 5px; background: #369; color: #fff; margin:0 0 10px; }
h6 { clear: both; font-size: 100%; }
.reigai {  clear: both; font-size: 100%;  }

/* h3 */
.line00 { margin: 0 0 30px; }
.line01 { border-left: 5px solid #fff; padding: 0 0 0 10px; margin: 0 0 15px; font-size:100%; font-size:110%; line-height:normal; }
.line02 { border-bottom: 5px solid #369; padding: 3px 10px ; margin: 0 0 15px; color: #369; font-size:100%; font-size:110%; background : url(tit-bg.jpg) repeat-x center bottom; }
.line03 { border-left: 5px solid #369; padding: 0 0 0 10px; margin: 0 0 15px; font-size:110%; line-height:normal; }
.line04 { background: #369; padding: 5px; color: #fff; margin: 0 0 15px; line-height: 1.0em;}
.line05 { border-bottom: 5px solid #369; padding: 3px 0px; margin: 0 0 15px; color: #369; line-height:normal; font-size:110%; }
.line06 { background : url(h3-bg.jpg) no-repeat left bottom; height: 60px; padding: 10px 0 20px 10px; color: #369; line-height: 1.2em; }

/* h4 */
.flow01 { color: #369; padding: 15px 0 15px 110px; background : url(flowt01.jpg) no-repeat left top; margin: 0  0 5px; }
.flow02 { color: #369; padding: 15px 0 15px 110px; background : url(flowt02.jpg) no-repeat left top; margin: 0  0 5px; }
.flow03 { color: #369; padding: 15px 0 15px 110px; background : url(flowt03.jpg) no-repeat left top; margin: 0  0 5px; }
.flow04 { color: #369; padding: 15px 0 15px 110px; background : url(flowt04.jpg) no-repeat left top; margin: 0  0 5px; }
.flow05 { color: #369; padding: 15px 0 15px 110px; background : url(flowt05.jpg) no-repeat left top; margin: 0  0 5px; }
.flow06 { color: #369; padding: 15px 0 15px 110px; background : url(flowt06.jpg) no-repeat left top; margin: 0  0 5px; }
.flow07 { color: #369; padding: 15px 0 15px 110px; background : url(flowt07.jpg) no-repeat left top; margin: 0  0 5px; }
.flow08 { color: #369; padding: 15px 0 15px 110px; background : url(flowt08.jpg) no-repeat left top; margin: 0  0 5px; }

/*--
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/


/*-- form 
-------------------------------------------*/
form table { width: 640px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
form th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
form td { width: 408px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 300px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 400px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

/*-- footer 
-------------------------------------------*/
#textlink { line-height: 30px; font-size: x-small; color: #000; }
#textlink a, #textlink a:link, #textlink a:visited, #textlink a:hover, #textlink active { line-height: 30px; font-size: x-small; color: #000; }

#back { text-align: right; border-bottom: 2px solid#333; } /*--pagetop anchor--*/
#footer { padding: 0 15px 18px;  }
#copyright { font-size: x-small; color: #666; text-align: right; }


/*-- index 
-------------------------------------------*/
#ssc  { margin: 0 0 15px; }
.ssc { width: 213px; float: left; }

#info table { width: 639px; margin: 0 0 10px; }
#info th { width: 7em; background : url(info-thline.jpg) no-repeat left bottom; padding: 0px 0px 2px 30px; text-align: left; font-weight: normal; }
#info td { background : url(info-tdline.jpg) no-repeat right bottom; padding: 2px 11px 4px 0; }

/* information */
#information {}
.info-pht { margin: 0 0 5px; padding: 0; }
.cap { margin: 0 0 15px; line-height: 1.5em; }
.cap-c { margin: 0 0 15px; line-height: 1.5em; text-align: center; background: #369; color: #fff; padding: 5px; }

/* inspect_repair */
#check {  }
.hissu { width: 213px; float: left; }
.checked { background : url(checkec-bg.jpg) no-repeat left top; margin: 0 0 15px; padding: 0 0 0 40px; line-height: 30px; font-size: 100%;}

#carbox {  }
.car { width: 160px; float: left; }
#carbox .car h4 {  }
#carbox .car .cap a:link, #carbox .car .cap a:visited 
{ display: block; text-align: center; padding: 5px; text-decoration: none; background: #369; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  
#carbox .car .cap a:hover, #carbox .car .cap a:active
{ display: block; text-align: center; padding: 5px; text-decoration: none; background: #036; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  
#carbox .car .cap a:active
{ display: block; text-align: center; padding: 5px; text-decoration: none; background: #369; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  


/* service */
.arrow { _height: 1%; min-height: 1%; background : url(arrow.jpg) no-repeat center center; margin: 0 0 30px; }


#inspect table { width: 640px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 15px; }
#inspect th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; line-height: 1.2em; }
#inspect td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 24px; line-height: 1.2em; vertical-align: top; }

/* eachcar_inspect */
#cost table { width: 640px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 15px; }
#cost th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; l}}
#cost td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

#option table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#option th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
#option td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

.announce { color: #fff; background: #369; padding: 10px; margin: 0 0 30px; font-weight: bold;}


/* selection_usercar */
#selection table { width: 640px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#selection th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
#selection td { width: 8em; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
.date { border-bottom: 3px solid #333; padding: 0 0 2px ; margin: 0 0 30px; text-align: right; }

#quick { border-top: 2px solid #369; border-bottom: 1px solid #ccc;  padding: 15px 10px 0; margin: 0 0 15px; }
#quick table { width: 620px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#quick th { background-color: #def; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
#quick td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: center;}

#detail { }
#detail table { width: 640px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#detail th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
#detail td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }

.price { color: #c00; font-weight: bold; font-size: 200%; font-family:Arial black, Helvetica, sans-serif;}
.detail { border-bottom: 1px dotted #ccc; padding: 0 0 5px; margin: 0 0 5px; }

#auction table { width: 640px; }
#auction th {  width: 240px; }
#auction td { padding: 0 10px; vertical-align: top;}
.balloon { width: 120px; text-align: cetner; vertical-align: center; background : url(balloon-bg.jpg) no-repeat center center; padding: 50px 30px; color: #369; font-weight: bold; }
.hikaku { background : url(hikaku-bg.jpg) no-repeat 0px 50px; padding: 20px 0;}


#auction02 { background : url(auction02-bg.jpg) repeat-y left top; margin: 0 0 15px; padding: 10px 10px 0;}
#auction02 table { width: 260px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#auction02 th { background: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
#auction02 td { background: #fff ;border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 12px 8px; text-align: center;}


#dressup .r220 .shop a:link, #dressup .r220 .shop a:visited 
{ display: block; text-align: right; padding: 5px 10px; text-decoration: none; background: #369; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  
#dressup .r220 .shop a:hover
{ display: block; text-align: right; padding: 5px 10px; text-decoration: none; background: #036; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  
#dressup .r220 .shop a:active
{ display: block; text-align: right; padding: 5px 10px; text-decoration: none; background: #369; color: #fff; font-weight: bold; border-top: 1px solid #69c; border-left: 1px solid #69c; border-right: 1px solid #036; border-bottom: 1px solid #036; }  


/*-- float  
-------------------------------------------*/
.l310 { width: 310px; float:left; }
.r310 { width: 310px; float:right; }

.l240 { width: 240px; float:left; }
.r240 { width: 240px; float:right; }

.l260 { width: 260px; float:left; }
.r260 { width: 260px; float:right; }

.l280 { width: 260px; float:left; text-align: center;}
.r280 { width: 260px; float:right; text-align: center;}

.l390 { width: 390px; float:left; }

.l180 { width: 180px; float: left; }
.r450 { width: 450px; float: right; }
.r450a { width: 425px; float: right; }

.l430 { width: 430px; float: left; }

.l450 { width: 450px; float: left; }
.r180 { width: 180px; float: right; }

.l530 { width: 530px; float: left; }
.r100 { width: 100px; float: right; }

.l190 { width: 190px; float: left; }
.r440 { width: 440px; float: right; }
.r480 { width: 480px; float: right; }

.l80 { width: 80px; float: left; }
.r220 { width: 220px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #369; }
a:visited { color: #369; }
a:hover, a:active { color: #369; text-decoration:none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*-- colors 
-------------------------------------------*/
.white { color: #fff; }
.red { color: #c00; }
.blue { color: #369; }
.green { color: #0c0; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }

#btn a:link, #btn a:visited { background: #fff; display: block; text-decoration: none; }
#btn a:hover { background: #def; display: block; }
#btn a:active { background: #fff; display: block; }

.chokubai { background : url(auction-next.jpg) no-repeat left 40px; text-align: center; color: #fff;  font-weight: bold; font-size: 1.2em; padding: 80px 40px 120px; }
.tac{text-align:center;}
.g-box{
	padding:10px 10px 30px 10px;
	background : url(tit-bg.jpg) repeat-x center bottom;
	border-bottom:1px solid #ccc;
}
.mb35{margin-bottom:35px;}
.link-text:link,
.link-text:hover,
.link-text:active,
.link-text:visited
{
	background : url(link-head.jpg) no-repeat left center;
	padding-left:15px;
}
.tar{text-align:right;}
#auction-flow { background : url(table-bg.jpg) no-repeat left top; width: 640px; }
#auction-flow td { width: 75px; padding: 100px 0px 20px 5px; font-size: 1.2em; font-weight: bold; color: #369; line-height: 20px; }

#spec table { width: 640px;  }
#spec th { padding: 4px; font-weight: normal; }
#spec td { padding: 4px; vertical-align: bottom;}