/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */


/**文字色−白**********************************************************/
.white {
 color: #fff;
}


/**テーブル背景色設定**********************************************/
/*.lgray2 { background-color: #e9e9e9; }*/


/* タイトルバー ***************************************************************/
h2 {
 width: 960px;
 height: 21px;
 margin-top: 20px;
 top: 0;
 left: 0;
 position: relative;
 z-index: 2;
 float: left;
 }

h2#title-back {
 width: 960px;
 height: 21px;
 margin: 0 0 20px 0;
 top: -21px;
 z-index: 1;
 text-align: center;
 font-weight: bold;
 }


/**現在のカゴのスタイル(cart/index.tpl)************************************************/
div#cart_ml { margin-left: 115px; }

h2#cartindex-title2 { background: url(../../images/cartindex-title.gif) no-repeat center center; }


/*カート0点の場合*/
div#cart_ml p {
 width: 730px;
 padding-bottom: 50px;
 float: left;
 }

h3#main-message {
 width: 724px;
 margin-bottom: 15px;
 text-align: center;
}

div#cart-table { margin-bottom: 15px; }

table#cell {
 width: 700px;
 margin-left: 20px;
 border-collapse: collapse;
 border-spacing: 0;
 }

table#cell td {
 padding: 0.3em;
 border: 1px solid #fff;
 }

.td50 { width:50px; }
.td85 { width: 85px; }
.td305 { width: 295px; }
.td60 { width: 75px; }
.td150 { width: 120px; }
.td50, .td85, .td305, .td60, .td150 { text-align: center; }

table#cell td table td { border: none; }

div#cart-coution {
 margin-bottom: 30px;
 width: 700px;
 margin-left: 20px;
 font-size: x-small;
}

div#cart-coution ul {
 list-style-type: none;
 }

div#to-shopping {
 width: 700px;
 margin-left: 15px;
}

.cream-right {
 text-align: right;
 background-color: #ffe888;
 }
.lcream-center {
 text-align: center;
 background-color: #fff4c8;
 }
.lcream-right {
 text-align: right;
 background-color: #fff4c8;
 }

div#pass-input {
 margin-left: 13px;
 margin-bottom: 25px;
 }

div#pass-input ul {
 list-style-type: none;
 margin-bottom: 10px;
 }

div#pass-input span.pw-coution {
 font-size: x-small;
 color: #2eca00;
 font-weight: bold;
 }

li.forgot {
 font-size: x-small;
 margin-right: 50px;
}

div#cart_ml div#to-shopping p#cart-confmessage {
 width: 700px;
 margin-bottom: -40px;
 text-align: center;
 font-weight: bold;
 }

p#notice {
 width: 700px;
 margin-bottom: -40px;
 line-height: 1.2em;
 text-align: center;
 }

div#to-shopping ul, ul#to-shopping, ul#to-shoppingconf, ul#to-shoppingcomp {
 width: 700px;
 text-align: center;
 list-style-type: none;
 float: left;
 }

div#to-shopping li, ul#to-shopping li, ul#to-shoppingconf li, ul#to-shoppingcomp li { display: inline; }


/**非会員 届け先入力のスタイル************************************************/
div#nomember_ml { margin-left: 10px; }

div#flow {
 margin-top: 10px;
 margin-bottom: 25px;
 }

h2#nonmember-title2 { background: url(../../images/nonmember-title.gif) no-repeat center center; }

ul#nonmember-message {
 margin-bottom: 1em;
 list-style-type: none;
 float: left;
 }

div#shopping-contents {
 width: 700px;
 padding-left: 118px;
 }

div#add-table table#form-table {
 width: 700px;
 border-collapse: collapse;
 border-spacing: 0;
 }

div#add-submit {
 width: 700px;
 text-align: center;
 float: left;
 }

table#form-table, table#payment-table {
 border: 1px solid #fff;
 margin-bottom: 1em;
 float: left;
 }

tr#inputform-title { font-weight: bold; }

table#form-table td {
 border: 1px solid #fff;
 padding: 0.4em;
 }

table#form-table td table td { border: none; padding: 0.1em; }

table#form-table td#table-title { width: 170px; }
table#form-table td#table-body { width: 487px; }

#llgray { background-color: #ccc; }
.llgray { background-color: #ccc; }

/**非会員 支払い方法指定のスタイル************************************************/

div#payment { margin-left: 128px; }

*:first-child+html body div#payment div#flow { float: left; }

h2#payment-title2 { background: url(../../images/payment-title.gif) no-repeat center center; }

div#payment-inner { 
 margin-left: 60px; 
 margin-top: -10px;
 }

div#payment ul#top-message {
 margin-bottom: 5px;
 list-style-type: none;
 font-weight: bold;
 }

h3#login-title02 {
 width: 500px;
 margin-bottom: 0.5em;
 padding-left: 20px;
 line-height: 1em;
 background: url(../../images/shopping-icon.gif) no-repeat;
 font-weight: bold;
 font-size: medium;
 float: left;
 }

div#payment-inner p {
 width: 700px;
 margin-bottom: 0.5em;
 float: left;
 }

