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

/**共通のスタイル************************************************/

/**文字色−白*****/
.white { color: #fff; }
.margin { margin-bottom: 0.5em; }


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

div#entry-ml { margin-left: 13px; }

ul { list-style-type: none; }
 
/* ポップアップ用 classをコピペする事 */
#lorange { background-color: #999; font-weight: bold; }
.lorange { background-color: #999; font-weight: bold; }

/* 確認系 */
#gray { background-color: #666; font-weight: bold; }
.gray { background-color: #666; font-weight: bold; }

#dgray { background-color: #333; color: #fff; font-weight: bold; }
.dgray { background-color: #333; color: #fff; font-weight: bold; }

a:link    { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover   { color: #ff009c; text-decoration: underline; }
a:active  { color: #ff009c; text-decoration: underline; }


img { border: 0; }


/**現在のカゴのスタイル(cart/index.tpl)************************************************/
h2#cartindex-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/cartindex-title.gif) no-repeat;
 z-index: 5;
 }

h2#cartindex-title {
 width: 300px;
 margin-bottom: 20px;
 top: -40px;
 left: 20px;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

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

table#cell {
 width: 750px;
 margin: 0 0 10px 85px;
}

table#cell td {
 padding: 0.2em;
 border: 1px solid #777;
 }

table#cell td td { border: none; }

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

div#cart-coution {
 width: 750px;
 margin: 0 0 30px 85px;
 font-size: x-small;
}

div#cart-coution ul { list-style-type: none; }
*+html body div#cart-coution ul li { font-family: "ＭＳ Ｐゴシック"; }

div#to-shopping {
 width: 920px;
 text-align: center;
}

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

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

div#shopping-conf p#notice { width: 700px; }

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

div#to-shopping li, ul#to-shopping li, ul#to-shoppingconf li, ul#to-shoppingcomp li, ul#to-deli li { display: inline; margin-left: 20px; }

p#cart-zero { margin: 0 0 50px 35px; }


/**ログインページのスタイル************************************************/
h2#shoppingindex-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/shoppingindex-title.gif) no-repeat;
 z-index: 5;
 }

h2#shoppingindex-title {
 width: 730px;
 margin-bottom: 15px;
 top: -24px;
 left: 35px;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }


div#shopping { margin-left: 140px; }

div#shopping-login, div#no-member {
 width: 614px;
 border: 3px solid #777;
 padding: 10px;
}

div#shopping-login { margin-bottom: 10px; }

div#shopping-login h3#login-title, div#no-member h3#login-title, td#mypage-login h3#login-title {
 line-height: 1em;
 background: url(../../images/shopping-icon.gif) no-repeat;
 margin-bottom: 15px;
 font-weight: bold;
 font-size: medium;
 padding-left: 20px;
}

td#mypage-login h3#login-title { line-height: 1.1em; }

div#shopping-inner {
 width: 550px;
 margin-left: 32px;
 }

div#shopping-inner p#login-info { margin-bottom: 1em; }

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


div#login-input {
 width: 350px;
 margin-left: 100px;
 }
 

p.form { * margin-left: 0; }


div#login-input h4 { margin-bottom: 0.2em; }
div#login-input p.form { margin-bottom: 0.5em; }
div#login-input p.form01 { margin-bottom: 0.2em; }

p#login-btn {
 width: 350px;
 margin-top: 0.5em;
 margin-bottom: 1em;
 text-align: center;
}

div#shopping-inner ul#shopping-recommend { margin-bottom: 1em; }

div#shopping-inner ul#nm-toshopping {
 width: 550px;
 text-align: center;
}

div#shopping-inner ul#nm-toshopping li { display: inline; }


/**非会員 届け先入力のスタイル************************************************/
div#flow { margin: 10px 0 15px 110px; }

h2#nonmember-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/nonmember-title.gif) no-repeat;
 z-index: 5;
 }

