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

@charset "<!--{$smarty.const.CHAR_CODE}-->";

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

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

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

/**ヘルプのスタイル************************************************/
div#help-inner {
 margin-left: 45px;
 margin-right: 23px;
 margin-bottom: 1em;
 }

div#help-moreinner {
 border: 4px solid #999;
 padding: 1em;
 margin-bottom: 15px;
 }

ul#help-topmessage {
 width: 491px;
 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: 38px;
 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 #666; }

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

/**問い合わせ 入力のスタイル************************************************/
div#contact-inner {
 width: 491px;
 float: right;
 }
*html body div#contact-inner { margin-right: -15px; }

div#contact-wrap {
 margin-left: 38px;
 margin-bottom: 1em;
 }

div#contact-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#contact-moreinner {
 width: 450px;
 clear: both;
 }

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

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

table#contact-table {
 width: 491px;
 border: 1px solid #666;
 margin-bottom: 1.5em;
 }

table#contact-table td {
 border-bottom: 1px solid #666;
 padding: 0.2em;
 }

 div#to-contactconf {
 width: 491px;
 text-align: center;
 margin-bottom: 15px;
 }

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: 491px;
 border: 1px solid #666;
 margin-bottom: 1.5em;
 }

table#contactconf-table td {
 border-bottom: 1px solid #666;
 padding: 0.2em;
 }

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

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

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


/**問い合わせ 完了のスタイル************************************************/
div#contact-comp {
 width: 461px;
 clear: both;
 border: 5px solid #999;
 padding: 10px;
 margin-bottom: 1.5em;
 }


/**プライバシー規約のスタイル************************************************/
div#privacy-inner {
 width: 491px;
 float: right;
 }
*html body div#privacy-inner { margin-right: -15px; }

div#privacy-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#privacy-moreinner {
 width: 491px;
 clear: both;
 }

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

ul#pp-index {
 margin-bottom: 1em;
 font-weight: bold;
 list-style-type: none;
 }

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

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


/**利用規約のスタイル************************************************/
div#kiyaku-inner {
 width: 491px;
 float: right;
 }
*html body div#kiyaku-inner { margin-right: -15px; }


div#kiyaku-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#kiyaku-wrap {
 width: 491px;
 clear: both;
 }

ul#kiyaku-topmessage {
 width: 491px;
 margin-bottom: 1em;
 list-style-type: none;
 }
ul#kiyaku-topmessage li.middle { margin-bottom: 0.4em; }

div#kiyaku-moreinner {
 border: 4px solid #999;
 padding: 1em;
 width: 457px;
 margin-bottom: 15px;
 }
*html body div#kiyaku-moreinner { padding-right: 7px; }

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

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

div#kiyaku-moreinner ol li ul { width: 430px; }
div#kiyaku-moreinner ul#soufu-kome { width: 430px; }
div#kiyaku-moreinner ul#security { width: 463px; }
div#kiyaku-moreinner ul.saposen { width: 447px; }
*html body div#kiyaku-moreinner ul { width: 400px; margin-right: 0; padding-right: 0; }

div#kiyaku-moreinner ol li p {
 margin-left: 0;
 margin-bottom: 0.5em;
 }

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

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

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

div#kiyaku-moreinner 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#kiyaku-wrap ul li#textfield { margin: 10px 0; }


/**会社概要のスタイル************************************************/
div#company-inner {
 width: 491px;
 float: right;
 }
*html body div#company-inner { margin-right: -15px; }


div#company-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#company-moreinner {
 width: 491px;
 clear: both;
 }

div#company-main {
 margin-bottom: 1em;
 margin-left: 3px;
 }


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

div#company-main table {
 width: 450px;
 border: 1px solid #666;
 }

div#company-main td {
 border-bottom: 1px solid #666;
 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#login-inner {
 width: 491px;
 float: right;
 }
*html body div#login-inner { margin-right: -15px; }


div#login-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#login-wrap {
 width: 491px;
 clear: both;
 }


/**マイページ TOP************************************************/
div#mypage-inner {
 width: 491px;
 float: right;
 }
*html body div#mypage-inner { margin-right: -15px; }


div#mypage-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 5px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

div#mypage-wrap {
 width: 491px;
 clear: both;
 margin-top: 30px;
 *margin-top: 15px;
 }

div#mypage-main { margin-top: 15px; }

ul#navi {
 list-style: none;
 width: 491px;
 clear: both;
 }

