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

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

/* HTML Tag Element */

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

/*--------------------------------------*/
/* Designate font-size
Font size is designated by percentage.
See the following list to change font size.

ex.) For 12pixels - font-size: 93%;

 77%  = 10px    |   123.1% = 16px   |   167% = 22px
 85%  = 11px    |   131%   = 17px   |   174% = 23px
 93%  = 12px    |   138.5% = 18px   |   184% = 24px
 100% = 13px    |   146.5% = 19px   |   192% = 25px
 108% = 14px    |   153.9% = 20px   |   197% = 26px
 116% = 15px    |   161.6% = 21px   |

*/
/*--------------------------------------*/

/*--------------------------------------*/
/* Column Settings
Some designations differs number of columns.
This CSS includes width and designation for each column.
Check column setting before editing designation.
*/
/*--------------------------------------*/

/*--------------------------------------*/
/* For High-Resolution Display
This comment shows double-size background image is designated 
in addition to normal background image.
See the followings before editing normal-size background image.

・Do not designate image for high-resolution display
Designate normal-size image in background-image.

・Designate image for high-resolution display
Designate image in double-height and double-width
in background-image under 'For high-resolution display'.
In background-image, designate normal-size image
*/
/*--------------------------------------*/


body {
    color: #000000;
    line-height: 140%;
}

/* Link */
A,
A h3 {
    font-weight: bold;
    text-decoration: none;
    color: #0088CC;
}

A:hover,
A h3:hover {
    color: #0066CC;
}

/* Header tag */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}


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

/* Large Frame */

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

/* Large Frame */
#container {
    width: 100%;
    min-width: 980px;
    position: relative;
}

/* Center layout for large frame */
.fix_center {
    width: 980px;
    margin: auto;
}

.colmode .fix_center {
    width: 760px;
}


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

/* Column Settings */

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

/* Left Column */
#leftcol {
    width: 200px;
    float: left;
}

/* Right Column */
#rightcol {
    width: 200px;
    float: left;
}

.widemode #rightcol {
    float: right;
}

/* Main column for 1-column page */
#maincol1 {
    width: 980px;
}

/* Main column for 2-column page */
#maincol2 {
    width: 780px;
    float: left;
}

/* Main column for 3-column page */
#maincol3 {
    width: 580px;
    float: left;
}

/* Smaller Top Image for 3-column page */
#setcol {
    width: 780px;
    float: left;    
}

/* Popup */
#popup {
    width: 780px;
    margin: auto;
}

/* Minimum length for contents area */
#maincol1,
#maincol2,
#maincol3,
#widecol {
    min-height: 700px;
}

.contents_undisplay #maincol1 {
    min-height: auto;	
}

.contents_undisplay #inner_footer {
    min-height: 800px;	
}


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

/* Fluid Width Column */

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

/* Width for product list and search result */

.widemode .fix_center {
    width: 90%;
    min-width: 980px;
    margin: auto;
}

.widemode #maincol1 {
    width: auto;
}

.widemode #maincol2 {
    width: auto;
    float: none;
    margin-left: 200px;
}

.widemode .layout_r #maincol2 {
    margin-left: 0px;
    margin-right: 200px;
}


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

/* Header */

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

/* Header */
#header {
    border-top: 5px solid #000000;
}

/* Header Background Image */
#inner_header {
    padding-top: 3px;
    min-height: 50px;
    padding-bottom: 15px;
    background-image: url(img/header_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_header {
        background-image: url(img/header_bg_x2.gif);
        background-size: 50px 115px;
    }
    /*-----------------------------------------------------------*/
}


/* Top of header - Catch Copy */
#header_top {
    position: relative;
}

/* Middle of header - Shop Logo, Search, Shopping Cart */
#header_middle {
    position: relative;
}

/* Bottom of header - Sign in, Registration */
#header_bottom {
    position: relative;
    padding-top: 0px;
}


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

/* Footer */

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

/* Footer */
#footer {
    width: 100%;
    background-color: #000000;
    border-top: 1px solid #222222;
}

/* Powered by Ochanoko-net
/* Ochanoko-net - E-commerce Online Shopping Cart Solutions - Ecommerce Web Site Hosting
*Deleting this word is NOT allowed for OCNK Domain Plan users */

#ochanoko {
    width: 100%;
    border-bottom: 1px solid #000000;
}

.footer_top {
    background-color: #222222;
    color: #E0DFE3;
}

#inner_ochanoko {
    text-align: right;
    padding: 15px 0px;
}

/* Copyright */
#copyright {
    font-size: 85%;
}

#copyright A {
    color: #FFFFFF;	
}

/* Contents in footer */
#inner_footer {
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    color: #E0DFE3;
}

/* Back to top */
#pagetop {
    width: 100%;
}

#inner_pagetop {
    height: 30px;
    position: relative;
}

#inner_pagetop A {
    display: block;
    height: 20px;
    background-image: url(img/icon_pagetop.png);
    background-repeat: no-repeat;
    background-position: 5px 7px;
    background-color: #000000;
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding: 5px 5px 5px 25px;
    text-align: center;
    color: #FFFFFF;
    font-size: 77%;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #inner_pagetop A {
        background-image: url(img/icon_pagetop_x2.png);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

#inner_pagetop A:hover {
    background-color: #333333;
}

/* Buttons on Smartphone Site */
#phonesite {
    position: relative;
    height: 30px;
    padding: 15px 0px 15px;
    background-color: #000000;
}

.phone_site_link {
    display: block;
	width: 188px;
	margin: auto;
    background-color: #FFFFFF;
    border-radius: 5px;	
}

.phone_site_link:hover {
    background-color: #CCCCCC;
}

.phone_site_link A {
    display: block;
    width: 150px;
    padding: 8px 8px 8px 30px;
    background-image: url(img/icon_phone.png);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .phone_site_link A  {
        background-image: url(img/icon_phone_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}


/* Free space in footer */
.footer_free_space {
    text-align: left;
    color: #FFFFFF;
}


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

/* Catch Copy */

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

/* Catch Copy */
#copy {
    padding: 0px 15px 3px 0px;
    font-size: 11px;
    line-height: normal;
    float: left;
}

/* Display pattern on width */
.header_top_800 {
    max-width: 800px;
}

.header_top_700 {
    max-width: 700px;
}

.header_top_600 {
    max-width: 600px;
}

.header_top_300 {
    max-width: 300px;
}

.header_top_200 {
    max-width: 200px;
}

.header_top_100 {
    max-width: 100px;
}


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

/* Links in Front Page, Font Size */

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

/* Title */
.site_list_title,
.set_font_title {
    display: inline-block;
    height: 20px;
    vertical-align: top;
    font-weight: bold;
}


/*--------------------------------------*/
/* Links in Front Page */

.global_site {
    font-size: 11px;
    line-height: normal;
}

#header_global_site {
    float: right;
}

/* Side-by-side links */
.global_site A {
    display: inline-block;
    min-height: 20px;
    vertical-align: top;
}

/* Links in drop-down list */
.layout_dropdown {
    position: relative;
}

/* Title for drop-down list */
.layout_dropdown .site_list_title A {
    padding: 0px 5px 0px 20px;
    background-image: url(img/icon_open.gif);
    background-repeat: no-repeat;
    background-position: left -2px;
    position: relative;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .layout_dropdown .site_list_title A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* Mouseover on slelected title in drop-down list */
.layout_dropdown .site_list_title A:hover,
.layout_dropdown .site_list_title A.hover,
.layout_dropdown .nav_on A {
    background-color: #F5F5F5;
}

/* Link List */
.site_list_dropdown {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 180px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #F5F5F5;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* Each Link */
.layout_dropdown .site_list_data {
    display: block;
    padding: 3px;
    border-bottom: 1px solid #E0DFE3;
}

/* Font for each link */
.site_list_dropdown A {
    display: block;
    padding: 0px 3px;
    line-height: 20px;
}

.site_list_dropdown A:hover {
    background-color: #F5F5F5;
}

/* Designation for footer */
#inner_footer .global_site {
    width: auto;
    margin: 10px auto;
}

#inner_footer .footer_global_site .global_site {
    width: 300px;
    margin: 10px auto;
}

/* Font color in side-by-side links */
#inner_footer .site_list_data A {
    color: #FFFFFF;
}

#inner_footer .site_list_data A:hover {
    color: #CCCCCC;
}

/* Font color in drop-down list */
#inner_footer .layout_dropdown .site_list_data A {
    color: #0088CC;
}

#inner_footer .layout_dropdown .site_list_data A:hover {
    color: #0066CC;
}

/* Title for drop-down list */
#inner_footer .layout_dropdown .site_list_title {
    height: 30px;
}

#inner_footer .layout_dropdown .site_list_title A {
    background-image: none;
    background-color: #FFFFFF;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
}

/* Link List */
.reverse_position .site_list_dropdown {
    left:50%;
    border: none;
    margin-top: 5px;
    margin-left: -100px;
    padding-top: 5px;
    text-align: left;
}


/*--------------------------------------*/
/* Font Size */

.font_setting {
    display: inline-block;
    font-size: 11px;
    line-height: normal;
    margin-left: 15px;
}

#header_font_setting {
    float: right;
}

/* Image for Font Size Selector */
.set_font_normal,
.set_font_large {
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: left top;
}

/* Image for Standard */
.set_font_normal {
    background-image: url(img/font_defaulten.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_normal {
        background-image: url(img/font_defaulten_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* Image for Large */
.set_font_large {
    background-image: url(img/font_largeen.gif);
    margin-left: 5px;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .set_font_large {
        background-image: url(img/font_largeen_x2.gif);
        background-size: 30px 40px;
    }
    /*-----------------------------------------------------------*/
}

/* Mouseover on selected font size selector */
.font_setting .set_font_normal:hover,
.font_setting .set_font_large:hover,
.font_setting .nav_on {
    background-position: left bottom;
}


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

/* Shop Name */

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

/* Shop Logo */
#shoplogo {
    width: 200px;
    height: 40px;
    float: left;
}

#shoplogo:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}


/* Shop Name in Text */
#shoptext {
    float: left;
    font-size: 138.5%;
    min-height: 40px;
    width: 450px;
}

/* If banner put in header */
.has_header_banner #shoptext {
    width: 200px;
}


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

/* Product Search */

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

/* Product Search */
#search {
    float: right;
    background-color: #000000;
    color: #FFFFFF;
    padding: 5px;
}

/* Free space in search area */
#search_free {
    float: right;
}


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

/* Sign in・Registration */

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

/* Frame */
#header_bottom .signin_box {
    width: 780px;
    padding-top: 7px;
    padding-right: 10px;
    float: right;
    text-align: right;
}

/* Separator */
.signin li {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

.signin .member_name,
.signin .member_group,
.signin .signout_top,
.signin .mypage_top,
.signin .member_point,
.signin .point {
    display: inline;
    padding: 0px 5px;
    font-size: 85%;
}

/* Font for each link */
.signin li A,
.signin span A {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: left top;
}

/* Sign-in Button */
#header_bottom .signin .signin_top {
    padding-right: 10px;
    border-right: 1px solid #999999;
}

/* Background image for Sign-in button */
.signin_top A {
    background-image: url(img/icon_signin.gif);
}

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


/* Background image for Registration button */
.register_top A {
    background-image: url(img/icon_regist.gif);
}

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


/*--------------------------------------*/
/* Sign-out・My Page */

.activemember .member_group,
.activemember .point {
    padding-right: 0px;
}

/* User Name */
.member_name {
    font-weight: bold;
}

#header_bottom .member_name {
    border-right: 1px solid #E0DFE3;
}

/* Sign out */
#header_bottom .signout_top {
    padding-right: 10px;
    border-right: 1px solid #999999;
}

/* Background image for Sign out button */
.signout_top A {
    background-image: url(img/icon_signout.gif);
}

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


/* Member Group */
.member_group,
.member_id {
    font-weight: normal;
}

/* My Page */
#header_bottom .mypage_top {
    padding-left: 10px;
    display: inline-block;
}

/* Background image for My Page button */
.mypage_top A {
    background-image: url(img/icon_mypage.gif);
}

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

/* Usable Point */
#header_bottom .member_point {
    border-left: 1px solid #E0DFE3;
    display: inline-block;
}

/* Number of point */
.signin .point {
    font-weight: bold;
    color: #CC0000;
    padding: 0px;
}


