@charset "utf-8";
/* ==============================================
ブロック共通bloc.css
/* ============================================= */
.side_column {overflow-x: hidden;}
.side_column .block_body, #main_column .block_body {border: solid 1px #ccc; border-top: none;}
.side_column .block_body .box {border: solid 1px #ccc; width: 145px;}

/* 外枠
----------------------------------------------- */
#container .block_outer {padding: 0 15px 10px;}
#container #main_column .block_outer {padding: 0 0 20px;}
#container .side_column .block_outer {padding: 0 7% 10px;}

/* ===============================================
▼検索
=============================================== */
#container div#search_area .block_body {padding: 10px;}
#container div#search_area .block_body .btn {text-align: center;}

/* サイドカラム用 */
.side_column #recommend_area .product_item {margin-bottom: 10px;}

/* 画像
----------------------------------------------- */
/* メインカラム用 */
#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {margin-bottom: 10px; float: left; width: 90px;}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {float: none; text-align: center; width: auto;}

/* 左右の振り分け
----------------------------------------------- */
#main_column #recommend_area .product_item, #whobought_area .product_item {float: left; width: 47.5%; padding-left: 1%; padding-right: 1%;}

/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {float: right; width: 74%;}
/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents, #main_column.colnum2 #whobought_area .productContents {float: right; width: 74%;}
/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents, #main_column.colnum3 #whobought_area .productContents {float: right; width: 67%;}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents{clear:both;}


/* ==============================================
ブロックbloc_alpha.css
/* ============================================= */
#headerInternalColumn {margin-top: 5px; float: right; width: 520px; height: 35px;}


/* ***********************************************
追加ブロック
************************************************ */
#container .block_outer #banner_area .block_body {border: none;}

/* 【メイン】
----------------------------------------------- */
#main_column .block_outer #banner_area .block_body ul {width: 100%;}
#main_column .block_outer #banner_area .block_body ul li {float: left;}
#main_column .block_outer #banner_area .block_body ul li.sub_01 {padding-right: 8px;}

/* 【サイド】
----------------------------------------------- */
#leftcolumn .block_outer #banner_area .block_body ul li, #rightcolumn .block_outer #banner_area .block_body ul li {margin-bottom: 8px;}


/************************************************
 ブラウザリセットreset.css
************************************************ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{margin: 0; padding: 0; border: 0;}
table, th, td{border-collapse : collapse ; empty-cells: show; text-align: left;}
caption{margin: 0; padding: 0; border-collapse : collapse ; border-spacing: 0px; empty-cells: show; text-align: left; font-weight: normal;}
a img, iframe{border:none;}
ol,ul,li{list-style:none;}
input, textarea, select, button{font-size:100%; font-family:inherit;}


/************************************************
 印刷用print.css
************************************************ */
@media print {
    body {zoom: 75%;}
}


/************************************************
 ポップアップウィンドウpopup.css
************************************************ */
div#windowcolumn {border-top: solid 3px #f90; width: 560px; height: 100%; margin: 15px 15px 0 15px; background: #fff;}
div#windowcolumn h2 {margin-bottom: 10px; padding: 8px; border-top: solid 1px #ebeced; color: #f60; background: url("../img/background/bg_tit_sub_01.jpg") repeat-x left bottom; background-color: #fef3d8; font-size: 170%;}
div#window_area {margin: 15px auto 0 auto; padding-bottom: 20px; width: 540px; min-height: 300px; height: auto !important;}
div#window_area p.information {margin-bottom: 20px;}
div#window_area .message {margin-bottom: 20px; color: #f60; line-height: 150%; font-weight: bold; font-size: 140%;}
div#window_area table {width: 540px;}

/* お客様の声の書き込み、新しいお届け先の追加・変更
----------------------------------------------- */
div#window_area #forgot {margin: 0 auto; padding: 20px; width: 440px; border: 1px solid #ccc; text-align: left;}
div#window_area #forgot .mailaddres {margin-bottom: 10px;}
div#window_area #forgot p {text-align: center;}

/* 商品詳細拡大写真、カート拡大写真
----------------------------------------------- */
div#bigimage, div#cartimage {margin-top: 15px; background-color: #fff; text-align: center;}
div#bigimage img, div#cartimage img {padding: 10px; background-color: #fff;}

/* 郵便番号検索
----------------------------------------------- */
div#zipsearchcolumn {margin: 15px auto 0 auto; border-top: 5px solid #ffa85c; border-bottom: 5px solid #ffa85c; width: 460px; background-color: #fff;}
div#zipsearchcolumn h2 {margin: 0 0 15px 0; width: 460px;}
div#zipsearch_area {margin: 15px auto 0 auto; width: 460px;}
div#zipsearchcolumn .btn {margin: 15px 0 30px 0; text-align: center;}
div#zipsearch_area #completebox p {padding: 60px 5px; text-align: center;}