h2#nonmember-title {
 width: 300px;
 top: -26px;
 left: 25px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

ul#nonmember-message {
 width: 700px;
 margin-bottom: 1em;
 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: 700px;
 padding-left: 110px;
 }

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

div#add-submit {
 width: 920px;
 text-align: center;
}

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

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

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

table#form-table td.no-border {
 border: 0;
 padding: 0.1em;
 }

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


/**非会員 支払い方法指定のスタイル************************************************/
h2#payment-title2 {
 width: 920px;
 height: 40px;
 left: 0;
 position: relative;
 background: url(../../images/payment-title.gif) no-repeat;
 z-index: 5;
 }

h2#payment-title {
 width: 730px;
 top: -24px;
 left: 35px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

div#payment-inner { margin-left: 200px;  }

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

div#payment-inner p { margin-bottom: 0.5em; }

table#payment { width: 350px; }

td#payment-title {
 width: 40px;
 text-align: center;
 }

td#payment-body {
 width: 310px;
 text-align: center;
 }

li#date-title {
 font-weight: bold;
 margin-right: 1em;
 }

ul#appoint-date { list-style-type: none; }

ul#appoint-date li { display: inline; }

table#payment-table {
 width: 60%;
 margin-left: 50px;
 margin-bottom: 0.5em;
 }

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

td#payment-title,td#payment-body { border: 1px solid #777; }

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

h5#cvs-coution {
 width: 75%;
 margin-bottom: 2em;
 }
*+html body h5#cvs-coution { font-family: "ＭＳ Ｐゴシック"; }


/**購入内容確認のスタイル(shopping/confirm.tpl)************************************************/
h2#shoppingconf-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/shoppingconf-title.gif) no-repeat;
 z-index: 5;
 }

h2#shoppingconf-title {
 width: 730px;
 top: -24px;
 left: 35px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

ul#shopconf-message {
 list-style-type: none;
 margin-bottom: 0.5em;
 }

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

table#shoppingconf-table {
 width: 650px;
 border: 1px solid #777;
 margin-bottom: 1.5em;
 }

table#shoppingconf-table td {
 border: 1px solid #777;
 padding: 0.2em;
 }

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

table#shoppingconf-table td.td85 { width: 14%; }
table#shoppingconf-table td.td248 { width: 45%; }
table#shoppingconf-table td.td60 { width: 14%; }
table#shoppingconf-table td.td40 { width: 8%; }
table#shoppingconf-table td.td90 { width: 19%; }
table#shoppingconf-table td#td150 { width: 150px; }
table#shoppingconf-table td#td457 { width: 457px; }


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

h2#shopcomp-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/shoppingcomp-title.gif) no-repeat;
 z-index: 5;
 }

h2#shopcomp-title {
 width: 730px;
 top: -24px;
 left: 35px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

div#shopping-comp { 
 width: 834px;
 margin: 0 0 1.5em 25px;
 border: 3px solid #777;
 padding: 15px;
 }

div#shopping-comp2 { 
 width: 834px;
 margin: 0 0 1.5em 25px;
 border: 3px solid #777;
 padding: 15px;
 }

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: 920px;
 text-align: center;
 }

/**パスワードを忘れた方のスタイル************************************************/
h2#pw-forgot2 {
 width: 550px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/pw-forgot-title.gif) no-repeat;
 z-index: 5;
 }

h2#pw-forgot {
 width: 530px;
 top: -24px;
 left: 10px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }


/**ヘルプのスタイル************************************************/
div#help-moreinner {
 width: 814px;
 margin: 0 25px;
 padding: 15px;
 border: 3px solid #777;
 }

h2#help-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/help-title.gif) no-repeat;
 z-index: 5;
 }

h2#help-title {
 width: 237px;
 top: -20px;
 left: 0;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

ul#help-topmessage {
 width: 920px;
 margin-bottom: 1em;
 list-style-type: none;
 }
 