/*-----------------------------------------------------------*/
/* Side Column */

/* Sign-in Box */
.side_signin .signin {
    border: 1px solid #E0DFE3;
}

.side_signin .signin_box {
    width: auto;
    padding: 10px;
}

/* li、span Block */
.side_signin li {
    display: block;
    font-size: 95%;
    padding: 0px;
}

.side_signin .member_name,
.side_signin .member_group,
.side_signin .signout_top,
.side_signin .mypage_top,
.side_signin .member_point,
.side_signin .point {
    display: block;
    font-size: 95%;
    padding: 0px;
}

/* Display point inline */
.side_signin .signin .point {
    display: inline;
}

/* Buttons */
.side_signin .signin li A,
.side_signin .signin .mypage_top A {
    display: block;
    padding: 8px 0px 8px 22px;
    background-position: 3px center;
}

.side_signin .signin li A:hover,
.side_signin .signin .mypage_top A:hover {
    background-color: #F5F5F5;
}

/* Sign in Button */
.side_signin .signin_top A {
    border-bottom: 1px solid #E0DFE3;
}

/* User Name */
.side_signin .member_name {
    border: 1px solid #E0DFE3;
    background-color: #F9F9F9;
    padding: 10px 10px 5px;
}

/* Member Group */
.side_signin .member_group {
    font-weight: normal;
    font-size: 85%;
}

/* Sign out Button */
.side_signin .signin .signout_top {
    width: auto;
    border-top: 1px solid #E0DFE3;
    padding: 3px;
    margin-top: 5px;
    text-align: right;
}

.side_signin .signin .signout_top A {
    font-size: 85%;
}

/* Sign in Button */
.side_signin .mypage_top A {
    margin-top: 8px;
}

/* Usable Point */
.side_signin .member_point {
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
    padding: 5px;
    font-size: 85%;
    margin-top: 1px;
}

.signin_box .member_point .point {
    display: inline-block;
}


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

/* View Cart at the top of page */

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

#carttop {
    float: right;
    margin-left: 5px;
}

/* View Cart Button */
.shopping_cart_button {
    position: relative;
    width: 130px;
}

/* Free space for side column */
#leftcol .cartcontentsarea,
.reverse_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 0;
    right: -210px;
    left: auto;
}

/* Free space for center column */
.center_cartcontent .cartcontentsarea {
    margin-right: 0;
    padding: 0 20px 20px 20px;
    left: -115px;
}

/* Background for View Cart */
.cartbtn {
    background-image: url(img/cart_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #428DFF;
    border-radius: 5px;
    position: relative;
}

.cartbtn:hover,
.cartbtn.hover {
    background-image: url(img/cart_bg_o.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #0066FF;
}

.has_cart_popup .cartbtn:hover,
.has_cart_popup .cartbtn.hover {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Icon in View Cart */
.cartbtn A {
    display: block;
    width: 87px;
    height: 25px;
    padding: 6px 0px 0px 43px;
    background-image: url(img/icon_cart.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 12px;
    line-height: normal;
    color: #FFFFFF;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .cartbtn A {
        background-image: url(img/icon_cart_x2.png);
        background-size: 30px 30px;
    }
    /*-----------------------------------------------------------*/
}

.cartmiddle #carttop A {
    height: 27px;
    padding-top: 8px;
}

.header_hidden #carttop A {
    margin-top: 10px;
}

/* Quantity in View Cart */
.cartquantity {
    width: 30px;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 8px;
    color: #FFFFCC;
}

/* Quantity over 99 */
.quantityover {
    position: absolute;
    top: -5px;
    right: 0px;
    font-size: 10px;
}

/* View Cart */
.cartcontentsarea {
    width: 320px;
    margin-right: -20px;
    padding: 0px 0px 20px 20px;
    position: absolute;
    top: 30px;
    left: -210px;
}

.cartcontents {
    padding: 10px;
    background-color: #FFFFFF;
    border-top: 5px solid #0066FF;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

.cartcontents li {
    padding: 5px;
    border-bottom: 1px solid #E0DFE3;
}

/* Thumbnail-Size Image */
.cartcontents .global_photo {
    width: 40px;
    float: left;
}

/* Product Description */
.cartcontents .text_data {
    width: 230px;
    padding: 0px 10px;
    float: left;
}

/* Your cart is empty */
.cartcontents li.cart_empty {
    padding: 5px;
    border-bottom: none;
}

.cartcontents .cart_empty .text_data {
    width: auto;
    padding: 0px;
    float: none;
    font-size: 93%;
    text-align: center;
}

/* Font for Product Name and Description */
.cartcontents .item_data A,
.cartcontents .item_data p {
    font-size: 77%;
    line-height: normal;
}

/* Total Amount */
.cartcontents .shoppingcart_pricetotal p {
    padding: 5px;
    margin: 0px;
    text-align: right;
}

/* Button Layout */
.cartcontents .global_btn {
    border-top: 1px solid #E0DFE3;
    padding: 5px;
    text-align: center;
}


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

/* Header Banner */

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

.header_banner {
    position: absolute;
    top: 0px;
    left: 210px;
}


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

/* Global Navigation */

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

/* Header Navigation */
#globalnavi {
    width: 100%;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    border-top: 1px solid #E0DFE3;
}

/* Each Navigation Layout */
#globalnavi li {
    width: auto;
    float: left;
    list-style: none;
}

/* Background image and font color for each navigation */
#globalnavi li A {
    display: block;
    min-height: 20px;
    text-align: center;
    color: #000000;
    max-width: 250px;
    border-right: 1px solid #E0DFE3;
    font-size: 12px;
}

#globalnavi .sub_menu li A {
    font-size: 93%;
}

/* Margin for each navigation */
#globalnavi .nav_box {
    display: block;
    padding: 15px;
}

#globalnavi .sub_menu .nav_box {
    display: inline;
    padding: 0px;
}

/* Mouseover on navigation */
#globalnavi li:hover,
#globalnavi li.hover > div > .nav_link,
#globalnavi li.hover .toggle_link,
#globalnavi li.h_home:hover  {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* Selected Page */
#globalnavi li.nav_on {
    background-image: url(img/navi_bg_o.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-position: left top;
}

/* Margin for Home */
#globalnavi li.h_home .nav_box {
    padding: 0px;
}

/* Leftmost frame border for navigation */
#globalnavi .posleft A {
    border-left: 1px solid #E0DFE3;
}

/* Icon for multiple-line navigation */
#globalnavi .toggle_link .nav_box {
    display: block;
    padding: 0px;
    min-height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
}

.toggle_button .open .nav_box {
    background-image: url(img/navi_open_bg.png);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .open .nav_box {
        background-image: url(img/navi_open_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

.toggle_button .close .nav_box {
    background-image: url(img/navi_close_bg.png);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .toggle_button .close .nav_box {
        background-image: url(img/navi_close_bg_x2.png);
        background-size: 45px 45px;
    }
    /*-----------------------------------------------------------*/
}

/* Upper line for multiple-line navigation */
.overplus_nav .dropdown {
    border-top: 1px solid #E0DFE3;
}

/* Background color for menu */
#globalnavi ul.dropdown ul.sub_menu li {
    width: 230px;
    height: auto;
    float: none;
    background-color: #FFFFFF;
    background-image: url(img/navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

/* Font and icon for menu */
#globalnavi ul.dropdown ul.sub_menu li A,
#globalnavi ul.dropdown ul.sub_menu li A:hover {
    display: block;
    width: 200px;
    max-width: 200px;
    height: auto;
    padding: 8px 10px 8px 20px;
    color: #000000;
    text-align: left;
    border-bottom: 1px solid #E0DFE3;
    border-right: none;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 5px 8px;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi ul.dropdown ul.sub_menu li A,
    #globalnavi ul.dropdown ul.sub_menu li A:hover {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* Close button for tablet pc */
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A,
#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A:hover,
.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-color: #000000;
}

/* Hide bottom line when mousing over */
#globalnavi ul.dropdown ul.sub_menu li.posbottom A {
    border-bottom: none;
}

#globalnavi ul.dropdown ul.sub_menu li:hover {
	background-image: none;
    background-color: #FFFFFF;
}

/* Icon showing submenu hidden */
.more {
    padding-left: 20px;
    background-image: url(img/icon_more.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

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


/*--------------------------------------*/
/* Side Navigation */

/* Navigation Background Image */
.navi_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
}

.navi_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
    background-position: left top;
}

/* Navigation Icon */
.navi_list li A {
    padding: 10px 18px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

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

/* Selected Page */
.navi_list li.nav_on {
    background-image: none;
    background-color: #E0F0F8;
    border: 1px solid #E0F0F8;
    margin-bottom: 3px;
}


/*--------------------------------------*/
/* Footer Navigation */

#globalnavi_footer {
    width: 100%;
    border-bottom: 1px solid #222222;
}

/* Font color for each navigation */
#globalnavi_footer li .footer_navi_link {
    color: #FFFFFF;
}

/* Mouseover on navigation */
#globalnavi_footer li .footer_navi_row:hover {
    background-color: #222222;
}

/* Selected Page */
#globalnavi_footer li.nav_on .footer_navi_row {
    background-color: #222222;
}

/* Layout for each block */
#globalnavi_footer .footer_navi_box {
    float: left;
    color: #FFFFFF;
	box-sizing: border-box;
    border-left: 1px solid #222222;
}

#globalnavi_footer .footer_navi_box_right {
    border-right: 1px solid #222222;
}

#globalnavi_footer .column1 .footer_navi_box {
    float: none;
}

/* 1 Column */
#globalnavi_footer .column1 .footer_navi_box {
    width: 100%;
}

/* 2 Column */
#globalnavi_footer .column2 .footer_navi_box {
    width: 50%;
}

/* 3 Column */
#globalnavi_footer .column3 .footer_navi_box {
    width: 33.3%;
}

/* 4 Column */
#globalnavi_footer .column4 .footer_navi_box {
    width: 25%;
}

/* 5 Column */
#globalnavi_footer .column5 .footer_navi_box {
    width: 20%;
}

/* Each Block */
#globalnavi_footer ul {
    min-height: 180px;
    padding: 10px;
    list-style: none;
}

/* Background and font for each navigation */
#globalnavi_footer li .footer_navi_link {
    display: block;
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_w.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    font-size: 85%;
    font-weight: normal;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #globalnavi_footer li .footer_navi_link {
        background-image: url(img/icon_w_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* When using upper free space */
#footer_free_top {
    border-bottom: 1px solid #222222;
}

/* Free space in footer */
.footer_navi_free,
.footer_navi_free A,
.footer_free_space,
.footer_free_space A {
    color: #FFFFFF;
	text-align: left;
}

#globalnavi_footer .footer_navi_free A:hover,
.footer_free_space A:hover {
    color: #CCCCCC;	
}


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

/* Global Link */

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

.global_link {
    padding: 5px 5px 5px 15px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

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


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

/* Main Image */

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

/* Main Image */
#photo {
    width: 100%;
}

.colmode #photo {
    margin-bottom: 30px;
}

/* For 3-column page */
#setcol .colmode {
    margin-left: 20px;
}

.layout_r #setcol .colmode {
    margin-left: 0px;
    margin-right: 20px;
}

/* Common frame for all images */
.global_photo {
    margin: 0px auto 10px;
    line-height: 0px;
}


/*--------------------------------------*/

/* Slide Display */

/*--------------------------------------*/

#photo {
    margin-top: 1px;
}

.slide{
    float: left;
}

/* Thumbnail Menu */

/* Each Menu */
.menu li{
    width: 90px;
    display: inline-block;
    list-style: none;
    overflow: hidden;
    border-top: 5px solid #CCCCCC;
    margin-right: 1px;
    margin-top: 1px;
    vertical-align: top;
}

/* Button */
.menu li A {
    display: block;
}

/* Thumbnail on display */
.menu li.current,
.menu li.current:hover {
    border-top: 5px solid #0066FF;
}

.menu li.act A {
    cursor: default;
}

/* Thumbnail Width */
.menu a img{
    width: 90px;
}

/* Slide */
.swipe_list .pointer_box {
    padding: 5px 0px;
    text-align:center;
}

/* Button for slide display */
.swipe_list .pointer span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0px 5px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    cursor: pointer; 
}

/* Side Box */
.side_box .swipe_list .pointer span {
    margin: 0 4px;
}

