* {
    font-size:100%;
    margin:0 auto;
}

html {
    scrollbar-Track-Color: #ffffff;
    scrollbar-Face-Color: #ffffff;
    scrollbar-Shadow-Color: #c9d7e8;
    scrollbar-DarkShadow-Color: #ffffff;
    scrollbar-Highlight-Color: #c9d7e8;
    scrollbar-3dLight-Color: #ffffff;
    scrollbar-Arrow-Color: #c9d7e8;
}

body {
    font-size:80%;
    color:#505050;
    font-family:Osaka, Verdana, Tahoma, MS UI Gothic;
    text-align:center;
    background:#d5e3fa url(icon/bg.jpg) repeat-x scroll left top;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
    font-family: $face;
}

td {
    text-align:left;
}

a:link {
    color:#008b8b;
}

a:visited {
    color:#008b8b;
}

a:active { 
    color:#008b8b;
}

a {
    text-decoration : none;
}

a:hover {
    color:#f4a460; 
    text-decoration:none;
}

input,
select {
    font-family:Osaka,Verdana,Tahoma;
    border:1px solid #505050;
    color:#505050;
}

textarea {
    font-family:Osaka,Verdana,Tahome;
    border:1px solid #505050;
    color:#505050;
    overflow:auto;
}

hr {
    border:none;
    border-top: 1px dotted #39f;
    height:1px;
}

.button {
    border:1px solid #3399ff;
    background:#d5e3fa;
    color:#505050;
    cursor:pointer;
}

#title { height:130px; }

#counter { 
    width:150px; 
}

.countname {
    width:148px;
    border-bottom:1px solid #c9c9c9;
    padding-left:5px;
    font-family:Osaka,Verdana,Tahoma;
    color:#1e90ff;
    text-align:right;
}

#menu {
    width:150px;
}

.menuname  {
    width:148px;
    border-bottom:1px solid #c9c9c9;
    padding:2px 0 2px 5px;
    text-align:left;
}

#menuinput input {
    border:0px;
    background:#ffffff;
    color:#008b8b;
    cursor:pointer;
    text-align:left;
    vertical-align:middle;
    margin: 0 0 0 1px;
    padding:0;
}

#menuinput input {
    _margin: 0 0 0 4px;
}

div.category {
    width:150px;
}

div.category input {
    border:0px;
    background:#ffffff;
    color:#008b8b;
    cursor:pointer;
    text-align:left;
    vertical-align:middle;
    margin: 0 0 0 1px;
    padding:0;
}

div.category input {
    _margin: 0 0 0 4px;
}

.catname  {
    width:148px;
    border-bottom:1px solid #c9c9c9;
    padding:2px 0 2px 3px;
    text-align:left;
}

.catname  {
    _padding:2px 0 2px 5px;
}

table.new_content {
    border:1px solid #c9c9c9;
}

.new_comment {
    width:420px;
    color:#0000ff;
    text-align:left;
    font-size:95%;
    padding:2px 3px 2px 3px;
}

.main_item {
    _width:443px;
    border:1px solid #c9c9c9;
    text-align:center;
}

.m_itemname {
    text-align:left;
    float:left;
    color:#505050;
    padding:5px 0 5px 5px;
}

.m_cat {
    text-align:right;
    padding:0 3px 2px 0;
    margin-right:2px;
    color:#505050;
}

.m_detail {
    width:120px;
    color:#505050;
    padding:0 3px 2px 3px;
}

.m_detail_com {
    width:300px;
    padding-left:5px;
    text-align:left;
    vertical-align:top;
}

.m_size {
    text-align:right;
    padding:0 3px 2px 0;
}

.m_color {
    text-align:right;
    padding:0 3px 2px 0;
}

.m_price {
    text-align:right;
    padding:0 3px 2px 0;
}

.m_submit {
    width:100%;
    float:right;
    text-align:right;
    padding:0 3px 2px 0;
}

.spacer {
    line-height:5px;
}

#mainproc { 
    width:750px;
    background:#ffffff;
    border:1px solid #505050;
    vertical-align:top;
}

#leftup {
    width:150px;
    vertical-align:top;
    background:#ffffff;
    padding-right:5px;
}

#centerup {
    width:450px;
    vertical-align:top;
    background:#ffffff;
    margin:0 auto;
}

#centerup2 {
    text-align:center;
    background:#ffffff;
}

#rightup {
    width:150px;
    vertical-align:top;
    background:#ffffff;
}

.login {
    text-align:right;
    margin-right:2px;
}

.login_form {
    text-align:right;
    padding-bottom:5px;
}

.login_content {
    line-height:2;
}

.username {
    width:150px;
    text-align:right;
    border-bottom:1px solid #c9c9c9;
}

.foot {
    color: #6495ed;
    padding-left:3px;
}

.foot2 {
    text-align:center;
    padding-bottom:5px;
}

.footer {
    font-family: Century Gothic;
    text-align:center;
    background:#abc7f5;
    border-top:1px solid #738a9c;
    padding-top:3px;
    padding-bottom:3px;
}

div#footer a:link {
    color:#006400;
}

div#footer a:visited {
    color:#006400;
}

div#footer a:active { 
    color:#006400;
}

a {
    text-decoration : none;
}

div#footer a:hover {
    color:#0000ff; 
    text-decoration:none;
}

#bn {
    width:99%;
}

#next {
    width:100px;
    float:right;
    text-align:right;
}

