/*
	カート側用CSS
*/

/* リセット */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }
input { margin:0; padding:0 2px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
div { float: left; display:inline; }
small{ display:block;}
/* レイアウト */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
div.right { float: right; }
div.text_left { text-align: left; }
div.input { text-align: left; }
.center { text-align: center; }

body {
    color: #666;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    word-wrap: break-word;
}

#wrapper { width: 900px; margin:0 auto; float: none; clear: right; display:block; }
#wrapper2 { width: 760px; margin:0 auto; float: none; clear: right; display:block; }
#header { width: 900px; }
#header .headCatch {
    background: #de3b3b none repeat scroll 0 0;
    display:block;
    float:none;
}
#header .headCatch strong {
    color: #fff;
    font-size: 92%;
    line-height: 26px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
    width: 1000px;
}
#header_inner1 { width: 310px; height: 70px; }
#header_inner2 { width: 670px; height: 30px; text-align: right; padding: 10px 0 0 0; }
#header_inner3 { width: 670px; height: 30px; padding: 0 0 0 0; }
#wrapper #container { width: 900px; margin: 0 auto; }
#wrapper2 #container { width: 760px; margin: 0 auto; }
#content { float: right; width: 760px; }
#content .top_block { width: 760px; height: 18px; overflow: hidden; background: url(../img/bg_content_top.png) 0 0 no-repeat; }
#content .middle_block { width: 760px; background: url(../img/bg_content_middle.png) 0 0 repeat-y; }
#content .middle_block .inner { width: 740px; margin-left: 10px; }
#content .bottom_block { width: 760px; height: 14px; background: url(../img/bg_content_bottom.png) 0 0 no-repeat; }
#footer { width: 900px; height: 90px; margin-top: 15px;}
#footer .footermenu { width: 100%; margin-bottom: 15px; text-align: center; font-size: 0.86em; font-weight: normal; color: #666666; }
#footer .copyright { width: 100%; text-align: center; font-size: 0.86em; color: #999999; }
#footer {
   /* border-top: 2px solid #f2834c;*/
    clear: both;
    position: relative;
}

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

