@charset "utf-8";
/* CSS Document */

#header_bottom .wishlist {
    border-left: 1px solid #999999;
}

.wishlist A {
    background-image: url(img/icon_wishlist.gif);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .wishlist A {
        background-image: url(img/icon_wishlist_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

.side_signin .signin .wishlist A:hover {
    background-color: #F5F5F5;
}

.favoritelist_contents .sort_number {
    border-left: none;	
}

.bulk_mode .bulk_list_setting,
.bulk_mode .wishlist_bulk {
    border-bottom: 1px solid #E0DFE3;
}

.bulk_check_box {
    background-color: #F5F5F5;
}

.delete_btn {
    width: 20px;
    height: 20px;
    background-image: url(img/btn_winclose.png);
}

.delete_btn:hover {
    background-image: url(img/btn_winclose_o.png);
    background-color: transparent;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .delete_btn {
        background-image: url(img/btn_winclose_x2.png);
        background-size: 20px 20px;
    }

    .delete_btn:hover {
        background-image: url(img/btn_winclose_o_x2.png);
        background-size: 20px 20px;
    }

    /*-----------------------------------------------------------*/
}

.overlay_area .modal_skin {
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
}

.bulk_mode .fixed_bottom {
    background-color: #F5F5F5;
    border-top: #E0DFE3 solid 1px;
}

.item_registration_date {
    color: #666666;
}

.item_memo_title {
    color: #000000;
}

.item_memo_text {
    background-color: #F9F9F9;
    color: #000000;
}

.quasi_link {
    color: #0088CC;
}

.quasi_link:hover {
    color: #0066CC;
}

/*************************************************************/

.category_list li ul li ul li A {
    padding: 5px 5px 5px 33px;
    background-position: 18px 6px;
    font-weight: normal;
}

.category_list li ul li ul li {
    background-color: #FFFFFF;
    border: none;
}

.side_category_popup .hover .subcategories .parentcategory A {
    background-color: transparent;
}

.side_category_popup .hover .subcategories .parentcategory A:hover {
    background-color: #E9E9E9;
    color: #000000;
}

#leftcol .side_category_popup .sub_category_box .sub_category_box {
    left: 238px;
}

#rightcol .side_category_popup .sub_category_box .sub_category_box {
    right: 238px;
}

/*************************************************************/

.calendar_data {
    padding: 15px 0px;
}

.top_page_body #maincol1 .calendar h2,
.top_page_body #maincol2 .calendar h2,
.top_page_body #maincol3 .calendar h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px ;
    color: #000000;
}

.top_page_body #maincol1 .calendar h2 {
    background-image: url(img/item_h2_bg_b.gif);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .top_page_body #maincol1 .calendar h2 {
        background-image: url(img/item_h2_bg_b_x2.gif);
        background-size: 980px 50px;
    }

    /*-----------------------------------------------------------*/
}

.top_page_body #maincol2 .calendar h2 {
    background-image: url(img/item_h2_bg.gif);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .top_page_body #maincol2 .calendar h2 {
        background-image: url(img/item_h2_bg_x2.gif);
        background-size: 780px 50px;
    }

    /*-----------------------------------------------------------*/
}

.top_page_body #maincol3 .calendar h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .top_page_body #maincol3 .calendar h2 {
        background-image: url(img/item_h2_bg_s_x2.gif);
        background-size: 580px 50px;
    }

    /*-----------------------------------------------------------*/
}


.side_col .calendar h2 {
    background-image: url(img/side_h2_bg.gif);
}

#main_container .calendar h2 {
    background-image: url(img/page_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #444444;
    padding: 10px;
    margin-bottom: 1px;
    font-size: 108%;
    color: #FFFFFF;
    font-weight: bold;
}


/*************************************************************/

.cal_month {
    padding-bottom: 15px;
    text-align: center;
}

.cal_month .prev_month,
.cal_month .next_month,
.cal_month .this_month {
    padding: 0px 10px;
}

.cal_month span.prev_month,
.cal_month span.next_month {
    padding: 0px 5px;
    font-weight: bold;
    cursor: pointer;
}

.cal_month span.prev_month:hover,
.cal_month span.next_month:hover {
    opacity:0.5;
    filter: alpha(opacity=50);
}

.this_month {
    font-size: 123.1%;
    font-weight: bold;
}

.side_col .this_month {
    font-size: 14px;
    padding: 0px;
}

.side_col .next_month,
.side_col .prev_month {
    font-size: 13px;
    padding: 0px;
}

