@charset "utf-8";

/* 共通部 */
.orderWhole
{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

/* 注文ステータス */
.OrderStepNow
{
    background-color:#fff2b6;
    border: 1px #df5400 solid;
    color:#df5400;
}

/* 背景 */
.PurBackImg
{
    background-image:url("/images/odr_bg01_n.gif");
    background-size:auto;
}
.RevBackImg
{
    background-image:url("/images/odr_bg02_n.gif");
    background-size:auto;
}
.OrderBlueBackImg
{
    background-image:url("/images/odr_bgblue.gif");
    background-size:auto;
}
.OrderFinImg
{
    background-image:url("/images/ml_footline_bg.gif");
    background-size:auto;
}
.OrderFinCellImg
{
    background-image:url(/images/ml_tdbox_bg.gif);
    background-size:auto;
}
.OrderCompImg
{
    background-image:url(/images/completion.gif);
    background-size:auto;
}
.OrderEyeImg
{
    background-image:url(/images/thanks_eye.gif);
    background-size:auto;
}
.MyPageTheadImg
{
    background-image:url(/images/grd_ltbl_bg.gif);
    background-size:auto;
}
.PurBack
{
    background-color:#FFEA97;
}
.RevBack
{
    background-color:#E1FABB;
}
.PurBackSub
{
    background-color:#F2EFC2;
}
.RevBackSub
{
    background-color:#CBE681;
}
.CartCellBack
{
    background-color:#DFE7EE;
}
.OrderYellowBack
{
    background-color:#FDEFAA;
}
.OrderYellowBackSub
{
    background-color:#FFFFCC;
}
.OrderYellowTitle
{
    background-color:#FADE5D;
}
.OrderBlueBack
{
    background-color:#ADE6F0;
}
.OrderBlueBackSub
{
    background-color:#E0FFFF;
}
.OrderBlueTitle
{
    background-color:#59B4C6;
}
.OrderFinBack
{
    background-color:#F7F7F7;
}
.BorderFinShadow
{
    background-color:#EBEBEB;
}
.OrderChgCartCellBack
{
    background-color:#F7FBFF;
}
/* Padding */
.Pad1
{
    padding:1px;
}
.Pad2
{
    padding:2px;
}
.Pad3
{
    padding:3px;
}
.Pad4
{
    padding:4px;
}
.Pad5
{
    padding:5px;
}
.Pad6
{
    padding:6px;
}

/* Border */
.BorderBlack
{
    border:1px solid black;
}
.BorderOrange
{
    border:1px solid orange;
}
.BorderOrangeLeft
{
    border-left:1px solid orange;
}
.BorderOrangeRight
{
    border-right:1px solid orange;
}
.BorderOrangeTop
{
    border-top:1px solid orange;
}
.BorderOrangeBottom
{
    border-bottom:1px solid orange;
}
.BorderWhiteLeft
{
    border-left:1px solid white;
}
.BorderWhiteRight 
{
    border-right:1px solid white;
}
.BorderFin
{
    border:1px solid #B0BEC7;
}
.BorderFinLeft
{
    border-left:1px solid #B0BEC7;
}
.BorderFinRight
{
    border-right:1px solid #B0BEC7;
}
.BorderBlueBackRight
{
    border-right:1px solid #ADE6F0;
}
.BorderOrderGray
{
    border:1px solid #C0C0C0;
}
.BorderOrderGrayLeft
{
    border-left:1px solid #C0C0C0;
}
.BorderOrderGrayRight
{
    border-right:1px solid #C0C0C0;
}
.BorderOrderGrayTopBottom
{
    border-top:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
}

/* Margin */
.MarginR2
{
    margin-right:2px;
}
.MarginL25
{
    margin-left:100px;
}
.MarginT2
{
    margin-top:2px;
}
.MarginT5
{
    margin-top:5px;
}
.MarginT10
{
    margin-top:10px;
}
.MarginT20
{
    margin-top:20px;
}
.MarginT30
{
    margin-top:30px;
}
.MarginT40
{
    margin-top:40px;
}

/* Link */
.OrderLink a:link
{ 
	color:#1d39dc;
}
.OrderLink a:visited
{
	color:#1d39dc;
}
.OrderLink a:hover
{
	color:red;
}

/* クリック対象ラベル */
.ClickLabel {
    display: block;
    cursor: pointer;
}

/* クレジット再送ステータス */
.CardRetryStepNow
{
    background-color:#FFDEAD;
    border: 1px #FF8C00 solid;
}

/* 背景 */
.RetryBackImg
{
    background-image:url("/images/odr_bg01.gif");
    background-size:auto;
}
.RetryBlueBackImg
{
    background-image:url("/images/odr_bgblue.gif");
    background-size:auto;
}
.FootlineBackImg
{
    background-image:url(/images/ml_footline_bg.gif);
    background-size:auto;
}
.RetryBack
{
    background-color:#ffffcc;
}
.RetryBlueBack
{
    background-color:#ADE6F0;
}
.RetryBlueBackSub
{
    background-color:#E0FFFF;
}

/* Border */
.BorderTit
{
    border:1px #8C7B7C solid;
}

/* 決定ボタン */
.SubmitFrame {
    margin-left: auto;
    margin-right: auto;
    border-collapse:collapse;
}
.SubmitLeft,
.SubmitRight {
    width: 325px;
    height: 48px;
    border: 1px #1A2C77 solid;
    background-color: #dfdfdf;
    text-align: left;
}
.SubmitCenter {
    width: 300px;
    height: 53px;
    border: 1px #1A2C77 solid;
    background-image: url('/images/confbox_bg53.gif');
    background-repeat: repeat-x;
    text-align: center;
    vertical-align: middle;
}

/* もどるリンク */
.BackLinkFrame {
    border: 1px solid #b2bab8;
    margin: 10px 0;
    text-align: left;
    background-color: #ffffff;
    padding: 7px;
}
.BackLinkText {
    margin-left: 2px;
    vertical-align: middle;
    line-height: 10pt;
}

/* カート */
.CartTitle {
    line-height: 24px;
    padding: 8px 0 0 8px;
    border: 1px solid black;
    text-align: left;
}

/* 項目タイトル表記 */
.ContentTitleFrame {
    border-top: 4px #1a2c77 solid;
    text-align: left;
    padding: 5px 0 10px;
    font-size: 12pt;
    line-height: 14pt;
    font-weight: bold;
}

.Require {
    color: #ff0906;
}

/* 入力項目枠 */
.ContentInfoBox {
    width: 976px;
    border: 2px #bbbbbb solid;
    padding: 5px 0px;
}
.ContentInfoBox > table,
.ContentInfoBox > div > table {
    margin-left: auto;
    margin-right: auto;
}
.ContentInfoLine {
    height: 3px;
    background-color: #c6c6c6;
    margin: 10px 2%;
}

.PanelPayInner {
    width: 936px;
    margin: 0 auto;
}

/* 注文情報入力画面 */
.TxtInput {
    margin: 3px;
    padding: 0 3px;
    line-height: 13pt;
    font-size: 11pt;
}
.TxtLogin {
    width: 400px;
    height: 20pt;
}
.TxtSignEmail {
    width: 500px;
    height: 24px;
}
.TxtSignPass {
    width: 320px;
    height: 24px;
}
.LoginInfoTitle {
    width: 150px;
    background-color: #fff2b6;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    font-size: 11pt;
    font-weight: bold;
}
.AddrInfoTitle {
    width: 150px;
    border: 1px solid #c5c5c5;
    padding: 5px;
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    vertical-align: middle;
    background-image: url('/images/order_back.gif');
    background-repeat: repeat-x;
    background-position: top;
}
.TxtSignName {
    width: 200px;
    height: 24px;
}
.TxtSignZip {
    width: 70px;
    height: 24px;
}
.DdlCity {
    line-height: 13pt;
    margin: 3px;
    height: 24px;
    font-size: 11pt;
}
.TxtSignAddr {
    width: 520px;
    height: 24px;
}
.TxtSignTel {
    width: 50px;
    height: 24px;
}
.MelmagaChk label {
    cursor: pointer;
}
.PayMethodRadio {
    padding: 20px 0 0 5px;
    vertical-align:top;
}
.PayMethodTitle {
    padding: 20px 0;
    vertical-align: top;
}
/* お支払いお届け方法入力画面 */
.TxtEiDome {
    width: 300px;
    height: 24px;
}