/* Selected Slide */
.swipe_list .pointer span.current {
    background-color: #0066FF;
    border: 1px solid #0066FF;
}

/* Icon for Previous and Next */
.swipe_list .pointer_box span.pointer_prev,
.swipe_list .pointer_box span.pointer_next {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0px 10px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    border-radius: 25px;
    cursor: pointer;
}

/* For main image in product description */
.swipe_list .detail_item_photo .pointer_box span.pointer_prev,
.swipe_list .detail_item_photo .pointer_box span.pointer_next {
    margin: 0px;
}

/* Image Icon for Previous */
.swipe_list .pointer_box span.pointer_prev {
    background-image: url(img/icon_prev.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_prev {
        background-image: url(img/icon_prev_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* Image icon for Next */
.swipe_list .pointer_box span.pointer_next {
    background-image: url(img/icon_next.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .swipe_list .pointer_box span.pointer_next {
        background-image: url(img/icon_next_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

/* When mousing over */
.swipe_list .pointer_box span.pointer_prev:hover,
.swipe_list .pointer_box span.pointer_next:hover {
    background-color: #F0F0F0;
}

.swipe_list .pointer_box .pointer_prev_box span.pointer_prev,
.swipe_list .pointer_box .pointer_next_box span.pointer_next {
    margin: 0px;
}

/* Annotation for slide */
.swipe_list .image_annotation {
    background-image: url(img/photo_alpha.png);
}
.swipe_list .annotation_left_top {
    left: 30px;
    top: 30px;
}

.swipe_list .annotation_right_top {
    right: 30px;
    top: 30px;
}

.swipe_list .annotation_left_bottom {
    left: 30px;
    bottom: 30px;
}

.swipe_list .annotation_right_bottom {
    right: 30px;
    bottom: 30px;
}


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

/* Center Column */

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

/* Main column for 1-column page */
#maincol1 #main_container {
    margin: 0px 0px 20px;
}

/* Main column for 2-column page */
#maincol2 #main_container {
    margin: 0px 0px 20px 20px;
}

/* Right Layout */
.layout_r #maincol2 #main_container {
    margin: 0px 20px 20px 0px;
}

/* Main column for 3-column page */
#maincol3 #main_container {
    margin: 0px 20px 20px;
}

/* Boxes in side column */
.side_box {
    margin-bottom: 30px;
}

/* Boxes in center column */
.main_box {
    margin-bottom: 30px;
}


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

/* Content */

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

/* Content */
#contents {
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg_full #inner_contents,
.bg_full #inner_contents_top,
.bg_full #inner_contents_bottom {
    background-color: #FFFFFF;
}

#wide_contents {
    background-color: #F5F5F5;
    padding-bottom: 15px;
	margin-bottom: 15px;
}


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

/* Frames for title and content in side column */

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

/* Title */
.side_box h2 {
    padding: 10px;
    margin-bottom: 1px;
    background-image: url(img/side_h2_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border-top: 1px solid #F5F5F5;
    font-weight: bold;
}

/* Contents in side column */
.side_contents {
    padding: 0px;
}


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

/* Frames for title and content in center column */

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

/* Title */
.main_box h2 {
    padding: 10px;
    font-weight: bold;
}

/* Contents in main column */
.main_contents {
    width: auto;
}


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

/* Breadcrumb */

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

/* Breadcrumb */
#pan {
    margin-bottom: 15px;
    padding: 5px;
    background-color: #F5F5F5;
}


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

/* Left Column */

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

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

/* Category List, Group List */

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

/* Title for category list and group List */
.category h2,
.pickupcategory h2 {
    background-image: url(img/side_category_bg.gif);
    background-color: #444444;
    color: #FFFFFF;
    border-top: none;
}

/* Frame for category list and group List */
.category_list,
.pickupcategory_list {
    border: 1px solid #E9E9E9;
}


/*--------------------------------------*/
/*
Category
Group
Auction Menu
Common Settings */

/* Menu Frames */
.side_contents li {
    list-style: none;
    list-style-position: outside;
}

/* Menu Buttons */
.side_contents li A {
    display: block;
}


/*--------------------------------------*/
/* Main Category, Group */

/* Background for main category and group */
.category_list li,
.pickupcategory_list li {
    background-color: #F5F5F5;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}

/* Image icon for category and group */
.category_list li A,
.pickupcategory_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;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .category_list li A,
    .pickupcategory_list li A {
        background-image: url(img/icon_b_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* Background for selected main category and group */
.category_list li.nav_on,
.pickupcategory_list li.nav_on {
    background-color: #E0F0F8;
    margin: 0px;
    border-top: none;
    border-bottom: none;
}

/* Icon for selected category */
.category_list li A.nav_on,
.pickupcategory_list li A.nav_on {
    color: #006DD9;
    font-weight: bold;
}

/* Category Icon (subcategory hidden) */
.side_category_stack .parentcategory A {
    background-image: url(img/icon_db.gif);
}

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


/* Category Icon (close subcategory) */
.side_category_stack A.parent_category {
    background-image: url(img/icon_dbc.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_category_stack li A.parent_category {
        background-image: url(img/icon_dbc_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}


/* Subcategory Pop-up */
.side_category_popup .sub_category_box {
    width: 240px;
    position: absolute;
    top: -20px;
    visibility: hidden;
}

/* Pop-up Frame */
.side_category_popup .subcategories {
    border: 1px solid #D9D9D9;
}

/* For left column */
#leftcol .side_category_popup .sub_category_box {
    padding: 20px 20px 20px 0px;
    left: 198px;
}

#leftcol .side_category_popup .subcategories {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

/* For right column */
#rightcol .side_category_popup .sub_category_box {
    padding: 20px 0px 20px 20px;
    right: 198px;
}

#rightcol .side_category_popup .subcategories {
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
}

.side_category_popup .hover li.dropdown_close A,
.side_category_popup .hover li.dropdown_close A:hover {
    background-color: #000000;
}

/* Open/Close main category */
.category_toggle {
    display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 2px;
}

/* Open/Close subcategory */
.category_list li ul .category_toggle {
    display: block;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 8px;
}

/* Mouseover */
.category_list li A:hover,
.side_category_popup .hover .parentcategory A,
.pickupcategory_list li A:hover {
    background-color: #E9E9E9;
    color: #000000;
}

.category_list li.nav_on A.nav_on:hover,
.side_category_popup li.hover .parentcategory A.nav_on,
.pickupcategory_list li.nav_on A.nav_on:hover {
    background-color: #E0F0F8;
    font-weight: bold;
}


/*--------------------------------------*/
/* Subcategory (2nd level) */

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

/* Subcategory Background */
.category_list li ul li {
    background-color: #FFFFFF;
    border: none;
}

/* Subcategory (3rd level) */

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

/* Subcategory Background */
.category_list li ul li ul li {
    background-color: #FFFFFF;
    border: none;
}


/*--------------------------------------*/
/* Auction */

/* Auction Background */
.auction_list li {
    background-image: url(img/side_navi_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: 1px solid #E9E9E9;
    margin-bottom: 3px;
    color: #000000;
}

.auction_list li:hover {
    background-image: url(img/side_navi_bg_o.gif);
}

/* Image icon for Auction */
.auction_list li A {
    padding: 10px 5px 10px 18px;
    background-image: url(img/icon_b.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px;
    color: #333333;
}

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


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

/* Shopping Cart */

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

/* List in View Cart */
.shoppingcart_list li {
    padding: 10px;
    border: 1px solid #E9E9E9;
    margin-bottom: 1px;
}

/* Link from list in View Cart */
.shoppingcart_list li A {
    display: inline;
    padding-left: 0px;
}

.shoppingcart li A:hover {
    background-color: transparent;
}

/* Blocks */
.side_cart_data_box {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0DFE3;
}

/* 'Edit' Link */
.side_cart_data .global_link {
    border: none;
    margin-bottom: 0px;
    padding-left: 15px;
}

/* Total Amount */
.shoppingcart_pricetotal {
    background-color: #F5F5F5;
}

/* Font for total amount */
.shoppingcart_pricetotal p {
    padding: 10px;
    margin: 0px;
    font-weight: bold;
}

/* Font for amount */
.shoppingcart_pricetotal p strong {
    color: #336699;
}

/* Checkout */
.shoppingcart_register {
    padding: 10px;
    border: 1px solid #E9E9E9;
    text-align: center;
}

/* Personalization */
.side_cart_data .custom_item,
.side_cart_data .custom_separator {
    border-bottom: none;
    display: inline;
}


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

/* Shop Manager Profile */

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

/* Contents for shop manager profile */
.staff_contents {
    padding: 5px 10px 10px;
    border: 1px solid #E9E9E9;
}

/* Staff Image */
.staff_photo {
    width: 140px;
    margin: 10px auto;
}

/* Profile Frame */
.staff_contents dl {
    padding: 10px;
}

.staff_contents dt,
.staff_contents dd {
    padding: 5px;
}

/* Profile Item */
.staff_contents dt {
    clear: left;
    float: left;
    width: 50px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* Contents in Profile */
.staff_contents dd {
    margin-left: 60px;
    border-top: 1px dotted #000000;
}

/* Message in Profile */
.side_box .staff_profile_desc {
    margin-bottom: 10px;
}

/* Link to shop manager profile page */
.staff_contents .global_link {
    border-top: 1px solid #E0DFE3;
}


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

/* Welcome */

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

/* Margin in Welcome box */
.welcome_data {
    padding: 15px;
}


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

/* Manager's Diary */

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

/* Margin for Manager's Diary */
.diary_data {
    padding: 15px;
}

/* Title of manager's diary on front page */
.diary_data h3 {
    font-size: 108%;
    font-weight: bold;
}

/* Date in manager's diary on front page */
.top_page_body .diary_data .article_date {
    font-weight: normal;
}


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

/* Common settings for Welcome and Manager's Diary */

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

/* Background of Welcome and Manager's Diary */
.welcome,
.diary {
    background-color: #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    padding: 15px 0px 0px 15px;
}

/* Background of Welcome and Manager's Diary for 1-column page */
#maincol1 .welcome,
#maincol1 .diary {
    background-image: url(img/article_bg_b.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol1 .welcome,
    #maincol1 .diary {
        background-image: url(img/article_bg_b_x2.gif);
        background-size: 980px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* Background of Welcome and Manager's Diary for 2-column page */
#maincol2 .welcome,
#maincol2 .diary {
    background-image: url(img/article_bg.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol2 .welcome,
    #maincol2 .diary {
        background-image: url(img/article_bg_x2.gif);
        background-size: 780px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* Background of Welcome and Manager's Diary for 3-column page */
#maincol3 .welcome,
#maincol3 .diary {
    background-image: url(img/article_bg_s.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    #maincol3 .welcome,
    #maincol3 .diary {
        background-image: url(img/article_bg_s_x2.gif);
        background-size: 580px 200px;
    }
    /*-----------------------------------------------------------*/
}


/* Side Layout */
.tarticle_data .global_photo,
.tarticle_data .ph_article {
    float: left;
}

/* Margin for article */
.tarticle_data .ph_article {
    padding: 10px;
}


/*--------------------------------------*/

/* Image size */

/*--------------------------------------*/

/* 140px */
.tarticle_data .layout140 .global_photo,
.article_data .layout140 .global_photo {
    width: 140px;
}

/* 250px */
.tarticle_data .layout250 .global_photo,
.article_data .layout250 .global_photo {
    width: 250px;
}

/* 400px */
.tarticle_data .layout400 .global_photo,
.article_data .layout400 .global_photo {
    width: 400px;
}


/*--------------------------------------*/

/* Designate article width for each image size */

/*--------------------------------------*/

/* Center column for 1-column page */

/* 140px */
#maincol1 .tarticle_data .layout140 .ph_article {
    width: 775px;
}

/* 250px */
#maincol1 .tarticle_data .layout250 .ph_article {
    width: 665px;
}

/* 400px */
#maincol1 .tarticle_data .layout400 .ph_article {
    width: 515px;
}


/*--------------------------------------*/

/* Center column for 2-column page */

/* 140px */
#maincol2 .tarticle_data .layout140 .ph_article {
    width: 555px;
}

/* 250px */
#maincol2 .tarticle_data .layout250 .ph_article {
    width: 445px;
}

/* 400px */
#maincol2 .tarticle_data .layout400 .ph_article {
    width: 295px;
}


/*--------------------------------------*/

/* Center column for 3-column page */

/* 140px */
#maincol3 .tarticle_data .layout140 .ph_article {
    width: 335px;
}

/* 250px */
#maincol3 .tarticle_data .layout250 .ph_article {
    width: 225px;
}

/* 400px */
#maincol3 .tarticle_data .layout400 .global_photo,
#maincol3 .tarticle_data .layout400 .ph_article {
    float: none;
}


