@charset "UTF-8";


/** div#header common */
/**************************************/
div#header a.current {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/** .wide div#header */
/**************************************/
.wide div#header {
    background:      url("../img/shared/header/bg_wide.gif") left bottom repeat-x;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    height:          192px;
    margin:          0 auto;
}

.wide div#header div#header_main {
    width:           98%;
    margin:          0 1%;
    position:        relative;
}

.wide div#header div#header_main > div {
    height:          124px;
}

.wide div#header div#header_main div#header_copy {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    line-height:     27px;
    font-size:       10px;
    margin:          0 400px 0 0;
    font-weight:     bold;
    /*width: 730px;*/
    white-space: nowrap;
}

.wide div#header div#header_main img.meito {
    float:           left;
    margin:          0 5px 0 0;
}

.wide div#header div#header_main > div > a {
    margin:          0 14px 0 0;
    float:           left;
}

.wide div#header div#header_main div#header_form {
    position: relative;
    margin: 7px 265px 0 231px;
    border: #ffffff none 10px;
    border-radius: 5px;
/*    top:             0px;
    left:            0px;
*/    background:      url("../img/shared/header/search_bg.gif") top center no-repeat;
    /*margin:          7px 0 0 0;*/
    /*float:           left;*/
    height:          74px;
}

.wide div#header div#header_main div#header_form div#search_category {
    font-size:       10px;
    text-align:      center;
    padding:         7px 15px 0 15px;
}

/* 0808 change */
.wide div#header div#header_main div#header_form div#search_category a.on {
    color:           #333333;
    font-weight: bold;
}

.wide div#header div#header_main div#header_form div#search_category a.on:hover {
    text-decoration: none;
}

.wide div#header div#header_main div#header_form div#search_input {
    padding:         10px 14px 14px 15px;
}

.wide div#header div#header_main div#header_form form {
    position: relative;
    padding: 0 135px 0 5px;
    background:      url("../img/shared/header/search_input.gif") left top no-repeat;
    /*width:           100%;*/
    height:          26px;
}

.wide div#header div#header_main div#header_form form input[type=text] {
    width: 100%;
    margin-top: 2px;
    border:          none;
    background:      #fefcf1;
    font-size:       15px;
    /*margin:          0 5px;*/
    padding:         0;
    height:          22px;
    vertical-align:  middle;
}

.wide div#header div#header_main div#header_form form input[type=submit] {
    position: absolute;
    /*bottom: 7px;*/
    right: 0;
    border:          none;
    background:      url("../img/shared/header/search_submit.gif") right top no-repeat;
    text-indent:     -9999px;
    width:           130px;
    height:          26px;
    cursor:          pointer;
    vertical-align:  middle;
}

.wide div#header div#header_main div#header_form span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/header/search_bg.gif") right top no-repeat;
    display:         block;
    width:           3px;
}

.wide div#header div#header_main ul {
/*    position: absolute;
    top: 73px;
    right: 0;
*/    /*margin:          26px 3px 0 0;*/
    /*float:           right;*/
    /*font-size: 0;*/
}

.wide div#header div#header_main ul li {
    position: absolute;
    top: 53px;
    /*display: inline;*/
/*    margin:          0 10px 0 0;
*/    /*float:           left;*/
}
.wide div#header div#header_main ul li.nav_1 { right: 195px; }
.wide div#header div#header_main ul li.nav_2 { right: 131px; }
.wide div#header div#header_main ul li.nav_3 { right: 67px; }
.wide div#header div#header_main ul li.nav_4 { right: 3px; }

.wide div#header div#header_main ul li a {
    background:      url("../img/shared/header/nav.png") 0 0;
    display:         block;
    width:           54px;
    height:          54px;
    overflow:        hidden;
    text-indent:     100%;
    white-space:     nowrap;
}

.wide div#header div#header_main ul li.nav_1 a { background-position: 0 0; }
.wide div#header div#header_main ul li.nav_2 a { background-position: -54px 0; }
.wide div#header div#header_main ul li.nav_3 a { background-position: 0 -54px; }
.wide div#header div#header_main ul li.nav_4 a { background-position: -54px -54px; }

.wide div#header div#header_category {
    color:           #135888;
    line-height:     34px;
    height:          34px;
    padding:         0 0 0 10px;
}

.wide div#header div#header_category a {
    color:           #ffffff;
    font-size:       11px;
    text-decoration: none;
}

.wide div#header div#header_category a:hover {
    text-decoration: underline;
}

.wide div#header div#header_nav {
    color:           #b6a134;
    line-height:     34px;
    height:          34px;
    padding:         0 0 0 10px;
}

.wide div#header div#header_nav a {
    color:           #1d3994;
    font-size:       10px;
    text-decoration: none;
}

.wide div#header div#header_nav a:hover {
    text-decoration: underline;
}

/** yahoologo **/
.wide div#header div.yahoologo_wide,
.medium div#header div.yahoologo_wide {
    position: absolute;
    top: 8px;
    right: 255px;
    height: 10px!important;
}

/** cart **/
.wide div#header div#header_cart {
    background:      url("../img/shared/header/cart_bg.gif") no-repeat;
    width:           252px;
    height:          47px!important;
    position:        absolute;
    top:             0;
    right:           0;
}

.wide div#header div#header_cart div#cart_num {
    position:        absolute;
    top:             10px;
    left:            29px;
    font-size:       10px;
    font-weight:     bold;
    color:           #ffffff;
    width:           18px;
    text-align:      center;
}

.wide div#header div#header_cart div#cart_price {
    position:        absolute;
    top:             10px;
    left:            50px;
    width:           85px;
    text-align:      right;
    font-size:       10px;
}

.wide div#header div#header_cart div#cart_price span {
    font-size:       16px;
    color:           #ff0000;
    font-weight:     bold;
}

.wide div#header div#header_cart div#cart_btn {
    position:        absolute;
    top:             9px;
    left:            146px;
}


