@charset "utf-8";
/*
 * MonotaRO CMS CSS
 */

/**  cms carousel  **/
.cms_carousel {
    position: relative;
    height: auto;
    height: 320px\9;
    padding:0;
    margin:10px 0;
    clear:both;
    display:none;
    overflow:hidden;
    width:100%;
    border:none;
    display:block;
}
/* simple clearfix */
.cms_carousel {
    overflow: hidden;
}
.cms_carousel p {
    margin:0;
    padding:0;
}
.cms_carousel a {
    text-decoration:none;
}
.cms_carousel a:hover {
    text-decoration:underline;
}
.cms_carousel .title {
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding: 20px 0px 2px 0px;
    padding-bottom:0;
    color:#000000;
    background-color:#fff;
    text-align:left;
    height:1.2em;
}

#page_newsearch #main .cms_carousel .title,
#page_product .cms_carousel .title,
#page_feature .cms_carousel .title{
    font-size:18px;
    font-weight: normal;
}
.cms_carousel_nopaging .title {
    margin-bottom:10px;
}
.cms_carousel .menu {
    margin:8px 15px 5px;
    padding:0;
}
#page_newsearch #main .cms_carousel .menu {
    height : 13px;
    display : inline;
    position : absolute;
    top : 28px;
    right : 0px;
    margin : 2px 0px 0px 0px;
}
#page_product #layout_contents .cms_carousel .menu, #page_item #layout_colleft .cms_carousel .menu,
#page_feature #layout_contents .cms_carousel .menu, #page_item #layout_colleft .cms_carousel .menu {
    height : 13px;
    display : inline;
    position : absolute;
    top : 23px;
    right : 0px;
    margin : 2px 0px 0px 0px;
}

.buymsg_box_rr .cms_carousel .title {
    text-align : center;
    background-color : #eee;
    padding : 6px 0px;
    font-weight: bold !important;
    font-size: 16px !important;
}

.cms_carousel .menu .caption {
    float:left;
    font-size:12px;
}
.cms_carousel .menu .page {
    float:right;
    font-size:12px;
}
.cms_carousel .menu .startpage {
    float:right;
    margin-left:10px;
    font-size:11px;
    display:none;
}