ul#index {
 margin-left: 1em;
 margin-bottom: 1em;
 font-weight: bold;
 }

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

div#help-inner h3 {
 padding-left: 20px;
 margin-bottom: 0.2em;
 background : url(../../images/help-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 #ccc;
 }

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

/**問い合わせ 入力のスタイル(contact/index.tpl)************************************************/
div#contact-inner {
 width: 800px;
 margin-left: 60px;
 }

h2#contact-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/contact-title.gif) no-repeat;
 z-index: 5;
 }

h2#title-back {
 width: 730px;
 margin-bottom: 20px;
 top: -15px;
 left: 25px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }
 
h2#contact2-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/contact-title.gif) no-repeat;
 z-index: 5;
 }

ul#contact-txt {
 width: 700px;
 margin: 0 0 15px 50px;
 }

p.contact-notice {
 width: 700px;
 margin: 0 0 15px 50px;
 }

*:first-child+html div#contact-moreinner ul.jcom-coution li { font-family: "ＭＳ Ｐゴシック"; }
*:first-child+html div#contact-moreinner dl#privacy dd { font-family: "ＭＳ Ｐゴシック"; }

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

div#contact-moreinner dl#privacy, div#contact-moreinner dl#contact {
 margin-left: 20px;
 margin-bottom: 20px;
 }

/*フォームのスタイル*/
table#contact-table {
 width: 700px;
 margin-left: 48px;
 border: 1px solid #777;
 margin-bottom: 1.5em;
 }

table#contact-table td {
 border: 1px solid #777;
 padding: 0.4em;
 }

table#contact-table td#td140 { width: 25%; }

div#to-contactconf {
 width: 800px;
 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; }
ul#contact-input li { margin-bottom: 0.2em; }

table#contact-table td input.box15 { width: 40%; }
table#contact-table td ul#contact-input li input.box40 { width: 95%; }
table#contact-table td textarea { width: 100%; }


/**問い合わせ 確認のスタイル************************************************/
table#contactconf-table {
 width: 700px;
 margin-left: 48px;
 border: 1px solid #777;
 margin-bottom: 1.5em;
 }

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

table#contactconf-table td.no-border { border: 0; }

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

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


/**プライバシー規約のスタイル************************************************/
h2#privacy-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/privacy-title.gif) no-repeat;
 z-index: 5;
 }

h2#privacy-title {
 width: 730px;
 margin-bottom: 20px;
 top: -40px;
 left: 0;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

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

ul#pp-index {
 width: 850px;
 margin-left: 25px;
 margin-bottom: 1em;
 list-style-type: none;
 }

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


ul#riyou { margin-left: 1em; }
ul#riyou li { margin-bottom: 0.4em; }


/**利用規約のスタイル ( /user_data/tamplates/kiyaku.tpl )************************************************/
div#kiyaku-moreinner {
 width: 884px;
 border: 3px solid #777;
 padding: 15px;
 }

h2#kiyaku2-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/kiyaku-title.gif) no-repeat;
 z-index: 5;
 }

h2#kiyaku2-title {
 width: 730px;
 margin-bottom: 10px;
 top: -24px;
 left: 35px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

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

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


/**郵便番号がみつからなかった時のスタイル************************************************/
h2#zip-title2 {
 width: 470px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/zip-title.gif) no-repeat;
 z-index: 5;
 }

h2#zip-title {
 width: 430px;
 margin-bottom: 20px;
 top: -40px;
 left: 0;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }


/**会員ログイン時 届け先の指定************************************************/
h2#deli-title2 {
 width:920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/deli-title.gif) no-repeat;
 z-index: 5;
 }

h2#deli-title {
 width: 730px;
 top: -24px;
 left: 35px;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }


ul#deli-message {
 width: 750px;
 margin-left: 85px;
 list-style-type: none;
 }

*+html body ul#deli-message li { font-family: "ＭＳ Ｐゴシック"; }

