/*************************************************
common
*************************************************/
form div.message{
    margin: 30px;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:   700;
    font-size:    10pt;
    color:     #666666;
}

table.form
{
    width:   686px;
    margin:  0 0 0 4px;
    overflow:       auto;
    border-collapse: collapse;
}

table.form tr
{
   margin: 0;
}

input,
textarea
{
    border: solid 1px #D3D3D3;
    font-size:   12pt;
}

input
{
    height:      20px;
    line-height: 20px;
}

textarea.message
{
    height: 300px;
}

input:focus,
input:active,
textarea:focus,
textarea:active
{
    background-color: #ffffcc;
    border: 1px solid orange;
}

table.form ul.error_list
{
    width:           100%;
}

table.form ul.error_list li
{
    border:       none;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:   700;
    font-size:     9pt;
    color:     #FF6666;
}

table.form tr th.label
{
    padding: 5px 0 5px 25px;
    width:         180px;
    background: #F5F5F5 url("/images/common/square.gif") 7px center no-repeat;
    border:    solid 1px #D3D3D3;
    text-align:   left;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:  700;
    font-size:   10pt;
    color:      #333333;
}

table.form tr td.field
{
    padding: 5px 0 5px 5px;
    width:       480px;
    background: #FFFFFF;
    border:    solid 1px #D3D3D3;
    font-size:   10pt;
}

table.form tr td.field textarea
{
    width:       470px;
}

div.submit
{
    margin:  40px 0 0 4px;
    width:   684px;
    background-color: transparent;
    text-align: center;
}

div.submit div.left,
div.submit div.right
{
    float:   left;
    width:   182px;
}

div.submit div.left
{
   padding-left: 160px;
}

div.submit div.right
{
   padding-right: 160px;
}

div.submit a.button
{
   margin: 0;
   padding: 0;
   border: none;
}

div.submit .button
{
    display:     block;
    clear:        both;
    margin-left:  auto;
    margin-right: auto;
    cursor:    pointer;
    height:       50px;
    width:       129px;
    border:          0;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-color: transparent;
}

div.submit .button:hover,
div.submit .button:focus,
div.submit .button:active
{
    background-position: 0 -50px;
}

div.submit .button.regist
{
    background-image: url('/images/common/button_regist.gif');
}

div.submit .button.apply
{
    background-image: url('/images/common/button_appy.gif');
}

div.submit .button.confirm
{
    background-image: url('/images/common/button_confirm.gif');
}

div.submit .button.next
{
    background-image: url('/images/common/button_next.gif');
}

div.submit .button.edit
{
    width:       139px;
    background-image: url('/images/common/button_edit.gif');
}

div.submit .button.decide
{
    background-image: url('/images/common/button_decide.gif');
}

div.submit .button.return_top
{
    background-image: url('/images/common/button_return_top.gif');
}

.address_search,
input.edit_button
{
  font-size: 11px;
}

/*************************************************
navi
*************************************************/

form div.navi p
{
  margin-left: 4px;
  width: 686px;
}

form div.navi img
{
  display: block;
  margin:  30px 50px;
}

/*************************************************
progress_navigation
*************************************************/
div.progress_navigation
{
  margin-left: 4px;
  width: 686px;
  overflow: auto;
}

div.progress_navigation li
{
  float: left;
  display: block;
}

div.progress_navigation span
{
  float: left;
  display: block;
  margin: 10px 6px 0 0;
  padding:     5px;
  font-weight: 700;
  font-size:  12px;
  line-height: 20px;
  color: #666666;
  letter-spacing: -1px;
}

div.progress_navigation li.finished span.phase_name
{
  background-color: #FFFccc;
  color: #aaaaaa;
}

div.progress_navigation li.present span.phase_name
{
  background-color: #fff100;
  color: #333333;
}

div.progress_navigation li.last span.phase_name
{
  margin-right: 0;
}

div.progress_navigation span.arrow_right
{
  margin: 10px 6px 10px 0;
  padding: 5px 0;
}

div.progress_navigation span.phase_name
{
  border: solid 1px #cccccc;
}

div.progress_navigation h3.navi
{
  clear: both;
  padding: 0  0 10px 0;
  margin: 0 0 0 0;
  width: 686px;
  height: 30px;
  text-indent: 0;
  font-weight:  700;
  font-size:   16px;
}

