@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
border: none;
list-style-type: none;
}

body {
background: #000 url(../image/bg_body.png) top center no-repeat;
font-family: sans-serif;
font-size: 14px;
line-height: 18px;
}

h1 {
padding-top: 10px;
font-size: 14px;
line-height: 18px;
color: #fff;
text-align: center;
font-weight: normal;
overflow: hidden;
}

h2 {
width: 380px;
height: 19px;
border-bottom: #666 1px solid;
color: #f90;
font-size: 16px;
font-weight: normal;
}
.checker {
height: 39px;
line-height: 60px;
margin-left: 10px;
overflow: hidden;
}

a, a:hover, a:link {text-decoration: none; cursor: pointer;}

#out_wrapper {
width: 1000px;
height: 1500px;
margin: 0 auto;
}

#header {
width: 1000px;
height: 400px;
}

#in_wrapper {
width: 800px;
height: 1100px;
margin: 0 100px;
}


/*  Top Navigation Display  */
#navi {
width: 800px;
height: 30px;
float: left;
overflow: hidden;
}

#navi ul, #navi ul li {
height: 30px;
float: left;
}


/*  Main Contents Display  */
#main {
width: 800px;
height: 1000px;
float: left;
}

p.top {
width: 780px;
height: 120px;
padding: 10px;
font-size: 12px;
line-height: 18px;
color: #999;
overflow: hidden;
}
p.top2 {
width: 780px;
height: 80px;
padding: 10px;
font-size: 14px;
line-height: 18px;
color: #999;
overflow: hidden;
}
p.top3 {
width: 780px;
height: 30px;
padding: 10px;
font-size: 14px;
line-height: 18px;
color: #999;
overflow: hidden;
}


/*  Main Division Display  */
.index { background: url(../image/bg_index.png) top left no-repeat;}
.buy { background: url(../image/bg_buy.png) top left no-repeat;}
.check { background: url(../image/bg_check.png) top left no-repeat;}
.company { background: url(../image/bg_company.png) top left no-repeat;}


/*  Page Position Indicater  */
#topic_path {
width: 780px;
height: 29px;
margin: 10px;
border-bottom: #666 1px solid;
color: #666;
line-height: 30px;
font-size: 18px;
}


/*  Devided Layout  */
#main_left {
width: 380px;
padding: 0 10px;
float: left;
}

.content {
width: 380px;
height: 100px;
float: left;
}
.content p {
width: 380px;
height: 80px;
color: #999;
}
.content2 {
width: 380px;
height: 380px;
float: left;
}
.content2 p {
width: 380px;
height: 360px;
color: #999;
}
.small { display: block; font-size: 10px; margin-left: 28px;}
.btn {
width: 380px;
height: 130px;
float: left;
}
.btn a {
display: block;
width: 371px;
height: 103px;
background: top left no-repeat;
text-indent: -9999px;
float: right;
}
.btn a.car { background: url(../image/btn_carsensor.png);}
.btn a.check { background: url(../image/btn_check.png);}
.btn a:hover { background-position: right;}

#main_right {
width: 380px;
height: 600px;
padding: 0 10px 0 10px;
float: right;
}

#menu {
width: 380px;
height: 250px;
float: right;
overflow: hidden;
margin-top: 300px;
}

#menu a {
display: block;
width: 379px;
height: 50px;
text-indent: -9999px;
float: right;
margin: 0;
}

#menu a.m1 { background: url(../image/topmenu_01.png) top left no-repeat;}
#menu a.m2 { background: url(../image/topmenu_02.png) top left no-repeat;}
#menu a.m3 { background: url(../image/topmenu_03.png) top left no-repeat;}
#menu a.m4 { background: url(../image/topmenu_04.png) top left no-repeat;}
#menu a.m5 { background: url(../image/topmenu_05.png) top left no-repeat;}
#menu a:hover { background-position: top right;}