table#deli-table {
 width: 750px;
 margin-left: 85px;
 margin-bottom: 1.5em;
 border: 1px solid #777;
 }

table#deli-table td {
 border: 1px solid #777;
 padding: 0.2em;
 }

table#deli-table td#no-border { border: 0 }

div#add-table p {
 margin: 0 85px 10px 0;
 text-align: right;
 }

/**会員ログイン時 届け先の追加・変更************************************************/
h2#deli-detail2 {
 width: 550px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/deli-detail.gif) no-repeat;
 z-index: 5;
 }

h2#deli-detail {
 width: 530px;
 margin-bottom: -14px;
 top: -26px;
 left: 10px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

table#detail-input-table {
 border-spacing: 0;
 border-collapse: collapse;
 }

table#deli-detail-input td { font-size: small; }
* html body table#deli-detail-input td { font-size: x-small; }

* html body table#delideli-table { border-right: 1px solid #6f5c18; }

table#delideli-table td {
 padding: 5px;
 border: 1px solid #777;
 font-size: small;
 }

table#deli-detail-input { font-size: small; }
* html body table#deli-detail-input { font-size: x-small; }

table#detail-input-table td {
 padding: 0.4em;
 border: 1px solid #777;
 }

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


/**マイページ 共有************************************************/
div#mypage-main {
 width: 870px;
 margin-left: 25px;
 }

h3#my {
 width: 600px;
 padding: 5px 15px;
 color: #fff;
 background-color: #333;
 }

h3#my-index {
 width: 530px;
 padding: 5px 15px;
 color: #fff;
 background-color: #333;
 margin-left: 1em;
 }

h3#my-comp {
 width: 530px;
 padding: 5px 15px;
 color: #fff;
 background-color: #333;
 margin-left: 1em;
 }

* html body table.mypage-table { margin-left: 15px; }

h6#already {
 color: #2ab4de;
 position: relative;
 }

h2#mypage-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/mypage-title.gif) no-repeat;
 z-index: 5;
 }

h2#mypage-title {
 width: 200px;
 margin-bottom: 20px;
 top: -15px;
 left: 25px;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

*html body div#rireki table#rireki-tb { position: relative; }

div#mypage-left {
 width: 200px;
 float: left;
 margin-top: 0px;
 *margin-top: 0px;
 }


/**マイページ ログイン(mypage/login.tpl)********************************************/
table#login-tb { margin-left: 25px; }


/**マイページ TOP(mypage/index.tpl)********************************************/
div#rireki {
 width: 670px;
 float: left;
 }

ul#mypage-comment {
 width: 670px;
 margin: 0 0 20px 0;
 }

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

/* 会員番号 */
div#rireki h5 {
 width: 500px;
 margin-bottom: 10px;
 font-weight: lighter;
 }
*html body div#rireki h5 { position: relative; padding-left: 1em; }

table.rireki-index-tb { width: 560px; }

table.rireki-index-tb td {
 padding: 0.4em;
 border: 1px solid #777;
 }

table.rireki-index-tb td.date { width: 140px; }
table.rireki-index-tb td.num { width: 130px; }
table.rireki-index-tb td.payment { width: 120px; }
table.rireki-index-tb td.total { width: 120px; }
table.rireki-index-tb td.detail { width: 50px; }

table.rireki-index-tb td.limit { width: 145px; }
table.rireki-index-tb td.status { width: 145px; }

div#rireki h3 { margin-left: 0; }

ul#login-comment { list-style-type: none; margin-left: 25px; margin-bottom: 15px; }
* html body ul#login-comment { text-align: left; }

table.login-margin { margin-left: 38px; }

table#deli-detail-input { font-size: small; }

h3.mypage-navi { margin-bottom: 0.5em; }

h3.mypage-navi img { margin-right: 2px; }

table#mypage-change-table { border: 1px solid #777; }

table#mypage-change-table td { padding: 0.2em; }

table#change-conf-table { border: 1px solid #777; }