#back {
    width:100px;
    float:left;
    text-align:left;
}

.sidettl {
    font-family: Century Gothic;
    color: #6495ed;
    text-align:left;
    padding-bottom:5px;
    padding-left:5px;
}

#baggage {
    width:146px;
    line-height:2;
    text-align:right;
    margin-left:4px;
}

.baggageitem {
    width:148px;
    float:right;
    border-bottom:solid 1px #c9c9c9;
}

.baggageprice {
    width:104px;
    float:left;
    border-bottom:1px solid #c9c9c9;
}

.delitem {
    width:42px;
    float:right;
}

#step {
    width:430px;
    text-align:center;
    border:1px solid #c9c9c9;
}

#step1 {
    text-align:center;
    border-right:1px solid #c9c9c9;
}

#step2 {
    text-align:center;
    border-right:1px solid #c9c9c9;
}

#step3 {
    text-align:center;
    border-right:1px solid #c9c9c9;
}

#step4 {
    text-align:center;
}

.stepno {
    color:#ff8c00;
}

.stepotherno {
    color:#c9c9c9;
}

.step_l {
    width:200px;
    float:left;
    text-align:left;
}

.step_r {
    width:200px;
    float:right;
    text-align:right;
}

.require {
    color:#ff0000;
}

table.per_content_header {
    border:1px solid #c9c9c9;
    border-collapse:collapse;
}

table.per_content_header td {
    border:1px solid #c9c9c9;
    padding-top:5px;
    padding-bottom:5px;
}

.p_name,
.p_price,
.p_cnt,
.p_aprice
{
    text-align:center;
    background:#cfd9fa;
}

.per_content,
.pc_cnt,
.p_send_price,
.p_all_price {
    text-align:center;
}

.pc_name {
    text-align:left;
}

.pc_price,
.pc_aprice,
.p_send_price_price {
    text-align:right;
}


.p_send_price_sub {
    text-align:right;
    background:#cfd9fa;
}

.p_all_price_sub {
    text-align:right;
    background:#cfd9fa;
}

.p_all_price_price {
    text-align:right;
    background:#fff3bb;
}

.pay {
    text-align:left;
    border:1px solid #c9c9c9;
}

.pay input {
    background:#ffffff;
}

table.uform {
    background:#ffffff;
    border :1px solid #c9c9c9;
    border-collapse:collapse;
}

table.user_input {
    text-align:center;
    border:1px solid #c9c9c9;
    border-collapse:collapse;
}

table.user_input td {
    border:1px solid #c9c9c9;
}

textarea.bikou {
    border:1px solid #c9c9c9;
}

.user_input_sub {
    border-right:1px solid #c9c9c9;
    border-bottom:1px solid #c9c9c9;
    background:#cfd9fa;
    text-align:center;
}

.user_input_name {
    text-align:left;
    padding-left:2px;
    border-bottom:1px solid #c9c9c9;
}

.user_input_name_spacer {
    height:25px;
    text-align:left;
    vertical-align:middle;
    padding-left:2px;
}

.per_detail_header {
    background:#cfd9fa;
}

.per_detail_strong {
    background:#fff3bb;
}

.tcenter {
    text-align:center;
}

.tright {
    text-align:right;
}

#last_mes {
    width:420px;
    text-align:left;
    border:1px solid #c9c9c9;
    padding:5px;
}

.last {
    line-height:150%;
}

.nostockmsg {
    text-align:center;
    color:#ff8500;
    border:1px solid #c9c9c9;
}

#info_main {
    width:450px;
    border:1px solid #c9c9c9;
    line-height:20px;
    background:#fff;
}

#info_content {
    text-align:left;
    padding:5px;
}

table.chgfee {
    border-collapse:collapse;
    background:#fff;
    border:1px solid #c9c9c9;
}

table.chgfee td {
    border: 1px solid #c9c9c9;
    padding-top:3px;
    padding-bottom:3px;
}

.chgfeea {
    border-left:1px solid #c9c9c9;
}

.sfeeb {
    border-right:1px solid #c9c9c9;
}

.hit {
    background:#d0ffff;
}

.nodata {
    width:420px;
    height:100px;
    text-align:center;
    vertical-align:middle;
    border:1px solid #c9c9c9;
}

.loginerr {
    text-align:right;
    color:#ff8500;
}

#error {
    border:1px solid #c9c9c9;
    color:#ff0000;
    text-align:left;
    padding:5px;
}

.top_name {
    width:148px;
    padding-left:5px;
    padding-top:5px;
    text-align:left;
}

.top_name input {
    border:0px solid #ffffff;
    background:#ffffff;
    color:#008b8b;
    cursor:pointer;
    text-align:left;
    line-height:20px;
    vertical-align:middle;
}

.top_price {
    width:150px;
    text-align:right;
    border-bottom:1px solid #c9c9c9;
    padding-top:5px;
}

.check_ok {
    color:#0000ff;
    text-align:center;
}

.check_ng {
    color:#ff0000;
    text-align:center;
}

.pxs {
    font-size:xx-small;
}

.att {
    color:#ff0000;
}

*:first-child+html #topadjust {
    margin-left:5px;
}

.right {
    text-align:right;
}

.center {
    text-align:center;
}

p {
    padding-top:3px;
}

.small {
    font-size:x-small;
}

table.logout {
    border:1px solid #c9c9c9;
}

.soldout {
    color:#ff8500;
}