/** .medium div#header */
/**************************************/
.medium div#header {
    background:      url("../img/shared/header/bg_medium.gif") left bottom repeat-x;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    height:          192px;
    margin:          0 auto;
}

.medium div#header div#header_main {
    width:           1000px;
    margin:          0 auto;
    position:        relative;
}

.medium div#header div#header_main > div {
/*    height:          124px;*/
    margin-bottom: 17px;
}

.medium div#header div#header_main div#header_copy {
    line-height:     27px;
    font-size:       10px;
    font-weight:     bold;
    width: 595px;
    white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

.medium div#header div#header_main img.meito {
    float:           left;
    margin:          0 5px 0 0;
}

.medium div#header div#header_main > div > a {
    margin:          0 14px 0 0;
    float:           left;
}

.medium div#header div#header_main div#header_form {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/shared/header/search_bg.gif") left top no-repeat;
    margin:          7px 0 0 0;
    float:           left;
    width:           507px;
    height:          74px;
    border-radius:   5px;
}

/*
.medium div#header div#header_main div#header_form div {
    padding:         14px 14px 14px 15px;
}
*/

.medium div#header div#header_main div#header_form form {
    background:      url("../img/shared/header/search_input.gif") left top no-repeat;
    width:           100%;
    height:          26px;
    text-align:      right;
}

.medium div#header div#header_main div#header_form div#search_category {
    font-size:       10px;
    text-align:      center;
    padding:         7px 15px 0 15px;
    line-height:     14px;
}

.medium div#header div#header_main div#header_form div#search_input {
    padding:         10px 14px 14px 15px;
}

.medium div#header div#header_main div#header_form form input[type=text] {
    border:          none;
    background:      none;
    font-size:       15px;
    margin:          0 5px;
    padding:         0;
    width: 338px;
}

.medium div#header div#header_main div#header_form form input[type=submit] {
    border:          none;
    background:      url("../img/shared/header/search_submit.gif") right top no-repeat;
    text-indent:     -9999px;
    width:           130px;
    height:          26px;
    cursor:          pointer;
}

.medium div#header div#header_main div#header_form span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/header/search_bg.gif") right top no-repeat;
    display:         block;
    width:           3px;
    height:          54px;
}

.medium div#header div#header_category {
    color:           #135888;
    line-height:     34px;
    height:          34px;
    padding:         0 0 0 10px;
    width:           1000px;
    margin:          0 auto;
}

.medium div#header div#header_category a {
    color:           #ffffff;
    font-size:       11px;
    text-decoration: none;
}

.medium div#header div#header_category a:hover {
    text-decoration: underline;
}

.medium div#header div#header_nav {
    color:           #b6a134;
    line-height:     34px;
    height:          34px;
    padding:         0 0 0 10px;
    margin:          0 auto;
    position:        relative;
    width:           1000px;
    /*letter-spacing:  -1px;*/
}

.medium div#header div#header_nav a {
    color:           #1d3994;
    font-size:       10px;
    text-decoration: none;
}

.medium div#header div#header_nav a:hover {
    text-decoration: underline;
}

.medium div#header div#header_main ul {
    margin:          26px 3px 0 0;
    float:           right;
}

.medium div#header div#header_main ul li {
    margin:          0 10px 0 0;
    float:           left;
}

.medium div#header div#header_main ul li.nav_4 { margin-right: 0; }

.medium div#header div#header_main ul li a {
    background:      url("../img/shared/header/nav.png") 0 0;
    display:         block;
    width:           54px;
    height:          54px;
    overflow:        hidden;
    text-indent:     100%;
    white-space:     nowrap;
}

.medium div#header div#header_main ul li.nav_1 a { background-position: 0 0; }
.medium div#header div#header_main ul li.nav_2 a { background-position: -54px 0; }
.medium div#header div#header_main ul li.nav_3 a { background-position: 0 -54px; }
.medium div#header div#header_main ul li.nav_4 a { background-position: -54px -54px; }

/** cart **/
.medium div#header div#header_cart {
    background:      url("../img/shared/header/cart_bg.gif") no-repeat;
    width:           252px;
    height:          47px;
    position:        absolute;
    top:             0;
    right:           0;
}

.medium div#header div#header_cart div#cart_num {
    position:        absolute;
    top:             10px;
    left:            29px;
    font-size:       10px;
    font-weight:     bold;
    color:           #ffffff;
    width:           18px;
    text-align:      center;
}

.medium div#header div#header_cart div#cart_price {
    position:        absolute;
    top:             10px;
    left:            55px;
    width:           80px;
    text-align:      right;
    font-size:       10px;
}

.medium div#header div#header_cart div#cart_price span {
    font-size:       16px;
    color:           #ff0000;
    font-weight:     bold;
}

.medium div#header div#header_cart div#cart_btn {
    position:        absolute;
    top:             9px;
    left:            146px;
}


/** .compact div#header */
/**************************************/
.compact div#header {
    background:      url("../img/shared/header/bg_compact.gif") left bottom repeat-x;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 18px auto;
}

.compact div#header div {
    width:           800px;
    height:          90px;
    margin:          0 auto;
}

.compact div#header div a {
    position:        relative;
    top:             7px;
    left:            -12px;
}


/** .compact_900 div#header */
/**************************************/
.compact_900 div#header {
    background:      url("../img/shared/header/bg_compact.gif") left bottom repeat-x;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 18px auto;
}

.compact_900 div#header div {
    width:           900px;
    height:          90px;
    margin:          0 auto;
}

.compact_900 div#header div a {
    position:        relative;
    top:             7px;
    left:            -12px;
}


/** .wide div#containers */
/**************************************/
.wide div#containers {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           98%;
    min-width:       1300px;
    max-width:       1500px;
    margin:          0 auto 10px;
    padding:         0 1%;
}


/** .compact div#containers */
/**************************************/
.compact div#containers {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           800px;
    margin:          0 auto 40px auto;
}


/** .compact_900 div#containers */
/**************************************/
.compact_900 div#containers {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           900px;
    margin:          0 auto 40px auto;
}


