/*
 * 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: 18px;
 margin: 0 0 70px 0;
 top: 0;
 left: 0;
 position: relative;
 z-index: 2;
 float: left;
 }

h2#title-back {
 margin-bottom: -18px;
 top: -18px;
 left: 0;
 z-index: 1;
 border: none;
 font-weight: bold;
 color: #fff;
 /*background: #004894;*/
 text-indent: -99999px;
 }


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

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

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

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

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

ul.product {
 width: 960px;
 margin-bottom: 25px;
 list-style-type: none;
 float: left;
 }

ul.product li {
 display: inline;
 list-style-type: none;
 float: left;
 }

ul.product li.cart_img {
 width: 100px;
 height: 100px;
 margin-right: 30px;
 float: left;
 }

ul.product li.cart_name,
ul.product li.cart_price {
 width: 830px;
 margin-bottom: 10px;
 font-size: 18px;
 }

ul.product li.cart_del {
 width: 30px;
 margin: 10px 15px 0 0;
 }

ul.product li.cart_quant {
 width: 785px;
 margin-bottom: 10px;
 }

ul.product li.cart_quant td.quant_center {
 width: 30px;
 font-size: 16px;
 text-align: center;
 }

ul.product li.total-left {
 width: 35px;
 margin-right: 15px;
 font-size: 16px;
 }

ul.product td { border: none; }

ul.product li.sub-total {
 width: 780px;
 margin-bottom: 20px;
 font-size: 16px;
 }

.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: 960px;
 font-size: x-small;
}

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

div#to-shopping {
 width: 960px;
}

.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;
}

ul#total {
 width: 960px;
 margin-bottom: 30px;
 text-align: right;
 font-size: 16px;
 font-weight: bold;
 }

ul#total li { display: inline; }

ul#total li.total-left {
 width: 30px;
 margin-right: 15px;
 }

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

p#notice {
 width: 100%;
 margin: 0 0 20px 0;
 line-height: 1.2em;
 text-align: center;
 float: left;
 }

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

ul#to-shoppingconf,
ul#to-shoppingcomp { width: 960px; }

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


/**products/detail_image.tplのスタイル*****************************************/
div#detail-image {
 padding: 15px 0;
 text-align: center;
 border-top: 5px solid #ddd;
 border-bottom: 5px solid #ddd;
 }

div#detail-image img { border: none; }


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

div#flow { margin: 0 0 25px 130px; }
div#flow04 { margin: 0 0 25px 130px; }
/*div#flow04 { margin: 0 0 25px 250px; }*/


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

ul#nonmember-message {
 width: 700px;
 margin: 0 0 1em 130px;
 list-style-type: none;
 }

ul#nonmember-message li{ line-height: 1.2; }

ul#nonmember-message li.margin { margin-bottom: 0.8em; }

ul#nonmember-message li textarea {
 width: 99%;
 height: 70px;
 padding: 0.5%;
 }

.btn_left { margin-right: 20px; }

div#shopping-contents { width: 960px; }

div#add-table table#form-table { width: 700px; }

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

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


/**非会員 支払い方法指定のスタイル************************************************/
/*div#payment-inner { margin-left: 120px; }*/

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

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

h3#login-title02 {
 width: 680px;
 margin: 0 0 0.5em 130px;
 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: 0 0 20px 130px;
 float: left;
 }

dl.payment_form dt, dl.payment_form dd {
 margin-bottom: 15px;
 display: inline;
 }

dl.payment_form dt { margin-right: 10px; }

dl.payment_form dd { margin-right: 50px; }

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


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

*: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: 700px;
 list-style-type: none;
 margin-bottom: 0.5em;
 float: left;
 }

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

table#shoppingconf-table {
 width: 650px;
 margin-bottom: 1.5em;
 float: left;
 }

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 {
 width: 960px;
 margin: 0 0 30px -150px;
 text-align: center;
 float: left;
 }


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

*: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 #ddd;
 padding: 10px;
 margin-left: 70px;
 margin-bottom: 1.5em;
 }

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