.cms_carousel .box {
    position: relative;
    float: left;
    display: block;
    margin:0;
    padding:10px;
    border:none;
    width:100%;
    height:auto;
    overflow:hidden;
}
.cms_carousel .box .btn_carousel_left {
    display:block;
    float:left;
    width:17px;
    height:77px;
    margin-top:40px;
    margin-right:10px;
    _margin-right:8px;
    padding-left: 15px;
    background:url(//jp.images-monotaro.com/common/js/lib/images/button/btn2_carousel_left.gif) no-repeat center center;
    text-indent:-5000px;
}
.cms_carousel .box .btn_carousel_right {
    position: absolute;
    right: 0px;
    top: 50px;
    display:block;
    width:17px;
    height:77px;
    padding-right: 40px;
    background:url(//jp.images-monotaro.com/common/js/lib/images/button/btn2_carousel_right.gif) no-repeat 15px center;
    text-indent:-5000px;
}
.cms_carousel .box .list {
    float:left;
    display: block;
    height:auto;
    _height:240px;
    margin:0;
    padding:0;
    width:auto;
    overflow:hidden;
}


@media print{
    /* width of whole page */
    .cms_carousel{
        overflow: visible;      /* This chops off any overhanging divs */
    }
}



.cms_product {
    margin:20px 0;
}
/* simple clearfix */
.cms_product {
    overflow: hidden;
}
.cms_product p {
    margin:0;
    padding:0;
}

.cms_product .item,
.cms_carousel .box .list .item {
    float:left;
    width:102px;
    margin-right:7px;
    padding:0;
    position:relative;
    display:none;
    height:auto;
    _height:240px;
    padding-bottom:10px;
}
.cms_product .item {
    display:block;
    margin-right:15px;
}
.cms_product .item .ajaxloader,
.cms_carousel .box .list .item .ajaxloader {
    margin-top:90px;
    margin-left:60px;
    display:block;
}
.cms_product .item .img,
.cms_carousel .item .img {
    width:102px;
    height:102px;
    margin-bottom:0;
}
.cms_product .item .img .idx,
.cms_carousel .item .img .idx {
    display:none;
}
.cms_product .item .img img,
.cms_carousel .item .img img {
    width:100px;
    height:100px;
    border:1px solid #B3B3B3;
    margin:0;
    padding:0;
}
.cms_product .item .txt,
.cms_carousel .item .txt {
    margin-top:0;
    margin-bottom:0;
    clear:right;
}
.cms_product .item .txt a,
.cms_carousel .item .txt a,
.cms_carousel .item .txt span.data-href {
    height:2.5em;
    display:block;
    overflow: hidden;
}
.cms_carousel .item .txt span.data-href {
    color:blue;
}
.cms_product .item .idx,
.cms_carousel .item .idx {
    float:left;
    padding-right:6px;
    font-size:9px;
}
.cms_product .item .brand,
.cms_carousel .item .brand {
    font-size:0.9em;
    color:#666;
    display:block;
}
.cms_product .item .price,
.cms_carousel .item .price {
    font-size:1.1em;
    color:#FF6600;
    display:block;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
}
.cms_product .item .icon_box,
.cms_carousel .item .icon_box {
    float:right;
    margin-top:0px;
}
.cms_product .item .ship_box,
.cms_carousel .item .ship_box {
    float:right;
    margin-top:0px;
    margin-bottom:3px;
}
.cms_product .item .ship_bt,
.cms_carousel .item .ship_bt {
    display: none !important;
    font-size:11px;
    margin:0 0px;
}
.cms_product .item .ship_icon,
.cms_carousel .item .ship_icon {
    display: none !important;
    position:absolute;
    right:0;
    top:87px;
}
.cms_product .item .ship_text,
.cms_carousel .item .ship_text {
    display: none !important;
    font-size: 8px;
    _font-size: 10px;
    position: absolute;
    width: auto;
    right: 1px;
    top: 84px;
    background-color: #fff;
}
.cms_product .item .txt a.review_mark,
.cms_carousel .item .txt a.review_mark {
    height:auto;
    display:block;
    text-decoration:none;
    color:#FFCC44;
    clear:both;
}
.cms_product .item .txt span.review_count,
.cms_carousel .item .txt span.review_count {
    display:none;
}
.cms_carousel .more {
    padding-left:48px;
}
.cms_carousel_nopaging .box .btn_carousel_left {
    display:none !important;
    width:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
}
.cms_carousel_nopaging .box .btn_carousel_right {
    display:none !important;
    width:0px !important;
    margin-right:0px !important;
    margin-left:0px !important;
}
.cms_carousel_nopaging .menu {
    display:none !important;
}
/*
 * 商品イメージ一覧
 */

/* simple clearfix */
.cms_product_list .citem_list {
    margin-top:20px;
    margin-bottom:15px;
    padding:0 10px;
    overflow: hidden;
}
.cms_product_list .citem_list p {
    margin:0;
}
.cms_product_list .citem_list .item {
    float:left;
    width:200px;
    margin-top:0px;
    margin-bottom:0px;
    margin-right:20px;
    padding:5px;
    z-index:1;
    height:270px;
    _height:290px;
}
.cms_product_list .citem_list .item_hover {
    background-color:#f2f2f2;
}
.cms_product_list .citem_list .item .img {
    width:190px;
    height:160px;
    margin-bottom:0;
}
.cms_product_list .citem_list .item .img img {
    width:150px;
    height:150px;
}
.cms_product_list .citem_list .item .txt {
    margin-top:0;
    margin-bottom:0;
    clear:right;
}
.cms_product_list .citem_list .item .txt a {
    height:2.5em;
    display:block;
    overflow: hidden;
}
.cms_product_list .citem_list .item .idx {
    float:left;
    padding-right:6px;
    font-size:9px;
}
.cms_product_list .citem_list .item .brand {
    font-size:0.9em;
    color:#666;
    display:block;
}
.cms_product_list .citem_list .item .price {
    font-size:1.1em;
    color:#FF6600;
    display:block;
    font-weight:bold;
    padding-top:4px;
    padding-bottom:4px;
}
.cms_product_list .citem_list .item .icon_box {
    float:left;
    margin-top:3px;
}
.cms_product_list .citem_list .item .ship_box {
    float:right;
    margin-top:0px;
    margin-bottom:3px;
}
.cms_product_list .citem_list .item .ship_bt {
    font-size:11px;
    margin:0 0px;
}
.cms_product_list .citem_list .item .ship_icon {
}
.cms_product_list .citem_list .item .ship_text {
    font-size:11px;
}
.cms_product_list .citem_list .item .txt a.review_mark {
    height:auto;
    display:inline;
    text-decoration:none;
    color:#FFCC44;
}
.cms_product_list .citem_list .item .txt span.review_count {
    color:#999;
    font-size:0.9em;
}


/*
 * 商品詳細一覧
 */

/* simple clearfix */
.cms_product_list .citem_detail {
    margin-bottom:15px;
    padding:0 10px;
}
.cms_product_list .citem_detail p {
    margin:0;
}
.cms_product_list .citem_detail .clear {
    clear:both;
    border-bottom:1px solid #ccc;
    height:10px;
    width:100%;
}
.cms_product_list .citem_detail .item {
    width:100%;
    margin:0;
    margin-top:0px;
    margin-bottom:0px;
    padding-top:10px;
    padding-bottom:10px;
    z-index:1;
}
.cms_product_list .citem_detail .item .img {
    width:140px;
    height:110px;
    margin-bottom:0;
    float:left;
}
.cms_product_list .citem_detail .item .img img {
    width:100px;
    height:100px;
}
.cms_product_list .citem_detail .item .txt {
    margin-top:0;
    margin-bottom:0;
    float:left;
}
.cms_product_list .citem_detail .item .txt a {
}
.cms_product_list .citem_detail .item .idx {
    float:left;
    padding-right:6px;
    font-size:9px;
}
.cms_product_list .citem_detail .item .brand {
    font-size:0.9em;
    color:#666;
    display:block;
}
.cms_product_list .citem_detail .item .price {
    font-size:1em;
    color:#FF6600;
    font-weight:bold;
    margin-left:8px;
}
.cms_product_list .citem_detail .item .state {
    float:right;
    text-align:right;
    margin-right:8px;
}
.cms_product_list .citem_detail .item .item_count {
    display:block;
}
.cms_product_list .citem_detail .item .icon_box {
    display:inline;
    vertical-align:text-bottom;
}
.cms_product_list .citem_detail .item .ship_box {
}
.cms_product_list .citem_detail .item .ship_bt {
    font-size:11px;
    margin:0 4px;
}
.cms_product_list .citem_detail .item .ship_icon {
    display:inline;
}
.cms_product_list .citem_detail .item .ship_text {
    display:inline;
}
.cms_product_list .citem_detail .item .quantity {
    display:block;
    padding: 4px 0 0;
}
.cms_product_list .citem_detail .item .txt a.review_mark {
    height:auto;
    display:inline;
    text-decoration:none;
    color:#FFCC44;
}
.cms_product_list .citem_detail .item .txt span.review_count {
    color:#999;
    font-size:0.9em;
}
.cms_product_list .citem_detail .item .feature {
    display:block;
    padding: 8px 0 0;
    width:500px;
    overflow:hidden;
}

#right_box .local_navi .node_list li {
    background-image:none;
    font-size:13px;
}
#right_box .local_navi .node_list li.active a {
    color:#555;
    font-weight:bold;
}
#right_box .local_navi .node_list li a span.cnt {
    color:#555;
    font-size:11px;
    padding-left:4px;
}
#right_box .local_navi .node_list li a:hover {
    text-decoration:none;
}
#right_box .local_navi .node_list li.more_link a {
    font-size:11px;
    font-weight:bold;
}
#right_box .local_navi {
    text-align:left;
}
#right_box .local_navi .inner p {
    margin:0;
    padding: 8px;
}
#right_box .local_navi ul {
    padding:10px 5px 0;
}
#right_box .local_navi ul.fit_list {
    padding:0;
}
#right_box .etc_navi .inner {
    padding-top:10px;
}