/** .mypage div#containers */
/**************************************/
.mypage div#containers {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           1000px;
    margin:          0 auto 40px auto;
    padding: 0 1%;
}


/** .mypage div#container */
/**************************************/
.mypage div#container {

}

.mypage div#layouts {
    width:           735px;
    float:           left;
}


/** div.sitejack */
/**************************************/
div.sitejack {
    position:        absolute;
    top:             0px;
}

div#sitejack_left  { left:  -280px; }
div#sitejack_right { right: -280px; }


/** div#bcs */
/**************************************/
div#bcs {
    border-bottom:   1px solid #cdcdcd;
    margin:          7px 0 20px 0;
}

div#bcs ol {
    padding:         0 0 6px 1px;
}

div#bcs ol li {
    margin:          0 0 0 9px;
    padding:         6px 0 0 0;
    float:           left;
}

div#bcs ol li.home {
    margin-left:     0;
    padding-top:     0;
}

div#bcs ol li a,
div#bcs ol li span {
    background:      url("../img/shared/bcs/arrow.gif") left 1px no-repeat;
    display:         block;
    font-size:       11px;
    padding:         0 0 0 12px;
}

div#bcs ol li.home a {
    background:      url("../img/shared/bcs/home.gif") left top no-repeat;
    display:         block;
    text-indent:     -9999px;
    width:           14px;
    height:          22px;
    padding:         0;
}


/** .wide div#container */
/**************************************/
.wide div#container {
    margin:          0 0 10px 0;
}


/** .compact div#container */
/**************************************/
.compact div#container {
    padding:         0 20px;
}


/** div#layouts */
/**************************************/
div#layouts {
    width:           100%;
    margin-right:    -250px;
    float:           left;
}

div#layouts > * {
    margin-right:    265px;
}


/** div#layouts_mypage */
/**************************************/
div#layouts_mypage {
    width:           735px;
    float:           left;
}


/** .mypage div#sidebar */
/**************************************/
.mypage div#sidebar {
    width:           250px;
    float:           right;
}


/** div.viewall */
/**************************************/
div.viewall {
    text-align:      right;
    padding:         0 0 10px 0;
}

div.footer_link {
    text-align: center;
}

/** .wide div#footer */
/**************************************/
.wide div#footer {
    border-top: 1px solid #cdcdcd;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 30px auto;
    padding:         10px 0 0 0;
}

.wide div#footer p {
    text-align:      center;
    font-size:       11px;
    line-height:     1.5;
    margin:          0 0 5px 0;
}

/** .compact div#footer */
/**************************************/
.compact div#footer {
    border-top:      1px solid #cdcdcd;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 30px auto;
    padding:         10px 0 0 0;
}

.compact div#footer p {
    text-align:      center;
    font-size:       11px;
    line-height:     1.5;
    margin:          0 0 5px 0;
}


/** .compact_900 div#footer */
/**************************************/
.compact_900 div#footer {
    border-top:      1px solid #cdcdcd;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 30px auto;
    padding:         10px 0 0 0;
}

.compact_900 div#footer p {
    text-align:      center;
    font-size:       11px;
    line-height:     1.5;
    margin:          0 0 5px 0;
}


/** .mypage div#footer */
/**************************************/
.mypage div#footer {
    border-top:      1px solid #cdcdcd;
    width:           100%;
    min-width:       1000px;
    max-width:       1500px;
    margin:          0 auto 30px auto;
    padding:         10px 0 0 0;
}

.mypage div#footer p {
    text-align:      center;
    font-size:       11px;
    line-height:     1.5;
    margin:          0 0 5px 0;
}


/** div#page_h2 */
/**************************************/
div#page_h1 {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/shared/page_h1/bg.gif") left top no-repeat;
    height:          45px;
    margin-bottom:   15px;
    padding:         0 0 0 1px;
}

div#page_h1 span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/page_h1/bg.gif") left top no-repeat;
    display:         block;
    width:           1px;
    height:          45px;
}


/** h3 */
/**************************************/
div#layouts_mypage h2,
body.compact_900 h2 {
    font-size:       13px;
    margin-bottom:   5px;
    padding:         0 0 0 10px;
}

div#layouts_mypage h2.head_blue,
body.compact_900 h2.head_blue {
    background: url("../img/shared/head/blue.gif") left 1px no-repeat;
}


/** div.box */
/**************************************/
div.box {

}