/* フォント */
body { font: 12px/18px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#666666; }
.message { font-size:14px; font-weight: bold; color: #006600; border: 2px solid #009900; width: 756px; text-align: center; padding: 10px 0 10px 0; margin-top:5px; }
.header_message { font-weight: bold; color: #660000; text-align: center; }
.error-message { font-weight: bold; color: #FF0000;}
div.error-message { display:block; }
p.error-message { display:block; }
.note { font-weight: bold; color: #B1864E; }
.note_s { font-weight: normal; color: #B1864E; font-size:10px; }
.message_normal { font-size:14px; font-weight: bold; color: #006600; border: 2px solid #006600; width: 756px; text-align: center; padding: 10px 0 10px 0; margin-bottom: 10px; }
.message_warnning { font-size:14px; font-weight: bold; color: #999900; border: 2px solid #999900; width: 756px; text-align: center; padding: 10px 0 10px 0; margin-bottom: 10px; }
.message_error { font-size:14px; font-weight: bold; color: #FF0000; border: 2px solid #FF0000; width: 756px; text-align: center; padding: 10px 0 10px 0; margin-bottom: 10px; }
.message_no_js { font-size:14px; font-weight: bold; color: #FFFFFF; width: 756px; text-align: center; padding: 10px 0 10px 0; margin:10px 0 10px 0; background-color:#FF0000; }
.note_qty_update_btn { font-weight: normal; color: #B1864E; font-size:10px; }
.validation_error_box_title { font-size:14px; color:#FFFFFF; font-weight:bold; width:100%; padding:3px 0; text-align:center; background-color:#FF0000; }
.validation_error_title { font-size:14px; color:#FF0000; font-weight:bold; }
.validation_error_message { color:#FF0000; font-weight:normal; text-indent:18px; margin-left:10px; background: url(../img/icon_validation_error.png) 0 3px no-repeat;}
.validation_error { border: 2px solid #FF0000; width: 716px; text-align: left; padding: 10px; margin-bottom: 10px; }

.fs10 { font-size:10px }
.fs12 { font-size:12px }
.fs14 { font-size:14px }
.fs16 { font-size:16px }
.fs18 { font-size:18px }
.fs20 { font-size:20px }

/* 各要素 */
img { behavior: url(/global/scripts/lib/iepngfix.htc); border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

/*a { color: #08c; }*/
a { color: #176A8E; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
.validation_error a { color: #FF0000; }
.validation_error a:link
, .validation_error a:visited
, .validation_error a:active { text-decoration: none; }
.validation_error a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
abbr { border: 0; }

h1.cart { background: #FFFFFF url(../img/bg_h1_900.png) 0 0 no-repeat; width:900px; height:46px; text-indent: -1000em; }
h1.reminder { background: #FFFFFF url(../img/bg_h1_reminder.png) 0 0 no-repeat; width:760px; height:46px; text-indent: -1000em; }
h1.member_reg { background: #FFFFFF url(../img/bg_h1_member_reg.png) 0 0 no-repeat; width:760px; height:46px; text-indent: -1000em; }
h2.summary { background: #FFFFFF url(../img/bg_h2_summary.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.order_person { background: #FFFFFF url(../img/bg_h2_order.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.delivery { background: #FFFFFF url(../img/bg_h2_dest.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.settlement { background: #FFFFFF url(../img/bg_h2_settlement.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.other { background: #FFFFFF url(../img/bg_h2_other.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.order_done { background: #FFFFFF url(../img/bg_h2_order_done.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.entry { background: #FFFFFF url(../img/bg_h2_entry.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.member_entry_done { background: #FFFFFF url(../img/bg_h2_member_entry.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.questionnaire { background: #FFFFFF url(../img/bg_h2_questionnaire.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.questionnaire_send_done { background: #FFFFFF url(../img/bg_h2_questionnaire_send_done.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.error { background: #FFFFFF url(../img/bg_h2_error.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.credit { background: #FFFFFF url(../img/bg_h2_credit.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.edit_dest { background: #FFFFFF url(../img/bg_h2_edit_dest.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.list_dest { background: #FFFFFF url(../img/bg_h2_list_dest.png) 0 0 no-repeat; width:740px; height:30px; text-indent: -1000em; }
h2.reminder1 { background: #FFFFFF url(../img/bg_h2_reminder_navi1.png) 0 0 no-repeat; width:740px; height:52px; text-indent: -1000em; }
h2.reminder2 { background: #FFFFFF url(../img/bg_h2_reminder_navi2.png) 0 0 no-repeat; width:740px; height:52px; text-indent: -1000em; }
h2.reminder3 { background: #FFFFFF url(../img/bg_h2_reminder_navi3.png) 0 0 no-repeat; width:740px; height:52px; text-indent: -1000em; }
h3 { background: #c7e6fb url() no-repeat 0 0; font-size:14px; font-weight:bold; color:#176a8e; text-indent:10px; clear:both; padding:3px 5px; }
h3.first_person { background: #FFFFFF url(../img/bg_h3_to_first.png) 0 0 no-repeat; width:740px; height:30px; text-indent:-1000em; padding: 0;}
h3.delivery_no { width:740px; height:36px; }

.last { margin-bottom: 0; }

/* リスト */
ul { margin-bottom: 15px; list-style: none outside; }
ol { margin-bottom: 15px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ol.sosumi { margin-left: 0; padding-left: 2em; }

/* リスト1 */
ul.list1 { margin-left: 1.5em; list-style: square outside; line-height: 2em;}
ul.list1 li	{ border-bottom: 1px dotted #cccccc; }

/* テーブル - 共通 */
table tr td.top, table tr th.top { vertical-align: top !important; }
table tr td.middle, table tr th.middle { vertical-align: middle !important; }
table tr td.bottom, table tr th.bottom { vertical-align: bottom !important; }
table tr td.left, table tr th.left { text-align: left !important; }
table tr td.center, table tr th.center { text-align: center !important; }
table tr td.right, table tr th.right { text-align: right !important; }
table tr td.bdr_cancel, table tr th.bdr_cancel { border: 0px !important; }
table tr td.va-t {vertical-align: top; }
table td { line-height: 2; }
table td.bg_lightgreen { background-color:#dddddd !important; }
table td.bg_green { background-color:#99cccc !important; }

/* テーブル1 - サマリーのカゴの中 */
table.table1 { width: 100%;	border-collapse: separate; border-spacing: 1px; border-size: 0;}
table.table1 th.th1 { text-align: center; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #c7e6fb none; }
table.table1 th.th2 { text-align: right; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #dddddd none; padding-right: 10px; }
table.table1 th.th3 { text-align: right; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #99cccc none; padding-right: 10px; }
table.table1 td { background-color: #FFFFFF; text-align: left; vertical-align: middle; white-space: normal;	height: 30px; min-height: 30px; }
table.table1 td { padding: 5px 10px; border: 0px; line-height: 1.4; border-bottom: 1px dotted #deb44d; }

/* テーブル3 - ログイン用 */
table.table3 { width: 420px; border-collapse: separate; border-spacing: 1px; border-size: 0; margin-left:auto; margin-right:auto; }
table.table3 th,
table.table3 td { padding: 0 3px 3px 0; border: none; vertical-align: middle; height: auto; background: none; text-align:left; }
table.table3 th { width:120px; height: 25px; min-height: 25px; color: #176a8e; font-size:14px; font-weight: bold; }
table.table3 td { width:300px; color: #666666; font-weight: normal; }

/* テーブル4 - 個人情報用 */
table.table4 { width: 100%; border-collapse: separate; border-spacing: 1px; border-size: 0; margin-left:auto; margin-right:auto; }
table.table4 th,
table.table4 td { padding: 3px; border: none; vertical-align: middle; height: auto; background: none; text-align:left; line-height: 1.4; border-bottom: 1px dotted #e9d4a2; }
table.table4 th { height: 25px; min-height: 25px; color: #666666; font-size:12px; font-weight: bold; }
table.table4 td { color: #333333; font-weight: normal; }
table.table4 th.bdr_t,
table.table4 td.bdr_t { border-top: 1px dotted #e9d4a2; }
/* table.table4 th,table.table4 td {background-color:#FF0000;} */

/* テーブル5 - お届け先のカゴの中 */
table.table5 { width: 100%;	border-collapse: separate; border-spacing: 1px; border-size: 0;}
table.table5 th.th0 { text-align: center; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #21738F none; }
table.table5 th.th1 { text-align: center; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #c7e6fb none; }
table.table5 th.th2 { text-align: right; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #dddddd none; padding-right: 10px; }
table.table5 th.th3 { text-align: right; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 30px; min-height: 30px; background: #99cccc none; padding-right: 10px; }
table.table5 td { background-color: #FFFFFF; text-align: left; vertical-align: middle; white-space: normal;	height: 30px; min-height: 30px; }
table.table5 td { padding: 5px 10px; border: 0px; line-height: 1.4; border-bottom: 1px dotted #e9d4a2; }

/* テーブル6 - お届け先一覧用 */
table.table6 { width: 100%;	border-collapse: separate; border-spacing: 1px; border-size: 0;}
table.table6 th { text-align: center; white-space: normal; color: #176a8e; font-size:14px; font-weight: bold; height: 25px; min-height: 25px; background: #c7e6fb none; }
table.table6 td { background-color: #FFFFFF; text-align: left; vertical-align: middle; white-space: normal;	height: 25px; min-height: 25px; }
table.table6 td { padding: 5px 10px; border: 0px; line-height: 1.4; border-bottom: 1px dotted #deb44d; }

/* テーブル2 ボーダー無し */
table.table2 { width: 100%;	border-collapse: separate; border-spacing: 1px; border-size: 0;}
table.table2 th,
table.table2 td { padding: 0 3px 3px 0; border: none; vertical-align: middle; height: auto; background: none;}
table.table2 th { height: 25px; min-height: 25px; font-weight: bold; }
table.table2 td { font-weight: normal; }



/* 幅 */
.w10p { width: 10px; }
.w20p { width: 20px; }
.w30p { width: 30px; }
.w40p { width: 40px; }
.w50p { width: 50px; }
.w60p { width: 60px; }
.w70p { width: 70px; }
.w80p { width: 80px; }
.w90p { width: 90px; }
.w100p { width: 100px; }
.w150p { width: 150px; }
.w200p { width: 200px; }
.w250p { width: 250px; }
.w300p { width: 300px; }
.w350p { width: 350px; }
.w360p { width: 360px; }
.w390p { width: 390px; }
.w400p { width: 400px; }
.w450p { width: 450px; }
.w460p { width: 460px; }
.w500p { width: 500px; }
.w520p { width: 520px; }
.w540p { width: 540px; }
.w550p { width: 550px; }
.w600p { width: 600px; }

.w100 { width: 100%; }
.w100c { width: 100%; text-align: center;}

/* 高さ */
.h50p { height: 50px; }
.h100p { height: 100px; }
.h150p { height: 150px; }
.h200p { height: 200px; }
.h250p { height: 250px; }
.h300p { height: 300px; }
.h350p { height: 350px; }
.h400p { height: 400px; }
.h450p { height: 450px; }
.h460p { height: 460px; }
.h500p { height: 500px; }
.h520p { height: 520px; }
.h550p { height: 550px; }
.h600p { height: 600px; }


/* マージン　*/
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

.mr3 {margin-right:3px;}
.mr30 {margin-right:30px;}

.pt3 {padding-top:3px !important;}
.pt10 {padding-top:10px !important;}
.pb5 {padding-bottom:5px !important;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

.mc { margin-left:auto; margin-right:auto; float:none; display:block; clear:both; }
.fr {float:right !important;}
.fl {float:left !important;}

/* パーツ */
div.to_top { width: 98%; text-align: right; }
div.pager a:link { background-color:#EEEEEE; border:1px solid #CCCCCC; color:#999999; margin:2px; padding:1px 5px; text-decoration:none; }
div.pager a:visited { background-color:#EEEEEE; border:1px solid #CCCCCC; color:#999999; margin:2px; padding:1px 5px; text-decoration:none; }
div.pager a:link:hover { background-color:#FFFFFF; border:1px solid #CCCCCC; color:#999999; margin:2px; padding:1px 5px; text-decoration:none; }
div.pager .current { background-color:#FFFFFF; border:none; color:#666666; font-weight:bold; margin:2px; padding:1px 5px; }
.charge_free { background: #FFFFFF url(../img/icon_note.png) no-repeat 0 0; text-indent:27px; width:95%; height:25px; padding:3px 0 0 0; }
.delivery_charge_note { color:#990000; font-weight:bold; background: #FFFFFF url(../img/icon_note.png) no-repeat 0 0; text-indent:27px; width:95%; height:25px; padding:3px 0 0 0; }
.note_level0 { color:#666666; font-weight:bold; background: #FFFFFF url(../img/pnt_arrow_1.png) no-repeat 0 4px; text-indent:15px; width:95%; height:20px; padding:0 0 0 0; }
.note_level1 { color:#666666; font-weight:bold; background: #FFFFFF url(../img/icon_note.png) no-repeat 0 0; text-indent:27px; width:95%; height:25px; padding:3px 0 0 0; }
.note_level2 { color:#FF0000; font-weight:bold; background: #FFFFFF url(../img/icon_note.png) no-repeat 0 0; text-indent:27px; width:95%; height:25px; padding:3px 0 0 0; }
.cellnote_level0 { color:#666666; font-size: 11px; font-weight:bold; background: none; text-indent:0px; padding:0; letter-spacing:-1px; }
.cellnote_level1 { color:#990000; font-size: 11px; font-weight:bold; background: none; text-indent:0px; padding:0; letter-spacing:-1px; }
.cellnote_level2 { color:#FF0000; font-size: 11px; font-weight:bold; background: none; text-indent:0px; padding:0; letter-spacing:-1px; }
.required { color:#990000; }
.same_as_ordered_person { width: 633px; height:25px; margin-left:100px; margin-top:5px; }
.add_new_dest { width:60px; height:30px; font-size:20px; }
.link_zipcode_search { width:210px; }
.radio_delivery_time { min-width: 100px; width:100px;}
.datepicker_textbox_hide { width: 0px; border: 0px; color: #FFFFFF; }
.tsuide_box_side { width:120px; padding:5px; }
.tsuide_box_side.left { text-align:left; }
.tsuide_box_side.right { text-align:right; }
.tsuide_box_side.center { text-align:center; }
.hide { display:none; visibility:hidden; }

div.fotter-link{
	padding:0 0 0 10px;
}
div.fotter-link ul li{
	letter-spacing:0;
	display:inline;
	margin-right:10px;
}
div.fotter-link a{
	text-decoration:none;
	color:#333333;
}

hr.footer-border{
  clear:both;
  height: 1px;
  border: none;
  border-top: 1px #FF6600 solid;
}