@charset "Shift_JIS";

/* =================================================================================

 using page 
 
 - FR-02-02
 - FR-02-05
 - FRAD-02-04
 - FRAD-02-17

================================================================================= */


/* =================================================================================

 common

================================================================================= */

/* =================================================================================

 FR-02-02

================================================================================= */
/**
 * 金額の合計
 */
.itemMark {
    background:#fffde5;
    text-align:left;
    padding:15px;
    margin-bottom:10px;
}

.itemMark .txtBold{
    color:#d96a21;
}

/**
 * 金額の合計
 */
table.sumTbl {
}

table.sumTbl tr.alignRight th {
    text-align: left;
}


/* =================================================================================

 FR-02-05

================================================================================= */

/**
 * 水色背景
 */
.lbBox {
    background:#E8F3FA;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    color:#333;
    margin-top:0;
    padding:10px 10px 5px;
    text-align:left;
    text-shadow: none;
}


/**
 * 水色背景でログイン（2col ver）
 */
.loginBox {
    padding: 15px;
}

.loginBox .fl {
    font-size: 93%;
    width: 340px;
}

.loginBox .fr {
    width: 190px !important;
}

.loginBox .fr p.btmBtn {
    width: auto;
}

.loginBox .fr a {
    font-size: 108%;
    padding: 10px 0 5px;
    width: auto;
}


/**
 * 水色背景でログイン（1col ver）
 */
.loginBox_wide {
    padding: 20px;
}

.loginBox_wide .fl {
    font-size: 93%;
    width: 650px;
}

.loginBox_wide .fr {
    width: 190px !important;
}

.loginBox_wide .fr p.btmBtn {
    width: auto;
}

.loginBox_wide .fr a {
    font-size: 108%;
    padding: 10px 0 5px;
    width: auto;
}

/**
 * 右側テーブル
 */
#main .fr table {
    width: 100%;
}


/* =================================================================================

 FRAD-02-04

================================================================================= */

/**
 * テーブル関連
 */
.right2col table .alignCenter ul li {
    display: inline-block;
}

.right2col table strong {
    margin-top: 10px;
}

.right2col table .imageCol strong {
    display:block;
}

.right2col .totalPrice p.final{
    border-top: none;
}

/**
 * 印刷関連
 */
.btnPrint {
    margin-top: 20px;
}

.btnPrint .btmBtn a {
    font-size: 108%;
    margin: 0 auto;
    padding:10px 0 8px;
    width:140px;
}


/* =================================================================================

 FRAD-02-17

================================================================================= */

#popup .bdBox {
    width: auto;
    position:relative;
}

#popup .bdBox h3 {
    display: block;
}


#popup .bdBox table {
    width: 100%;
}

#popup .pu2col .fl,
#popup .pu2col .fr {
    width: 340px;
}

#popup .pu2col .fl ul li {
}

#popup .pu2col .fr table {
    width: 100%;
}


/* =================================================================================

 FR-02-12からFR-02-16まで

================================================================================= */

ul.attentIndent li {
text-indent:0;
font-size:93%;
}

li span.req{
    margin-left:0px;
}

.red {
color:red !important;
}

ul.radioBox li {
font-size:93%;
margin-bottom:8px;
padding:10px;
border:1px solid #CCCCCC;
font-weight:bold;
}

ul.radioBox li table {
width:878px;
background:#FFFFFF;
margin-top:10px;
}

ul.radioBox li div {
background:#FFFDE5;
margin-top:10px;
border:1px solid #CCCCCC;
padding:10px;
font-weight:normal;
}

ul.radioBox li p {
font-size:100%;
margin-top:10px;
font-weight:normal;
}

ul.radioBox li p.red2 {
font-size:100%;
margin-top:10px;
padding:5px;
border:1px solid #CCCCCC;
background:#F5F5F5;
color:#001E9C;
font-weight:bold;
}

table.priceList td table {
width:auto;
}

table.resultImg td {
text-align:center;
font-size:93%;
}

#flowBox {
width: 100%;
left:0;
/* padding-bottom:30px; */
}

#flowBoxIn {
position: relative;
overflow: hidden;
}

#flowBox ul {
position: relative;
left: 50%;
float: left;
}

#flowBox ul li {
margin:0 10px;
background:#fff;
padding:15px 20px;
border:2px solid #CCCCCC;
position: relative;
left: -50%;
float: left;
position:relative;
}

#flowBox ul li#active {
border:2px solid #173EAA;
color:#173EAA;
font-weight:bold;
background:#F5F6FC;
}

#flowBox ul li p {
position:absolute;
top:15px;
left:-15px;
z-index:9999;
color:#404040;
font-weight:normal;
}

/* =================================================================================

 FR-02-04

================================================================================= */



.stock tr.topTh th {
text-align:center;
}

.stock th {
color:#6B7399;
}

.stock td {
width:20px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

.stock td.size {
width:50px;
text-align:center;
}


/* =================================================================================

 FR-02-11

================================================================================= */


.btnMat .twoBtn {
    margin-left:130px;
}


/* =================================================================================

 zipsearch

================================================================================= */
#sZipBlock {
    width: 898px;
}

#sZipBlock dl {
    padding: 5px 15px;
    width: 419px;
}

#sZipBlock ul {
    padding : 10px;
    text-align: center;
}

#sZipBlock ul li {
    display: inline-block;
    /display: inline;
    /zoom: 1;
    line-height: 1;
    text-align: left;
    vertical-align: middle;
}

#sZipBlock ul li input {
}

#sZipBlock .btmBtn a {
    width: 170px;
}