div.box    div.border { border: 1px solid #cdcdcd; position: relative; }
div.sky    div.border { border: 1px solid #6eccee; }
div.orange div.border { border: 1px solid #f3c578; }
div.yellow div.border { border: 1px solid #ffdf75; }
div.pink   div.border { border: 1px solid #e2c6d5; }
div.blue   div.border { border: 1px solid #2a97e4; }

div.box h1,
div.box h2,
div.box h3,
div.box h4,
div.box h5 {
    background:      transparent left top repeat-x;
    font-size:       12px;
    font-weight:     bold;
    vertical-align:  text-bottom;
    text-indent:     10px;
    height:          24px;
}

div.box h2.cart_side {
    height: 38px;
}

div.sky h1,
div.sky h2,
div.sky h3,
div.sky h4,
div.sky h5 { background-image: url("../img/shared/box/heading_sky.gif"); }

div.orange h1,
div.orange h2,
div.orange h3,
div.orange h4,
div.orange h5 { background-image: url("../img/shared/box/heading_orange.gif"); }

div.yellow h1,
div.yellow h2,
div.yellow h3,
div.yellow h4,
div.yellow h5 { background-image: url("../img/shared/box/heading_yellow.gif"); }

div.pink h1,
div.pink h2,
div.pink h3,
div.pink h4,
div.pink h5 { background-image: url("../img/shared/box/heading_pink.gif"); }

div.blue h1,
div.blue h2,
div.blue h3,
div.blue h4,
div.blue h5 { background-image: url("../img/shared/box/heading_blue.gif"); }

div.blue h2.cart_side { background-image: url("../img/shared/box/heading_blue_2line.gif"); }

div.box h1 span,
div.box h2 span,
div.box h3 span,
div.box h4 span,
div.box h5 span {
    position:        relative;
    top:             4px;
}

div.box > div > div {
    padding:         9px;
}

div.box div.more {
    text-align:      right;
    padding:         5px 0;
}

div.box div.more a {
    background:      url("../img/shared/sidebar/arrow.gif") left 6px no-repeat;
    font-size:       11px;
    padding:         0 0 0 10px;
}

*:first-child+html div.box div.more a { background-position: left 3px; }

/** icon */
/**************************************/
i {
    background:      transparent left top no-repeat;
    display:         inline-block;
    vertical-align:  text-top;
}


/** div.pagetop */
/**************************************/
div.pagetop {
    float:      right; /*0810 change*/
    padding:         20px 0;
}

div.pagetop a {
    background:      url("../img/shared/page_top.gif") left 50% no-repeat;
    padding:         0 0 0 10px;
}


/** div#search */
/**************************************/
div#search {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/shared/search/bg.gif") left top no-repeat;
    height:          73px;
    margin-bottom:   13px;
}

div#search h2 {
    text-align:      center;
    height:          23px;
}

div#search > div {
    position:        relative;
    top:             0px;
    left:            0px;
    margin:          0 auto;
    padding:         14px 0 0 0;
}

div#search > div form {
    background:      url("../img/shared/search/input.gif") left top no-repeat;
    width:           100%;
    height:          26px;
}

div#search > div form input[type=text] {
    border:          none;
    background:      none;
    font-size:       15px;
    line-height:     26px;
    width:           300px;
    height:          26px;
    margin:          0 5px;
    padding:         0;
    vertical-align:  middle;
}

div#search > div form input[type=submit] {
    border:          none;
    background:      url("../img/shared/search/submit.gif") right top no-repeat;
    text-indent:     -9999px;
    width:           130px;
    height:          26px;
    cursor:          pointer;
    vertical-align:  middle;
}

div#search > span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/search/bg.gif") right top no-repeat;
    display:         block;
    width:           4px;
    height:          73px;
}

div#search > img.chara_1 {
    position:        absolute;
    top:             0px;
    left:            0px;
}

div#search > img.chara_2 {
    position:        absolute;
    top:             0px;
    right:           23px;
}


/** div#search_animeword */
/**************************************/
div#search_animeword {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/shared/search_animeword/bg.gif") left top no-repeat;
    height:          73px;
    margin-bottom:   13px;
}

div#search_animeword h2 {
    text-align:      center;
    height:          23px;
}

div#search_animeword > div {
    position:        relative;
    top:             0px;
    left:            0px;
    margin:          0 auto;
    padding:         14px 0 0 0;
}

div#search_animeword > div form {
    background:      url("../img/shared/search_animeword/input.gif") left top no-repeat;
    width:           100%;
    height:          26px;
}

div#search_animeword > div form input[type=text] {
    border:          none;
    background:      none;
    font-size:       12px;
    line-height:     26px;
    width:           370px;
    height:          24px;
    margin:          0 5px 0 5px;
    padding:         0;
    vertical-align:  middle;
}

div#search_animeword > div form input[type=submit] {
    border:          none;
    background:      url("../img/shared/search_animeword/submit.gif") right top no-repeat;
    text-indent:     -9999px;
    width:           162px;
    height:          26px;
    cursor:          pointer;
    vertical-align:  middle;
}

div#search_animeword > span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/search_animeword/bg.gif") right top no-repeat;
    display:         block;
    width:           4px;
    height:          73px;
}

div#search_animeword > img.chara_1 {
    position:        absolute;
    top:             30px;
    left:            68px;
}


/** div#category_tabs */
/**************************************/
div#category_tabs {
    margin-bottom:   15px;
}

div#category_tabs h2 {
    font-size:       13px;
    margin-bottom:   10px;
    padding:         0 0 0 10px;
}

div#category_tabs h2.head_blue { background: url("../img/shared/head/blue.gif") left 1px no-repeat; }
div#category_tabs h2.head_pink { background: url("../img/shared/head/pink.gif") left 1px no-repeat; }

/*0810 change start*/
div#category_tabs ul {
    /*background:      #2495e3;*/
    margin: 0 0 0 1px;
    width: 100%;
}

div#category_tabs ul li {
    float: left;
background: #2495e3;
padding: 7px 0px 5px;
}
div#category_tabs ul li.last {
margin: 0 0 0 0 !important;
}
/*0810 change end*/
div#category_tabs ul li a.category_tabs_button {
    background:      url("../img/shared/category_tabs/tabs.gif") left top no-repeat;
    text-indent:     -9999px;
    display:         block;
    width:           52px;
    height:          62px;
}

div#category_tabs ul li.tab_1   a.category_tabs_button { background-position:    0px   0px; }
div#category_tabs ul li.tab_2   a.category_tabs_button { background-position:  -52px   0px; }
div#category_tabs ul li.tab_3   a.category_tabs_button { background-position: -104px   0px; }
div#category_tabs ul li.tab_4   a.category_tabs_button { background-position: -156px   0px; }
div#category_tabs ul li.tab_5   a.category_tabs_button { background-position: -208px   0px; }
div#category_tabs ul li.tab_6   a.category_tabs_button { background-position: -624px   0px; }
div#category_tabs ul li.tab_7   a.category_tabs_button { background-position: -260px   0px; }
div#category_tabs ul li.tab_8   a.category_tabs_button { background-position: -312px   0px; }
div#category_tabs ul li.tab_9   a.category_tabs_button { background-position: -364px   0px; }
div#category_tabs ul li.tab_10  a.category_tabs_button { background-position: -416px   0px; }
div#category_tabs ul li.tab_11  a.category_tabs_button { background-position: -468px   0px; }
div#category_tabs ul li.tab_12  a.category_tabs_button { background-position: -520px   0px; }
div#category_tabs ul li.tab_13  a.category_tabs_button { background-position: -572px   0px; }
div#category_tabs ul li.tab_209 a.category_tabs_button { background-position: -676px   0px; }