div#contact-inner div#shopping-comp2 { margin-left: 165px; }

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#contact-inner div#goto-top {
 width: 960px;
 margin-left: 0;
 text-align: center;
 }

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


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

div#help-moreinner {
 border: 4px solid #ddd;
 padding: 1em;
 float: left;
 }

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

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

ul#index {
 width: 700px;
 margin-left: 1em;
 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; }


/**プライバシー規約のスタイル************************************************/
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,
div#guide-moreinner {
 border: 4px solid #ddd;
 padding: 1em;
 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;
 }


/**ご利用案内のスタイル(guide/index.tpl)***************************************/
h2#guide2-title { background: url(../../images/guide-title.gif) no-repeat center center; }

div#guide-moreinner ul {
 margin: 0 0 25px 18px;
 list-style-type: none;
 }

div#guide-moreinner ul li { line-height: 1.2em; }


div#guide-moreinner ul.chien-reason {
 margin: 7px 0 7px 30px;
 list-style-type: disc;
 }



/**問い合わせ 入力のスタイル************************************************/
div#contact-inner {
 /*margin-left: 120px;*/
 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,
h2#contact2-title2 { background: url(../../images/contact-title.gif) no-repeat center center; }

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

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

div#contact-inner ul#contact-txt {
 width: 630px;
 margin: 0 0 20px 165px;
 float: left;
 }

p.contact-notice { margin: 0 0 0.5em 165px; }

table#contact-table {
 width: 580px;
 margin-bottom: 1.5em;
 }

table#contact-table td#td140 { width: 110px; }

table#contact-table input.box15 { width: 40%; }
table#contact-table input.box40 { width: 100%; }
table#contact-table textarea.area60 { width: 100%; }

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

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;
 margin-bottom: 1.5em;
 float: left;
 }
* html table#contactconf-table { margin-right: -3px; }

table#contactconf-table td.gray { width: 30%; }

ul#contents-bot {
 width: 960px;
 text-align: center;
 float: left;
 }

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


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

h2#zip-title2 {
 width: 460px;
 margin-left: 10px;
 margin-bottom: 10px;
 background: url(../../images/zip-title.gif) no-repeat center center;
 float: left;
 }
* html h2#zip-title2 { margin-left: 5px; }

table#zip-table {
 width: 480px;
 color: #333;
 float: left;
 }
* html body table#zip-table { width: 470px; }

table#zip-table td {
 border: none;
 padding: 0;
 }

html body div#zip-inner div#zip-comp {
 width: 450px;
 height: 80px;
 margin: 0 0 15px 10px;
 padding-top: 70px;
 float: left;
 font-size: small;
 border: 5px solid #ddd;
 text-align: center;
 }
* html body div#zip-inner div#zip-comp { margin: 0 0 25px 2px; padding-bottom: 70px; font-size: x-small; }

* html body div#zip-inner img { margin-top: 20px; }


/**エラーのスタイル************************************************/
div#error {
 margin: 0 0 50px 0;
 /*margin: 0 0 50px 120px;*/
 float: left;
 }

div#error table td { border: none; }


/**会員登録 規約のスタイル************************************************/
div#kiyaku-inner {
 margin-left: 18px;
 margin-bottom: 1em;
 }

h2#kiyaku-title2 {
 width: 700px;
 height: 30px;
 top: 0;
 left: 34px;
 position: relative;
 z-index: 2;
 background: url(../../images/kiyaku-title.gif) no-repeat center center;
 }

h2#kiyaku-title {
 width: 690px;
 height: 30px;
 top: -30px;
 left: 34px;
 position: relative;
 z-index: 1;
 color: #fff;
 background-color: #232323;
 font-weight: bold;
 font-size: x-small;
 margin-bottom: -18px;
 }

ul#kiyaku-message { margin-bottom: 0.5em; }

div#kiyaku-inner ul {
 list-style-type: none;
 width: 600px;
 }

div#kiyaku-inner ul li#kiyaku-middle { margin-top: 0.5em; }

div#kiyaku-inner ul, div#kiyaku-inner p { margin-left: 80px; }

ul#to-memberinput {
 width: 700px;
 margin-left: 220px;
 }

ul#to-memberinput li { display: inline; }