body {
margin:0;
padding:0;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#all {
width:780px;
margin:0;
padding:0;
background:url(../img/bgBody.gif) repeat-y;
}

/* link */
a:link {
color:#336699;
background:transparent;
}
a:visited {
color:#cc3300;
background:transparent;
}
a:hover, a:active {
color:#cc3300;
background:transparent;
}

img {
border:0;
}

/* head */
#head {
width:770px;
height:20px;
margin:0;
padding:0;
}

#head h1{
height:20px;
margin:0;
padding:0;
font-size:12px;
font-weight:normal;
text-align:center;
}

/* header */
#wrapper {
width:770px;
height:95px;
margin:0;
padding:0;
border-bottom:3px #FFFFFF solid;
background:url(../img/bgHead.gif) no-repeat;
}

#header #logo {
width:135px;
height:95px;
position:absolute;
top:20px;
left:0px;
}

/* suv nav */
#subnav {
width:250px;
height:18px;
position:absolute;
top:30px;
left:520px;
margin: 0;
}

#subnav ul{
margin:0;
padding:0;
list-style:none;
font-size:10px;
line-height:0;
text-align:left;
}

#subnav li{
margin-left:5px;
padding:0;
display:inline;
text-transform:uppercase;
}

#subnav li a{
padding-left:18px;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
background:url(../img/subnavArrow.gif) left no-repeat;
}

/* nav */
#navigation {
float:left;
width:168px;
margin:0;
padding:0;
}

#navigation ul {
margin:1px 0 15px 0;
padding:0;
width:168px;
list-style: none;
}

#navigation li {
width:168px;
height:27px;
margin:0;
padding:0;
line-height:28px;
}

#navigation li a:link{
display:block;
width:168px;
height:27px;
padding-left:20px;
text-decoration:none;
color:#333333;
background:url(../img/bgNavVisit.gif) no-repeat;
}

#navigation li a:visited{
display:block;
width:168px;
height:27px;
padding-left:20px;
text-decoration:none;
color:#333333;
background:url(../img/bgNavVisit.gif) no-repeat;
}

#navigation li a:hover{
text-decoration:none;
color:#333333;
background:url(../img/bgNavHover.gif) no-repeat;
}

#navigation li#title{
margin:0;
padding:0;
height:20px;
}

#navigation p{
margin:10px auto;
padding:0;
text-align:center;
}

/* contents */
#contentBody {
margin:0;
padding:0;
background:url(../img/bgContent.gif) repeat-y;
}

#content {
margin:0 10px 0 180px;
padding-bottom:2.5em;
width:580px;
border-bottom:1px solid #cccccc;
}

#bread {
margin:0;
padding:5px;
font-size:10px;
background:#eaeaea;
}

#mainBox {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
}

#mainBox h1{
width:100%;
margin:0;
padding:0;
text-align:left;
}

#mainBox h2{
width:100%;
margin:20px 0 0 0;
padding:0;
text-align:left;
}

#mainBox h2.pageTopImg{
width:100%;
margin:0;
padding:0;
text-align:left;
}

#mainBox h3{
width:95%;
margin:10px auto;
padding:0;
font-size:16px;
text-align:left;
color:#cc3300;
}

#mainBox p{
width:95%;
margin:10px auto;
padding:0;
line-height:18px;
text-align:left;
}

#mainBox p.right{
width:95%;
margin:10px auto;
padding:0;
text-align:right;
}

#mainBox p.center{
width:95%;
margin:10px auto;
padding:0;
text-align:center;
}

#mainBox p.cation{
width:95%;
margin:0 auto 0 auto;
padding:0;
font-size:10px;
text-align:right;
}

#mainBox p.pt {
margin:10px auto;
padding:0;
font-size:10px;
text-align:right;
}

#mainBox ul {
width:95%;
margin:10px 0;
padding:0 0 0 25px;
text-align:left;
}

#mainBox ol{
width:95%;
margin:10px 0;
padding:0 0 0 25px;
text-align:left;
}

