@charset "utf-8";


/* 検索結果
----------------------------------------------- */
p.conditionarea {
    clear: both;
    width: 666px;
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
}


/* ページ送り
----------------------------------------------- */
.pagenumberarea, .pagecondarea {
    clear: both;
    width: 560px;
    margin: 20px 0;
    padding: 10px;
    background-color: #f3f3f3;
}

ul.pagenumberarea {
    height: 2.5ex;
}

ul.pagecondarea {
    border: 1px solid #CCCCCC;
}

ul.pagenumberarea li {
    float: left;
    width: 32.9%;
}

ul.pagenumberarea li.left {
    text-align: left;
    white-space: nowrap;
}

ul.pagenumberarea li.center {
    text-align: center;
    white-space: pre;
}

ul.pagenumberarea li.right {
    text-align: right;
    white-space: nowrap;
}

.pagenumberarea .pagenumber{
    color: #ff0000;
    font-weight: bold;
}

p.pagenumberarea .number{
    font-weight: bold;
}

/* 商品一覧 */

/* タイトル
----------------------------------------------- */
div#listtitle {
    width: 580px;
    margin: 0 0 10px 0;
    border-top: 2px solid #ff0000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #999;
    background: url("../img/products/title_icon.gif") no-repeat left center;
    background-color: #ffebca;
}

div#listtitle h2 {
    padding: 10px 0 10px 30px;
    font-size: 140%;
}


/* 商品
----------------------------------------------- */
div.listarea {
    clear: both;
    width: 580px;
    padding: 20px 0 30px 0;
    overflow: auto;
    background: url("../img/common/line_580.gif") no-repeat bottom;
}

div.listphoto {
    float: left;
    width: 130px;
}

div.listrightblock {
    float: right;
    width: 440px;
}

div.listrightblock li {
    display: inline;
    padding: 0 0 10px 0;
}

div.listrightblock h3 {
    width: 420px;
    margin: 5px 0;
    padding: 5px 10px;
    border-bottom: 2px solid #ebebd6;
    background-color: #f9f9ec;
    font-size: 120%;
}

div.listrightblock h3 a {
    font-size: 100%;
    font-weight: bold;
}

div.listrightblock .listcomment {
    margin: 0 0 10px 0;
}

div.listrightblock .pricebox {
    float: left;
}

div.listrightblock .soldout {
    clear: both;
}

div.listrightblock .in_cart {
    margin: 20px auto 5px 130px;
    padding: 10px;
    width: 285px;
    clear: both;
    background-color: #ecf5ff;
    border: 1px solid #CCCCCC;
}

div.listrightblock .quantity {
    width: 150px;
}

div.listrightblock .btnbox {
    margin: 0 0 10px 0;
    padding: 1px;
    float: right;
}

div.listrightblock dt {
    width: 75px;
    float: left;
    text-align: right;
    padding: 3px;
    font-weight: bold;
}

div.listrightblock dd {
    padding: 3px;
}

div.listrightblock .cartbtn {
    clear: both;
    text-align: center;
}

div.listrightblock .cartbtn img {
    display: block;
    width: 115px;
    margin: 5px auto 0 auto;
}

div.listrightblock .box54 {
    width: 54px;
    border: solid 1px #ccc;
}

/* 商品詳細 */

/* タイトル
----------------------------------------------- */
div#detailtitle {
    width: 580px;
    margin: 0 0 10px 0;
    border-top: 2px solid #ff0000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #999;
    background: url("../img/products/title_icon.gif") no-repeat left center;
    background-color: #ffebca;
}

div#detailtitle h2 {
    padding: 10px 0 10px 30px;
    font-size: 140%;
}


/* 商品
----------------------------------------------- */
div#detailarea {
    width: 580px;
    margin: 15px 0 0 0;
}

div#detailphotoblock {
    float: left;
    width: 292px;
}

div#detailphotoblock p {
    margin: 5px 0 0 0;
}

div#detailrightblock {
    float: right;
    width: 280px;
}

div#detailrightblock li {
    display: inline;
}

div#detailrightblock h2 {
    margin: 5px 0;
    padding: 0;
    color: #ff6600;
    font-size: 140%;
    font-weight: bold;
}