/*  Sell and Mail Page Submit Form Design  */
form { width: 760px; color: #ccc; margin: 0 auto; padding: 0 10px;}
form p.mail { display: block; height: 40px; font-size: 14px; margin: 10px; line-height: 20px;}
form p.text { display: block; height: 220px; font-size: 14px; margin: 10px; line-height: 20px;}
form p.title {
display: block;
width: 760px;
height: 20px;
color: #fff;
font-size: 14px;
float: left;
margin-bottom: 10px;
position: relative;
line-height: 20px;
}
textarea { display: block; width: 740px; height: 200px;}
input.text { width: 360px; height: 20px; position: absolute; left: 115px; font-size: 14px;}
input.text2 { height: 20px; font-size: 14px;}
form p.textarea { display: block; height: 200px; font-size: 14px; margin: 10px; line-height: 20px;}
.caption { position: absolute; left: 480px; height: 20px; color: #fff; font-size: 14px;}
input.button1 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_next.png) top left no-repeat; margin: 10px 0 0 120px; cursor: pointer;}
input.button2 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_reset.png) top left no-repeat; margin: 10px 0 0 120px; cursor: pointer;}
input.button3 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_submit.png) top left no-repeat; margin: 0 0 0 60px; cursor: pointer;}
input.button4 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_rwd.png) top left no-repeat; margin: 0 0 0 60px; cursor: pointer;}
input.button5 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_next.png) top left no-repeat; margin: 10px 0 0 120px; cursor: pointer;}
input.button6 { width: 100px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; padding: 0 10px 0 30px; background: url(../image/btn_reset.png) top left no-repeat; margin: 10px 0 0 120px; cursor: pointer;}
table { width: 760px; margin: 0 auto; color: #222;}


/*  Non-Devided Layout for Check Page  */
#main_inner {
width: 780px;
height: 780px;
margin: 30px 10px 0 10px;
}
#main_inner p { display: block; font-size: 14px; color: #999; width: 780px; height: 20px;}
.image_holder { width: 780px; height: 110px; text-align: left;}
#comment_header { width: 500px; height: 50px; padding: 60px 270px 0 0;}
#comment_header p { font-size: 14px; color: #999; display: inline;}
#comment { width: 500px; height: 100px; padding: 10px 270px 0 0;}
#comment p { font-size: 12px; color: #999; display: inline;}


/*  Company Profile Page Layout  */
#company_left {
width: 420px;
height: auto;
padding-left: 10px;
float: left;
}
#company_left dl {
display: block;
width: 420px;
border-bottom: #999 2px dotted;
padding: 30px 0 30px 0;
}
#company_left dt {
display: block;
width: 95px;
font-size: 14px;
color: #999;
}
#company_left dd {
display: block;
font-size: 14px;
color: #999;
margin: -18px 0 0 95px;
}

#company_right {
width: 340px;
height: auto;
padding-right: 10px;
float: right;
}
#company_right p.p1 {
font-size: 14px;
line-height: 17px;
color: #999;
padding-top: 150px;
padding-left: 200px;
}
#company_right p.p2 {
font-size: 14px;
line-height: 17px;
color: #999;
padding-top: 490px;
text-align: center;
}
#company_right p.p2 a { color: #999;}


/*  Link Page Display  */
#link {
width: 780px;
height: auto;
padding: 0 10px;
float: left;
}
#link dl {
display: block;
width: 780px;
height: 105px;
color: #999;
border-bottom: #999 2px dotted;
padding: 15px 0 15px 0;
}
#link dt {
display: block;
width: 80px;
font-size: 14px;
line-height: 36px;
color: #999;
float: left;
}
#link dd.d1 {
display: block;
width: 420px;
font-size: 14px;
line-height: 36px;
color: #999;
float: left;
}
#link dd.d2 {
display: block;
width: 80px;
padding-top: 10px;
float: left;
}
#link a { color: #999;}


/*  Footer Setting  */
#footer {
width: 800px;
height: 23px;
background: #000 url(../image/bg_footer.png) top left no-repeat;
margin: 0 auto;
float: left;
}

#footer a {
display: block;
width: 150px;
height: 23px;
background: url(../image/bg_to_top.png) top left no-repeat;
text-indent: -9999px;
float: right;
}

#adress {
width: 800px;
height: 37px;
padding-top: 10px;
float: left;
}

p.copy {
color: #fff;
font-size: 10px;
line-height: 18px;
text-align: center;
}