@charset "UTF-8";

/* ==================================================================================================================

小窓（別ウィンドウ）

================================================================================================  */
#container h1#KomadoHeader {width:100%; text-align:center; padding:10px 0; background-color:#006666; color:#FFFFFF; font-size:16px}
#container #KomadoClose {width:158px; margin:20px auto}



/* 代金引換 */
#container #KomadoDaibiki {width:624px; padding:12px; margin:20px auto 0; border-style:solid; border-width:1px; font-weight:normal}
#container #KomadoDaibiki ul {width:624px}
#container #KomadoDaibiki li {width:594px; list-style:disc; margin:0 0 0 15px;}

/* のし */
#container #KomadoNoshi {width:624px; padding:12px; margin:20px auto 0; border-style:solid; border-width:1px; font-weight:normal}
#container #KomadoNoshi ul {width:624px}
#container #KomadoNoshi li {width:208px; float:left; margin-bottom:20px}
#container #KomadoNoshi td {padding:12px 12px 12px 0}

/* お届け履歴 */
#container #KomadoHistory {width:624px; padding:12px; margin:20px auto 0;	 font-weight:normal}
#container #KomadoHistory h2 {width:600px; background-color:#EEEEEE; border-width:1px; border-color:#CCCCCC; border-style:solid; font-size:18px; border-bottom:none; padding:12px; text-align:center}
#container #KomadoHistory table {width:626px; background-color:#CCCCCC}
#container #KomadoHistory th {width:100px; padding:12px; background-color:#FFFFFF}
#container #KomadoHistory td {width:476px; padding:12px; background-color:#FFFFFF}

/* 新規お届け先 */
#container #KomadoNewDestination {width:624px; padding:12px; margin:20px auto 0;	 font-weight:normal}
#container #KomadoNewDestination h2 {width:600px; background-color:#EEEEEE; border-width:1px; border-color:#CCCCCC; border-style:solid; font-size:18px; border-bottom:none; padding:12px; text-align:center}
#container #KomadoNewDestination table {width:626px; background-color:#CCCCCC}
#container #KomadoNewDestination th {width:100px; padding:12px; background-color:#FFFFFF}
#container #KomadoNewDestination td {width:476px; padding:12px; background-color:#FFFFFF}

/* 新規お届け先 */
#container #KomadoNewDestination {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #KomadoNewDestination h2 {width:640px; height:38px; text-indent:-9999px; display:block; background-image:url(../../exec/img/title_member_change.jpg); margin-bottom:35px}

#container #KomadoNewDestination table {background-color:#666666; width:640px; font-size:15px}
#container #KomadoNewDestination th {padding:12px 5px; text-align:left; vertical-align:top; width:142px; font-size:15px; background-color:#FFFFFF}
#container #KomadoNewDestination td {padding:12px; vertical-align:top; width:461px; background-color:#FFFFFF}

#container #KomadoNewDestination .btn { width:98px; margin-left:10px; padding-top:3px}


#container #KomadoNewDestination .Adress input {width:260px; margin:10px 0}
#container #KomadoNewDestination .ZipCode1 {width:93px; margin:0 0 0 5px}
#container #KomadoNewDestination .ZipCode2 {width:125px; margin-left:7px}
#container #KomadoNewDestination .Tel1 {width:70px; margin:0 4px 0 0}
#container #KomadoNewDestination .Tel2 {width:70px; margin:0 4px 0 7px}
#container #KomadoNewDestination .MemberName ul {width:280px}
#container #KomadoNewDestination .MemberName li {width:135px; margin:0; list-style:none; padding:0; float:left}
#container #KomadoNewDestination .MemberName input {width:125px; margin:0 10px 0 0}

#container #KomadoNewDestination #Question {margin-top:25px}
#container #KomadoNewDestination #Question table {width:638px; background-color:#CCCCCC}
#container #KomadoNewDestination #Question th {width:618px; padding:12px 10px; background-color:#FFFFCC; text-align:left}
#container #KomadoNewDestination #Question td {width:618px; padding:12px 10px; background-color:#FFFFFF}

#container #KomadoNewDestination #Question .Underline {padding:0 0 13px 0; margin:0 0 13px 0; background-image:url(/ex/tmpl/common/images/line.gif); background-position:bottom; background-repeat:repeat-x; width:618px; clear:both; text-align:right}
#container #KomadoNewDestination #Question .Underline input {width:13px}
#container #KomadoNewDestination #Question .Underline label {margin-right:1px}
#container #KomadoNewDestination #Question .UnderlineNo {text-align:right; width:618px}
#container #KomadoNewDestination #Question .UnderlineNo input {width:13px}
#container #KomadoNewDestination #Question .UnderlineNo label {margin-right:1px}



/* ==================================================================================================================

共通項目

================================================================================================  */