div#detailrightblock dl {
    padding: 15px 0 0 0;
}

div#detailrightblock dt {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url("../img/common/arrow_gray.gif") no-repeat left center;
}

div#detailrightblock dd {
    margin: 0 15px 0 0;
}

div#detailrightblock .box54 {
    width: 54px;
    border: solid 1px #ccc;
}

div#detailrightblock .btn {
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: center;
    vertical-align: top;
    background: url("../img/common/line_280.gif") no-repeat;
}

/* サブタイトル
----------------------------------------------- */
div.subarea {
    clear: both;
    width: 580px;
    padding: 30px 0 0 0;
}

div.subarea h3 {
    width: 560px;
    font-size: 120%;
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background-color: #e4e4e4;
}

div.subtext {
    float: left;
    width: 365px;
}

div.subphotoimg {
    float: right;
    width: 202px;
}

div.subphotoimg p {
    margin: 5px 0 0 0;
    text-align:right;
}


/* お客様の声
----------------------------------------------- */
div#customervoicearea {
    clear: both;
    width: 580px;
    padding: 35px 0 0 0;
}

div#customervoicearea h2 {
    padding: 0 0 10px 0;
}

div#customervoicearea .voicedate{
    font-weight: bold;
    margin: 10px 0 0 0;
}

div#customervoicearea .voicetitle{
    padding: 5px 0;
    font-size: 120%;
    font-weight: bold;
}

div#customervoicearea li {
    padding: 0 0 10px 0;
    background: url("../img/common/line_580.gif") no-repeat bottom;
}

/* トラックバック
----------------------------------------------- */
div#trackbackarea {
    clear: both;
    width: 580px;
    padding: 35px 0 0 0;
}

div#trackbackarea h2 {
    padding: 0 0 10px 0;
}

div#trackbackarea h3 {
    font-size: 100%;
    font-weight: bold;
    padding: 0 0 10px 0;
}

div#trackbackarea .box500 {
    width: 500px;
    border: solid 1px #ccc;
}

/* この商品を買った人はこんな商品も買っています
----------------------------------------------- */
div#whoboughtarea {
    clear: both;
    width: 580px;
    padding: 35px 0 0 0;
}

div.whoboughtblock {
    clear: both;
    width: 580px;
    padding: 10px 0;
    overflow: auto;
}

div.whoboughtleft {
    float: left;
    width: 280px;
    padding: 10px 0;
    position: relative;
    background: url("../img/common/line_578.gif") no-repeat bottom;
}

div.whoboughtleft img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.whoboughtleft p {
    margin: 0 0 5px 0;
}

div.whoboughtright {
    float: right;
    width: 280px;
    padding: 10px 0;
    position: relative;
    background: url("../img/common/line_578.gif") no-repeat bottom;
}

div.whoboughtright img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

div.whoboughtright p {
    margin: 0 0 5px 0;
}

div.whoboughtleft h3 {
    font-size: 100%;
}

div.whoboughtright h3 {
    font-size: 100%;
}

/** IE6対策：<a>タグ以外へのhover対応 */
body {
    _behavior : url(/user_data/packages/default/css/csshover3.htc);
}
/** /IE6対策：<a>タグ以外へのhover対応 */

/** 共通：商品一覧／商品詳細／商品拡大ページ */
#contents {
    width : 760px;
}

div.bread_crumb {
    font-size  : 77%;
    margin     : 0px;
    text-align : left;
    width      : 100%;
}

div.bread_crumb span.bread_crumb_now {
    color       : #FF484E;
    font-weight : bold;
}
/** /共通：商品一覧／商品詳細／商品拡大ページ */

/** 商品一覧ページ */
#listtitle {
    background       : none !important;
    border           : none !important;
    height           : 254px;
    margin           : 10px 0px 10px 0px !important;
    padding          : 0px !important;
    position         : relative;
    width            : 100% !important;
}

#listtitle h2 {
    font-size : 100% !important;
    padding   : 0px 0px 0px 0px !important;
}

#search_zero {
    margin-top    : 10px;
    border-top    : 1px solid #ccc;
    padding-top     : 30px;
    padding-bottom  : 30px;
    text-align     :center;
    vertical-align :middle;
}