table#payment-table {
 width: 400px;
 margin-left: 100px;
 margin-bottom: 2em;
 border-collapse: collapse;
 border-spacing: 0;
 float: left;
 display: inline;
 border: none;
 }

table#payment-table td {
 border: 1px solid #fff;
 padding: 0.4em;
 }

table#payment-table td#payment-title { width: 80px; text-align: center; }
table#payment-table td#payment-body { width: 320px; text-align: center; }

ul#appoint-date { margin-bottom: 2em; }
ul#payment-contact {margin-bottom: 1em; list-style-type: none; }


/**非会員 入力内容確認のスタイル************************************************/
div#shopping-conf { margin-left: 128px; }

*:first-child+html div#shopping-conf div#flow { float: left; }

h2#shoppingconf-title2 { background: url(../../images/shoppingconf-title.gif) no-repeat center center; }

ul#shopconf-message {
 width: 650px;
 list-style-type: none;
 margin-bottom: 0.5em;
 float: left;
 }

div#conf-tables { margin-left: 25px; }

table#shoppingconf-table {
 width: 650px;
 border: 1px solid #fff;
 margin-bottom: 1.5em;
 border-collapse: collapse;
 border-spacing: 0;
 float: left;
 }

table#shoppingconf-table td {
 border: 1px solid #fff;
 padding: 0.4em;
 }

tr#shopconf-tabletitle {
 text-align: center;
 font-weight: bold;
 }

table#shoppingconf-table td.td85 { width: 85px; }
table#shoppingconf-table td.td248 { width: 325px; }
table#shoppingconf-table td.td60 { width: 100px; }
table#shoppingconf-table td.td40 { width: 65px; }
table#shoppingconf-table td.td90 { width: 125px; }
table#shoppingconf-table td#td150 { width: 150px; }
table#shoppingconf-table td#td457 { width: 457px; }

div#shopping-conf p#notice {
 margin-bottom: 10px;
 float: left;
 }


/**非会員 注文完了のスタイル************************************************/
div#comp-inner { margin-left: 128px; }

*:first-child+html div#comp-inner div#flow { float: left; }

h2#shopcomp-title2 { background: url(../../images/shoppingcomp-title.gif) no-repeat center center; }

div#shopping-comp { 
 width: 600px;
 margin-top: 20px;
 border: 5px solid #727171;
 padding: 10px;
 margin-left: 70px;
 margin-bottom: 1.5em;
 }

div#shopping-comp2 { 
 width: 600px;
 border: 5px solid #727171;
 padding: 10px;
 margin-left: 40px;
 margin-bottom: 1.5em;
 float: left;
 display: inline;
 }

p#comp-message { margin-bottom: 1em; }

div#shopping-comp ul {
 margin-bottom: 0.5em;
 list-style-type: none;
 }

div#shopping-comp2 ul {  list-style-type: none; }

li#thanks {
 margin-top: 1em;
 margin-bottom: 3em; 
 }

div#goto-top {
 width: 700px;
 margin-left: 280px;
 float: left;
 display: inline;
 }

div#goto-top2 {
 width: 700px;
 margin-left: 310px;
 }


/**全体の左余白****************************************************/
div#ml { margin-left: 35px; }
 
div#mypage_ml { margin-left: 38px; }


/**ヘルプのスタイル************************************************/
div#help-inner {
 margin: 0 20px 1em 20px;
 float: left;
 }
*:first-child+html div#help-inner { margin-top: 0; }
* html body div#help-inner { margin-top: 0; float: none; }

div#help-moreinner {
 width: 960px;
 padding: 1em;
 float: left;
 }

h2#help-title2 { background: url(../../images/help-title.gif) no-repeat center center; }

ul#help-topmessage {
 width: 920px;
 margin: 0 0 1em 20px;
 list-style-type: none;
 float: left;
 }

ul#index {
 width: 960px;
 margin-bottom: 1em;
 font-weight: bold;
 float: left;
 list-style-type: disc;
 }

ul#index li { line-height: 1.2em; }

div#help-inner h3 {
 padding-left: 20px;
 margin-bottom: 0.2em;
 background : url(../../images/shopping-icon.gif) no-repeat;
 line-height: 15px;
 }

p#help-info, dl#help-text { margin-bottom: 0.5em; }

p.back { margin-bottom: 1.5em; }


dl#help-text dt {
 font-weight: bold;
 margin-bottom: 0.2em;
 }

dl#help-text dd { line-height: 1.2em; }

dl#help-text dd.bottom { margin-bottom: 0.8em; }
dl#help-text dd.middle { margin-bottom: 0.4em; }

ul#deli-case { list-style-type: none; }

table#help-table { border-bottom: 1px solid #fff; }

table#help-table td {
 padding: 0.2em;
 border-top: 1px solid #fff;
 }


/**プライバシー規約のスタイル************************************************/
h2#privacy-title2 { background: url(../../images/privacy-title.gif) no-repeat center center; }

ul#help-topmessage li.middle { margin-bottom: 0.4em; }