div#category_tabs ul li.tab_1   a:hover { background-position:    0px -64px; }
div#category_tabs ul li.tab_2   a:hover { background-position:  -52px -64px; }
div#category_tabs ul li.tab_3   a:hover { background-position: -104px -64px; }
div#category_tabs ul li.tab_4   a:hover { background-position: -156px -64px; }
div#category_tabs ul li.tab_5   a:hover { background-position: -208px -64px; }
div#category_tabs ul li.tab_6   a:hover { background-position: -624px -64px; }
div#category_tabs ul li.tab_7   a:hover { background-position: -260px -64px; }
div#category_tabs ul li.tab_8   a:hover { background-position: -312px -64px; }
div#category_tabs ul li.tab_9   a:hover { background-position: -364px -64px; }
div#category_tabs ul li.tab_10  a:hover { background-position: -416px -64px; }
div#category_tabs ul li.tab_11  a:hover { background-position: -468px -64px; }
div#category_tabs ul li.tab_12  a:hover { background-position: -520px -64px; }
div#category_tabs ul li.tab_13  a:hover { background-position: -572px -64px; }
div#category_tabs ul li.tab_209 a:hover { background-position: -676px -64px; }

div#category_tabs ul li.tab_1   a.on { background-position:    0px -64px; }
div#category_tabs ul li.tab_2   a.on { background-position:  -52px -64px; }
div#category_tabs ul li.tab_3   a.on { background-position: -104px -64px; }
div#category_tabs ul li.tab_4   a.on { background-position: -156px -64px; }
div#category_tabs ul li.tab_5   a.on { background-position: -208px -64px; }
div#category_tabs ul li.tab_6   a.on { background-position: -624px -64px; }
div#category_tabs ul li.tab_7   a.on { background-position: -260px -64px; }
div#category_tabs ul li.tab_8   a.on { background-position: -312px -64px; }
div#category_tabs ul li.tab_9   a.on { background-position: -364px -64px; }
div#category_tabs ul li.tab_10  a.on { background-position: -416px -64px; }
div#category_tabs ul li.tab_11  a.on { background-position: -468px -64px; }
div#category_tabs ul li.tab_12  a.on { background-position: -520px -64px; }
div#category_tabs ul li.tab_13  a.on { background-position: -572px -64px; }
div#category_tabs ul li.tab_209 a.on { background-position: -676px -64px; }


/** div.product_vertical_list */
/**************************************/
div.product_vertical_list {
    margin-bottom:   15px;
}

div.product_vertical_list h2 {
    font-size:       13px;
    margin-bottom:   5px;
    padding:         0 0 0 10px;
}

div.product_vertical_list h2 em {
    color:           #ff0000;
}

div.product_vertical_list h2.head_blue { background: url("../img/shared/head/blue.gif") left 1px no-repeat; }
div.product_vertical_list h2.head_pink { background: url("../img/shared/head/pink.gif") left 1px no-repeat; }

div.product_vertical_list > div {
    border:          1px solid #d5d5d5;
    background:      #f5f5f5;
    padding:         10px;
    positon:         relative;
}

div.product_vertical_list > div ul {
    top:             0px;
    left:            0px;
    height:          115px;
    overflow-y:      scroll;
}

div.product_vertical_list > div ul li {
    margin:          0 0 3px 0;
}

div.product_vertical_list > div ul li p.date {
    width:           150px;
    margin:          4px 5px 0 0;
    float:           left;
}

/* 0801 change */
div.product_vertical_list > div ul li p.icon {
    margin:          4px 5px 0 0;
    float:           left;
    width: 48px;
}

div.product_vertical_list > div ul li p.icon img {
    position:        relative;
    top:             2px;
}

/* 0801 change */
div.product_vertical_list > div ul li > a {
    display: block;
    margin: 4px 0px 0 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%;
}

/* 0730 change */
/* 0801 change */
div.product_vertical_list > div ul li p.price {
    color:           #ff0000;
    float:           left;
    margin:          4px 5px 0 0;
    width:           140px;
}

div.product_vertical_list > div ul li div.form {
    width:           130px;
    float:           left;
}

div.product_vertical_list > div ul li div.form select {
    position:        relative;
    top:             -4px;
    width:           47px;
}

div.product_vertical_list > div ul li div.form a {
    margin:          0 0px 0 0;
}
div.product_vertical_list > div ul li div.form img {
    right:           315px;
}


/** ul.product_horizontal_list */
/**************************************/
#layouts ul.product_horizontal_list {
    border-bottom:   1px dotted #999999;
    width:           100%;
    margin:          0 0 10px 0;
    padding:         0 0 10px 0;
}

ul.product_horizontal_list li {
    float:           left;
}

#layouts ul.product_horizontal_list li {
    width:           23.9%;
    margin:          0 1% 0 0;
}

#recommend_you ul.product_horizontal_list li,
#watched_reserve_ranking ul.product_horizontal_list li {
    width:           13.18%;
    margin:          0 1% 0 0;
}

#recommend_you ul.product_horizontal_list li.last,
#watched_reserve_ranking ul.product_horizontal_list li.last {
    margin-right:    0 !important;
}

ul.product_horizontal_list li > span {
    margin:          0 0 5px 0;
}

ul.product_horizontal_list li > span img {
    display:         block;
    margin:          0 3px 0 0;
    float:           left;
}

/* 0730 change */
/* 0805 change */
ul.product_horizontal_list li > div {
    width:           186px;
    margin:          0 0 5px 0;
}