#disp_category {
    margin-top    : 10px;
    margin-bottom  : 10px;
}
#child_category {
    border-bottom : 1px solid #ccc;
    border-top    : 1px solid #ccc;
    margin        : 0px;
    width         : 100%;
}

#child_category ul {
    margin : 15px 0px 5px 30px;
    width  : 700px;
}

#child_category ul li {
    background     : url(../img/products/list_marker_01.gif) no-repeat left 1px;
    color          : #333;
    display        : inline-block;
    font-size      : 85%;
    margin         : 0px 0px 10px 0px;
    padding-left   : 15px;
    width          : 98px;
    vertical-align : top;
}

#child_category ul li {
    _background-position : left top;
    _display             : inline;
    _width               : 116px;
    _zoom                : 1;
}

*+html #child_category ul li {
    background-position : left top;
    display             : inline;
    width               : 116px;
    zoom                : 1;
}

#list_operation {
    border-bottom : 1px solid #ccc;
    clear         : both;
    font-size     : 85%;
    margin        : 0px;
    padding       : 12px 0px;
    position      : relative;
    width         : 100%;
}

#list_operation .order {
    margin : 0px;
}

#list_operation .order a {
    border-bottom : 1px dotted #333;
}

#list_operation .list_order_now {
    font-weight : bold;
}

#list_operation .rownum {
    position  : absolute;
    right     : 0px;
    top       : 9px;
}

.list_pager {
    color      : #333;
    font-size  : 77%;
    padding    : 15px;
    text-align : right;
}
.list_pager a {
    border-bottom : 1px dotted #333;
    margin        : 0px 4px;
}

.list_pager .current_page {
    font-weight : bold;
}

#item_list {
    margin-bottom : -2px;
}
/** /商品一覧ページ */

/** 商品詳細ページ */
#detailtitle {
    background : none !important;
    border     : none !important;
    margin     : 23px 0px 0px 0px !important;
    padding    : 0px !important;
    position   : relative;
    width      : 100% !important;
}

#detailtitle h2 {
    font-size : 100% !important;
    padding   : 0px 0px 0px 0px !important;
}

#detailtitle.hide {
    display : none;
}

#detailtitle.visible {
    display : block;
}

#detailtitle2 {
    background : none !important;
    border     : none !important;
    margin     : 0px 0px 20px 0px !important;
    padding    : 0px !important;
    position   : relative;
    width      : 100% !important;
}

.detail_push_text {
    margin-top : 23px;
    text-align : left;
}

#detailarea {
    clear    : both;
    margin   : 15px 0px 0px 0px;
    overflow : hidden;
    position : relative;
    width    : 760px !important;
}

#detailarea a {
    text-decoration :none;
}

#detail_pics {
    float    : left;
    margin   : 0px 20px 0px 0px;
    position : relative;
    width    : 400px;
}

#detail_pics .main_picture {
    border  : none;
    display : block;
    margin  : 0px 0px 10px 0px;
    height  : 400px;
    width   : 400px;
}

#detail_pics .other_pictures {
    clear    : both;
    height   : 72px;
    margin   : 40px 0px 0px 0px;
    overflow : hidden;
    width    : 400px;
}

#detail_pics .other_pictures a {
    float : left;
}

#detail_pics .other_pictures a {
    border : none;
    margin : 1px 8px 1px 1px;
}

#detail_pics .other_pictures a:hover {
    border : 1px solid #ccc;
    margin : 0px 7px 0px 0px;
}

#detail_pics .other_pictures a.current {
    border : 1px solid #000 !important;
    margin : 0px 7px 0px 0px;
}

#detail_pics .other_pictures img {
    border : none;
    height : 70px;
    width  : 70px;
}


#detail_explanation {
    color     : #333;
    float     : left;
    font-size : 85%;
    position  : relative;
    width     : 340px;
}

#detail_explanation .brand_logo {
    height   : 47px;
    position : relative;
    overflow : hidden;
    width    : 100%;
}

#detail_explanation .push_icon {
    height   : 15px;
    margin   : 10px 0px;
}

#detail_explanation .push_icon img {
    border       : none;
    margin-right : 4px;
}