/*--------------------------------------*/

/* Side Column */

.side_col .welcome,
.side_col .diary {
    background-image: url(img/side_article_bg.gif);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding: 15px 0px 0px 0px;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .welcome,
    .side_col .diary {
        background-image: url(img/side_article_bg_x2.gif);
        background-size: 200px 200px;
    }
    /*-----------------------------------------------------------*/
}


.side_col .welcome h2,
.side_col .diary h2 {
    background-image: none;
    background-color: transparent;
    border: none;
    padding-left: 15px;
}

.side_box .tarticle_data .ph_article {
    padding: 10px 0px 0px;
}

/* 140px */
.side_box .tarticle_data .layout140 .global_photo,
.side_box .tarticle_data .layout140 .ph_article {
    float: none;
}


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

/* What's New */

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

/* Title of What's New */
.whatnew h2 {
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* Title of What's New for 1-column page */
#maincol1 .whatnew h2 {
    background-image: url(img/item_h2_bg_b.gif);
}

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


/* Title of What's New for 2-column page */
#maincol2 .whatnew h2 {
    background-image: url(img/item_h2_bg.gif);
}

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


/* Title of What's New for 3-column page */
#maincol3 .whatnew h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

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


/* Title of What's New in side column */
.side_col .whatnew h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .whatnew h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}


/* Contents of What's New */
.whatnew_contents {
    padding: 10px;
    border: none;
}

/* Each Line */
.news_data {
    border-bottom: 1px solid #E0DFE3;
    padding: 5px 0px;
}

.main_box .news_data .news_date,
.main_box .news_data A {
    float: left;
}

.side_box .news_data .news_date,
.side_box .news_data A {
    float: none;	
}

.side_box .news_data .news_date {
    display: block;	
}

/* Date */
.news_date {
    padding-right: 10px;
    font-size: 93%;
}

/* year-month-day */
.format {
    font-size: 85%;
}


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

/* Product List */

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

/* Title of product list */
.item_box h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
}

/* Title of product list for 1-column page */
#maincol1 .item_box h2 {
    background-image: url(img/item_h2_bg_b.gif);
}

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


/* Title of product list for 2-column page */
#maincol2 .item_box h2 {
    background-image: url(img/item_h2_bg.gif);
}

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


/* Title of product list for 3-column page */
#maincol3 .item_box h2 {
    background-image: url(img/item_h2_bg_s.gif);
}

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


/* Title of product list in side column */
.side_col .item_box h2 {
    background-image: url(img/side_item_h2_bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .side_col .item_box h2 {
        background-image: url(img/side_item_h2_bg_x2.gif);
        background-size: 200px 50px;
    }
    /*-----------------------------------------------------------*/
}

/* Product description on product list */
.main_desc {
    padding: 0px 15px;
}

.side_desc {
    padding: 10px;
}

/* Product info on product list */
.item_box .item_data {
    padding: 10px;
}

/* Mouseover on product list */
.item_box .item_hover:hover {
    background-color: #F9F9F9;
}

/* Selling price on product list */
.item_box .price {
    color: #000000;
    font-weight: bold;
    word-break: normal;
}

/* Regular price on product list */
.item_box .regular_price {
    font-weight: normal;
    display: block;
    word-break: normal;
}

.item_box .text_layout .regular_price {
    display: inline;
}

/* Retail price and Tax-incl. Price on product list */
.item_box .retail_price,
.item_box .tax_incl_price {
    color: #666666;
    font-weight: normal;
    word-break: normal;
}

/* In Stock */
.stock {
    font-size: 85%;
    color: #666666;
    font-weight: normal;
}

/* Sold Out */
.soldout,
.variation_stock_list .data_table .soldout {
    color: #777777;
}

/* Low Stock */
.lowstock,
.variation_stock_list .data_table .lowstock {
    color: #990000;
}

/* Product description on product list */
.item_box .item_desc {
    padding: 5px;
    color: #000000;
    font-weight: normal;
}

/* Rank order on product list */
.rankno {
    width: auto;
    min-width: 40px;
    margin-bottom: 5px;
    padding: 3px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0066FF;
    font-size: 85%;
}

.item_data .rankno1 {
    background-color: #E3007E;
    font-size: 100%;
}


/*--------------------------------------*/
/* Layout for Image */

.item_box li {
    float: left;
}

.item_box li .text_data {
    margin-top: 10px;
}


/*--------------------------------------*/
/* Layout for Image and Text */

.item_box .text_layout li {
    float: none;
}

.item_box .text_layout .global_photo {
    float: left;
}

.item_box .text_layout .text_data {
    float: left;
    margin-top: 0px;
}


/*--------------------------------------*/
/* Frame Border */

/* Right and bottom ruled lines for grid display */
.item_box li {
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* Hide bottom border */
.item_box li.posbottom,
.item_box .text_layout li.posbottom {
    border-bottom: none;
}

/* Hide right border */
.item_box li.posright,
.item_box .text_layout li {
    border-right: none;
}


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

/* Designate width for lay-outing product list */

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

[!] Before customizing,
see the following settings of your own.
[Shop Manager] > [Page Layout] > Column settings and image/text settings
[Product Pages] > Image size in Product List Page settings

・Thumbnail Frame　.global_photo
Set to 200px, 160px and 120px

・Description Frame　.item_data
Width depends on number of columns, display position and thumbnail size.

・Width Adjustment
Designation for adjustment if a fraction is present

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

/* Thumbnail Frame */

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

/* 200px */
.layout200 .item_data .global_photo {
    width: 200px;
}

/* 160px */
.layout160 .item_data .global_photo {
    width: 160px;
}

/* 120px */
.layout120 .item_data .global_photo {
    width: 120px;
}

/* Centering image in side column */
#leftcol .item_box .item_data .global_photo,
#rightcol .item_box .item_data .global_photo {
    margin: 0px auto 10px;
}

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

/* 1 Column */
/* Image (w/o text) */

/* Common settings for center column on front page and product list page */
/* New Arrivals, Recommended Products, Bestselling Products */
/* Maximum width 980px, 10px side margin for .item_data */

/*
On calculating width
ex.) 160px width
　Maximum width:980px-Margin:100px-Border:4px＝876px
　Designate width of 'item_data' to 875px in a space in 876px width
　If 5 images in 175px width put in a line, 175×5＝875px.
　1 px is left, and adjust this 1 px in padding.
*/

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

/*--------------------------------------*/
/* Width 200px */
/* Width:897px　Border:3px　Margin:80px　*Adjusted value:1px */

#maincol1 .layout200 .item_data {
    width: 224px;
}

/* Width Adjustment */
#maincol1 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* Width 160px */
/* Width:876px　Border:4px　Margin:100px　*Adjusted value:1px */

#maincol1 .layout160 .item_data {
    width: 175px;
}

/* Width Adjustment */
#maincol1 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* Width 120px */
/* Width:855px　Border:5px　Margin:120px　*Adjusted value:3px */

#maincol1 .layout120 .item_data {
    width: 142px;
}

/* Width Adjustment */
#maincol1 .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* Bestselling Products */

/* Rank Order No.2-No.5 */
#maincol1 .ranking_contents .item_list .posbottom .item_data {
    width: 224px;
}

#maincol1 .ranking_contents .layout160,
#maincol1 .ranking_contents .layout120 {
    padding: 0px 0px 0px 1px;
}


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

/* 1 Column */
/* Image and Text */

/* Common settings for center column on front page and product list page */
/* New Arrivals, Recommended Products, Rank Order No.1 */

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

/*--------------------------------------*/
/* Common settings for product description frame */

#maincol1 .text_layout .item_data,
.widemode #maincol1 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol1 .text_layout .layout200,
#maincol1 .text_layout .layout160,
#maincol1 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* Width 200px */

#maincol1 .text_layout .layout200 .text_data,
.widemode #maincol1 .text_layout .layout200 .text_data {
    width: 740px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* Width 160px */

#maincol1 .text_layout .layout160 .text_data,
.widemode #maincol1 .text_layout .layout160 .text_data {
    width: 780px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* Width 120px */

#maincol1 .text_layout .layout120 .text_data,
.widemode #maincol1 .text_layout .layout120 .text_data {
    width: 820px;
    padding: 0px 10px;
}


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

/* 2 Columns */
/* Image (w/o text) */

/* Common settings for center column on front page and product list page */
/* New Arrivals, Recommended Products, Bestselling Products */
/* Maximum width 760px, 10px side margin for .item_data */

/*
On calculating width
ex.) 160px width
　Maximum width:760px-Margin:80px-Border:3px＝677px
　Designate width of 'item_data' to 676px in a space in 677px width
　If 4 images in 169px width put in a line, 169×4＝676px.
　1 px is left, and adjust this 1 px in padding.
*/

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

/*--------------------------------------*/
/* Width 200px */
/* Width:698px　Border:2px　Margin:60px　*Adjusted value:2px */

#maincol2 .layout200 .item_data {
    width: 232px;
}

/* Width Adjustment */
#maincol2 .layout200 {
    padding: 1px;
}


/*--------------------------------------*/
/* Width 160px */
/* Width :677px　Border:3px　Margin:80px　*Adjusted value:1px */

#maincol2 .layout160 .item_data {
    width: 169px;
}

/* Width Adjustment */
#maincol2 .layout160 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* Width 120px */
/* Width:656px　Border:4px　Margin:100px　*Adjusted value:1px */

#maincol2 .layout120 .item_data {
    width: 131px;
}

/* Width Adjustment */
#maincol2 .layout120 {
    padding-left: 1px;
}

/*--------------------------------------*/
/* Bestselling Products */

/* Rank Order No.2-No.5 */
#maincol2 .ranking_contents .item_list .posbottom .item_data {
    width: 169px;
}


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

/* 2 Columns */
/* Image and Text */

/* Common settings for center column on front page and product list page */
/* New Arrivals, Recommended Products, Rank Order No.1 */

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

/*--------------------------------------*/
/* Common settings for product description frame */

#maincol2 .text_layout .item_data,
.widemode #maincol2 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol2 .text_layout .layout200,
#maincol2 .text_layout .layout160,
#maincol2 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* Width 200px */

#maincol2 .text_layout .layout200 .text_data,
.widemode #maincol2 .text_layout .layout200 .text_data {
    width: 520px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* Width 160px */

#maincol2 .text_layout .layout160 .text_data,
.widemode #maincol2 .text_layout .layout160 .text_data {
    width: 560px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* Width 120px */

#maincol2 .text_layout .layout120 .text_data,
.widemode #maincol2 .text_layout .layout120 .text_data {
    width: 600px;
    padding: 0px 10px;
}


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

/* 3 Columns */
/* Image (w/o text) */

/* Center column on front page */
/* New Arrivals, Recommended Products, Rank Order No.2-No.5 */
/* Maximum width 540px */

/*
On calculating width
ex.) 160px width
　Maximum width:540px-Margin:54px-Border:2px＝484px
　Designate width of 'item_data' to 480px in a space in 484px width
　If 3 images in 160px width put in a line, 160×3＝480px.
　4 px is left, and adjust this 4 px in padding.
*/

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

/*--------------------------------------*/
/* Width 200px */
/* Maximum Width :499px　Border:1px　Margin:40px　*Adjusted value:1px */

#maincol3 .layout200 .item_data {
    width: 249px;
}

/* Width Adjustment */
#maincol3 .layout200 {
    padding-left: 1px;
}


/*--------------------------------------*/
/* Width 160 */
/* Maximum width:484px　Border:2px　Margin:54px　*Adjusted value:4px */

#maincol3 .layout160 .item_data {
    width: 160px;
    padding: 9px;
}

/* Width Adjustment */
#maincol3 .layout160 {
    padding: 2px;
}


/*--------------------------------------*/
/* Width 120 */
/* Maximum width:497px　Border:3px　Margin:40px　*Adjusted value:1px */

#maincol3 .layout120 .item_data {
    width: 124px;
    padding: 5px;
}

/* Width Adjustment */
#maincol3 .layout120 {
    padding-left: 1px;
}


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