/* 0730 change */
/* 0809 change */
ul.product_horizontal_list li > div div.imgsizefix,
div#ranking_tag div.inner div ul.ranking_list li div div.imgsizefix,
div.ranking_horizontal ul li > div div.imgsizefix{
    width: 127px;
    height: 127px;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

/* 0730 change */
/* 0809 change */
ul.product_horizontal_list li > div div.imgsizefix img,
div#ranking_tag div.inner ul.ranking_list li div div.imgsizefix img,
div.ranking_horizontal ul li > div div.imgsizefix img {
    max-width: 127px;
    max-height: 127px;
    vertical-align:middle;
}

ul.product_horizontal_list li > div > a > img {
    margin:          0 0 5px 0;
}

ul.product_horizontal_list li > div p.date {
    font-size:       11px;
    margin:          0 0 5px 0;
}

ul.product_horizontal_list li > div dl dt,
ul.product_horizontal_list li > div dl dd {
    display:         inline;
}

ul.product_horizontal_list li > div dl dd {
    font-size:       14px;
}

ul.product_horizontal_list li > div dl.price dd { color: #ff0000; }
ul.product_horizontal_list li > div dl.stock dd { color: #ff7200; }

ul.product_horizontal_list li > div dl.stock {
    margin:          0 0 5px 0;
}

ul.product_horizontal_list li > div div.form {

}

ul.product_horizontal_list li > div div.form select {
    float:           left;
    margin:          0 5px 0 0;
}
/* 0805 change */
ul.product_horizontal_list li > div div.form a {
    background:      transparent left top no-repeat;
    display:         block;
    /*text-indent:     -9999px;*/
    width:           79px;
    height:          20px;
    float:           left;
}

ul.product_horizontal_list li > div div.form a.cart    { background-image: url("../img/shared/product_horizontal_list/btn_cart.gif");    }
ul.product_horizontal_list li > div div.form a.order   { background-image: url("../img/shared/product_horizontal_list/btn_order.gif");   }
ul.product_horizontal_list li > div div.form a.reserve { background-image: url("../img/shared/product_horizontal_list/btn_reserve.gif"); }
ul.product_horizontal_list li > div div.form a.soldout { background-image: url("../img/shared/product_horizontal_list/btn_soldout.gif"); }

ul.product_horizontal_list li > a {
    line-height:     1.5;
}


/** div#ranking_tag*/
/**************************************/
div#ranking_tag h2 {
    font-size:       13px;
    padding:         0 0 0 10px;
}

div#ranking_tag h2.head_blue { background: url("../img/shared/head/blue.gif") left 1px no-repeat; }
div#ranking_tag h2.head_pink { background: url("../img/shared/head/pink.gif") left 1px no-repeat; }

div#ranking_tag div {
    height:          72px;
    /*background:      #2495e3;*/
    margin:          10px 0 20px 0;
    /*width: 732px;*/
}

div#ranking_tag ul {
    margin:          0 0 0 1px;
    width:           100%;
}

div#ranking_tag ul li {
    float:           left;
    /*margin:          10px 0px 0 0;*/
    background:      #2495e3;
    height: 55px;
    padding: 7px 0px 5px;
}

div#ranking_tag ul li.last {
    margin:          0 0 0 0 !important;
}

div#ranking_tag ul li a.ranking_tag_button {
    background:      url("../img/ranking/index/tab_ranking.gif") left top no-repeat;
    text-indent:     -9999px;
    display:         block;
    width:           52px;
    height:          52px;
}

div#ranking_tag ul li.tab_1     a.ranking_tag_button { background-position:    0px   0px; }
div#ranking_tag ul li.tab_2     a.ranking_tag_button { background-position:  -52px   0px; }
div#ranking_tag ul li.tab_3     a.ranking_tag_button { background-position: -104px   0px; }
div#ranking_tag ul li.tab_4     a.ranking_tag_button { background-position: -156px   0px; }
div#ranking_tag ul li.tab_5     a.ranking_tag_button { background-position: -208px   0px; }
div#ranking_tag ul li.tab_6     a.ranking_tag_button { background-position: -624px   0px; }
div#ranking_tag ul li.tab_7     a.ranking_tag_button { background-position: -260px   0px; }
div#ranking_tag ul li.tab_8     a.ranking_tag_button { background-position: -312px   0px; }
div#ranking_tag ul li.tab_9     a.ranking_tag_button { background-position: -364px   0px; }
div#ranking_tag ul li.tab_10    a.ranking_tag_button { background-position: -416px   0px; }
div#ranking_tag ul li.tab_11    a.ranking_tag_button { background-position: -468px   0px; }
div#ranking_tag ul li.tab_12    a.ranking_tag_button { background-position: -520px   0px; }
div#ranking_tag ul li.tab_13    a.ranking_tag_button { background-position: -572px   0px; }
div#ranking_tag ul li.tab_209   a.ranking_tag_button { background-position: -676px   0px; }

div#ranking_tag ul li.tab_1     a:hover { background-position:    0px -52px; }
div#ranking_tag ul li.tab_2     a:hover { background-position:  -52px -52px; }
div#ranking_tag ul li.tab_3     a:hover { background-position: -104px -52px; }
div#ranking_tag ul li.tab_4     a:hover { background-position: -156px -52px; }
div#ranking_tag ul li.tab_5     a:hover { background-position: -208px -52px; }
div#ranking_tag ul li.tab_6     a:hover { background-position: -624px -52px; }
div#ranking_tag ul li.tab_7     a:hover { background-position: -260px -52px; }
div#ranking_tag ul li.tab_8     a:hover { background-position: -312px -52px; }
div#ranking_tag ul li.tab_9     a:hover { background-position: -364px -52px; }
div#ranking_tag ul li.tab_10    a:hover { background-position: -416px -52px; }
div#ranking_tag ul li.tab_11    a:hover { background-position: -468px -52px; }
div#ranking_tag ul li.tab_12    a:hover { background-position: -520px -52px; }
div#ranking_tag ul li.tab_13    a:hover { background-position: -572px -52px; }
div#ranking_tag ul li.tab_209   a:hover { background-position: -676px -52px; }



/** div.ranking_horizontal */
/**************************************/
div.ranking_horizontal {
    margin-bottom:   20px;
}