table#change-conf-table td { padding: 0.2em; }

div#mypage-changecomp-main { float: left; }
* html body div#mypage-changecomp-main { margin-left: -30px; }
div.mypage-right { padding-left: 184px; }

div#deliv-right {
 margin-left: 0; 
 *padding-left: 15px;
 *position: relative;
 *left: -17px;
 }

div#refs-right {
 margin-left: 0; 
 padding-left: 15px; 
 *padding-left: 30px;
 *position: relative;
 *left: -17px;
 }

div#rireki table td.my-com { width: 300px; padding-left: 15px; }


/* 購入履歴詳細(mypage/history.tpl) */
div#history-ie { *margin-top: 15px; margin-left: 30px; }

div#history {
 margin-top: 15px;
 padding: 0px;
 margin-left: 215px;
 }

table.history-tb td {
 padding: 0.4em;
 border: 1px solid #777;
 }


/* 会員登録内容変更(mypage/change.tpl) */
table.mypage-table td td {
 padding: 0.4em;
 border: 1px solid #777;
 }

table.mypage-table td td td {
 padding: 2px;
 border: none;
 }

p#submit { margin: 20px 0 0 460px;}


/* 会員登録内容変更(mypage/change_confirm.tpl) */
div#mypage-main table#memberconf-table {
 width: 630px;
 margin-bottom: 20px;
 }

div#mypage-main table#memberconf-table td.gray { width: 33%; }

ul#changeconf-submit { margin: 0 0 0 370px; }

ul#changeconf-submit li { display: inline; }

.btn_left { margin-right: 20px; }


/* 会員登録内容変更完了(mypage/change_complete.tpl) */
div#mypage-right {
 width: 670px;
 float: left;
 }

div.main-box {
 margin-top: 3em;
 margin-bottom: 1em;
 }

div.bot-box {
 margin-left: 76px;
 margin-top: 1em;
 }
*html body div#deliv-right td#deli-com { margin-left: 0px; }
div#deliv-right td.to-addr { padding-left: 10px; }
div#change-right { margin-left: 0px; }
*html body div#change-right { margin-left: -3px; }

div#changecomp-top { margin-top: 15px; }

ul#login-ok { float: left; }

#hotmail { *width: 400px; }


/**マイページ 規約確認ページのスタイル ( /mypage/kiyaku-confirm.tpl )**********/
h3#mykiyaku-subtitle {
 width: 630px;
 margin-top: 20px;
 margin-bottom: 10px;
 font-size: medium;
 text-align: center;
 }
*html body h3#mykiyaku-subtitle { line-height: 1.2em; }

ul#mykiyaku-message { width: 630px; }

ul#kiyaku-conf {
 width: 630px;
 margin-top: 20px;
 }

ul#kiyaku-conf li { line-height: 1.1em; }

a.kiyaku-top { margin-right: 20px; }


/**マイページ 規約確認ページのスタイル ( /mypage/wallpaper.tpl )***************/
div#wallpaper {
 margin-top: 15px;
 padding: 0px;
 margin-left: 215px;
 }
* html body div#wallpaper { margin-left: 235px; }

div#wallpaper p { margin: 10px 0 20px 15px; }

div#wallpaper ul.thamnail {
 width: 180px;
 margin: 0 0 25px 195px;
 text-align: center;
 display: inline;
 float: left;
 }

div#wallpaper ul.thamnail li { line-height: 1.2em; }

div#wallpaper ul.thamnail li.thm { margin-bottom: 5px; }

div#wallpaper h4 {
 width: 570px;
 margin: 0 0 0 15px;
 display: inline;
 float: left;
 }

div#wallpaper dl {
 width: 570px;
 margin-left: 15px;
 display: inline;
 float: left;
 }

div#wallpaper dl dt {
 margin: 10px 0 3px 0;
 font-weight: bold;
 }


