* { font-family: Sazanami Mincho; }

body { margin: 0px; padding: 3px; background-color: #fff; }
td { vertical-align: top; }
strong { font-weight: bold; }
caption { text-align: left; }

/* exploding boy */
.navlist { margin-left: -48px; margin-bottom: 5px; margin-top: 10px; float:left; width:97%; background:#fff; font-size:12px; }
.navlist ul { margin:0; padding-left:50px; padding-bottom:10px; }
.navlist li { display:inline; margin:0; padding:0; list-style-type: none; }
.navlist a { float:left; background:url( /images/tableft_ys.gif ) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
.navlist a strong { float:left; white-space: pre; display:block; background:url( /images/tabright_ys.gif ) no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navlist a strong { float:none; }
/* End IE5-Mac hack */
.navlist li.on a, 
.navlist a:hover { background-position:0% -42px; }
.navlist li.on a strong,
.navlist a:hover strong { color:#fff; background-position:100% -42px; }

table.product {
    font-size:10px;    
}

img.product       { margin: 5px; }
#layout           { width: 100%; position: relative; }

#logo-sitename    { height: 25px; background: url(  /images/ys-header-c.gif ) 100% 20% no-repeat; margin: 5px 0px 5px 0px; padding: 0px 0px 3px 100px; font-size: 25px; color: #666; }
#logo-link        { position: absolute; top: 5px; left: 5px; }

.ptitle           { text-align: center; font-size: 18px; font-weight: bold; background: url( /images/img02.gif ) repeat-x; }

.content-head     { padding: 2px 2px 2px 5px; font-size: 18px; font-weight: bold; background-color: #f6f6dc; }

.telop            { background-color: #fff; }
.no-items {
    border: 1px #000 solid;
    background-color: #eee;
}
.no-items td {
    background-color: #eee;
}
.page-links {
    background: url( /images/img04.gif ) repeat-x;
    border: 1px #000 solid; 
    font-weight:bold; 
    font-size: 12px; 
    color: #000; 
    text-align: center; 
    height:10px;
    width:100%; 
    padding: 5px; 
    overflow:visible; 
}
.top-header { 
    padding: 5px; 
    color: #000; 
    font-size: 14px; 
}

td.nav_col        { padding: 5px; }
td.nav_col table  { margin-bottom: 5px; }
td.products table { width: 100%; margin-bottom: 5px; }
#category_listing table { margin-bottom: 5px; }
#category_listing li a { font-size: 20px; }
#topics_listing,
#category_listing { width: 100%; }
#category_listing table.navigation td { background-color: #eee; }

div#search-bar { background-color: #bf0000; margin: -5px 0px 0px 0px; padding: 4px; font-size: 10px; color:#fff; font-weight:bold; }
div#search-bar form { margin: 0px 10px 0px 0px; display:inline; }
#friendly    {
    width:1px;
    height:1px;
    float: right;
}
#face    {
    position:relative;
    background: url( /images/friendly_face_right.gif ) no-repeat;
    width:100px;
    height:86px;
    z-index: 999;
    _top:-94px;
    top:-89px;
    right:96px;
}
#xxx { 
}

table.navigation { 
    border-left: 1px solid #bf0000; 
    border-bottom: 1px solid #bf0000; 
    border-right: 2px solid #999; 
    width: 100%; 
}
table.navigation ul { 
    margin: 5px 5px 5px 0px; 
    _margin-top: 10px;
    _margin-left: 40px;
}
table.navigation ul li { 
    list-style-image: url( /images/tri_bullet_red.gif ); 
    margin-left: -10px;
}
table.navigation ul li a { 
    font-size: 12px; 
}
table.navigation caption { 
    background:url( /images/caption_center_ys_on.gif ) repeat-x top; 
    margin-top: 0px;
    margin-left: 0px; 
    padding:0px;
}
table.navigation caption span.outer {
	display:block;
    height:28px;
    background-color: #bf0000;
    background:url( /images/caption_right_ys_on.gif ) no-repeat right top; 
}
table.navigation caption span.inner {
    background:url( /images/caption_left_ys_on.gif ) no-repeat left top; 
    float:left;
    color: #fff;
    font-weight: bold;
    margin-left: 0px; 
    padding:5px 15px 4px 15px; 
}
table.navigation caption span.outer span.inner a { 
    color: #fff;
    font-weight: bold; 
    text-decoration: none; 
}
table.navigation caption span.outer span.inner a:hover { 
    text-decoration: underline; 
}

.cate-content-hd  { color: #fff; font-weight: bold; padding: 3px; }
.cate-content-hd li { font-size: 12px; color: blue; }
.page-links ul    { margin: 0px; }
#page-list li a { padding: 0px 2px 0px 3px; }
#page-list li strong { background-color: #c4badb; color: #fff; }
ul.wrapping li {
    display:-moz-inline-box;
    -moz-box-orient:vertical;
    display:inline-block;
    vertical-align:top;
    word-wrap:break-word;
}
* html .wrapping li {
    display:inline;
}
* + html .wrapping li {
    display:inline;
}
.wrapping li > * {
    display:table;
    table-layout:fixed;
    overflow:hidden;
}

table.item { border: 1px solid #bf0000; font-size:10px; }
table.item caption { background-color: #bf0000; padding: 3px; }
table.item caption a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
table.item caption a:hover { text-decoration: underline; }
table.item td ul { margin-left:-5px; }
li.review { font-weight:bold; white-space:pre; font-size:12px; }
li span.price { font-weight:bold; white-space:pre; font-size:14px; }
li span.tax { }
td.item-ref-url { }

.item-price    { padding: 3px; background-color: #f6f6dc; }
.item-detail   { text-align: left; font-size: 12px; }
.top-category-head a { color: #fff; padding: 3px; font-size: 14px; text-decoration: none; } 
.item-name a:hover { text-decoration: underline; } 

.siteexp       { text-align: center; vertical-align: center; background: url( /images/img04.gif ) repeat-x; height: 30px; font-size: 10px; }
.sitepolicy    { text-align: center; font-size: 10px; }
.footer        { text-align: center; height: 40px; font-size: 10px; }
.copyright     { text-align: center; font-size: 10px; }

.smaller { font-size: 6px; }