div.ranking_horizontal h2 {
    position:        relative;
    top:             0px;
    left:            0px;
    background:      url("../img/shared/ranking_horizontal/head_bg.gif") left top no-repeat;
    line-height:     30px;
    font-size:       14px;
    height:          30px;
    margin:          10px 0 13px 0;
    padding:         0 0 0 34px;
}

div.ranking_horizontal h2 span {
    position:        absolute;
    top:             0px;
    right:           0px;
    background:      url("../img/shared/ranking_horizontal/head_bg.gif") right top no-repeat;
    width:           1px;
    height:          30px;
}

div.ranking_horizontal ul {

}

div.ranking_horizontal ul li {
    float:           left;
    width:           18.90%;
    margin:          0 1% 0 0;
}

div.ranking_horizontal ul li.last {
    margin-right:    0 !important;
}

div.ranking_horizontal ul li > span {
    margin:          0 0 5px 0;
}

div.ranking_horizontal ul li > span img {
    display:         block;
    margin:          0 3px 0 0;
    float:           left;
}

/* 0805 change*/
div.ranking_horizontal ul li > div {
    position:        relative;
    top:             0px;
    left:            0px;
    width:           180px;
    /*margin:          0 auto 5px auto;*/
}

div.ranking_horizontal ul li > div > img {
    margin:          0 0 5px 0;
}
div.ranking_horizontal ul li > div > a > img {
    margin:          0 0 5px 0;
}

div.ranking_horizontal ul li > div img.badge {
    position:        absolute;
    margin:          0;
}

div.ranking_horizontal ul li.rank_1 > div img.badge { top: -7px; left: -1px; }
div.ranking_horizontal ul li.rank_2 > div img.badge { top: -7px; left: -1px; }
div.ranking_horizontal ul li.rank_3 > div img.badge { top: -7px; left:  0px; }
div.ranking_horizontal ul li.rank_4 > div img.badge { top: -7px; left: -5px; }
div.ranking_horizontal ul li.rank_5 > div img.badge { top: -7px; left: -5px; }

div.ranking_horizontal ul li > div p.date {
    font-size:       11px;
    margin:          0 0 5px 0;
}

div.ranking_horizontal ul li > div dl dt,
div.ranking_horizontal ul li > div dl dd {
    display:         inline;
}

div.ranking_horizontal ul li > div dl dd {
    font-size:       14px;
}

div.ranking_horizontal ul li > div dl.price dd { color: #ff0000; }
div.ranking_horizontal ul li > div dl.stock dd { color: #ff7200; }

div.ranking_horizontal ul li > div dl.stock {
    margin:          0 0 5px 0;
}

div.ranking_horizontal ul li > div div.form {
    margin:          0 0 3px 0;
}

div.ranking_horizontal ul li > div div.form select {
    float:           left;
    margin:          0 5px 0 0;
}

/* 0805 change*/
div.ranking_horizontal ul li > div div.form a {
    background:      transparent left top no-repeat;
    display:         block;
    /*text-indent:     -9999px;*/
    width:           79px;
    height:          20px;
    float:           left;
}

div.ranking_horizontal ul li > div div.form img {
    right: 0px;
}

div.ranking_horizontal ul li > div div.form a.cart    { background-image: url("../img/shared/product_horizontal_list/btn_cart.gif");    }
div.ranking_horizontal ul li > div div.form a.order   { background-image: url("../img/shared/product_horizontal_list/btn_order.gif");   }
div.ranking_horizontal ul li > div div.form a.reserve { background-image: url("../img/shared/product_horizontal_list/btn_reserve.gif"); }
div.ranking_horizontal ul li > div div.form a.soldout { background-image: url("../img/shared/product_horizontal_list/btn_soldout.gif"); }

div.ranking_horizontal ul li > a {
    line-height:     1.5;
}

div.ranking_horizontal div.link_products {
    text-align:      center;
}

#layouts ul.ranking_voice_list {
    border-bottom:   1px dotted #999999;
    margin:          0 0 10px 0;
    padding:         0 0 10px 0;
}


/** div#recommend_you */
/**************************************/
div#recommend_you {
    min-width:       1000px;
    margin:          0 0 20px 0;
}

div#recommend_you div.border {
    border-left:     none;
    border-right:    none;
    border-bottom:   none;
}

div#recommend_you div.border h2 {
    border-left:     1px solid #6eccee;
    border-right:    1px solid #6eccee;
}

div#recommend_you div.border h2 i {
    background-image: url("../img/shared/recommend_you/recommend_you_icon.png");
    width:           15px;
    height:          15px;
    margin:          3px 5px 0 0;
}


/** div#watched_reserve_ranking */
/**************************************/
div#watched_reserve_ranking {
    min-width:       1000px;
    margin:          0 0 20px 0;
}

div#watched_reserve_ranking div.border {
    border-left:     none;
    border-right:    none;
    border-bottom:   none;
}

div#watched_reserve_ranking div.border h2 {
    border-left:     1px solid #6eccee;
    border-right:    1px solid #6eccee;
}

div#watched_reserve_ranking div.border h2 i {
    background-image: url("../img/shared/watched_reserve_ranking/watched_reserve_ranking_icon.png");
    width:           25px;
    height:          28px;
    margin:          -5px 5px 0 0;
}


/** div#tag */
/**************************************/
div#tag {
    margin:          0 0 20px 0;
}

div#tag div.border h2 span em {
    font-style:      normal;
    color:           #ffbd00;
}

div#tag div.border > div p.caption {
    font-weight:     bold;
    margin:          0 0 10px 0;
}

div#tag div.border > div dl {
    margin:          0 0 20px 0;
}

div#tag div.border > div dl.new {
    margin:          0;
}

div#tag div.border > div dl dt {
    background:      #f1f1f1;
    font-weight:     bold;
    margin:          0 0 10px 0;
    padding:         3px 10px;
}

div#tag div.border > div dl dd {
    line-height:     1.5;
}


/** div.howto */
/**************************************/
div.howto {
    background:      #fcd409;
    text-align:      center;
    margin:          0 0 10px 0;
    padding:         10px 0;
}