/**会員登録 規約のスタイル ( /entry/kiyaku.tpl )************************************************/
div#kiyaku-inner {
 margin-left: 0;
 margin-bottom: 1em;
 min-height: 300px;
 _height: 300px;
 }

/*会員規約*/
h2#entrykiyaku-title {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/entrykiyaku-title.gif) no-repeat;
 z-index: 5;
 }

/*ご利用規約*/
h2#kiyaku-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/entrykiyaku-title.gif) no-repeat;
 z-index: 5;
 }

h2#kiyaku-title {
 width: 730px;
 top: -24px;
 left: 35px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

div#kiyaku-inner ul#entry-message {
 width: 750px;
 margin: 0 0 20px 80px;
 list-style-type: none;
 float: left;
 }

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

ul#entry-message li.title {
 margin-bottom: 15px;
 font-size: 14pt;
 font-weight: bold;
 }

ul#entry-message li.margin { margin-bottom: 1em; }
ul#entry-message li.s-margin { margin-bottom: 0.5em; }

h3#kiyaku-subtitle {
 width: 920px;
 margin-bottom: 10px;
 text-align: center;
 font-size: medium;
 line-height: 1.2em;
 }

textarea#kiyaku-form {
 width: 730px;
 padding: 10px;
 background-color: #eee;
 border: 1px solid #999;
 }

ul#kiyaku-message {
 width: 660px;
 list-style-type: none;
 margin: 0 0 10px 0;
 }

ul#kiyaku-message li {
 margin-left: 10px;
 line-height: 1.3em;
 }

ul#kiyaku-message li.margin { margin-bottom: 1em; }

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

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

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

ul#to-memberinput {
 width: 920px;
 margin-left: 0;
 margin-top: 20px;
 margin-bottom: 20px;
 text-align: center;
 }

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

ul#to-memberinput li.btn_left { margin-right: 30px; }


/**会員登録 個人情報入力のスタイル ( entry/index.tpl )************************************************/
h2#member-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/member-title.gif) no-repeat;
 z-index: 5;
 }
 
h2#membercomp-title2 {
 width: 920px;
 height: 40px;
 top: 0;
 left: 0;
 position: relative;
 background: url(../../images/member-title.gif) no-repeat;
 z-index: 5;
 }

h2#member-title {
 width: 300px;
 margin-bottom: 20px;
 top: -20px;
 left: 25px;
 position: relative;

 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

table#member-table {
 width: 75%;
 margin-left: 115px;
 border: 1px solid #777;
 }

td#td135 { width: 35%; }
td#td402 { width: 65%; }

table#member-table td {
 border: 1px solid #777;
 padding: 0.4em;
 }

table#member-table td#no-border, table#member-table td.no-border {
 border: 0;
 padding: 0.1em;
 }
 
 div#to-memberconf {
 width: 920px;
 margin-top: 20px;
 text-align: center;
 }


/**会員登録 個人情報確認のスタイル************************************************/
div#member-inner {
 margin-left: 18px;
 margin-bottom: 1em;
 }

div#member-moreinner { margin-left: 184px; }

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

table#memberconf-table {
 width: 550px;
 border: 1px solid #777;
 margin-top: 10px;
 margin-bottom: 1.5em;
 }

table#memberconf-table td {
 border: 1px solid #777;
 padding: 0.4em;
 }

td.r-border { border-right: 1px solid #6f5c18; }

td.noborder { border: none; }

ul#to-membercomp {
 width: 920px;
 text-align: center;
 }

ul#to-membercomp li { display: inline; margin-left: 20px; }
 
 
/**会員登録 個人情報変更完了のスタイル************************************************/
ul#mypage-change-thanks {
 min-height: 100px;
*margin-bottom: 100px;
 }


/* コンビニ決済のスタイル *************************************************************/
h2#convenience-title02{
 width: 920px;
 height: 40px;
 position: relative;
 background: url(../../images/convenience-title.gif) no-repeat;
 z-index: 5;
 }