.calendar_data .data_table th.cell_header,
.calendar_data .data_table td.cell_data {
    border: 1px solid #CCCCCC;
}

.calendar_data .cal_day_header {
    font-size: 85%;
}

.calendar_data .data_table .cal_day_cell {
    width: 14%;
    height: 60px;
    vertical-align: top;
}

.sun .cal_day {
    color: #CC0000;
}

.sat .cal_day {
    color: #3399CC;
}

.calendar_data .today {
    font-weight: bold;
}

.event_list li {
    border-bottom: 1px solid #E0DFE3;
}

.event_data {
    padding: 10px 0px;
}

.event_name {
    font-weight: bold;
    line-height: normal;
}

div.event_icon {
    text-align: center;
}

div.event_icon img {
    margin: 0px 1px;
}

span.event_icon {
    margin-right: 5px;
}

.calendar_data .holiday,
.holiday_icon {
    background-color: #FFEFBF;
}

.holiday_icon {
    border: 1px solid #CCCCCC;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.event_desc {
    font-size: 93%;
    padding: 5px;
}

.side_col .cal_day {
    font-size: 85%;
}

.side_col .data_table th.cell_header,
.side_col .data_table td.cell_data {
    padding: 2px;
}

.side_col .calendar_data .data_table .cal_day_cell {
    height: auto;
}

/*************************************************************/
/* whatnew diary category */

.pwhatnew_contents .article_title,
.pdiary_contents .article_title {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
}

.back_number {
    padding: 10px 10px 0px;
}

.side_box.articlenav h2 {
    background-image: url(img/side_category_bg.gif);
    background-color: #444444;
    color: #FFFFFF;
    border-top: none;
}

.articlenav_list {
	border: 1px solid #E9E9E9;
}