div.howto a {
    text-decoration: none;
}

div.howto a:hover {
    text-decoration: underline;
}


/** div#related */
/**************************************/
div#related {

}

div#related h2 {
    font-size:       12px;
    margin:          0 0 10px 0;
}

div#related > div {

}

div#related > div div {
    width:           210px;
    height:          70px;
    margin:          0 20px 20px 0;
    float:           left;
}


/** div#information */
/**************************************/
div#information {
    border-top:      1px solid #6eccee;
    margin:          0 0 20px 0;
}

div#information h2 {
    border-left:     1px solid #6eccee;
    border-right:    1px solid #6eccee;
    background:      url("../img/shared/box/heading_sky.gif") left top repeat-x;
    font-size:       12px;
    font-weight:     bold;
    text-indent:     10px;
    line-height:     25px;
    height:          24px;
    margin:          0 0 20px 0;
}

div#information div.label {
    font-size:       14px;
    font-weight:     bold;
    margin:          0 0 10px 0;
}

div#information div.carriage {
    width:           32%;
    margin:          0 1% 0 0;
    float:           left;
}

div#information div.carriage p {
    margin:          5px 0 0 0;
}

div#information div.box_center {

}

div#information div.box_center {
    width:           32%;
    margin:          0 1% 0 0;
    float:           left;
}

div#information div.credit {
    margin:          20px 0 0 0;
}

div#information div.support {
    width:           34%;
    float:           left;
}

div#information div.support span {
    font-size:       20px;
    color:           #2495e3;
}

div#information div.support p.line {
    border-top:      1px solid #cccccc;
    margin:          10px 0 0 0;
    padding:         10px 0 0 0;
}

div#information div.support dt {
    width:           4%;
    float:           left;
}

div#information div.support dd {
    width:           96%;
    float:           left;
}

div#information div.support a {
    text-decoration: underline;
}

div#information div h3 {
    background:      #f1f1f1;
    font-size:       12px;
    margin:          0 0 10px 0;
    padding:         5px 10px;
}

div#information div p,
div#information div dl {
    line-height:     1.5;
    font-size:       11px;
    margin:          0 0 15px 0;
}


/** common a */
/**************************************/
a.arrow {
    background:      url("../img/shared/ranking_voice/arrow.gif") left no-repeat;
    padding:         0 0 0 10px;
}


/** clearfix */
/**************************************/
.clearfix:after
{
    content:         ".";
    height:          0;
    clear:           both;
    visibility:      hidden;
    display:         block;
}

.clearfix
{
    display:         inline-block;
}

/*\*/
* html .clearfix
{
    height:          1%;
}

.clearfix
{
    display:         block;
}

a:hover img,
a.cart:hover,
ul li.nav_1 a:hover,
ul li.nav_2 a:hover,
ul li.nav_3 a:hover,
ul li.nav_4 a:hover
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/**
 * スマホ版でPCサイトを閲覧中にヘッダーに表示される「スマホ版へ」リンク
 */
#switch-touch div {
    background-color: #DDDDDD;
    border: 2px solid #AAAAAA;
    border-radius: 20px 20px 20px 20px;
    color: #999999;
    font-size: 32px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    width: 95%;
}

/**
 * メインバナー
 */
.mainBanner {
    margin-bottom: 20px;
    text-align: center;
}

/**
 * エラーメッセージ
 */
p.error {
    font-weight: bold;
    color: red;
}

/**
 * 中央寄せ
 */
p.center{
    text-align: center;
}

/**
 * フッターバナー画像(CSSスプライト)
 */
div#related_main > div > a {
  display:      block;
  width:        210px;
  height:       70px;
  overflow:     hidden;
  background:   url("../img/shared/related/related.png") 0 0;
  text-indent:  100%;
  white-space:  nowrap;
}

div#related_main > div > a:hover {
  opacity:      0.8;
  filter:       alpha(opacity=80);
  -ms-filter:   "alpha( opacity=80 )";
}

div#related_main > div.related_1 > a { background-position: 0 0; }
div#related_main > div.related_2 > a { background-position: -210px 0; }
div#related_main > div.related_3 > a { background-position: -420px 0; }
div#related_main > div.related_4 > a { background-position: 0 -70px; }
div#related_main > div.related_5 > a { background-position: -210px -70px; }
div#related_main > div.related_6 > a { background-position: -420px -70px; }
div#related_main > div.related_7 > a { background-position: 0 -140px; }
div#related_main > div.related_8 > a { background-position: -420px -140px; }

/*店長ポップアップ*/
img.popup{
    position: absolute;
    z-index:  5;
}
ul.product_horizontal_list li > div div.form form{
    position:relative;
}
ul.product_horizontal_list li > div div.form form img{
    right:0px;
}

div#headerNavi{
    background-color: #f2f2f2;
    background-image: url(../img/shared/header/bg_header_navi.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 2px;
    padding-top: 1px;

}

.wide div#headerNavi div.column2A{
    width: 100%;
}
.medium div#headerNavi div.column2A{
    width: 1000px;
    margin: 0 auto;
}

div#headerNavi ul{
    margin: 4px 0px;
}

div#headerNavi ul li{
    display: inline;
    padding-left: 15px;
    padding-top: 0px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.wide div#headerNavi ul li{
    margin-left: 10px;
}

div#headerNavi ul li.navi01{
    background-image: url(../img/shared/header/icon_common_head01.gif);
}
div#headerNavi ul li.navi02{
    background-image: url(../img/shared/header/icon_common_head02.gif);
}
div#headerNavi ul li.navi05{
    background-image: url(../img/shared/header/icon_common_head05.gif);
}

div#headerNavi ul li.navi01 strong{
    color: #cc0000;
}

div#headerNavi ul li.navi02 strong{
    color: #ff9000;
}

div#headerNavi ul li.navi05 strong{
    color: #ff9000;
    padding-left: 3px;
}

div#headerNavi ul li a{
    color: #345ba8;
    font-weight: bold;
}