div#help-inner h3 {
 margin: 20px 0 5px 0;
 padding: 0 0 0 20px;
 background: url(../../images/shopping-icon.gif) no-repeat left center;
 }
div#help-inner p { margin: 0 0 3px 0; }

div#help-inner ol { margin: 0 0 10px 30px; }


/**利用規約のスタイル************************************************/
h2#kiyaku2-title2 { background: url(../../images/kiyaku-title.gif) no-repeat center center; }

div#kiyaku-moreinner {
 width: 920px;
 margin-left: 20px;
 float: left;
 }

div#kiyaku-moreinner ol {
 margin-left: 2em;
 margin-bottom: 0.5em;
 }

div#kiyaku-moreinner ol li {margin-bottom: 0.3em; }

div#kiyaku-moreinner p {
 margin-left: 1em;
 margin-bottom: 0.5em;
 }

div#kiyaku-moreinner table {
 margin-left: 2em;
 margin-bottom: 0.5em;
 }

div#bottom { margin-bottom: 0.5em; }

div#kiyaku-moreinner2 ul#soufu-kome li { list-style-type: none; }
 
div#kiyaku-moreinner2 ul#chien-reason li { list-style-type: square; }

div#kiyaku-moreinner2 ul.saposen li#ijyo { padding-top: 1em; }

.paragraph {
 margin-left: 1em;
 list-style-type: none;
 }

li.kome { list-style-type: none; }

.bottom {
 margin-bottom: 0.5em;
 list-style-type: none;
 }

ul.saposen {
 margin-left: 1em;
 list-style-type: none;
 margin-bottom: 0.5em;
 }


/**会社概要のスタイル************************************************/
div#company-main {
 margin-bottom: 1em;
 margin-left: 3px;
 float: left;
 }

h2#company-title2 { background: url(../../images/company-title.gif) no-repeat center center; }

div#company-main p { margin-bottom: 1em; }

div#company-main table {
 width: 450px;
 border: 1px solid #fff;
 border-collapse: collapse;
 border-spacing: 0;
 }

div#company-main td {
 border: 1px solid #fff;
 padding: 0.5em;
 }

div#company-main td#title { width: 150px; }
div#company-main td.body { width: 300px; }
div#company-main ul { list-style-type: none; }


/**問い合わせ 入力のスタイル************************************************/
div#contact-inner {
 margin-left: 118px;
 margin-bottom: 1em;
 float: left;
 }
*:first-child+html body div#contact-inner { margin-top: 0; }
* html body div#contact-inner { margin-top: 5px; float: none; }

h2#contact-title2 { background: url(../../images/contact-title.gif) no-repeat center center; }
 
h2#contact2-title2 { background: url(../../images/contact-title.gif) no-repeat center center; }

div#contact-moreinner {
 margin-left: 70px;
 width: 580px;
 }

div#contact-inner ul {
 list-style-type: none;
 margin-bottom: 0.5em;
 }

div#contact-inner ul#contact-txt {
 width: 590px;
 float: left;
 }

p.contact-notice { margin-bottom: 0.5em; }

table#contact-table {
 width: 580px;
 border: 1px solid #fff;
 margin-bottom: 1.5em;
 border-collapse: collapse;
 border-spacing: 0;
 }

table#contact-table td {
 border: 1px solid #fff;
 padding: 0.3em;
 }

div#to-contactconf {
 width: 580px;
 text-align: center;
 }

table#contact-table td.no-border { border: 0; }
table#contact-table td.space { padding-bottom: 0.2em; }

ul#contact-input { margin-bottom: 0; margin-top: 5px; }
ul#contact-input li { margin-bottom: 0.2em; }


/**問い合わせ 確認のスタイル************************************************/

table#contactconf-table {
 width: 580px;
 border: 1px solid #fff;
 border-collapse: collapse;
 border-spacing: 0;
 margin-bottom: 1.5em;
 float: left;
 }
* html table#contactconf-table { margin-right: -3px; }

table#contactconf-table td.gray { width: 200px; }

table#contactconf-table td {
 border: 1px solid #fff;
 padding: 0.4em;
 }

ul#contents-bot {
 width: 580px;
 text-align: center;
 }

ul#contents-bot li { display: inline; }


/**郵便番号がみつからなかった時のスタイル************************************************/
div#zip-inner {
 width: 480px;
 float: left;
 }

h2#zip-title2 {
 width: 490px;
 height: 36px;
 margin-bottom: 10px;
 background: url(../../images/zip-title.gif) no-repeat center center;
 /*background-color: #333;*/
 float: left;
 }

table#zip-table {
 width: 480px;
 border-collapse: collapse;
 border-spacing: 0;
 float: left;
 /*background-color: #000;*/
 }

div#zip-inner div#shopping-comp {
 width: 450px;
 height: 80px;
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 70px;
 float: left;
 font-size: small;
 /*color: #fff;*/
 text-align: center;
 }


/**エラーのスタイル************************************************/
div#error {
 width: 960px;
 margin: 100px 0;
 text-align: center;
 float: left;
 }

div#error-button,
div#button {
 width: 960px;
 margin: 20px 0;
 text-align: center;
 float: left;
 }