body {
    background-color:#788080;
}

form {
    padding:0;
    margin:0;
    border:0;
}

/* Base Layout */

div.main {
    position:relative;
    margin:10px auto 0px auto;
    width:956px;
    background-color:#ffffff;

}

div.left_top_visual {
    float:left;
    width:565px;
}

div.right_top_visual {
    float:left;
    width:391px;
    //height:152px;
    //overflow:hidden;
}

div.content_short {
    float:right;
    width:371px;
    //width:391px;
    height:127px;
    //height:132px;
    padding:0px 10px 5px 10px;
    background-color:#e3e2de;
	background-image:url(pixel/home_text.jpg);
	background-repeat:no-repeat;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}
div.content_short1 {
    float:right;
    width:371px;
    //width:391px;
    height:127px;
    //height:132px;
    padding:0px 10px 5px 10px;
    background-color:#e3e2de;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}
div.content_long {
    float:right;
    width:371px;
    //width:391px;
    height:336px;
    //height:341px;

    padding:0px 10px 5px 10px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:#e3e2de;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

div.content_shop {
    float:left;
    width:653px;
    //width:673px;
    height:500px;
    padding:0px 10px 5px 10px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:#b8c3c9;
    
    font-family:helvetica,arial,sans-serif;
    color:#ffffff;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}


div.content_detail {
    float:right;
    width:391px;
    padding:0px 0px 0px 0px;
    background-color:#ffffff;
    height:505px;
    //height:500px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

div.content_detail_top {
    padding:0px 5px 5px 5px;
    background-color:#ffffff;
    min-height:131px;
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}


div.itemBox {
    margin:0;
    padding:4px;
    width:310px;
    height:72px;
    background-color:#dce1e4;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

div.itemImageBox {
    margin:0;
    padding:0px 4px 0px 0px;
}

.itemImage {
    border-style:solid;
    border-color:white;
    border-width:2px;
}

.itemImageSpecial {
    border-style:solid;
    border-color:#cc0000;
    border-width:2px;
}

.itemImageMax {
    border-style:solid;
    border-color:white;
    border-width:4px;

}

.detailBox {

    margin:0;
    padding:6px;
    background-color:#ffffff;    

    border-style:solid;
    border-color:#9f9f9f;
    border-width:1px;
    border-collapse:collapse;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

div.navigation {
    clear:left;
    float:left;
    width:283px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
    height:expression(this.scrollHeight > 500 ? "500px" : "auto");

}

div.navigation_mid {
    float:left;
    width:283px;
    overflow:auto;
    overflow-y:auto;
    overflow-x:hidden;
    height:expression(this.scrollHeight > 209 ? "209px" : "auto");

}

div.menu {
    position:relative;
    left:22px;
    width:244px;
    min-height:177px;
    max-height:473px;
    height:expression(this.scrollHeight > 473 ? "473px" : "auto");
    margin:0;
}

div.box {
    margin:2px 0px 0px 0px;
    padding:0;
    width:240px;
    //height:17px;
    //overflow:hidden;
    background-color:#b0bdc3;

}

div.mid_visual {
    float:left;
    width:282px;
    height:209px;
    overflow:hidden;
}
div.right_visual {
    float:right;
    width:391px;
    height:209px;
    overflow:hidden;
}


div.right_bottom_visual {
    clear:both;
    float:right;
    width:391px;
    height:209px;
    overflow:hidden;
}

div.footer {
    clear:both;
    width:956px;
    height:48px;
    background-color:#b2bcc3;
}

/* Typo */

h1 {
    font-family:helvetica,arial,sans-serif;
    color:#e00000;
    font-size:14px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}

h3 {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:12px;
    line-height:14px;
    text-decoration:none;
    font-weight:bold;
}

h4 {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}

a,a:link,a:visited,a:active {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

a:hover {
    font-family:helvetica,arial,sans-serif;
    color:#e00000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

a.contextLink,a.contextLink:link,a.contextLink:visited,a.contextLink:active {
    font-family:helvetica,arial,sans-serif;
    color:#cc0000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

a.contextLink:hover {
    font-family:helvetica,arial,sans-serif;
    color:#e00000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

a.navigation,a.navigation:link,a.navigation:visited,a.navigation:active {
    font-family:helvetica,arial,sans-serif;
    color:#222222;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}

a.navigation:hover {
    font-family:helvetica,arial,sans-serif;
    color:#ffffff;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}

.small {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    text-decoration:none;
    font-weight:normal;
}

.itemName {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:bold;
}

/* Decoration */


hr {
    border-style:solid;
    border-color:#bdc8cc;
    border-width:1px;
}


/* Table */

table, td, tr {
    padding:0px 0px 12px 0px;
    margin:0;
    vertical-align:top;
    border-collapse:collapse;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;    
    font-size:11px;
    line-height:15px;
    text-decoration:none;
    font-weight:normal;
}

table.team {
    padding:0;
    margin:0;
    border-style:solid;
    border-width:3px;
    border-color:#ffffff;
    background-color:#b0bdc3;
    border-collapse:collapse;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;    
    font-size:11px;
    line-height:15px;
}

tr.team, td.team {
    padding:0;
    margin:0;
    border:0;
    background-color:#b0bdc3;
    border-collapse:collapse;
    
    font-family:helvetica,arial,sans-serif;
    color:#000000;    
    font-size:11px;
    line-height:15px;
}

/* Forms */

input {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    margin:0;
    text-decoration:none;
    font-weight:normal;

    padding:3px;
    width:276px;
    border-style:solid;
    border-width:1px;
    border-color:#d2d3ce;
    background-color:#d2d3ce;
}

.checkbox {
    width:14px;
    border-style:solid;
    border-width:1px;
    border-color:#d2d3ce;
    background-color:#d2d3ce;
}

select {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    margin:0;
    text-decoration:none;
    font-weight:normal;

    padding:2px;
    border-style:solid;
    border-width:1px;
    border-color:#d2d3ce;
    background-color:#ffffff;
}

.searchbox {
    font-family:helvetica,arial,sans-serif;
    color:#333333;
    font-size:11px;
    margin:0;
    text-decoration:none;
    font-weight:normal;

    width:226px;
    padding:3px;
    border-style:solid;
    border-width:1px;
    border-color:#d2d3ce;
    background-color:#ffffff;
}



textarea {
    font-family:helvetica,arial,sans-serif;
    color:#000000;
    font-size:11px;
    margin:0;
    text-decoration:none;
    font-weight:normal;

    padding:3px;
    width:276px;
    height:100px;
    border-style:solid;
    border-width:1px;
    border-color:#d2d3ce;
    background-color:#d2d3ce;
}

.button {
    border:0;
    padding:0;
    margin:0;
}