#detail_explanation .item_code {
    color     : #666;
}

#detail_explanation .item_code span {
    margin-right : 12px;
}

#detail_explanation .item_name {
    font-weight : bold;
    margin      : 10px 0px 20px 0px;
}

#detail_explanation .item_explanation {
    line-height : 1.5em;
}

#detail_explanation table {
    color           : #333 !important;
    border          : none !important;
    border-collapse : collapse !important;
    border-spacing  : 0px !important;
    empty-cells     : show !important;
}

#detail_explanation th,
#detail_explanation td {
    border      : none !important;
    background  : none !important;
    font-weight : normal;
    padding     : 0px;
}

#detail_explanation .item_development {
    margin-bottom : 20px;
    width         : 100%;
}

#detail_explanation .item_development th,
#detail_explanation .item_development td {
    line-height    : 1.5em;
    padding        : 0px;
    text-align     : left;
    vertical-align : top;
}

#detail_explanation .item_development th {
    width : 3em;
}

#detail_explanation .item_development td {
    padding-right : 4px;
}

#detail_explanation .gift_wrapping {
    font-size  : 90%;
    margin-top : 10px;
    position   : relative;
    width      : 100%;
}

#detail_explanation .gift_wrapping .wrapp {
    background   : url(../img/products/icon_gift.gif) no-repeat left top;
    color        : #ff484e;
    display      : inline-block;
    font-weight  : bold;
    height       : 15px;
    line-height  : 15px;
    padding-left : 17px;
}

#detail_explanation .gift_wrapping .apply {
    background   : url(../img/products/list_marker_02.gif) no-repeat left 3px;
    display      : inline-block;
    height       : 15px;
    line-height  : 15px;
    padding-left : 12px;
    position     : absolute;
    right        : 0px;
    bottom       : 0px;
}

#detail_explanation .gift_wrapping .apply a {
    color : #5c5c5c;
}

#detail_explanation .gift_wrapping span {
    _display : inline;
    _zoom    : 1;
}

#cart_form {
    background : url(../img/products/bg_cart_form_dot.gif) repeat;
    padding    : 20px;
    position   : relative;
    width      : 340px;
}
#cart_form {
    _width      : 300px;
}

#cart_form table {
    margin       : 0px;
    table-layout : fixed;
    width        : 300px;
}

#cart_form table thead.dtbl_header th,
#cart_form table thead.dtbl_header td {
    line-height : 0px;
    height      : 0px;
    overflow    : hidden;
    padding     : 0px;
    text-indent :-99999px;
}

#cart_form th,
#cart_form td {
    line-height    : 1.8em;
    text-align     : left;
    vertical-align : top;
}

#cart_form th {
    color : #000;
    width : 4em;
}

#cart_form td select {
    margin-bottom : 10px;
}

#cart_form td.item_price {
    font-size   : 120% !important;
    font-weight : bold;
    padding     : 10px 0px;
}

#cart_form td.item_price .original {
    text-decoration : line-through;
}

#cart_form td.item_price .pricedown {
    color       : #ff484e;
    margin-left : 1em;
}

#cart_form td.item_soldout {
    color          : #ff484e;
    font-size      : 120% !important;
    font-weight    : bold;
    padding-bottom : 10px;
}

#cart_form th.item_point,
#cart_form td.item_point {
    color          : #666;
    padding-bottom : 13px;
}

#cart_form td.item_point span {
    color : #ff484e !important;
}

#cart_form form .cart_button {
    height   : 45px;
    bottom   : 20px;
    position : absolute;
    right    : 60px;
    width    : 190px;
}
#cart_form form .cart_button {
    _right : 20px;
}

#detail_explanation .item_development_table {
    margin : 20px 0px 10px 0px;
    width  : 100%;
}

#detail_explanation .item_development_table th,
#detail_explanation .item_development_table td {
    border     : 1px solid #d2d2d2 !important;
    padding    : 4px;
    text-align : center;
}

#detail_explanation .tfooter {
    padding      : 0px 0px 20px 0px;
    text-align   : left;
}

#detail_explanation .tfooter span {
    margin-right : 1em;
}
/** /商品詳細ページ */