div.progress_navigation h3.navi span.title_name
{
  margin: 0;
  padding: 5px 30px;
  width: 620px;
  border-bottom:2px solid #CCCCCC;
  font-weight:  700;
  font-size:   16px;
  color: #333333;
}

div.progress_navigation h4.navi
{
  clear: both;
  padding: 10px 0;
  margin: 0  0 10px 0;
  text-indent: 0;
  font-weight:  700;
  font-size:   16px;
}

div.progress_navigation h4.navi span.phase_name
{
  margin: 0;
  padding: 5px 30px;
  font-weight:  700;
  font-size:   16px;
  background-color: #fff100;
  color: #333333;
}

/*************************************************
login
*************************************************/
table.form tr td.field input.email,
table.form tr td.field input.password
{
     width:     150px;
}

form div#fogot_pass
{
    position:  relative;
    top:          -80px;
    left:         520px;
    height:        30px;
    width:        166px;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:    700;
    font-size:     10pt;
    color:      #333333;
}

div.submit .button.login
{
    background-image: url('/images/common/button_login.gif');
}

div.submit .button.member_regist
{
    width: 160px;
    background-image: url('/images/common/button_member_regist.gif');
}

div.subtitle h4.member_login
{
    height:        34px;
    background: url("/images/mypage/member_login.gif") 0 0 no-repeat;
}

div.subtitle h4.yet_member_regist
{
    height:        34px;
    background: url("/images/mypage/yet_member_regist.gif") 0 0 no-repeat;
}


/*************************************************
voucher input code
*************************************************/

table.form tr td.field input.sp_key_token
{
     margin:       0;
     width:     50px;
}

div#voucher_input_code form h4.progress_bar
{
     margin:   10px auto 50px auto;
     height:        50px;
     width:        400px;
     background: #FF0000;
}

p.thanks
{
  margin-left: 14px;
  width: 676px;
}

/*************************************************
Order Detail
*************************************************/
.order_catalog .product .image
{
    text-align: center;
}

table.form.order_detail tr th
{
    padding: 5px 0 5px 25px;
    background-color: #F5F5F5;
    border:    solid 1px #D3D3D3;
    text-align:   left;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:  700;
    font-size:   10pt;
}


table.form tr th.title
{
    padding: 5px 0 5px 25px;
    background-color: #F5F5F5;
    border:    solid 1px #D3D3D3;
    text-align:   center;
    font-family: "ＭＳ Ｐゴシック", Osaka;
    font-weight:  700;
    font-size:   11pt;
    line-height: 15px;
}

table.form.order_detail tr th.name
{
    width:           52%;
}

table.form.order_detail tr th.price
{
    padding: 5px 0 5px 15px;
    width:           12%;
}

table.form.order_detail tr th.amount
{
    padding: 5px 0 5px 15px;
    width:           12%;
}

table.form.order_detail tr th.subtotal
{
    padding: 5px 0 5px 15px;
    width:           12%;
}

table.form.order_detail tr td
{
    padding: 5px 0 5px 5px;
    background: #FFFFFF;
    border:    solid 1px #D3D3D3;
    font-size:   10pt;
}

table.form.order_detail tr td.amount
{
    padding: 5px 10px 5px 0;
    text-align: right;
}

#order_catalog_end .info h4.subtitle
{
    margin:  10px 0 10px 0;
    height:  25px;
    border-top:    solid 2px #D3D3D3;
    border-bottom: solid 2px #D3D3D3;
    line-height: 25px;
    text-indent: 0px;
    text-align: center;
    font-size:   11pt;
    font-weight:  700;
    color:    #333333;
}

#order_catalog_end tr th.title
{
    padding: 5px 0 5px 5px;
    background-color: #F5F5F5;
    border:    solid 1px #D3D3D3;
    text-align:   center;
    font-weight:  700;
    font-size:   11pt;
    line-height: 15px;
}

#order_catalog_end tr td.field
{
    padding: 5px 0 5px 5px;
    background: #FFFFFF;
    border:    solid 1px #D3D3D3;
    font-size:   11pt;
    text-align: center;
}

#order_catalog_end tr td span.emp
{
    font-size:   11pt;
    font-weight:  700;
    color:    #333333;
}

#order_catalog_end tr td span.disclaimer
{
    font-size:    9pt;
}

.order_catalog .disclaimer
{
  color: red;
}