html { height: 100%; }
body { background: #fff; color: #666; font-family: arial, helvetica, sans-serif; font-size: 13px; height: 100%; margin: 0; text-align: center; }
img { border: 0; display: block; margin: 0; }
a { color: #09c; }

img { border: 0; display: block; margin: 0; }
img.min { float: left; margin: 0 10px 0 0; width: 80px; }
img.mid { border: 1px solid #ccc; float: right; margin: 20px 0 0 20px; padding: 2px; width: 160px; }
h1 { color: #4db3d9; font-family: georgia, times new roman, times, serif; font-style: italic; font-weight: normal; font-size: 20px; margin: 20px 0 0 0; }
h1 a.min { border-right: 1px solid #e5e5e5; float: left; font-family: arial, helvetica, sans-serif; font-size: 13px; font-style: normal; line-height: 20px; margin: 3px 10px 0 0; padding: 0 10px 0 0; }
h2 { color: #333; font-size: 14px; line-height: 20px; margin: 20px 0 0 0; }
h3 { color: #333; font-size: 14px; line-height: 20px; margin: 20px 0 10px 100px;}
p { margin: 10px 0 0 0; }
span.underline {text-decoration: underlined;}

ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
ul.min li { float: left; margin: 0 20px 0 0; }
ul.min li a { float: left; white-space: nowrap; }
ul li { background: transparent url(../graphic/body/ul-li.png) no-repeat 0 3px; list-style-type: none; margin: 10px 0 0 0; padding: 0 0 0 15px; }
ul li.min { background: none; padding-left: 0; }
ul li.min p { margin: 0 0 0 15px; }
ul li.max { color: #333; font-weight: bold; }
a.link { background: transparent url(../graphic/body/a-link.png) no-repeat 0 0; display: block; line-height: 20px; margin: 10px 0 0 0; min-height: 20px; padding: 0 0 0 15px; }
a.link:hover { background-position: 0 -40px; color: #005aa6; }
a.here { background: transparent url(../graphic/body/a-here.png) no-repeat 0 0; color: #333; display: block; font-weight: bold; line-height: 20px; margin: 10px 0 0 0; min-height: 20px; padding: 0 0 0 15px; text-decoration: none; }
table a.link, ul li.min a.link, ul li.min a.here { margin-top: 0; }
dl { margin: 0; padding: 0; }
dt { border-top: 1px solid #e5e5e5; color: #4db3d9; font-weight: bold; font-size: 14px; margin: 10px 0 0 0; padding: 10px 0 0 0; }
dd { margin: 0; padding: 0; }
div.box { background: #f2f2f2; border: 1px solid #e5e5e5; margin: 10px 0 0 0; overflow: hidden; padding: 0 9px 10px 9px; width: 660px; }
div.image { text-align: center; width: 100%; }
div.image img { border: 1px solid #ccc; margin: 10px auto 0 auto; padding: 2px; }
div.image p, #page div.page-mid div.image p { background: #e5e5e5; color: #333; font-size: 11px; margin: 0; padding: 5px; text-align: left; }
span.mono { color: #333; font-family: courier new, courier, monospace; font-size: 14px; font-weight: bold; }

form { display: inline; margin: 0; padding: 0; }
fieldset { border: none; display: block; margin: 10px 0 0 0; overflow: hidden; padding: 0; width: 100%; }
fieldset.min { float: left; margin: 0; white-space: nowrap; width: auto; }
fieldset.min input { margin-right: 20px; }
fieldset.mid { margin-top: 0; }
fieldset.set { background: #f2f2f2; margin: 20px 0 0 0; padding: 0 0 10px 0; }
fieldset.set h2 { background: #e5e5e5; border-bottom: 2px solid #fff; margin: 0; padding: 5px; }
fieldset.set p { margin: 10px 10px 0 10px; }
fieldset.set fieldset input:first-child { margin-left: 10px; }
fieldset.jump { float: right; margin: 10px 0 0 0; width: auto; }
fieldset.jump:first-child { margin-top: 15px; }

img.captcha { border: 1px solid #ccc; padding: 1px; float: left; margin: 0 10px 0 0; }

label { float: left; line-height: 20px; margin: 0 10px 0 0; padding: 0; text-align: right; width: 200px; }
label.min { width: auto; }
label.mid { width: 100px; }

input, select, textarea { background: #fff; color: #333; float: left; font-family: arial, helvetica, sans-serif; font-size: 11px; margin: 0 10px 0 0; }
input { width: 315px; }
input.min { width: 35px; }
input.mid { width: 155px; }
input.file { width: auto; }
input.check { height: 12px; margin-top: 4px; width: 12px; }

textarea { height: 155px; width: 315px; }
textarea.min { height: 75px; }
textarea.max { height: 315px; width: 530px; }

input.but-link { background: transparent url(../graphic/body/but-link.png) no-repeat 0 0; border: none; color: #39f; float: left; font-size: 11px; font-weight: bold; height: 20px; margin: 10px 0 0 0; padding: 0 0 0 22px; text-align: left; width: auto; }
input.but-link:hover { background-position: 0 100%; color: #2673bf; }

input.but-min, input.but-mid, input.but-max { border: none; color: #fff; cursor: pointer; display: block; font-size: 11px; font-weight: bold; height: 20px; margin: 10px 0 0 0; padding: 0; text-align: center; text-transform: capitalize; }
input.but-min { background: transparent url(../graphic/body/but-min.png) no-repeat 0 0; width: 60px; }
input.but-mid { background: transparent url(../graphic/body/but-mid.png) no-repeat 0 0; width: 120px; }
fieldset input.but-min, td input.but-min, fieldset input.but-mid, td input.but-mid { float: left; margin: 0; }
fieldset.set h2 input.but-min, th input.but-min, fieldset.set h2 input.but-mid, th input.but-mid { float: right; margin: 0; }
input.but-max { background: transparent url(../graphic/body/but-max.png) no-repeat 0 0; font-size: 15px; height: 30px; margin: 20px 0 0 285px; width: 180px; }
input.but-jump { background: transparent url(../graphic/body/but-jump.png) no-repeat 0 0; border: none; color: #939; cursor: pointer; float: left; font-size: 0px; font-weight: bold; height: 20px; margin: 0; width: 20px; }
input.but-delete { background: transparent url(../graphic/body/but-delete.png) no-repeat 0 0; border: none; color: #fff; cursor: pointer; display: block; font-size: 0px; height: 20px; margin: 0; padding: 0; text-align: center; width: 20px; }
input.but-min:hover, input.but-mid:hover, input.but-max:hover, input.but-jump:hover, input.but-delete:hover { background-position: 0 100%; }

a.icon-link, a.icon-mail, a.icon-open, a.icon-close, span.icon-tel, span.icon-error { display: block; font-size: 11px; font-weight: bold; height: 20px; line-height: 20px; margin: 10px 0 0 0; overflow: hidden; padding: 0 0 0 25px; text-decoration: none; }
a.icon-link { background: transparent url(../graphic/body/icon-link.png) no-repeat 0 0; }
a.icon-mail { background: transparent url(../graphic/body/icon-mail.png) no-repeat 0 0; }
a.icon-link:hover, #page a.icon-mail:hover { background-position: 0 100%; }
a.icon-open, a.icon-close { color: #fff; padding: 0 25px 0 0; text-align: right; }
a.icon-open { background: transparent url(../graphic/body/icon-alt.png) no-repeat 100% 0; }
a.icon-close { background: transparent url(../graphic/body/icon-alt.png) no-repeat 100% 0; }
a.icon-open:hover, #page a.icon-close:hover { background-position: 100% 100%; }
span.icon-tel { background: transparent url(../graphic/body/icon-tel.png) no-repeat 0 0; color: #306; font-size: 15px; }
span.icon-price { color: #333; display: block; font-size: 15px; font-weight: bold; margin: 10px 0 0 0; }
span.icon-size { display: block; margin: 10px 0 0 0; }
span.icon-error { background: transparent url(../graphic/body/icon-error.png) no-repeat 0 0; color: #f00; }
fieldset span.icon-error { float: left; margin: 0; }

table { border: none; border-collapse: collapse; margin: 20px 0 0 0; padding: 0; width: 100%; }
tr.min td { background: #f2f2f2 url(../graphic/body/tr-min.png) repeat 0 0; }
th { background: #e5e5e5; border: 2px solid #fff; font-size: 15px; padding: 5px; text-align: left; }
td { background: #f2f2f2; border: 2px solid #fff; padding: 10px; text-align: left; }
th.mid, td.mid { width: 150px; }

table fieldset { margin: 0; }
td ul.menu { margin: 0; }
td ul.menu li { background: none; border-left: 1px solid #ccc; float: left; line-height: 20px; margin: 0; padding: 0; }
td ul.menu li a { float: left; line-height: 20px; padding: 0 5px; }
td ul.menu li:first-child { border-left: none; }
td ul.menu li:first-child a { padding-left: 0; }