/* 3 Columns */
/* Image and Text */

/* Center column on front page */
/* New Arrivals, Recommended Products, Rank Order No.1 */

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

/*--------------------------------------*/
/* Common settings for product description frame */

#maincol3 .text_layout .item_data {
    width: auto;
	padding: 10px;
}

#maincol3 .text_layout .layout200,
#maincol3 .text_layout .layout160,
#maincol3 .text_layout .layout120 {
    padding: 0px;
}


/*--------------------------------------*/
/* Width 200px */

#maincol3 .text_layout .layout200 .text_data {
    width: 300px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* Width 160px */

#maincol3 .text_layout .layout160 .text_data {
    width: 340px;
    padding: 0px 10px;
}


/*--------------------------------------*/
/* 横幅120px */

#maincol3 .text_layout .layout120 .text_data {
    width: 380px;
    padding: 0px 10px;
}


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

/* Side Column */
/* New Arrivals, Recommended Products, Bestselling Products */

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

/* Contents Frame */
.item_box .side_contents {
    border: 1px solid #F5F5F5;
}

/* Width for item description */
#leftcol .side_contents .item_data,
#rightcol .side_contents .item_data {
    width: 180px;
}

/*--------------------------------------*/
/* Clear designations for center column */

.item_box .side_contents A {
    padding: 0px
}

.item_box .side_contents A:hover {
    background-color: transparent;
}

#leftcol .item_box li,
#rightcol .item_box li {
    border: none;
	border-bottom: 1px solid #E0DFE3;
    float: none;
}

/* Float only Items Your Recently Viewed */
#leftcol .item_box .swipe_list li,
#rightcol .item_box .swipe_list li {
    float: left;
}


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

/* Items Your Recently Viewed */

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

/* Title of Items Your Recently Viewed */
#maincol1 .recently h2,
#maincol2 .recently h2,
#maincol3 .recently h2,
.main_wide_box .recently h2,
.side_col .recently h2 {
	background-image: none;
	background-color: #F5F5F5;
    font-weight: bold;
	padding-top: 10px;
}

/* Title at the bottom of main column */
.main_wide_box .recently h2 {
    padding-left: 10px;
}

/* Background of Items Your Recently Viewed in side column */
.recently {
    background-color: #F5F5F5;
}

#maincol1 .recently,
#maincol2 .recently,
#maincol3 .recently {
    padding-bottom: 10px;	
}

.recently .layout_photo img {
    height: auto;
}

/* Clear All Button */
.recently_reset {
    position: relative;
}

.recently_reset A {
    display: block;
    padding: 2px 10px 2px 25px;
    position: absolute;
    top: -25px;
    right: 0px;
    background-image: url(img/icon_reset.gif);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    text-align: right;
	height: 18px;
    line-height: 18px;
}

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


/* Clear All button in main column */
#maincol1 .recently_reset A,
#maincol2 .recently_reset A,
#maincol3 .recently_reset A {
    top: -35px;
	right: 5px;	
}

/* Clear All button in side column */
.side_col .recently_reset {
    height: 40px;
}

.side_col .recently_reset A {
    padding: 2px 10px 2px 25px;
    top: auto;
    bottom: 5px;
    right: 5px;
}

/* Mouseover on Clear All button */
.recently_reset A:hover,
.item_box .side_contents .recently_reset A:hover {
    background-color: #E0DFE3;
}

/* Mouseover on product list */
.recently .item_hover:hover {
    background-color: #FFFFFF;
}


/*--------------------------------------*/
/* Width 120px */
/* Width:855px　Border:5px　Margin:120px　*Adjusted value:3px */
#wide_contents .layout120 .item_data {
    width: 142px;
}

#wide_contents .layout120 {
    padding: 1px;
    padding-left: 2px;
}


/*--------------------------------------*/
/* Width 160px */
/* Width:876px　Border:4px　Margin:100px　*Adjusted value:1px */
#wide_contents .layout160 .item_data {
    width: 175px;
}

/* Width Adjustment */
#wide_contents .layout160 {
    padding-left: 1px;
}

/*--------------------------------------*/


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

/* Banner for Partner and SSL */

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

.banner_box {
    text-align: center;
    margin: 5px 0px;
}

.footer_banner {
    text-align: center;
    margin: 10px;
}

.footer_banner .banner_box {
    display: inline-block;
    margin: 5px;
    vertical-align: top;
}


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

/* Page frame for 2nd level */

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

/* Page Title */
.page_box 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;
}

/* Page Subtitle */
.contents_box h3,
.form_box h3 {
    background-image: url(img/page_h3_bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #F5F5F5;
    border-top: 1px solid #F1F1F1;
    padding: 10px;
    font-size: 108%;
    font-weight: bold;
}

/* Title of Page Article */
.inner_contents_box h4 {
    border-left: 5px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 5px;
    font-weight: bold;
    font-size: 108%;
}

/* Title of page article of order confirmation page */
#shoppingcart_page_step4 .inner_contents_box h4,
#shoppingcart_page_step5 .inner_contents_box h4,
.historydetail_page_body .inner_contents_box h4 {
    border: none;
    margin-bottom: 5px;
    text-align: left;
}

/* Subtitle of Page Article */
.inner_contents_box h5 {
    padding: 5px;
    border-bottom: 1px dotted #F1F1F1;
    font-weight: bold;
}

/* Page Content */
.page_contents {
    width: auto;
}

/* Margin for content */
.contents_box {
    margin: 20px;
}

/* Margin for content article */
.inner_contents_box {
    padding: 10px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* Hide border for variable width */
.widemode .page_contents {
    border: none;
}


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

/* Product List, Search Results */

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

/* Font of title of product list and search results */
.itemlist h2,
.detail_page_title {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    font-weight: bold;
    color: #000000;
	font-size: 123.1%;
}

/* Title of  product list and search results for 1-column page */
#maincol1 .itemlist h2,
#maincol1 .detail_page_title {
    background-image: url(img/item_h2_bg_b.gif);
}

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


/* Title of  product list and search results for 2-column page */
#maincol2 .itemlist h2,
#maincol2 .detail_page_title {
    background-image: url(img/item_h2_bg.gif);
}

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

/* Category Description */
.categorylist_desc {
    padding: 10px;
}

/* Subcategory list above product list */
.center_category_list {
    margin: 10px;
}

.page_contents .center_category_list li {
    border: none;
    float: left;
}

/* Subcategory Frame */
.center_category_list li A {
    width: 160px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center_category_list li A:hover {
    background-color: #F5F5F5;
}

/* Number of items */
.category_item_count,
.history_count {
    padding: 10px;
    font-size: 85%;
}


/*--------------------------------------*/
/* Sorting Bar */

/* Sorting Bar Frame */
.sort {
    width: 100%;
    background-color: #F5F5F5;
}

.sort select {
    height: 30px;
}

/* Frame of sorting method */
.sort div {
    min-height: 50px;
    float: left;
    border-left: 1px solid #FFFFFF;
    font-size: 93%;
}

.sort_order {
    width: 200px;
}

.sort_layout {
    width: 160px;
}

.sort_number {
    width: 125px;
}

.sort_stock {
    width: 110px;
}

.sort_size {
    width: 160px;
}

.sort_layout_icons {
    display: inline-block;
}

/* Sorting Method */
.sort p {
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* Adjust In-stock and display type */
.sort_layout p,
.sort_stock p {
    padding: 16px 5px 0px;
}

.sort_layout img {
    max-width: none;
    margin-right: 10px;
}


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

/* Product Description */

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

/* Margin for Product Description page */
.detail_contents .inner_page_contents {
    padding: 19px;
}

/* Each block of product information */
.detail_section {
    padding: 10px;
    border-bottom: 1px dotted #000000;
}

/* Hide bottom border for block of product information */
.formbottom {
    border-bottom: none;
}

/* Product Information - Product Name */
.detail_item_data h1,
.detail_item_data .item_name {
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 10px;
}

.product_name_inside {
    margin-top: 10px;
}

/* Product Information - Product Name */
.detail_item_data .common_icon {
    padding: 0px 10px;
}

/* Product Description - Margin between div */
.detail_item_data .price div {
    margin-bottom: 15px;
}

/* Margin for Add to Cart under description */
.item_form_bottom {
    margin-top: 20px;
}

/* Product Description - Margin between items */
.detail_item_data .price p {
    margin-bottom: 5px;
}

/* Delete margin for price under personalization options */
.detail_item_data .bottompos div,
.detail_item_data .bottompos p {
    margin-bottom: 0px;
}

/* Product Information - Selling Price */
.detail_item_data .selling_price {
    font-size: 123.1%;
    word-break: normal;
}

/* Product Information - Numbers for Prices */
.detail_item_data .selling_price .figure {
	font-weight: bold;
}

/* Product Information - Regular Price */
.detail_item_data .regular_price {
    font-size: 85%;
    word-break: normal;
}

/* Product Information - Retail Price, Tax-incl. Price */
.detail_item_data .retail_price,
.detail_item_data .tax_incl_price {
    color: #666666;
    word-break: normal;
}

/* Product Information - Selling Price Label */
.detail_item_data .selling_price span {
    font-weight: normal;
}

/* Product Information - Stock */
.detail_item_data .stock {
    font-size: 108%;
    font-weight: bold;
}

/* Product Information - Description */
.item_desc {
    padding: 10px;
}

/* Notes on variable price */
.price_desc {
    font-size: 77%;
}

/* Margin between items of variation and personalization */
.variation_stock_list,
.variation_stock,
.variation_item,
.order_item {
    padding-bottom: 5px;
}

.variation .bottompos,
.ordermade .bottompos {
    padding-bottom: 0px;
}

/* Variation List */
.variation_stock_list {
    margin-bottom: 5px;
}

.variation_stock_list input[type="radio"] {
    margin: 0;
}

/* No label for stock quantity */
.hidden_stock .stocklist_data {
    text-align: center;
}

/* Background when selecting variation list */
.variation_stock_list .data_table .selected_item {
    background-color: #E0F0F8;
    color: #006DD9;
}

.variation_stock_list .data_table .selected_data {
    background-color: #E0F0F8;
}


/*--------------------------------------*/
/* Thumbnail */

.thumbnail {
    padding-top: 5px;
}

/* Width of large frame for thumbnail */
/* 'class' depends on selected size */
.thumbnail_list {
    margin: auto;
}

.th50 .thumbnail_list {
    max-width: 250px;
}

.th60 .thumbnail_list {
    max-width: 300px;
}

.th80 .thumbnail_list {
    max-width: 400px;
}

.th120 .thumbnail_list {
    max-width: 600px;
}

/* Width of large frame for thumbnail adjusted by Layout */
.layout250 .th60 .thumbnail_list,
.layout250 .th80 .thumbnail_list,
.layout250 .th120 .thumbnail_list {
    max-width: 250px;	
}

.layout300 .th80 .thumbnail_list,
.layout300 .th120 .thumbnail_list,
.layoutnfloat .th60 .thumbnail_list {
    max-width: 300px;	
}

.layout400 .th120 .thumbnail_list,
.layoutnfloat .th80 .thumbnail_list {
    max-width: 400px;	
}

.layoutnfloat .th120 .thumbnail_list {
    max-width: 600px;	
}

.layout800 .th120 .thumbnail_list {
    max-width: 800px;	
}

/* Thumbnail Frame */
.thumbnail li {
    float: left;
}

.thumbnail li A {
    display: block;
    margin: 0px auto 5px;
}

.thumbnail li A:hover {
    background-color: transparent;
}

.thumbnail .thumbnail_btn {
    border: 2px solid #FFFFFF;
}

.thumbnail .current .thumbnail_btn {
    border: 2px solid #CC0000;
}


/* Frame size for thumbnail */
/* 'class' depends on selected size */
.th50 li {
    width: 50px;
}

.th60 li {
    width: 60px;
}

.th80 li {
    width: 80px;
}

.th120 li {
    width: 120px;
}

/* Facebook Comments, Related Products */
.detail_inner_box {
    margin: 20px 0px;
}

/* Title of Related Products */
.detail_page_body .related_item h2,
.shoppingcart_page_body .related_item h2 {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    border: none;
    color: #000000;
}

/* Social Tool */
.social_tool {
    padding-bottom: 5px;
    width: auto;
}

/* Button Layout */
.social_tool li {
    float: left;
    height: 27px;
}

/* Comments */
#fbcomment_contents .fb_unit {
    padding: 20px 0px 0px;
    margin: 0px auto;
}

#maincol1 #fbcomment_contents .fb_unit {
    width: 900px;
}