#mainBox li{
margin:0;
padding:10px 0;
line-height:18px;
}

#mainBox dl {
width:95%;
margin:10px auto;
padding:0;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

#mainBox dt {
float:left;
width:6em;
padding-bottom:10px;
text-align:left;
}

#mainBox dd {
margin-left:6em;
padding-bottom:10px;
text-align:left;
}

#qc {
margin:20px auto;
padding:0;
text-align:center;
}

#qc p {
margin:10px auto;
padding:0;
text-align:center;
}

#stuffBox {
width:90%;
margin:20px auto;
padding:10px;
text-align:center;
border:1px solid #666666;
background:#e4e4e4;
}

#stuffBox h4 {
margin:0 auto;
padding:0;
font-size:14px;
text-align:left;
color:#cc3300;
}

#stuffBox p {
margin:10px auto;
padding:0;
text-align:center;
}

#stuffBoxBtn{
margin:10px auto;
padding:0;
text-align:center;
}
#agreeBox {
width:91%;
margin:20px auto;
padding:10px;
text-align:center;
border:1px solid #666666;
background:#e4e4e4;
}

#agreeBox h4 {
margin:0 auto;
padding:0;
font-size:14px;
text-align:center;
color:#cc3300;
}

#agreeBox p {
margin:10px;
padding:0;
text-align:left;
}

#agreeBox p.agreeTop {
margin:10px auto;
padding:0;
text-align:center;
}

/* contents toppge */
.tableBoxTop {
width:95%;
margin:10px auto;
padding:0;
text-align:center;
font-size:12px;
line-height:18px;
border-collapse:collapse;
}

.tableBoxTop th {
width:262px;
padding:7px;
text-align:center;
vertical-align:top;
font-weight:normal;
}

.tableBoxTop th.topBoxTh {
width:262px;
padding:7px;
text-align:center;
vertical-align:top;
font-weight:normal;
border-bottom:1px solid #cccccc;
}

.tableBoxTop td {
width:261px;
padding:7px;
text-align:center;
vertical-align:top;
border-left:1px solid #cccccc;
}

.tableBoxTop td.topBoxTd {
width:261px;
padding:7px;
text-align:center;
vertical-align:top;
border-left:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.tableBoxTop p {
margin:5px 0;
padding:0;
text-align:left;
}

.btnDetail {
margin:10px 0;
padding:0;
text-align:right;
}

/* contents table */
.tableBox {
width:95%;
margin:10px auto;
font-size:12px;
line-height:18px;
border:1px solid #CCCCCC;
border-collapse:collapse;
}

.tableBox th {
width:25%;
padding:7px;
font-weight:normal;
text-align:left;
border-top:1px solid #CCCCCC;
}

.tableBox td {
width:75%;
padding:7px;
text-align:left;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

.tbBoxFaq {
width:95%;
margin:10px auto 10px auto;
font-size:12px;
line-height:18px;
border-top:1px solid #CCCCCC;
border-collapse:collapse;
}

.tbBoxFaq th {
width:4%;
padding:10px;
font-weight:normal;
text-align:left;
vertical-align:top;
}

.tbBoxFaq td {
width:96%;
padding:10px;
text-align:left;
vertical-align:top;
}

#kiyaku {
width:500px;
height:240px;
overflow:auto;
display:block;
margin:20px auto;
padding:10px;
line-height:18px;
text-align:center;
background:#eaeaea;
}

.markInq {
color: #FF0000
}

/* footer */
#footer {
clear:both;
width:770px;
height:80px;
vertical-align:bottom;
border-top:1px #FFFFFF solid;
background:url(../img/bgFoot.gif) repeat-x;
}

#footer ul {
margin:10px 10px 0 0;
padding:0;
list-style:none;
text-align:right;
font-size:10px;
}

#footer li {
display:inline;
padding-left:20px;
}

#footer li a {
padding:0;
vertical-align:middle;
text-decoration:none;
}

#footer p {
margin:0;
padding:1em 10px;
text-align:right;
font-size:10px;
}