#right_box .local_navi form#price_filter {
    margin:0;
    padding:8px;
    text-align:center;
}
#right_box .local_navi form#price_filter input.price_box {
    width:45px;
}
#right_box .local_navi form#price_filter input.price_submit {
    width:30px;
    margin-left:4px;
}

#right_box .local_navi li a {
    word-wrap: break-word;
    word-break: break-all;
}
#right_box .local_navi h5 {
    height:auto;
    _height:1em;
}
#right_box .local_navi .node_list li img.checkbox {
    margin-right:4px;
}


#main .summary_list ul.node_list {
    list-style:none;
}
#main .summary_list .node_list li {
    background-image:none;
    font-size:13px;
    margin-bottom:4px;
}
#main .summary_list li a {
    text-decoration:none;
}
#main .summary_list li.active a {
    color:#555;
    font-weight:bold;
}
#main .summary_list li a span.cnt {
    padding-left:0px;
    font-size:11px;
}


.everyday_sale_code {
    background:url(//jp.images-monotaro.com/newsearch/img/tokka.gif) repeat-y scroll 0 0 transparent;
    border-bottom:1px solid #000000;
    border-top:1px solid #000000;
    padding:5px 0 5px 70px;
}
.everyday_sale_code .codeWrap {
    font-size:140%;
    margin:5px 0;
}
.everyday_sale_code .off {
    color:#FF0000;
    font-size:130%;
    font-weight:bold;
}
.everyday_sale_code .codeWrap strong {
    background:none repeat scroll 0 0 #FFFAF0;
    border:1px solid #FF3366;
    margin:0 3px;
    padding:4px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
}
.everyday_sale_code .notes {
    font-size:90%;
}


.cms_display_none {
    display:none !important;
}