h2#convenience-title {
 width: 309px;
 margin-bottom: 10px;
 top: -40px;
 left: 25px;
 position: relative;
 font-weight: bold;
 font-size: x-small;
 z-index: 4;
 }

ul#convenience-coution { 
 width: 550px;
 margin: 0 0 15px 185px;
 list-style-type: none;
 }

table.convenience {
 width: 550px;
 margin-left: 185px;
 margin-top: 10px;
 margin-bottom: 1.5em;
 border: 1px solid #777;
 }

table.convenience td {
 border: 1px solid #777;
 padding: 5px;
 }

div#convenience-btn {
 width: 920px;
 margin-bottom: 20px;
 text-align: center;
 }


/* マイページ・年会費支払いのスタイル (continue.tpl) **************************/
div#mypage-main ul#continue-message {
 width: 630px;
 margin: 20px 0;
 float: left;
 }

div#mypage-main ul#continue-tb-message {
 width: 630px;
 margin-bottom: 20px;
 float: left;
 }

div#mypage-main ul#continue-tb-message li {
 height: 1em;
 padding-left: 20px;
 background: url(../../images/shopping-icon.gif)no-repeat center left;
 }

div#continue-conf {
 width: 630px;
 text-align: center;
 float: left;
 display: inline;
 }

table#continue-table {
 width: 360px;
 margin: 0 0 20px 135px;
 border-spacing: 0;
 border-collapse: collapse;
 float: left;
 }
* html body table#continue-table { margin-right: 82px; }

table#continue-table td {
 padding: 0.4em;
 border: 1px solid #777;
 }

table#continue-table td.lorange { width: 160px; }
table#continue-table td.table-inner-bgcolor { background-color: #fff; }
table#continue-table td.right { text-align: right; }


/* マイページ・年会費支払い確認ページのスタイル(continue_confirm.tpl) *********/
div#mypage-main ul#to-continuecomp {
 width: 630px;
 text-align: center;
 float: left;
 }

div#mypage-main ul#to-continuecomp li { display: inline; }

div#mypage-main ul#to-continuecomp li.btn_left { margin-right: 20px; }


/* マイページ・年会費支払い完了ページのスタイル(continue_conmplete.tpl) *********/
div#mypage-main div#continue-comp {
 width: 604px;
 margin: 15px 0 1.5em 0;
 padding: 10px;
 border: 3px solid #777;
 float: left;
 }

div#mypage-main div#continue-comp ul {
 width: 604px;
 margin-bottom: 15px;
 float: left;
 }

div#mypage-main div#to-mypageindex {
 width: 630px;
 text-align: center;
 float: left;
 display: inline;
 }


/* チケットスタイル(ticket/index.tpl) *****************************************/
h2#ticket-title {
 width: 510px;
 margin-left: 50px;
 margin-bottom: 20px;
 border-bottom: 1px solid #ccc;
 font-size: large;
 padding-bottom: 0.3em;
 padding-left: 0.3em;
}
* html div#detail h2#ticket-title { margin-bottom: 10px; }

ul.ticket-text {
 width: 700px;
 margin-left: 50px;
 }

ul.ticket-text li.top { width: 600px; }
ul.ticket-text li.margin { margin-bottom: 1em; }


/* Q&A(qa/index.tpl) *****************************************/
h2#qa-title2 {
 width: 300px;
 height: 25px;
 top: 10px;
 left: 25px;
 position: relative;
 background: url(../../images/qa-title.gif) no-repeat;
 z-index: 5;
 }

div#qa-inner {
 width: 870px;
 margin: 0 0 0 25px;
 }

div#qa-inner dl#qa { margin-bottom: 20px; }

div#qa-inner dl#qa dt {
 margin: 2.5em 0 5px 0;
 font-weight: bold;
 }

div#qa-inner dl#qa dd { line-height: 1.2em; }
div#qa-inner dl#qa dd.s-margin { margin-bottom: 0.7em; }