﻿@charset "utf-8";
/* nav style @st. 2015-01-19 */
body { font-family: MS UI Gothic; }
/* hacks begin */
body.ie6St,
body.ie7St,
body.ie8St { font-family: \5B8B\4F53, Arial; }
/* hacks end */
body,
div { padding: 0; margin: 0; }
img { border: none; }
/* a */
a { color: #333; text-decoration: none; }
a:visited { color: #999; text-decoration: none; }
a:hover { color: orange !important; text-decoration: underline; }
a:active { color: #000; }
/* a transition */
.flashDot span,
.flashDot .f,
.nav .btn,
.top .r .s .i .submit,
.hover,
a,
a img {}
.top .r .s .i .submit:hover,
.hover:hover img,
a:hover img {}
/* clear */
.clear { clear: both !important; overflow: hidden; display: block; height: 0px; }
/* box */
.box,
.area { margin: 0 auto; }
.box { width: 100%; }
.area { width: 1000px; }
/* hide*/
.hide { display: none; }
/* position*/
.relative { position: relative; }
.absolute { position: absolute; }
/* bg */
.bg { background-repeat: no-repeat; background-position: center top; }
/* hey we go! */
.top { padding: 15px 0 11px 0; }
.top .l { width: 300px; float: left; }
.top .l .logo { width: 130px; float: left; }
.top .l .t { width: 100px; float: left; padding-top: 30px; line-height: 24px; font-size: 24px; }
.top .r { width: 265px; float: right; padding-top: 10px; overflow: hidden; }
.top .r .d { font-size: 12px; line-height: 24px; text-align: right; }
.top .r .s { width: 300px; height: 22px; padding-right: 5px; }
.top .r .s .i { float: left; width: 175px; padding-top: 1px; }
.top .r .s .i .i0,
.top .r .s .i .submit { height: 18px; line-height: 18px; padding: 0; margin: 0; }
.top .r .s .i .i0 { float: left; width: 146px; margin-right: 2px; border:#CCC 1px solid; }
.top .r .s .i .submit { float: left; width: 21px; background: url(../images/m.jpg) left center no-repeat; text-indent: -888px; overflow: hidden; border: none; cursor: pointer; }
.top .r .s .select { float: left; width: 85px; }
.nav { height: 43px; line-height: 43px; background: url(../images/s.jpg) left bottom repeat-x; overflow: hidden; }
.nav .in { width: 1200px; }
.nav .btn { display: block; float: left; width: 99px; line-height: 31px; text-align: center; border-right: #abe7ff 1px solid; margin-top: 7px; background: #0fbcff; overflow: hidden; font-weight: bold; }
.nav .btn,
.nav a { color: #FFFFFF; }
.nav .on,
.nav .btn:hover { margin: 0; height: 43px; line-height: 43px; text-decoration: none; font-size: 18px; background: url(../images/navOn.jpg) left center repeat-x; }
.crumbs { height: 54px; line-height: 54px; background: url(../images/crumbs.jpg) left top repeat-x; font-size: 13px; color: #676562; overflow: hidden; }
.crumbs .in { padding: 0 20px; }
.crumbs a { /*color: orange;*/ margin: 0 6px; font-size: 14px; }
.flashDot { display: inline-block; width: 1px; height: 12px; line-height: 14px; overflow: hidden; }
.flashDot .f { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