#maincol2 #fbcomment_contents .fb_unit {
    width: 700px;
}


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

/* Designate Layout for Product Description */

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

[!] Before customizing,
see the your own settings of Layout in Product Description Page

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

/*--------------------------------------*/
/* Side by side array for Layout 1, 2 and 3  */
.main_photo_slide,
.detail_item_data {
    float: left;
}

.detail_item_photo {
    position: relative;
}

/* Common settings for product description frame */
.detail_item_data {
    padding-left: 20px;
}

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

/* Designate width of product main image and description */

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

[!] Before customizing,
see the your own settings of Image Size in Product Description Page

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

/*--------------------------------------*/
/* 250px */

/* Image Frame */
.layout250 .detail_item_photo {
    width: 250px;
}

/* Product Description Frame */
/* 1 Column */
#maincol1 .layout250 .detail_item_data {
    width: 672px;
}

/* 2 Columns */
#maincol2 .layout250 .detail_item_data {
    width: 452px;
}


/*--------------------------------------*/
/* 300px */

/* Image Frame  */
.layout300 .detail_item_photo {
    width: 300px;
}

/* Product Description Frame */
/* 1 Column */
#maincol1 .layout300 .detail_item_data {
    width: 622px;
}

/* 2 Column */
#maincol2 .layout300 .detail_item_data {
    width: 402px;
}


/*--------------------------------------*/
/* 400px */

/* Image Frame  */
.layout400 .detail_item_photo {
    width: 400px;
}

/* Product Description Frame */
/* 1 Column */
#maincol1 .layout400 .detail_item_data {
    width: 522px;
}

/* 2 Column */
#maincol2 .layout400 .detail_item_data {
    width: 302px;
}


/*--------------------------------------*/
/* 600px */

/* Image Frame  */
.layout600 .detail_item_photo {
    width: 600px;
}

/* Product Description Frame */
/* 1 Column */
#maincol1 .layout600 .detail_item_data {
    width: 322px;
}


/*--------------------------------------*/
/* 800px */

/* Image Frame  */
.layout800 .detail_item_photo {
    width: 800px;
}


/*--------------------------------------*/
/* Array in a row for Layout 4 and 5 */

.layoutnfloat .main_photo_slide,
.layoutnfloat .detail_item_data {
    float: none;
}

/* Image Frame - Array in a row */
.layoutnfloat .detail_item_photo {
    margin: auto;
}


/* Product Description Frame - Array in a row */
.layoutnfloat .detail_item_data {
    padding-left: 0px;
    margin: 10px 0px;
}

/* 1 Column */
#maincol1 .layoutnfloat .detail_item_data {
    width: 942px;
}

/* 2 Column */
#maincol2 .layoutnfloat .detail_item_data {
    width: 722px;
}


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

/* Product Detail */

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

/* Frame for Product Detail */
.detail_spec_data {
    margin: 10px;	
}

.detail_spec .data_table .cell_header {
    width: 200px;
}


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

/* Other Image */

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

/* Frame for other image */
.detail_other_photo {
    margin: 15px 0px;
}

.detail_other_photo ul {
    margin: 10px 0px;
}

/* Layout for other image */
.detail_other_photo li {
    float: left;
}

/* Frame for other image */
.other_item_data {
    border: 1px solid #F5F5F5;
    margin: 1px;
    padding: 5px;
}

/* Description for other image */
.other_photo_desc {
    padding: 10px 5px;
}


/*--------------------------------------*/
/* 500px */

/* Clear horizontal image align */
.detail_other_photo .layout500 li {
    float: none;
}

/* Image Frame */
.detail_other_photo .layout500 .global_photo {
    width: 500px;
}


/*--------------------------------------*/
/* 220px 140px */

/* Horizontal Image Align */
.detail_other_photo .layout220 li,
.detail_other_photo .layout140 li {
    width: 33%;
}

.detail_other_photo .layout220 li#poscenter,
.detail_other_photo .layout140 li#poscenter {
    width: 34%;
}

/* Image Frame */
.detail_other_photo .layout220 .global_photo {
    width: 220px;
}

/* Image Frame */
.detail_other_photo .layout140 .global_photo {
    width: 140px;
}


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

/* Registration, Inquiries, Shopping Cart */

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

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

/* Progress Bar */

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


/* Large frame for progress bar */
.step_list {
    width: 100%;
}

/* Each frame for progress bar */
.step_list li {
    float: left;
}

/* Width or progress bar for 2 steps */
#step_col2 li {
    width: 50%;
}

/* Width or progress bar for 3 steps */
#step_col3 li {
    width: 33%;
}

/* Width or progress bar for 5 steps */
#step_col5 li {
    width: 20%;
}

/* Width or progress bar for 6 steps */
#step_col6 li {
    width: 17%;
}

#step_col6 li#step2 {
    width: 18%;
}

#step_col6 li#step6 {
    width: 14%;
}

/* Background color of each frame */
.step_data {
    padding: 10px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #F1F1F1;
    border-right: 1px solid #FFFFFF;
}

.shoppingcart_page_body .step_data {
    min-height: 40px;
}

.shoppingcart_page_body #maincol2 .step_data {
    padding: 5px;
}

/* Rightmost field in progress bar */
.step_list .posright .step_data {
    border-right: none;
}

/* Current step in progress bar */
.step_check .step_data {
    background-color: #E3007E;
}

/* Font of progress bar */
.step_data span {
    display: block;
    color: #666666;
    font-size: 93%;
}

/* Font of progress bar for 6 steps */
.shoppingcart_page_body #maincol2 #step_col6 span {
    font-size: 85%;
}

/* Step number in progress bar */
.step_data .step_number {
    font-size: 108%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

/* Font for current step in progress bar */
.step_check .step_data span {
    color: #FFFFFF;
}


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

/* Entry Form - table, th, td */

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

/* Description at the upper part of entry form */
.global_note {
    margin: 15px;
}

.inner_contents_box .global_note {
    margin: 5px 0px;
}

.global_note li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #E0DFE3;
    background-image: url(img/icon_circle.gif);
    background-repeat: no-repeat;
    background-position: left 5px;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	
    /*-----------------------------------------------------------*/
    .global_note li {
        background-image: url(img/icon_circle_x2.gif);
        background-size: 15px 15px;
    }
    /*-----------------------------------------------------------*/
}

.custom_note {
    padding: 5px 0px;
}


/* Form Frame */
.form_box {
    margin: 20px;
}

.inner_contents_box .form_box {
    margin: 10px;
}

/* Form frame for side content */
.side_form_box {
    margin: 5px 0px;
}

/* table tag */
.form_table {
    width: 100%;
}

/* th tag, td tag */
.form_table .cell_header,
.form_table .cell_data {
    padding: 15px;
    border-bottom: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* Top Line */
.form_table th.postop,
.form_table td.postop {
    border-top: 2px solid #000000;
}

/* th tag */
.form_table .cell_header {
    width: 30%;
    color: #333333;
    text-align: left;
    background-color: #F5F5F5;
}

/* td tag */
.form_table .cell_data {
    width: 70%;
}

/* Required Field */
.note {
    margin-bottom: 5px;
}
.require {
    color: #FF0000;
    font-weight: bold;
    padding-left: 5px;
}

abbr.require {
    border: none;
    cursor: default;
}

/* Notes */
span.cell_note {
    display: block;
    font-size: 85%;
    font-weight: normal;
}

div.cell_note,
p.cell_note {
    padding: 5px;
}

/* Note inside td tag */
td span.cell_note {
    display: inline;
    padding-left: 5px;
}

/* Example inside td tag */
td span.ex_note {
    display: block;
    border-top: 1px solid #E0DFE3;
    margin-top: 8px;
    padding: 3px;
}


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

/* table,th,td */

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

/* table tag */
.data_table {
    width: 100%;
}

/* th tag, td tag */
.data_table .cell_header,
.data_table .cell_data,
.data_table .cell_data2 {
    padding: 5px;
    border: 1px solid #E0DFE3;
    vertical-align: middle;
}

/* th tag */
.data_table .cell_header {
    color: #333333;
    background-color: #F5F5F5;
    white-space: nowrap;
}

/* td tag */
.data_table .cell_data {
    color: #333333;
    background-color: #FFFFFF;
}

/* Designation for each cell */
.cellbold {
    font-weight: bold;
}

.cellnormal {
    font-size: medium;
}

.cellleft {
    text-align: left;
}

.cellright {
    text-align: right;
}

.cellcenter {
    text-align: center;
}

.nodata {
    padding: 30px 0px;
}


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

/* Shopping Cart */

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

/* Margin for item in shopping cart */
.cart_data {
    padding: 5px 10px;
}


/*--------------------------------------*/
/* View Cart */

/* td - Price */
.data_table td.price {
    text-align: right;
    white-space: nowrap;
}

/* th, td Button */
.data_table th.btn,
.data_table td.btn {
    text-align: center;
}

/* td - Recipient */
.data_table td.recipient_number,
.data_table td.recipient_name {
    font-weight: bold;
}

/* td - Recipient Name */
.data_table td.recipient_name {
    min-width: 60px;
}

/* td - Price */
.data_table td.sub_total .price,
.data_table td.total .price {
    font-weight: bold;
}

/* th, td - Subtotal, Total */
.data_table th.sub_total,
.data_table th.total {
    text-align: right;
}

/* th, td - Subtotal */
.data_table th.sub_total,
.data_table td.sub_total {
    background-color: #F5F5F5;
}

/* th, td - Total */
.data_table th.total,
.data_table td.total {
    background-color: #ECEBED;
}

/* td - Quantity */
.data_table td.quantity {
    text-align: center;
    white-space: nowrap;
}

/* td - Product Name */
.data_table td.item_name {
    width: 300px;
}

/* td - Product Image */
.data_table td.item_photo {
    width: 100px;
    text-align: center;
}

.data_table td.item_photo A:hover {
    opacity:0.8;
    filter: alpha(opacity=80);
}

/* Continue Shopping and total amount  side-by-side */
.cart_footer .global_btn,
.cart_footer .cart_price_box {
    float: left;
}

.cart_footer .cart_price_box,
#maincol2 .cart_footer .cart_price_box {
    width: 348px;
    margin-left: 0px;
}

.cart_footer .global_btn {
    width: 180px;
    border: 1px solid #E0DFE3;
    background-color: #F5F5F5;
    padding: 15px;
    margin-top: 20px;
}

/* 1 Column */
#maincol1 .cart_footer .global_btn {
    margin-right: 338px;
}

/* 2 Columns */
#maincol2 .cart_footer .global_btn {
    margin-right: 118px;
}

/* Frame for grand total */
.price_box {
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
}

/* Grand Total */
.grand_total {
    font-size: 116%;
}

/* Amount of grand total */
.grand_total .price {
    font-weight: bold;
}

/* Text on 'to get free delivery' */
.charge_free {
    color: #CC0000;
}

/* Amount in 'to get free delivery' */
.charge_free .price {
    font-weight: bold;
}

/* Show border of notes */
.global_info {
    padding: 10px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFEE;
}

/* Notes above button at the bottom */
.global_bottom_info {
    width: 70%;
    margin: 40px auto 0px auto;
    padding: 10px;
    border-bottom: 1px solid #E0DFE3;
    text-align: center;
}

/* Notes on Shopping */
.userrules {
    margin: 20px;
}

.shoppingcart_page_body .userrules {
    margin: 20px 10px;
}

#userrules_contents {
    margin: 10px 15px;
}

/* Title of Notes on Shopping */
.userrules h4,
.userrules A {
    display: block;
    border-left: none;
    padding: 10px;
    font-weight: bold;
    font-size: 108%;
    border-bottom: none;
}

/* Notes */
.title_note {
    font-weight: normal;
}

/* Background of title button of Notes on Shopping */
.display_link .userrules_title {
    background-position: right center;
    background-repeat: no-repeat;
}

/* Background of open button (rightmost) */
.display_link .contents_open {
    background-image: url(img/icon_open2.png);
}

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

/* Background of close button (rightmost) */
.display_link .contents_close {
    background-image: url(img/icon_close2.png);
}

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

.display_link .userrules_title:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
}

