@charset "utf-8";
/* global */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; vertical-align: middle;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clearfix */
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-table;}
/* hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}

/* custom */
body {background: #fff; color: #555;}
a {color: #06c; text-decoration: none;}
a:hover {color: #f00; text-decoration: none;}
.ipt {background: url(ipt.png) no-repeat; border: solid 1px #c9c9c9; font: 16px normal; padding: 6px; width: 420px;}
.btn {background: url(btn.png) no-repeat #ff9f00; border: 0; color: #fff; font: bold 14px normal; height: 33px; width: 73px;}
/* wrapper */
#wrapper {margin: 0 auto; margin-top: 100px; width: 520px;}
.logo {background: url(logo.png) no-repeat; display: block; height: 80px; margin: 0 auto; width: 320px;}
/* tabbox */
#tabbox {padding-top: 50px;}
#tabbox span {color: #ccc; display: block; float: left; font-size: 14px; padding: 8px 10px;}
#tabbox .active {color: #06c; font-weight: bold;}
/* formbox */
#formbox {display: block; margin-top: 50px; position: relative;}
#formbox fieldset {background: #f9f9f9; border: solid 1px #efefef; padding: 5px; text-align: center;}
.tips {padding: 8px 0;}
.result {background: #ffc; border: dashed 1px #f60; padding: 8px;}
.result h3 {font: normal 13px normal;}
.result p {padding-top: 10px;}
.gre {color: #083; font-weight: bold;}
#history {padding: 8px;}
#history h3 {border-bottom: solid 1px #e8e8e8; font: bold 12px/25px normal; height: 25px;}
#history ul {}
#history li {float: left; padding: 3px 0; width: 165px;}
/* gg_sug */
#gg_sug {background: #f8f8f8; border: solid 1px #c9c9c9; display: none; left: 6px; overflow: hidden; position: absolute; top: 37px; width: 432px;}
#gg_sug_list {background: #fff;}
#gg_sug_list li {cursor: pointer; display: block; height: 25px; line-height: 25px; padding: 0px 3px; text-align: left; *zoom: 1;}
#gg_sug_list li.active {background: #36c; color: #fff; display: block; height: 25px; line-height: 25px; padding: 0 3px;}
#gg_sug_list p {float: left; font-size: 14px; font-family: tahoma; height: 25px; line-height: 25px;}
#gg_sug_list span {color: green; float: right; padding-top: 3px;}
#gg_sug_btn {color: #03c; cursor: pointer; float: right; height: 23px; line-height: 23px; padding: 0 3px; text-align: right;}
/* setbox */
#setbox {padding-top: 80px; text-align: center;}
/* footer */
#footer {margin-top: 30px; text-align: center;}