.articlenav_list li {
    background-color: #F5F5F5;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}

.articlenav_list li A {
    padding: 5px 18px 5px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    color: #444444;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .articlenav_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

.articlenav_list li.nav_on {
    background-color: #E0F0F8;
    margin: 0px;
    border-top: none;
    border-bottom: none;
}

.articlenav_list li A.nav_on {
    color: #006DD9;
    font-weight: bold;
}

.articlenav_list li ul .category_toggle {
    display: block;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 8px;
}

.articlenav_list li A:hover {
    background-color: #E9E9E9;
    color: #000000;
}

.articlenav_list li.nav_on A.nav_on:hover {
    background-color: #E0F0F8;
    font-weight: bold;
}

.articlenav_list li ul li A {
    padding: 5px 5px 5px 23px;
    background-position: 8px 6px;
    color: #666666;
    font-weight: normal;
}

.articlenav_list li ul li {
    background-color: #FFFFFF;
    border: none;
}

/*************************************************************/
/* review */

.large_rating_icon .star_empty {
    background-image: url(../img/all/star_empty.png);
}

.large_rating_icon .star_full {
    background-image: url(../img/all/star_full.png);
}

.large_rating_icon .star_half {
    background-image: url(../img/all/star_half.png);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .large_rating_icon .star_empty {
	    background-image: url(../img/all/star_empty_x2.png);
		background-size: 30px 30px;
    }
	
	.large_rating_icon .star_full {
	    background-image: url(../img/all/star_full_x2.png);
		background-size: 30px 30px;
    }
	
	.large_rating_icon .star_half {
	    background-image: url(../img/all/star_half_x2.png);
		background-size: 30px 30px;
    }

    /*-----------------------------------------------------------*/
}

.medium_rating_icon .star_empty {
    background-image: url(../img/all/star_empty_m.png);
}

.medium_rating_icon .star_full {
    background-image: url(../img/all/star_full_m.png);
}

.medium_rating_icon .star_half {
    background-image: url(../img/all/star_half_m.png);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .medium_rating_icon .star_empty {
	    background-image: url(../img/all/star_empty_mx2.png);
		background-size: 23px 23px;
    }
	
	.medium_rating_icon .star_full {
	    background-image: url(../img/all/star_full_mx2.png);
		background-size: 23px 23px;
    }
	
	.medium_rating_icon .star_half {
	    background-image: url(../img/all/star_half_mx2.png);
		background-size: 23px 23px;
    }

    /*-----------------------------------------------------------*/
}

.small_rating_icon .star_empty {
    background-image: url(../img/all/star_empty_xs.png);
}

.small_rating_icon .star_full {
    background-image: url(../img/all/star_full_xs.png);
}

.small_rating_icon .star_half {
    background-image: url(../img/all/star_half_xs.png);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .small_rating_icon .star_empty {
	    background-image: url(../img/all/star_empty.png);
		background-size: 15px 15px;
    }
	
	.small_rating_icon .star_full {
	    background-image: url(../img/all/star_full.png);
		background-size: 15px 15px;
    }
	
	.small_rating_icon .star_half {
	    background-image: url(../img/all/star_half.png);
		background-size: 15px 15px;
    }

    /*-----------------------------------------------------------*/
}

.rating_point {
    color: #EF9D35;
}

.bar_graph {
    background-color: #EF9D35;
}

.review_data {
    border-bottom: 1px dotted #000000;
}

.review_postdate {
    background-color: #F5F5F5;
}

.review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

.detail_page_body .review_note {
    border-top: 1px solid #E0DFE3;
    border-bottom: none;
}

.owner_note {
    border-bottom: 1px solid #E0DFE3;
}

.owner_header {
    color: #0088CC;
}

.user_number {
    color: #EF9D35;
}

.review_search {
    background-color: #F5F5F5;
    border-bottom: 1px solid #FFFFFF;
}

.review_admin .global_btn {
    border-top: 1px solid #E0DFE3;
}

.confirm_email {
	border-color: #E0DFE3;
	background-color: #FFFFEE;
}

.customize_form .form_table .form_error .calendar_data th,
.customize_form .form_table .form_error .calendar_data td {
    background-color: #FFFFFF;
	color: #333333;
	border: 1px solid #CCCCCC!important;
}

.customize_form .form_table .form_error .calendar_data th {
    background-color: #F5F5F5;
}

.has_hierarchical_title .section_title h3 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F1F1F1;
    border-left: 5px solid #D1D1D1;
    padding: 15px;
    font-weight: bold;
}


/*************************************************************/
/* search_sort */

.search_sort .sort_vertical div {
    float: none;
    display: block;
    width: auto;
    border-left: none;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E0DFE3;
}

.search_sort .sort_vertical p {
    text-align: left;
    padding-left: 15px;	
}

.search_sort .sort_vertical {
    display: block;
	margin-top: 8px;
}

.searchlist_contents .search_sort {
    padding: 10px;
    border: none;
	border-top: 1px solid #E0DFE3;
    background-color: #F5F5F5;
}

.display_link .search_sort_title {
    background-position: right center;
    background-repeat: no-repeat;
}

.search_sort .custom_toggle_button {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 25px;
    color: #000000;
	display: block;
}


/*************************************************************/
/* sns */


.article_social {
    padding-top: 10px;
    border-top: 1px dotted #D1D1D1;
}

.article_comment {
    margin-top: 15px;
}

.page_box .article_comment h2 {
    font-size: 108%;	
}


/*************************************************************/
/* btn */

.general_btn {
    display: inline-block;
    padding: 3px;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.use_hover .general_btn:hover {
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
}

.standard_btn {
    display: inline-block;
    padding: 10px 20px;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.use_hover .standard_btn:hover {
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
}

#payment_contents th.postop{
    border-top: 1px solid #E0DFE3;
}

.member_amazon_contents .inner_contents_box {
    border: none;
}

/*************************************************************/
/* ranking navon */
.ranking_navigation li A.nav_on {
    background-color: #F5F5F5;
}

/*************************************************************/
/* category image */
.side_category_stack .has_image_list .category_toggle {
	background-image: url(img/icon_dbc.gif);
}
.side_category_stack .has_image_list .category_toggle.open {
	background-image: url(img/icon_db.gif);
}

/*************************************************************/
/* subscription */
#subscription_cycle {
	background-color: #F5F5F5;
}
.shipping_label {
	border-bottom: 1px solid #E0DFE3;
}
.cart_data.subscription_preview_data .goods_name::before {
	background-color: #3E8BFF;
	color: #FFFFFF;
}
.subscription_history_data .subscription_shipping_item .history_list_btn .global_btn + .global_btn {
	border-left: 1px solid #E0DFE3;
}

/*************************************************************/
/* tablayout */
.tablayout_navigation .nav_btn {
  border-bottom: 3px solid #E0DFE3;
  background-color: #FFFFFF;
	color: #555555;
}
.tablayout_navigation .nav_btn.nav_on,
.tablayout_navigation .nav_btn:hover {
	border-bottom: 3px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
}

/*************************************************************/
/* tablayout */
.tablayout_navigation .badge {
  background-color: #FF0000;
  color: #FFFFFF;
}