/* Icon of open button (leftmost) */
.userrules A {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 5px 5px 5px 25px;
    color: #000000;
}

/* Icon of close button (leftmost) */
.display_link .contents_open A {
    background-image: url(img/icon_open.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_open A {
        background-image: url(img/icon_open_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}

/* Icon of close button (rightmost) */
.display_link .contents_close A {
    background-image: url(img/icon_close.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .display_link .contents_close A {
        background-image: url(img/icon_close_x2.gif);
        background-size: 20px 20px;
    }
    /*-----------------------------------------------------------*/
}


/* Age Verification */
.cart_agecheck {
    margin: 20px 0px;
}

/* Credit card information entry */
#cart_payment .global_info {
    padding: 0px;
    border: none;
}


/*--------------------------------------*/
/* Cart Step 1 */

/* Sign in */
#signin_contents {
    padding: 10px;
}

/* Sign-in Box */
#signin_contents .signin_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}

/* ID、PW */
#signin_contents .id_title,
#signin_contents .pass_title {
    font-size: 116%;
    font-weight: bold;
}

#signin_contents .id_box,
#signin_contents .pass_box {
    padding: 0px 10px;
}

/* Password */
#signin_contents .password {
    background-image: url(img/icon_pass.gif);
    margin-top: 5px;
}

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

#signin_contents .password A {
    font-size: 85%;
}

/* Cart Step 1, 2 - Side float content */
/* Create My Account-Checkout as Guest, Sender-Recipient, Purpose-Option */
.cart_contents_data,
.recipient_icon {
    float: left;
    margin-top: 15px;
}

/* 1 Column */
#maincol1 .cart_contents_data {
    width: 434px;
}

/* 2 Columns */
#maincol2 .cart_contents_data {
    width: 324px;
}

/* Cart Step 1, 2 - Adjust margin for Checkout as Guest and Option */
.member_data,
.purpose_data {
    margin-right: 50px;
}

/* Adjust margin for Create My Account and Checkout as Guest and Option */
.member_data,
.guest_data {
    margin-top: 0px;
}


/*--------------------------------------*/
/* Cart Step 2 - Cart Step 5 */

/* Select Box */
.cart_contents_select {
    padding: 5px 10px 10px;
    background-color: #F5F5F5;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* Title of Sender and Recipient */
.sender_select h5,
.recipient_select h5 {
    margin-top: 3px;
}

.shipping_inner h5 {
    margin-top: 10px;
}

/* Sender /Recipient Arrow Icon */
.recipient_icon {
    width: 50px;
    text-align: center;
}

/* Sender, Recipient - New/Edit */
.cart_recipient .cart_contents_select {
    position: relative;
}

/* Sender, Recipient - New/Edit button positioning */
.cart_recipient .senderaddinput,
.cart_recipient .recipientaddinput {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px;
}

/* Width adjustment for Sender */
.cart_recipient .sender_new {
    width: 125px;
}

.cart_recipient .sender_new A {
    width: 110px;
}

/* Margin adjustment for Purpose/Option and Delivery Date/Time */
.cart_option,
.cart_deliverydate {
    margin-top: 35px;
}

/* Add Recipient */
.btn_box .add_recipient {
    margin-top: 30px;
    border-right: 1px solid #E0DFE3;
    border-bottom: 1px solid #E0DFE3;
}

/* Payment Options - Background color for selected option */
.form_table .checked_row > .cell_header {
    background-color: #E0F0F8;
    color: #006DD9;
}

.form_table .checked_row > .cell_data {
    background-color: #E0F0F8;
}

/* Payment Options - Notes */
.upper_info {
    margin-bottom: 10px;
}

.lower_info {
    margin-top: 10px;
}

/* Points */
.cart_point_box {
    margin: 20px 0px 0px 400px;
}

/* Display left column */
#maincol2 .cart_point_box {
    margin-left: 200px;
}

/* Use Points box */
.point_box {
    padding: 5px;
}

/* Use points field */
.point_use {
    border-bottom: 1px solid #E0DFE3;
}

/* Text in Use Points bo */
.point_use_desc {
    padding: 5px;
    margin-top: 5px;
    border-top: 1px solid #E0DFE3;
}

/* Background of Apply Discount button field */
.cart_point_box .form_btn_spad {
    background-color: #F5F5F5;	
}

/* Background of Apply Discount button field when a character input*/
.notice_box .form_btn_spad {
    background-color: #FFF0F0;
}

/* Blocks of Sender/Recipient on confirmation page */
#recipient_formdata .form_table {
    margin-bottom: 15px;
}

/* Special Terms of Return Policy */
#cart_return {
    width: 700px;
    margin: auto;
}

#cart_return #return_contents {
    background-color: #FFFFEE;
}

/* Purchase Completed page */
.thanks_message {
   padding: 10px;
}

.thanks_message_lead {
    padding: 5px 0px;
    font-size: 123%;
    font-weight: bold;
}

.thanks_message_history_id,
.thanks_message_desc {
    padding: 5px;
}


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

/* Shopping Guide */

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

/* Margin for article */
.help_data {
    padding: 10px;
}

/* Article Title */
.table_caption {
    padding: 5px 0px;
    text-align: left;
}

#icon_contents .help_data {
    padding: 5px 10px;
}

/* Navigations within page */
.help_navigation {
    margin: 10px;
}

.page_contents .help_navigation li {
    border: none;
    float: left;
}

/* Each navigation frame */
.help_navigation li A {
    width: 124px;
    display: block;
    background-color: #FFFFFF;
    border: 1px solid #E0DFE3;
    padding: 10px;
    margin: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.help_navigation li A:hover {
    background-color: #F5F5F5;
}

/* List of shipping costs　cell width */
.area_charge th,
.area_charge td {
    width: 20%;
}

.pref_charge th,
.pref_charge td {
    width: 14%;
}

/* Shipping cost by weight */
.weight_charge {
    overflow: auto;
    overflow-y: visible;
}

/* Icons */
#help_icon .data_table .cell_header {
    width: 60px;
	background-color: #FFFFFF;	
}

/* Recommended PC environment */
#spec_contents dt {
    font-weight: bold;
    padding-bottom: 5px;
}

#spec_contents dd {
    background-color: #F5F5F5;
    padding: 10px;
}

/* Recommended PC environment - SSL Image  */
#spec_contents #spec3 img,
#spec_contents #spec3 p {
    float: right;
}

#spec_contents #spec3 p {
    padding-right: 10px;
}

/* 1 Column */
#maincol1 #spec_contents #spec3 p {
    width: 753px;
}

/* 2 Columns  */
#maincol2 #spec_contents #spec3 p {
    width: 533px;
}


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

/* Terms & Conditions */

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

/* th tag, td tag */
.legal_contents .data_table .cell_header,
.legal_contents .data_table .cell_data {
    padding: 15px;
    vertical-align: middle;
}

/* Top Line */
.legal_contents .data_table th.postop,
.legal_contents .data_table td.postop {
    border-top: 2px solid #000000;
}

/* th tag */
.legal_contents .data_table .cell_header {
    text-align: left;
}


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

/* What's New */

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

/* Margin within frame */
.pwhatnew_contents {
    padding: 10px;
}

.whatnew_detail_page_body .pwhatnew_contents {
    padding: 0px;    
}

.whatnew_detail_page_body .contents_box {
    margin: 0px;    
}

/* Title */
.pwhatnew_contents h1 {
    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;
}


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

/* Manager's Diary */

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

/* Margin within frame */
.pdiary_contents {
    padding: 10px;
}

.diary_detail_page_body .pdiary_contents {
    padding: 0px;    
}

.diary_detail_page_body .contents_box {
    margin: 0px;    
}

/* Title */
.pdiary_contents h1 {
    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;
}


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

/* Common Settings for What's New and Manager's Diary */

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

/* Margin for article */
.article_data {
    padding: 10px;
    border-left: 5px solid #D1D1D1;
}

/* Article Date */
.article_date {
    width: 100%;
    padding: 5px 0px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #D1D1D1;
    font-weight: bold;
    float: left;
}

/* Side Layout */
.article_data .global_photo,
.article_data .ph_article {
    float: left;
}

.article_data .ph_article {
    padding: 10px;
}


/*--------------------------------------*/
/* Designate article width for each image size */

/* 1 Column */

/* 140px */
#maincol1 .article_data .layout140 .ph_article {
    width: 735px;
}

/* 250px */
#maincol1 .article_data .layout250 .ph_article {
    width: 625px;
}

/* 400px */
#maincol1 .article_data .layout400 .ph_article {
    width: 475px;
}

/* 2 Column */

/* 140px */
.article_data .layout140 .ph_article {
    width: 515px;
}

/* 250px */
.article_data .layout250 .ph_article {
    width: 405px;
}

/* 400px */
.article_data .layout400 .ph_article {
    width: 255px;
}


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

/* Links */

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

/* Margin within frame */
.link_data {
    width: auto;
    padding: 10px;
    margin: 10px;
    border-bottom: 1px solid #F5F5F5;
}

/* Side Layout */
.link_title_box,
.link_desc_box {
    float: left;
}

/* Width of title */
.link_data .link_title_box {
    width: 40%;
}

/* Width of description */
.link_data .link_desc_box {
    width: 60%;
}

/* Title */
.link_data .link_title_box A {
    display: block;
    min-height: 50px;
    border-right: 1px dotted #D1D1D1;
    padding: 10px;
}

/* Text under banner */
.link_data h3 {
    margin-top: 10px;
}

/* Description */
.link_data .link_desc {
    padding: 10px;
}

/* Delete bottom border */
.link_contents li.posbottom .link_data {
    border-bottom: none;
}


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

/* BBS */

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

/* Post Frame */
.post_box {
    padding: 10px;
    border: 1px solid #F1F1F1;
    background-color: #F5F5F5;
	margin-bottom: 5px;
}

/* Delete bottom margin in post frame */
.post_box .posbottom {
    margin-bottom: 0px;
}

/* Post frame for reply */
.post_box_res {
    padding-left: 20px;
    margin: 15px 0px;
}

/* Header for post */
.post_box th.cell_header,
.post_box td.cell_data {
    text-align: left;
    background-color: #E9E9E9;
    font-weight: normal;
}

/* Header for post - bottom margin */
.post_box .data_table {
    margin-bottom: 5px;
}

/* Header for post - center-aligned */
.post_box td.url,
.post_box td.res,
.post_box td.toggle,
.post_box td.btn {
    text-align: center;
}

/* Post Title */
.post_title {
    font-weight: bold;
}

/* Comment to post */
.bbs_comments {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #D1D1D1;
}

/* Search post */
.bbs_search {
    padding: 10px;
    background-color: #F5F5F5;
}

/* Search Word Emphasis */
.result_emphasis {
    background-color: #FFFF73;
}

/* Rest search */
.bbs_search .global_link {
    display: inline-block;
    margin-left: 10px;
}

/* Open/Close threads */
#bbs_toggle {
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
    padding: 10px;
}

#bbs_toggle img {
    margin-right: 5px;
}


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

/* Shop Manager Profile */

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

/* Staff Image */
.pstaff_photo {
    width: 250px;
    margin: 10px auto;
}

/* Profile Frame */
.pstaff_contents dl {
    padding: 10px;
}

.pstaff_contents dt,
.pstaff_contents dd {
    padding: 5px;
}

/* Profile Item */
.pstaff_contents dt {
    clear: left;
    float: left;
    width: 40px;
    font-weight: bold;
    border-top: 1px solid #000000;
}

/* Contents in Profile */
.pstaff_contents dd {
    margin-left: 50px;
    border-top: 1px dotted #000000;
}

/* 1 Column */
#maincol1 .pstaff_contents dd {
    width: 590px;
}

/* 2 Columns */
#maincol2 .pstaff_contents dd {
    width: 370px;
}

/* Side Layout */
.pstaff_photo,
.staff_profile {
    float: left;
}

/* Message in Profile */
.staff_profile,
.staff_profile_desc {
    padding: 10px;
}

.staff_profile_desc {
    background-color: #F5F5F5;
    border: 1px solid #E0DFE3;
}


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

/* My Page */

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

/* Margin for content */
.member_contents .member_contents {
    margin: 10px 0px;
}

/* Current Points */
.member_contents .point {
    padding: 10px;
}

/* Number of points */
.member_contents .point_number {
    font-size: 116%;
    color: #CC0000;
    font-weight: bold;
}