body {margin:0; padding:0; font-size:15px; font-weight:bold; color:#333333; line-height:130%; font-family:"ＭＳ Ｐゴシック", Arial,, Osaka, "ヒラギノ角ゴ Pro W3" }
h1 , h2 , h3 , p , ul , input {margin:0; padding:0}
/* width:614px → width:828px に変更 */
h4 {width:828px; padding:12px; background-color:#DDECF0; border-width:1px; border-style:solid; border-color:#CCCCCC; margin:40px 0 5px; font-size:17px; clear:both; display:block}

li {margin:0; padding:0; list-style:none}
a:link {color:#009966; font-size:14px; text-decoration:underline}
a:visited {color:#009966; font-size:14px; text-decoration:underline}
a:hover { color:#FF6666; font-size:14px; text-decoration:none}
a:active {color:#FF6666; font-size:14px; text-decoration:none}
img { border:0}

.TextField {width:260px}
.CheckBox { width:13px; margin:0 5px 0 0}
.ToTOP {text-align:right; padding:15px 0 30px; clear:both}
/* 入力フォーム等にプライバシーポリシーへのリンクを追加 2011.11.24 */
.PrivacyPolicy {font-weight:normal; text-align: right;}
/* お問い合わせ等にSSLについての文言を追加　2011.11.24 */
.ssl_txt {font-size: 12px; font-weight: normal;}



/* ■■　ヘッダー　■■ */


#container {width:880px; margin:0 auto; padding:0}


/*大きいヘッダー（880px）*/

#container #HeaderLarge {width:880px; height:82px; background-image:url(../images/header_bg_basket.jpg); padding-bottom:12px; margin:0}
#container #HeaderLarge h1 { margin:20px 153px 0 12px; float:left;}
#container #HeaderLarge #daimaruHS {margin-top:24px; float:right; margin-right:12px}
#container #HeaderNavi {padding-left:12px;padding-top:33px; float:left}
#container #HeaderNavi li {float:left}


/* ■■　フッター　■■ */


/*大きいフッター（メニュー無しバージョン）*/
#container #FooterMenuNo {width:880px; clear:both; background-image:url(../images/footer_bg.jpg); background-position:0 0; background-repeat:repeat-x}
#container #FooterMenuNo .copy { margin:46px 0 40px 199px}


/* ■■　メッセージ画面　■■ */
#container #Message {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #Message h2 {width:640px; height:38px; color:#ffffff; padding-top:10px; text-align:center; display:block; background:url(/ex/tmpl/img/title_bg.jpg) no-repeat; margin-bottom:35px}
#container #Message p {text-align:center; margin:70px 0}
#container #Message .BtnDmall {margin:0 0 40px 205px}


/* 追加 */
strong {font-weight:bold;}

.alignL {text-align:left;}
.alignC {text-align:center;}
.alignR {text-align:right;}
.ItemName {width:50%;}


/* ==================================================================================================================

ID認証

================================================================================================  */


#container #Login {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #Login h2 {width:640px; height:38px; text-indent:-9999px; display:block; background-image:url(/ex/tmpl/img/title_login.jpg); margin-bottom:35px}

#container #Login table {background-color:#666666; width:640px; font-size:15px}
#container #Login th {padding:12px 5px; text-align:left; vertical-align:top; width:142px; font-size:15px; background-color:#FFFFFF}
#container #Login td {padding:12px; vertical-align:top; width:461px; background-color:#FFFFFF}
#container #Login input {width:260px}

#container #Login img {margin:25px 0 40px 243px}



/* ==================================================================================================================

メールマガジン

================================================================================================  */


/* ↓見出し画像変更 2011.11.24 */
#container #Mag {width:640px; margin:0 auto; padding:20px 0 0 0}
#container #Mag h2 {width:640px; height:93px; text-indent:-9999px; display:block; background-image:url(/ex/tmpl/common/images/title_mail.jpg); margin-bottom:20px}
/* ↑見出し画像変更 2011.11.24 */

#container #Mag table {background-color:#666666; width:640px}
#container #Mag th {padding:12px 0 0; vertical-align:top; width:152px; font-size:15px; background-color:#FFFFFF;}
#container #Mag td {padding:12px; vertical-align:top; background-color:#FFFFFF; width:461px}
#container #Mag input {width:260px}
#container #Mag .btn { width:46px; margin-left:10px; padding-top:3px}


#container #Mag .CheckBox {width:450px; padding:10px 0 10px 10px; background-color:#EFEFEF; border-style:solid; border-width:1px; margin:10px 0; border-color:#CCCCCC}

#container #Mag .CheckBox .Underline {background-image:url(/ex/tmpl/common/images/line.gif); background-position:bottom; background-repeat:repeat-x; padding:0 12px 10px; width:416px; margin-bottom:10px}
#container #Mag .CheckBox .Underline input {margin-top:10px}
#container #Mag .CheckBox .Underline label {margin-right:10px}
#container #Mag .CheckBox .UnderlineNo input {margin-top:10px}
#container #Mag .CheckBox .UnderlineNo label {margin-right:10px}
#container #Mag .CheckBox input { width:13px; margin:0 5px 0 0}
#container #Mag .CheckBox .UnderlineNo {padding:0 12px; width:416px}

#container #Mag .CheckBox2 {width:450px; padding:0 0 10px 10px; background-color:#EFEFEF; border-style:solid; border-width:1px; margin:10px 0; border-color:#CCCCCC}
#container #Mag .CheckBox2 .Underline {background-image:url(/ex/tmpl/common/images/line.gif); background-position:bottom; background-repeat:repeat-x; padding:0 12px 10px; width:416px; margin-bottom:10px}
#container #Mag .CheckBox2 .Underline input {margin-top:10px}
#container #Mag .CheckBox2 .Underline label {margin-right:10px}
#container #Mag .CheckBox2 .UnderlineNo {padding:0 12px; width:416px}
#container #Mag .CheckBox2 .UnderlineNo input {margin-top:10px}
#container #Mag .CheckBox2 .UnderlineNo label {margin-right:10px}
#container #Mag .CheckBox2 input { width:13px; margin:0 5px 0 0}

#container #Mag #Attention {width:633px; padding:10px 0 10px 5px; background-color:#FFFFCC; ; border-style:solid; border-width:1px; margin:25px 0; border-color:#CCCCCC}
#container #Mag #Attention ul {width:635px}
#container #Mag #Attention li { padding:0 0 0 15px; margin:0; background-image:url(/ex/tmpl/img/list_style.gif); background-position:0 5px; background-repeat:no-repeat; width:620px}

#container #Mag .BtnDmall {margin:25px 0 40px 205px}



/* ==================================================================================================================

メンバー情報変更

================================================================================================  */


#container #Member {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #Member h2 {width:640px; height:38px;/* text-indent:-9999px; display:block; background-image:url(/ex/tmpl/img/title_member_change.jpg);*/ margin-bottom:35px}

#container #Member table {background-color:#666666; width:640px; font-size:15px}
#container #Member th {padding:12px 5px; text-align:left; vertical-align:top; width:142px; font-size:15px; background-color:#FFFFFF}
#container #Member td {padding:12px; vertical-align:top; width:461px; background-color:#FFFFFF}

#container #Member .btn { width:98px; margin-left:10px; padding-top:3px}


#container #Member .Adress input {width:260px; margin:10px 0}
#container #Member .ZipCode1 {width:93px; margin:0 0 0 5px}
#container #Member .ZipCode2 {width:125px; margin-left:7px}
#container #Member .Tel1 {width:70px; margin:0 4px 0 0}
#container #Member .Tel2 {width:70px; margin:0 4px 0 7px}
#container #Member .MemberName ul {width:280px}
#container #Member .MemberName li {width:135px; margin:0; list-style:none; padding:0; float:left}
#container #Member .MemberName input {width:125px; margin:0 10px 0 0}

#container #Member #Question {margin-top:25px}
#container #Member #Question table {width:638px; background-color:#CCCCCC}
#container #Member #Question th {width:618px; padding:12px 10px; background-color:#FFFFCC; text-align:left}
#container #Member #Question td {width:618px; padding:12px 10px; background-color:#FFFFFF}

#container #Member #Question .Underline {padding:0 0 13px 0; margin:0 0 13px 0; background-image:url(/ex/tmpl/common/images/line.gif); background-position:bottom; background-repeat:repeat-x; width:618px; clear:both; text-align:right}
#container #Member #Question .Underline input {width:13px}
#container #Member #Question .Underline label {margin-right:1px}
#container #Member #Question .UnderlineNo {text-align:right; width:618px}
#container #Member #Question .UnderlineNo input {width:13px}
#container #Member #Question .UnderlineNo label {margin-right:1px}



/* ==================================================================================================================

パスワード変更

================================================================================================  */


#container #ReminderChange {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #ReminderChange h2 {width:640px; height:38px; text-indent:-9999px; display:block; background-image:url(/ex/tmpl/img/title_reminder_change.jpg); margin-bottom:35px}

#container #ReminderChange table {background-color:#666666; width:640px; font-size:15px}
#container #ReminderChange th {padding:12px 5px; text-align:left; vertical-align:top; width:142px; font-size:15px; background-color:#FFFFFF}
#container #ReminderChange td {padding:12px; vertical-align:top; width:461px; background-color:#FFFFFF}
#container #ReminderChange input {width:260px}

#container #ReminderChange .BtnEntryEnd {margin:25px 0 40px 243px}
#container #ReminderChange span {color:#FF0000; margin-top:10px}


/* パスワード再設定 */
#container #ReminderAgain {width:640px; margin:0 auto; padding:32px 0 0 0}
#container #ReminderAgain h2 {width:640px; height:38px; text-indent:-9999px; display:block; background-image:url(/ex/tmpl/img/title_reminder_again.jpg); margin-bottom:35px}
#container #ReminderAgain p {margin:10px 0 30px; font-weight:normal}

#container #ReminderAgain table {background-color:#666666; width:640px; font-size:15px; margin-bottom:10px}
#container #ReminderAgain th {padding:12px 5px; text-align:left; vertical-align:top;/* width:188px;*/ font-size:15px; background-color:#FFFFFF}
#container #ReminderAgain td {padding:12px; vertical-align:top;/* width:415px;*/ background-color:#FFFFFF}

#container #ReminderAgain input.MailAdress {width:260px}
/*
#container #ReminderAgain .Tel1 {width:62px; margin:0 4px 0 0}
#container #ReminderAgain .Tel2 {width:63px; margin:0 4px 0 7px}
*/

#container #ReminderAgain .BtnEntryEnd {margin:25px 0 40px 243px}
#container #ReminderAgain span {color:#FF0000}



/* ==================================================================================================================

ボタン関係

================================================================================================  */


#container #BtnSearchZip {margin:10px 0 0 5px}

/* 追加 */
#container .Buttons {clear:both; margin:25px 0 0 0; text-align:center;}
#container .Buttons #BtnBack {margin:0 20px 0 0 ; display:inline;}
#container .Buttons #BtnNext {margin:0; display:inline;}



/* ==================================================================================================================

買い物カゴ

================================================================================================  */


#container #location {width:880px; padding:32px 0 0 0}
#container #location li { width:132px; float:left; padding:0 17px 0 0; margin:0; background-image:url(/ex/tmpl/img/img_yajirushi.jpg); background-position:right 17px; background-repeat:no-repeat}
#container #location .clear {padding:0; width:132px; margin:0}
/* 買い物カゴ 追加 */
#container #RejiTitle {width:880px; padding:32px 0 0 0}
#container #RejiTitle h2 {background-image:url(/ex/tmpl/img/title_reji.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block;}
/**/
/*width:640px → width:854px に変更*/
#container #CartReji {width:854px; margin:0 auto; padding:32px 0 0 0; clear:both}
#container #CartReji p { text-align:center; padding-bottom:34px; font-size:18px}
#container #CartReji table {background-color:#CCCCCC; width:854px; font-size:15px}
#container #CartReji th {padding:12px 5px; vertical-align:top; text-align:center; font-size:16px; background-color:#EFEFEF}
#container #CartReji td {padding:12px; vertical-align:top; background-color:#FFFFFF; font-weight:normal}
#container #CartReji .CartProduct {}
#container #CartReji .CartUnitPrice , .CartSubtotal {text-align:right}
#container #CartReji .CartAmount , .CartDelete {text-align:center}

#container #CartRecomend {width:870px; clear:both; margin:60px 0 40px 0;}
#container #CartRecomend h2 {background-image:url(/ex/tmpl/img/title_recomend.jpg); background-repeat:no-repeat;background-position:0 10px; width:880px; height:32px; text-indent:-9999px; display:block}
#container #CartRecomend #ichiran {position:absolute; margin-left:722px}

/* 以下に変更 */
#container #CartRecomend ul {width:870px; margin:20px 0 0 0; padding:0 4px}
#container #CartRecomend li {width:158px; margin:0 8px; float:left; display:inline;}
#container #CartRecomend p {margin-bottom:10px}
#container #CartRecomend span {color:#C50404; font-weight:bold}
#container #CartRecomend .clear {width:160px; margin:0}
#container #CartRecomend h3 {height: 5em; overflow:auto;}


/* ==================================================================================================================

お客さま情報入力

================================================================================================  */

#container #location {width:880px; padding:32px 0 0 0}
#container #location li { width:132px; float:left; padding:0 17px 0 0; margin:0; background-image:url(/ex/tmpl/img/img_yajirushi.jpg); background-position:right 17px; background-repeat:no-repeat}
#container #location .clear {padding:0; width:132px; margin:0}

/* 変更・追加分（#CartInfo → #CartLogin に変更） */
#container #CartLogin {width:880px; margin:0; padding:86px 0 0 0; clear:both}
/*#container #CartLogin p { text-align:center; padding-bottom:34px; font-size:18px}*/
#container #CartLogin h3 {background-image:url(/ex/tmpl/img/title_welcome.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px;}

#container #CartLogin #CartLoginFrame {background: url(/ex/tmpl/img/login_bg.gif) top left repeat-y; float: left;}
#container #CartLogin h4 { width:391px; color:#ffffff; text-align:center; background:url(/ex/tmpl/img/title_bg.jpg) center no-repeat; margin:0; border: none;}



#container #CartLogin #ID_PW_Input {width:417px; padding-bottom:20px; margin:0 10px 20px 13px; background-color:#F9FAF1; float:left; display:inline;}
/*#container #CartLogin #ID_PW_Input h4 {font-size:16px; padding:12px; background-color:#BACC9C; width:391px; margin:0;}*/
#container #CartLogin #ID_PW_Input p {text-align:left; padding:12px; font-weight:normal; font-size:14px}
#container #CartLogin #ID_PW_Input ul {margin:0 0 0 20px}
#container #CartLogin #ID_PW_Input .button {margin:20px 12px 10px 12px; text-align:center;}
#container #CartLogin #ID_PW_Input .MemberIDattention {font-weight:bold;color:#C50404; font-size:14px; margin:20px 0 0 12px; padding:0}
#container #CartLogin #ID_PW_Input .AboutAttention { padding:0 12px 0 20px;}

#container #CartLogin #AboutID {width:417px; padding-bottom:20px; margin:0 13px 20px 10px; background-color:#F9FAF1; float:right; display:inline;}
/*#container #CartLogin #AboutID h4 {font-size:16px; padding:12px; background-color:#BACC9C; width:391px; margin:0;}*/
#container #CartLogin #AboutID p {text-align:left; padding:12px; font-weight:normal; font-size:14px;}

#container #CartLogin #AboutID .MemberIDabout {font-weight:bold; font-size:14px; margin:30px 0 0 12px; padding:0}
#container #CartLogin #AboutID .MemberIDattention {font-weight:bold;color:#C50404; font-size:14px; margin:20px 0 0 12px; padding:0}
#container #CartLogin #AboutID .button {margin:14px 12px 0 12px; text-align:center;}
#container #CartLogin #AboutID .AboutAttention { padding:0 12px 0 20px;}
/**/

/*width:640px → width:880px に変更*/
#container #CartInfo {width:880px; margin:0 auto; padding:32px 0 0 0; clear:both}
#container #CartInfo p { text-align:center; padding-bottom:34px; font-size:18px}
#container #CartInfo h3 { background-image:url(/ex/tmpl/img/titile_customer_info.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px}
#container #CartInfo img {margin-bottom:10px}

/*width:640px → width:854px、margin:0; → margin:0 auto; に変更 */
#container #CartInfo #EntryForm h4 {margin:0 auto; border-bottom:none; font-size:17px}
#container #CartInfo #EntryForm table {margin:0 auto;background-color:#CCCCCC; width:854px}
#container #CartInfo #EntryForm th { padding:12px 10px; background-color:#FFFFFF; text-align:left; width:160px; vertical-align:top}
#container #CartInfo #EntryForm td { padding:12px 10px; background-color:#FFFFFF; width:437px; font-weight:normal}
#container #CartInfo #EntryForm img {margin-right:20px}


#container #CartInfo .Adress input {width:260px; margin:10px 0}
#container #CartInfo .ZipCode1 {width:90px; margin:0 0 0 5px}
#container #CartInfo .ZipCode2 {width:100px; margin-left:7px}
#container #CartInfo .Tel1 {width:70px; margin:0 4px 0 0}
#container #CartInfo .Tel2 {width:70px; margin:0 4px 0 7px}
#container #CartInfo .MemberName ul {width:280px}
#container #CartInfo .MemberName li {width:135px; margin:0; list-style:none; padding:0; float:left}
#container #CartInfo .MemberName input {width:125px; margin:0 10px 0 0}



/* ==================================================================================================================

お届け先指定

================================================================================================  */

/* 共通 */

#container #CartSend .Adress input {width:260px; margin:10px 0}
#container #CartSend .ZipCode1 {width:90px; margin:0 0 0 5px}
#container #CartSend .ZipCode2 {width:100px; margin-left:7px}
#container #CartSend .Tel1 {width:70px; margin:0 4px 0 0}
#container #CartSend .Tel2 {width:70px; margin:0 4px 0 7px}
#container #CartSend .MemberName ul {width:280px}
#container #CartSend .MemberName li {width:135px; margin:0; list-style:none; padding:0; float:left}
#container #CartSend .MemberName input {width:125px; margin:0 10px 0 0}

#container #location {width:880px; padding:32px 0 0 0}
#container #location li { width:132px; float:left; padding:0 17px 0 0; margin:0; background-image:url(/ex/tmpl/img/img_yajirushi.jpg); background-position:right 17px; background-repeat:no-repeat}
#container #location .clear {padding:0; width:132px; margin:0}
/* width:640px → width:880px に変更 */
#container #CartSend {width:880px; margin:0 auto; padding:32px 0 0 0; clear:both}
/* font-size:18px; 追加 */
#container #CartSend p { text-align:center; padding-bottom:34px; font-size:18px;}

#container #CartSend h3.title_customer { background-image:url(/ex/tmpl/img/titile_customer_info.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px}

/* ■■お届け先指定(1)■■ */

/* お客様情報のecho(1.2.3) */
#container #CartSend #echo {width:854px; margin:0 auto; text-align:right; margin-bottom:40px;}
#container #CartSend #echo table {width:640px; background-color:#CCCCCC; margin-bottom:20px; float:left;}
#container #CartSend #echo th { padding:12px 10px; background-color:#EEEEEE; text-align:left; width:160px}
#container #CartSend #echo td { padding:12px 10px; background-color:#F5F5F5; width:435px; font-weight:normal; text-align:left;}

#container #CartSend h3.title_delivery { background-image:url(/ex/tmpl/img/title_send_information.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px; clear:both;}

/* 配送先指定 */
#container #CartSend .Delivery {clear:both; width:852px; border:solid 1px #CCCCCC; padding-bottom:12px; margin:20px auto 0 auto;}
#container #CartSend .Delivery h4 {background-color:#DDECF0; border:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCCCCC; padding:12px; margin:0 0 15px 0; font-size:18px}
#container #CartSend .Delivery h5 {padding:10px; background-color:#EEEEEE; margin:30px 12px 5px 12px; font-size:16px;}
#container #CartSend .Delivery .BtnReset {width:206px; position:absolute; margin:5px 0 0 636px;}
#container #CartSend .Delivery .Buttons p {margin:0 12px; display:inline;}

#container #CartSend .Delivery table.DeliveryAdress {background-color:#ffffff; width:640px;}
#container #CartSend .Delivery table.DeliveryAdress th { padding:12px 10px; background-color:#ffffff; text-align:left; width:90px;}
#container #CartSend .Delivery table.DeliveryAdress td { padding:12px 10px; background-color:#ffffff; width:505px; font-weight:normal}

#container #CartSend .Delivery table.AddAdress {background-color:#cccccc; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #CartSend .Delivery table.AddAdress th {padding:12px 10px; background-color:#ffffff; text-align:left; white-space:nowrap;}
#container #CartSend .Delivery table.AddAdress td { padding:12px 10px; background-color:#ffffff; font-weight:normal}

#container #CartSend .Delivery table.wrapping {background-color:#CCCCCC; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #CartSend .Delivery table.wrapping th { padding:12px 5px; text-align:center; font-size:15px; background-color:#EFEFEF}
#container #CartSend .Delivery table.wrapping td {padding:12px; background-color:#FFFFFF; font-weight:normal}
#container #CartSend .Delivery table.wrapping .CartProduct {/*width:288px*/}
#container #CartSend .Delivery table.wrapping .CartAmount {/*width:80px;*/ text-align:center;}
#container #CartSend .Delivery table.wrapping .noshi {/*width:170px;*/ text-align:center;}

#container #CartSend .Delivery table.DayTime {background-color:#CCCCCC; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #CartSend .Delivery table.DayTime th {padding:12px 10px; background-color:#FFFFFF; text-align:left; white-space:nowrap;}
#container #CartSend .Delivery table.DayTime td {padding:12px 10px; background-color:#FFFFFF; font-weight:normal}



/* ==================================================================================================================

お支払い方法

================================================================================================  */

/* width:640px → width:880px に変更 */
#container #Pay {width:880px; margin:0 auto; padding:32px 0 0 0; clear:both;}
#container #Pay p { text-align:center; padding-bottom:34px; font-size:18px;}
#container #Pay img {margin-bottom:10px}
/*

/* ご注文金額合計 追加 */
#container #Pay #TotalPrice h3 { background-image:url(/ex/tmpl/img/title_conf_totalprice.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px}
#container #Pay #TotalPrice table {width:590px; margin:10px auto; background-color:#CCCCCC}
#container #Pay #TotalPrice th { padding:12px 5px; vertical-align:top; text-align:center; font-size:15px; background-color:#EFEFEF}
#container #Pay #TotalPrice td {padding:12px; vertical-align:top; background-color:#FFFFFF; font-weight:normal; text-align:right;}
#container #Pay #TotalPrice td.Destination {text-align:left;}

/* お支払い方法 追加 */
#container #Pay #PayMethod h3 { background-image:url(/ex/tmpl/img/title_paymethod.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin:40px 0 10px 0;}

/* クレジットカード */

#container #Pay #PayMethod #PayCredit {width:852px; border-width:1px; border-style:solid; border-color:#CCCCCC; margin:20px auto 5px auto; font-size:15px; clear:both; display:block; padding:0 0 12px 0}
#container #Pay #PayMethod #PayCredit h4 {background-color:#DDECF0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCCCCC; border-top:none; border-left:none; border-right:none; padding:12px; margin:0 0 15px; font-size:18px}
#container #Pay #PayMethod #PayCredit p {padding:0 12px;/* width:590px;*/ font-weight:normal; font-size:13px; text-align:left}
#container #Pay #PayMethod #PayCredit h5 {padding:10px; background-color:#EEEEEE;/* width:592px;*/ margin:10px 12px 5px; font-size:16px}
#container #Pay #PayMethod #PayCredit h5 span { font-size:12px}
#container #Pay #PayMethod #PayCredit h6 {padding:0 12px; font-size:14px}
#container #Pay #PayMethod #PayCredit ul {/*width:594px;*/
	clear:both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 60px;
}
#container #Pay #PayMethod #PayCredit li {width:230px; float:left; margin:0 20px 0 0; padding-bottom:15px; display:block}
#container #Pay #PayMethod #PayCredit img {float:left;}
#container #Pay #PayMethod #PayCredit ul p {width:117px; float:right; margin:0; padding:0; font-size:13px; line-height:110%; font-weight:normal}
#container #Pay #PayMethod #PayCredit span {font-size:11px}
#container #Pay #PayMethod #PayCredit .CreditAttention {padding:10px auto; text-align:left; font-size:13px; clear:both; font-size:14px;color:#C50404; font-weight:bold}
#container #Pay #PayMethod #PayCredit #OtherCard {width:650px; padding:10px 19px; margin:0 auto 20px auto;}
/* ↑2011年7月12日AMEX追加に伴いwidth:572px → width:650px に変更 */
#container #Pay #PayMethod #PayCredit #OtherCard img {margin:0 6px}
#container #Pay #PayMethod #PayCredit table {width:590px; margin:10px auto; background-color:#CCCCCC}
#container #Pay #PayMethod #PayCredit th { padding:12px 10px; background-color:#FFFFFF; text-align:left;/* width:110px;*/ vertical-align:top}
#container #Pay #PayMethod #PayCredit td { padding:12px 10px; background-color:#FFFFFF; /*width:440px;*/ vertical-align:top; font-weight:normal}

/* 代金引換 */
#container #Pay #PayMethod #PayCOD {width:852px; border-width:1px; border-style:solid; border-color:#CCCCCC; margin:20px auto 5px auto; font-size:15px; clear:both; display:block; padding:0 0 12px 0; overflow:auto;}
#container #Pay #PayMethod #PayCOD h4 {background-color:#DDECF0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCCCCC; border-top:none; border-left:none; border-right:none; padding:12px; margin:0 0 15px; font-size:18px}
#container #Pay #PayMethod #PayCOD p {padding:0 12px; font-weight:normal; font-size:13px; text-align:left: float:left; display:inline;}
#container #Pay #PayMethod #PayCOD img {margin:0 12px 0 0; float:right;}
/* 追加 */
#container #Pay #PayMethod #PayCOD #CODAttention {clear: both; margin: 12px 12px 0 12px; padding: 12px;clear: both; border: solid 1px #cccccc;}
#container #Pay #PayMethod #PayCOD #CODAttention ul li {list-style-image: url(/ex/tmpl/img/img_list_daibiki.jpg); margin-left: 1em; font-weight: normal;}
#container #Pay #PayMethod #PayCOD #CODAttention ul li strong {color:#C50404; font-weight: normal;}


/* 郵便・コンビニ振込（代金先払い） */
#container #Pay #PayMethod #PayConvenience {clar:both; width:852px; border-width:1px; border-style:solid; border-color:#CCCCCC; margin:20px auto 5px auto; font-size:15px; clear:both; display:block; padding:0 0 12px 0}
#container #Pay #PayMethod #PayConvenience h4 {background-color:#DDECF0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCCCCC; border-top:none; border-left:none; border-right:none; padding:12px; margin:0 0 15px; font-size:18px}
#container #Pay #PayMethod #PayConvenience p {padding:0 12px; /*width:590px;*/ font-weight:normal; font-size:13px}
#container #Pay #PayMethod #PayConvenience img {margin:15px 0 0 12px}
#container #Pay #PayMethod #PayConvenience h5 {padding:10px; background-color:#EEEEEE; width:592px; margin:10px 12px 5px; font-size:16px}
#container #Pay #PayMethod #PayConvenience #ConvenienceList {border-style:solid; border-width:1px; border-color:#CCCCCC; width:614px; margin:20px auto 0 auto; padding:0 0 12px 0;}
#container #Pay #PayMethod #PayConvenience #ConvenienceList img {margin:12px}
#container #Pay #PayMethod #PayConvenience #ConvenienceList p {text-align:left}

/* ==================================================================================================================

最終確認

================================================================================================  */

/* width:640px → width:880px に変更 */
#container #Conf {width:880px; margin:0 auto; padding:32px 0 0 0; clear:both}
#container #Conf h3 { background-image:url(/ex/tmpl/img/titile_customer_info.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin:0 0 20px 0}
#container #Conf p {padding-bottom:34px; font-weight:bold; font-size:18px; text-align:center}

/* お客様情報のecho 追加 */
#container #Conf #echo {width:854px; margin:0 auto; text-align:right;}
#container #Conf #echo table {width:640px; background-color:#CCCCCC; margin-bottom:20px; float:left;}
#container #Conf #echo th { padding:12px 10px; background-color:#EEEEEE; text-align:left; width:160px}
#container #Conf #echo td { padding:12px 10px; background-color:#F5F5F5; width:435px; font-weight:normal; text-align:left}


#container #Conf .OrderAttention {margin-right:180px;text-align:right; font-size:13px; font-size:14px;color:#C50404; font-weight:bold;}



/* ==================================================================================================================

ご注文完了

================================================================================================  */

/* width:640px → width:880px に変更 */
#container #Complete {width:880px; margin:0 auto; padding:32px 0 0 0; clear:both;}
#container #Complete p {padding-bottom:16px; font-weight:bold; font-size:18px; text-align:center}

#container #Complete #CompleteHead { line-height:130%: text-align:center;}
#container #Complete #CompleteHead p {padding-bottom:10px; font-weight:normal; font-size:14px;}
#container #Complete #CompleteHead img { margin-right:12px; vertical-align: middle;}
#container #Complete #CompleteHead #OrderNumber {font-size:17px; font-weight:bold; margin:20px 0}

#container #Complete h3 { background-image:url(/ex/tmpl/img/titile_customer_info.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin:0 0 20px 0}


/* お客様情報のecho 追加 */
#container #Complete #echo {width:854px; margin:0 auto;}
#container #Complete #echo table {width:640px; background-color:#CCCCCC; margin: 0 auto 20px auto;}
#container #Complete #echo th { padding:12px 10px; background-color:#EEEEEE; text-align:left; width:160px}
#container #Complete #echo td { padding:12px 10px; background-color:#F5F5F5; width:435px; font-weight:normal; text-align:left}



/* ==================================================================================================================

最終確認 ＆ ご注文完了 共通

================================================================================================  */

/* width:640px → width:880px に変更 */
#container #SendInformation {clear:both; width:880px; margin:40px 0 0 0; padding:0}
#container #SendInformation h3 { background-image:url(/ex/tmpl/img/title_send_information.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin:0}
#container #SendInformation table {background-color:#999999; /*width:640px*/}
#container #SendInformation th { padding:12px 10px; background-color:#FFFFFF; text-align:left; /*width:160px*/}
#container #SendInformation td { padding:12px 10px; background-color:#FFFFFF; /*width:435px*/; font-weight:normal}

/* 配送先指定 */
#container #SendInformation .Delivery {clear:both; width:852px; border:solid 1px #CCCCCC; padding-bottom:12px; margin:20px auto 0 auto;}
#container #SendInformation .Delivery h4 {background-color:#DDECF0; border:none; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCCCCC; padding:12px; margin:0 0 15px 0; font-size:18px}
#container #SendInformation .Delivery h5 {padding:10px; background-color:#EEEEEE; margin:30px 12px 5px 12px; font-size:16px;}

#container #SendInformation .Delivery table.DeliveryAdress {background-color:#ffffff; width:640px;}
#container #SendInformation .Delivery table.DeliveryAdress th { padding:12px 10px; background-color:#ffffff; text-align:left; width:90px;}
#container #SendInformation .Delivery table.DeliveryAdress td { padding:12px 10px; background-color:#ffffff; width:505px; font-weight:normal}

#container #SendInformation .Delivery table.AddAdress {background-color:#cccccc; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #SendInformation .Delivery table.AddAdress th {padding:12px 10px; background-color:#ffffff; text-align:left; white-space:nowrap;}
#container #SendInformation .Delivery table.AddAdress td { padding:12px 10px; background-color:#ffffff; font-weight:normal}

#container #SendInformation .Delivery table.wrapping {background-color:#CCCCCC; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #SendInformation .Delivery table.wrapping th {padding:12px 5px; text-align:center; font-size:15px; background-color:#EFEFEF}
#container #SendInformation .Delivery table.wrapping td {padding:12px; background-color:#FFFFFF; font-weight:normal}
#container #SendInformation .Delivery table.wrapping .CartProduct {/*width:288px*/}
#container #SendInformation .Delivery table.wrapping .CartUnitPrice {text-align:right;}
#container #SendInformation .Delivery table.wrapping .CartAmount {/*width:80px;*/ text-align:center;}
#container #SendInformation .Delivery table.wrapping .CartSubtotal {/*width:80px;*/ text-align:right;}
#container #SendInformation .Delivery table.wrapping .noshi {/*width:170px;*/ text-align:center; white-space:nowrap;}

#container #SendInformation .Delivery table.DayTime {background-color:#CCCCCC; width:828px; font-size:15px; margin:12px 12px 0 12px;}
#container #SendInformation .Delivery table.DayTime th {padding:12px 10px; background-color:#FFFFFF; text-align:left;}
#container #SendInformation .Delivery table.DayTime td {padding:12px 10px; background-color:#FFFFFF; font-weight:normal}

/* ご注文金額合計 */
#container #TotalPrice {width:880px; margin-top:40px}
#container #TotalPrice h3 { background-image:url(/ex/tmpl/img/title_conf_totalprice.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px}
#container #TotalPrice table {width:590px; margin:10px auto; background-color:#CCCCCC}
#container #TotalPrice th { padding:12px 5px; vertical-align:top; text-align:center; font-size:15px; background-color:#EFEFEF}
#container #TotalPrice td {padding:12px; vertical-align:top; background-color:#FFFFFF; font-weight:normal; text-align:right;}
#container #TotalPrice td.Destination {text-align:left;}

/* お支払い方法 #PayConvinience → .PayCaseに、width:640px; → width:880px; に変更 */
#container #PayMethod {width:880px; margin-top:40px}
#container #PayMethod h3 { background-image:url(/ex/tmpl/img/title_paymethod.jpg); background-repeat:no-repeat; width:880px; height:23px; text-indent:-9999px; display:block; margin-bottom:20px}

#container #PayMethod .PayCase {width:852px; border-width:1px; border-style:solid; border-color:#CCCCCC; margin:20px auto 0 auto; font-size:15px; clear:both; display:block; padding:0 0 12px 0}
#container #PayMethod .PayCase h4 {background-color:#DDECF0; border-width:1px; border-style:solid; border-bottom-color:#CCCCCC; border-top:none; border-left:none; border-right:none; padding:12px; margin:0 0 15px;/* width:614px;*/ font-size:18px}
#container #PayMethod .PayCase p {padding:0 12px;/* width:590px;*/ font-weight:normal; font-size:13px}
#container #PayMethod .PayCase img {margin:15px 0 0 12px}
#container #PayMethod .PayCase h5 {padding:10px; background-color:#EEEEEE; width:592px; margin:10px 12px 5px; font-size:16px}

/* お支払い方法 追加*/
#container #PayMethod .PayCase #Creditcard {width:590px; margin:10px auto; background-color:#cccccc;}
#container #PayMethod .PayCase #Creditcard th { padding:12px 10px; background-color:#FFFFFF; text-align:left; vertical-align:top}
#container #PayMethod .PayCase #Creditcard td { padding:12px 10px; background-color:#FFFFFF; vertical-align:top; font-weight:normal}
#container #PayMethod .PayCase #Creditcard #CreditcardInfo {background-color:#EFEFEF; text-align:center;}
#container #PayMethod .PayCase ul {margin: 0 12px; padding-left:1.5em; list-style-type:disc; font-size:13px; font-weight:normal;}
#container #PayMethod .PayCase ul li {list-style-type:disc;}
/**/
#container #PayMethod .PayCase #ConvenienceList {border-style:solid; border-width:1px; border-color:#CCCCCC; width:614px; margin:20px auto 0 auto; padding:0 0 12px 0;}
#container #PayMethod .PayCase #ConvenienceList img {margin:12px}
#container #PayMethod .PayCase #ConvenienceList p {text-align:left}


/*商品カタログ・DM*/
#container #Question {width:852px; margin:25px auto 0 auto; background-color:#CCCCCC}
#container #Question th {padding:12px 10px; background-color:#FFFFCC; text-align:left}
#container #Question td {padding:12px 10px; background-color:#FFFFFF; font-weight:normal}

#container #Question .Underline {padding:0 0 13px 0; margin:0 0 13px 0; background-image:url(/ex/tmpl/common/images/line.gif); background-position:bottom; background-repeat:repeat-x; clear:both; text-align:right}
#container #Question .Underline input {width:13px}
#container #Question .Underline label {margin-right:1px}
#container #Question .UnderlineNo {text-align:right;}
#container #Question .UnderlineNo input {width:13px}
#container #Question .UnderlineNo label {margin-right:1px}