/** 商品拡大画像ページ */
#expand_image {
    margin     : 0px;
    padding    : 30px;
    position   : relative;
    text-align : left;
}

#expand_image .expand_wrap {
    height   : 570px;
    position : relative;
    width    : 644px;
}

#expand_image .expanded,
#expand_image .others {
    position : absolute;
}

#expand_image .expanded {
    left   : 0px;
    height : 550px;
    margin : 0px;
    top    : 0px;
    width  : 550px;
}

#expand_image .expanded img {
    border : none;
    height : 550px;
    width  : 550px;
}

#expand_image .others {
    left   : 572px;
    margin : 0px;
    top    : 0px;
    width  : 72px;
}

#expand_image .others img {
    border : none;
    height : 70px;
    margin : 1px 1px 9px 1px;
    width  : 70px;
}

#expand_image .others img:hover {
    border : 1px solid #ccc;
    margin : 0px 0px 8px 0px;
}

#expand_image .others img.current {
    border : 1px solid #000 !important;
    margin : 0px 0px 8px 0px;
}

#expand_image .expand_close img {
    border : none;
    height : 9px;
    margin : 0px;
    width  : 9px;
}
#expand_image .expand_close img {
    _margin-top : 2px;
}
*:first-child+html #expand_image .expand_close img {
    margin-top : 2px;
}

#expand_image .expand_close span {
    font-size   : 11px;
    line-height : 11px;
    margin-left : 4px;
}
/** /商品拡大画像ページ */

/** RECOMMEND ITEM */
#recommend_list {
    border-top    : 1px solid #cccccc;
    margin-bottom : -2px;
}
#recommend_list.no_border {
    border-top : none;
}


#recommend_list .recommend_title {
    margin : 10px 0px;
}
/** /RECOMMEND ITEM */

/** HOT ITEM */
#hot_item_list {
    border-top    : 1px solid #cccccc;
    margin-bottom : -2px;
}
#hot_item_list.no_border {
    border-top : none;
}
#hot_item_list.following {
    margin-top : 30px;
}

#hot_item_list .hot_item_title {
    margin : 10px 0px;
}
/** /HOT ITEM */

/** 共通：商品一覧／HOT ITEM/／RECOMMENT内商品リスト用 */
.item_list {
    width : 760px;
}

.item_list .item_row {
    clear         : both;
    margin-bottom : 2px;
    overflow      : hidden;
    position      : relative;
    width         : 760px;
}

.item_list .item_info {
    background-color : #e5eced;
    color            : #333;
    float            : left;
    font-size        : 85%;
    margin           : 0px 2px -32768px 0px;
    padding          : 10px 10px 32768px 10px;
    position         : relative;
    white-space      : normal;
    width            : 130px;
}
.item_list .item_info:hover {
    background-color : #cfdbdd;
}

.item_list .item_image img {
    border     : none;
    height     : 130px;
    margin-top : 25px;
    width      : 130px;
}

.item_list .item_info a {
    border          : none;
    text-decoration : none;
}

.item_list .item_push_icon {
    clear       : both;
    height      : 15px;
    left        : 11px;
    padding     : 0px;
    position    : absolute;
    top         : 11px;
    white-space : nowrap;
    width       : 130px;
}

.item_list .item_push_icon li {
    float        : left;
    margin-right : 1px;
}

.item_list .item_push_icon li img {
    border : none;
    height : 15px;
}

.item_list p {
    line-height : 1em;
}

.item_list .brand_name {
    margin : 10px 0px 5px 0px;
}

.item_list .item_name {
    margin-bottom : 15px;
}

.item_list .item_price {
    padding-bottom : 10px;
}

.item_list .item_price_info {
    padding-bottom : 10px;
}

.item_list .item_price .original {
    text-decoration : line-through;
}

.item_list .item_price .pricedown {
    color       : #FF484E;
    margin-left : 1em;
}

.item_list .item_soldout {
    color          : #ff484e;
    display        : block;
    font-weight    : bold;
    margin-top     : -5px;
    padding-bottom : 10px;
}
/** /共通：商品一覧／HOT ITEM/／RECOMMENT内商品リスト用 */