/* Point expiration date */
.point_limit {
    padding-left: 15px;
}

/* Margin in each title link */
.member_contents .link_box {
    padding: 10px;
}


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

/* Purchase History */

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

/* Purchase History */
.history_search {
    background-color: #F5F5F5;
    margin-bottom: 15px;
    padding: 10px;
}

.history_search select {
    height: 30px;
}

/* Item Name */
.search_keyword,
.search_date {
    font-weight: bold;
}

/* Search Button */
.history_search .global_btn .searchinput {
    height: 30px;
}


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

/* Change/Delete Sender and Recipient Information */

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

.mypage_recipient .form_btn_spad {
    margin-bottom: 10px;
}


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

/* Sign-in Page */

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

.psignin_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}


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

/* Email Newsleter */

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

/* Content of email newsletter */
.mailmagazine_contents {
    padding: 5px 10px;
    border: 1px solid #E9E9E9;
}

/* Subscribe, Unsubscribe Field - Top Border */
.mailmagazine_contents .inner_contents_box {
    border-top: 1px solid #F1F1F1;
}

/* Subscribe, Unsubscribe Field */
.mailmagazine_box {
    padding: 15px 8px;
    background-color: #F9F9F9;
    text-align: left;
}


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

/* Pagination */

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

/* Pagination Frame */
.pager {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #E0DFE3;
    margin-top: 20px;
}

/* Top Pagination */
#pagertop {
    border-top: none;
    border-bottom: 1px solid #E0DFE3;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* Current Page */
.pager strong {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    margin: 0px 1px;
    border: 1px solid #000000;
    background-color: #000000;
    color:#FFFFFF;
}

/* Other Pages */
.pager A {
    display: inline-block;
    min-width: 20px;
    padding: 3px;
    border: 1px solid #E0DFE3;
    background-color: #FFFFFF;
    margin: 0px 1px;
    text-decoration: none;
}

.pager A:hover {
    border: 1px solid #000000;
    background-color: #000000;
    color: #FFFFFF;
}

/* Paginaion on BBS*/

.bbs_contents .pager {
    border: none;
    padding: 5px;
}

.bbs_contents #pagertop {
    border-bottom: none;
}


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

/* Forms */

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

form {
    margin: 0px;
    padding: 0px;
    display: inline;
}

/* Text Area Size */
.xxsmallsize {
    width: 35px;
}

.xsmallsize {
    width: 50px;
}

.smallsize {
    width: 100px;
}

.mediumsize {
    width: 150px;
}

.largesize {
    width: 200px;
}

.xlargesize {
    width: 300px;
}

.xxlargesize {
    width: 95%;
}

.searchform {
    width: 250px;
}

#search input {
    font-size: 12px;
    line-height: normal;
}

/* Label for drop-down list */
.selection_label {
    padding: 2px;
}

/* Entry for confirmation */
.confirmation_input {
    margin-top: 5px;
}


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

/* Form Buttons */

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

/* Mouseover on form button */
.global_btn input:hover,
.global_btn A:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* Button Size - XX Small */
.global_btn .btn_size_xxsmall {
    width: 30px;
    height: 30px;
}

/* Button Size - X Small */
.global_btn .btn_size_xsmall {
    width: 50px;
    height: 30px;
}

/* Button Size - Small */
.global_btn .btn_size_small {
    width: 70px;
    height: 30px;
}

/* Button Size - Medium */
.global_btn .btn_size_medium {
    width: 90px;
    height: 30px;
}

.section_title_right_edge .btn_size_medium {
    width: 130px;	
}

.global_btn A.btn_size_xxsmall,
.global_btn A.btn_size_xsmall,
.global_btn A.btn_size_small,
.global_btn A.btn_size_medium,
.global_btn A.btn_size_auto {
    line-height: 30px;
}

/* Button Size - Large */
.global_btn .btn_size_large {
    width: 130px;
    height: 35px;
}

.text_layout .global_btn .detailinput {
    width: 150px;	
}

.text_layout .global_btn .inquiryinput {
    width: 110px;	
}

.global_btn .btn_size_large {
    line-height: 35px;
}

/* Button Size - X Large */
.global_btn .btn_size_xlarge {
    width: 180px;
    height: 40px;
    font-size: 116%;
}

.global_btn .btn_size_xlarge {
    line-height: 40px;
}

.global_btn .recipientaddnewinput {
    width: 200px;	
}

/* Button Size - XX Large */
.global_btn .btn_size_xxlarge {
    width: 281px;
    height: 50px;
    font-size: 123%;
}

.global_btn .btn_size_xxlarge {
    line-height: 50px;
}

/* Button Size - auto width */
.global_btn .btn_size_auto {
    height: 30px;
    width: auto;
    padding: 0px 20px;
}

/* Font size for small button */
.font_size_small {
    font-size: 77%;
}

/* Buttons side by side */
.btn_float {
    width: 161px;
    margin: auto;
}

.btn_float span {
    display: block;
    float: left;
}

.recipient_list_data .btn_float {
    padding: 5px;
}

/* Buttons side by side - Array at the bottom */
.btn_box .btn_float {
    width: 281px;
    margin: auto auto 80px;
    padding: 20px;
}

.btn_box .largesize {
    width: 350px;
}

.btn_box .largesize .btn_size_large {
    height: 30px;
}

/* Buttons side by side - Position adjustment for right button at the bottom */
.btn_float .global_btn .btn_size_xlarge {
    margin-top: -6px;
}

/* Buttons side by side - Product List */
li .add_cart .btn_float {
    width: 432px;
    margin: 15px 0px 0px 10px;
}

/* Double stack button */
.under_global_btn {
    display: block;
    margin-top: 15px;
}

/* Product Description */
.detail_item_data .add_cart .global_btn {
    display: block;
    text-align: center;
}

/* Side by side button - Product Description */
.detail_item_data .add_cart .btn_float {
    width: 281px;
}

/* Left Button */
.btn_float .posleft {
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* Right Button */
.btn_float .posright {
    padding-left: 10px;
}

/* Center Button */
.btn_float .poscenter {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #E0DFE3;
}

/* Margin for button - Side Area */
.side_form_box .global_btn input {
    margin: 5px 0px;
}

/* Buttons at the bottom */
.form_btn {
    text-align: center;
    margin: auto;
    padding: 40px;
}

/* Margin adjustment in cart and bbs */
.shoppingcart_page_body .form_btn,
.bbs_page_body .form_btn {
    padding: 20px;
}

/* Margin adjustment for Registration in sign-in page */
#register_form .form_btn {
    padding: 0px;
}

/* Margin adjustment for Sender/Recipient in cart */
.sender_page_body .form_btn,
.senderchange_page_body .form_btn,
.shipping_page_body .form_btn,
.shippingchange_page_body .form_btn {
    padding: 40px;
}

.form_btn_spad {
    text-align: center;
    margin: auto;
    padding: 10px;
    background-color: #F9F9F9;
}

/* Button at the bottom of related product */
.item_list .add_cart {
    text-align: center;
    margin-top: 10px;
}

/* A tag Button */
.global_btn A {
    display: block;
    text-align: center;
    font-weight: normal;
    margin: auto;
}

/* span tag Button */
.global_btn span {
    display: inline-block;
    padding: 8px;
}

/* Search Button */
.global_btn .searchinput {
    height: 25px;
}

/* Button to external payment page */
.outside_btn_box {
    margin: 0px 20px;
    background-color: #FFFFEE;
    border: 1px solid #E0DFE3;
}


/*--------------------------------------*/

/* Button Color */

/*--------------------------------------*/

/* Common Color */
/* Standard Form Button */
.global_btn .btn_color_common,
.global_btn A.btn_color_common {
    background-image: url(img/btn_main.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #94929D;
    color: #FFFFFF;
}

/* Color Emphasis */
.global_btn .btn_color_emphasis,
.global_btn A.btn_color_emphasis {
    background-image: url(img/btn_main_b.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #3E8BFF;
    color: #FFFFFF;
}


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

/* Error */

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

/* Error display in cart in side column */
.side_cart_data span.error_box,
.side_cart_data span.error_status {
    border-bottom: none;
    padding: 0px;
}

/* Error display at the top of form */
.error_box {
    border: 1px solid #FF0000;
    margin: 10px 0px 15px;
    padding: 10px;
    border-radius: 5px;
}

/* Error display in product description page */
.detail_page_body .error_box {
    margin: 10px;
}

/* Error Display *Font within red frame */
.error_status {
    color: #FF0000;
    font-size: 93%;
    padding-left: 5px;
}

/* Position adjustment for icon in error display */
.error_status img {
    padding-right: 3px;
}

.form_ok {
    padding-left: 5px;
}

.form_status {
    display: inline-block;
}

/* Background color of entry field when error occurs */
.page_box .edit_form .error_row input,
.page_box .edit_form .error_row select,
.page_box .edit_form .error_row textarea {
    background-color: #FFF0F0;
}


/*--------------------------------------*/

/* Form Error */

/*--------------------------------------*/

/* Background of th tag and td tag */
.form_table .form_error th,
.form_table .form_error td {
    border: none!important;
    background-color: #FF0000;
}

/* th tag */
.form_table .form_error th {
    color: #FFFFFF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/* td tag */
.form_table .form_error td {
    padding: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Required Field */
.form_table .form_error th .require {
    color: #FFFFFF;
}

/* Background color within td tag */
.form_error td .cell_form_error {
    margin: 5px;
    padding: 10px;
    background-color: #FFFFFF;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Margin between items causing error */
.form_table td.cell_border {
    padding: 0px!important;
    height: 0px!important;
    border-bottom: 1px solid #FFF!important;
}

/* Make error-free items translucent */
.detail_page_body .form_alpha,
.form_table .form_alpha th,
.form_table .form_alpha td {
    opacity:0.3;
    filter: alpha(opacity=30);
}

/* Error in description page */
.detail_page_body .form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}

.detail_page_body .form_error .cell_form_error {
    background-color: #FFFFFF;
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* Error for variation within red frame */
.form_error_block {
    padding: 5px;
    background-color: #FF0000;
    border-radius: 5px;
}

.form_error_block .cell_form_error {
    padding: 3px;
    background-color: #FFFFFF;
    border-radius: 2px;
}

/* div tag Box Error */
div.form_error {
    margin: 5px 0px;
    padding: 5px 5px 5px 20px;
    background-color: #FF0000;
    border-radius: 5px;
    background-image: url(img/icon_detailerorr.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    div.form_error {
        background-image: url(img/icon_detailerorr_x2.png);
        background-size: 16px 16px;
    }
    /*-----------------------------------------------------------*/
}

div.form_error .cell_form_error {
    padding: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #FFFFFF;
}


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

/* OK */

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

/* OK display in cart in side column */
.side_cart_data span.ok_box,
.side_cart_data span.ok_status {
    border-bottom: none;
    padding: 0px;
}

/* OK display at the top of form */
.ok_box {
    border: 1px solid #339900;
    margin: 10px 0px 15px;
    padding: 10px;
    border-radius: 5px;
}

/* OK Display *Font within green frame */
.ok_status {
    color: #339900;
    font-size: 93%;
    padding-left: 5px;
}

/* Position adjustment for icon in OK display */
.ok_status img {
    padding-right: 3px;
}

/*  Background color of entry field with no error */
.page_box .edit_form .ok_row input,
.page_box .edit_form .ok_row select,
.page_box .edit_form .ok_row textarea,
.page_box .edit_form .error_row .ok_input {
    background-color: #F5FFF2;
}


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

/* Loading */

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

.entry_box {
    display: inline-block;
    position: relative;
}

.loading {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(img/load_icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    /*-----------------------------------------------------------*/
    .loading {
        background-image: url(img/load_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}

.entry_box .loading {
    position: absolute;
    left: 8px;
    top: 5px;
    background-image: url(img/load_entry_icon.gif);
}

/* For high-resolution display */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	/*-----------------------------------------------------------*/
    .entry_box .loading {
        background-image: url(img/load_entry_icon_x2.gif);
        background-size: 25px 25px;
    }
    /*-----------------------------------------------------------*/
}


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

/* Margin */

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

.box_padding {
    padding: 2px;
}

.box_margin {
    margin: 2px;
}


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

/* Close window */

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

/* Popup Window */
#popup {
    position: relative;
}

/* Position of Close */
.window_close {
    position: absolute;
    top: 9px;
    left: 750px;
}

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

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

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

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