ul#navi li {
 margin-bottom: 0.5em;
 float: left;
 font-weight: bold;
 }

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

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

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

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

div#mypage-changecomp-main { float: left; }
div.mypage-right { padding-left: 174px; }

div#deliv-right {
 *padding-left: 0px;
 *position: relative;
 }
div#refs-right {
 padding-left: 0px; 
 *padding-left: 0px;
 *position: relative;
 }
div#rireki {
 margin-left: 175px;
 margin-top: 4px;
 }
div#history-ie {
 width: 100%;
 float: left;
 *margin-top: 15px;
 }


div#history {
 margin-top: 15px;
 padding: 0px;
 *padding: 0.3em;
 float: left;
 }
div.history-in td { padding: 0.1em; }
div.main-box {
 margin-top: 2em;
 }

div.bot-box {
 margin-top: 15px;
 width: 491px;
 text-align: center;
 }
*html body div#deliv-right td#deli-com { margin-left: 0px; }
div#change-right { margin-left: 0px; }
*html body div#change-right { margin-left: -3px; }
div#changecomp-top { margin-top: 15px; }


/**会員登録 規約のスタイル************************************************/
h2#kiyaku2-title2 {
 width: 700px;
 height: 27px;
 top: 1px;
 left: 3px;
 position: relative;
 z-index: 2;
 background: url(../../images/kiyaku-title.gif) no-repeat;
 }

h2#kiyaku2-title {
 width: 675px;
 height: 26px;
 top: -26px;
 left: 13px;
 padding-left: 0.3em;
 position: relative;
 z-index: 1;
 color: #fff;
 background-color: #000066;
 font-size: x-small;
 }

div#entry-wrap {
 width: 491px;
 clear: both;
 }

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

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


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

ul#to-memberinput {
 width: 491px;
 text-align: center;
 margin: 15px 0 10px;
 *margin: 10px 0 5px;
 }

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

ul#to-memberinput li#left { margin-right: 10px; }


/**会員登録 個人情報入力のスタイル************************************************/
div#member-inner {
 width: 491px;
 float: right;
 }
*html body div#member-inner { margin-right: -15px; }


div#member-inner h2 {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }

h2#membercomp-title2 {
 width: 700px;
 height: 26px;
 top: 1px;
 left:38px;
 position: relative;
 z-index: 2;
 background: url(../../images/member-title.gif) no-repeat;
 }

div#member-moreinner {
 width: 491px;
 clear: both;
 }

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


table#member-table {
 width: 491px;
 }

table#member-table {
 border: 1px solid #666;
 }

td#td135 { width: 120px; *width: 120px; }
td#td402 { width: 328px; *width: 328px; }

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

table#member-table td#no-border, table#member-table td.no-border {
 border: 0;
 padding: 0.1em;
 }
 
 div#to-memberconf {
 width: 491px;
 text-align: center;
 margin: 15px 0 10px;
 *margin: 20px 0 5px;
 }

/**会員登録 個人情報確認のスタイル************************************************/
div#member-inner ul {
 list-style-type: none;
 margin-bottom: 0.5em;
 }

table#memberconf-table {
 width: 491px;
 border: 1px solid #555;
 margin-bottom: 1.5em;
 }

table#memberconf-table td {
 border-bottom: 1px solid #555;
 padding: 0.2em;
 }

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

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

div#member-comp { 
 width: 461px;
 border: 5px solid #999;
 padding: 10px;
 margin-bottom: 1.5em;
 clear: both;
 }

div#go-to-top {
 widht: 491px;
 text-align: center;
 }


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

h2#deli-detail {
 width: 495px;
 height: 26px;
 top: -25px;
 left: 3px;
 padding-left: 0.3em;
 position: relative;
 z-index: 1;
 color: #fff;
 background-color: #000;
 font-size: x-small;
 }

h2#deli-title {
 width: 491px;
 height: 29px;
 margin-bottom: 15px;
 padding-left: 15px;
 padding-top: 7px;
 background: url(../../images/title-bar.jpg) no-repeat;
 color: #fff;
 float: left;
 }


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

table#detail-input-table {
  border: 1px solid #666;
 }

table#detail-input-table td {
  padding: 0.2em;
 }

/**エラーページ************************************************/
div#error-inner {
 width: 491px;
 float: right;
 }
*html body div#error-inner { margin-right: -15px; }