@charset "UTF-8";

/*common*/
* { margin: 0; padding: 0;}
img { border:0; vertical-align:bottom;}
html { overflow:-moz-scrollbars-vertical; height:100%;}
body { background: #FFFFFF url(/aod_common/bg_head.gif) repeat-x top;; text-align: center; width: 100%; height:100%; padding: 0; 
margin: 0; color: #333333; font:13px Helvetica, Arial,"ヒラギノ角ゴ Pro W6", "ＭＳ Ｐゴシック", Osaka,sans-serif; *font-size: small; *font: x-small; line-height:1.4;}
table { font-size:inherit; font:100%;}
#wrapper { width:100%; position:relative; min-height:100%;}
*html #wrapper { height:100%;}
body>/**/#wrapper { height: auto;}
a { color:#666666; text-decoration:underline;}
a:hover { color: #F43213; text-decoration:none;}
a:active { color:#D50022;}

a.ar_aod { padding: 0 0 0 11px; background-image: url(/aod_common/ar_aod.gif); background-repeat: no-repeat; background-position: 0 3px;}
a.ar_aod:hover { background-image: url(/aod_common/ar_aod_over.gif); background-position: 1px 3px;}

#header { width:796px; height:29px; margin-top: 0; margin-right: auto; margin-bottom: 6px; margin-left: auto; text-align:left;}
#header .logo { float:left; display:inline;}
#btbrand { float:right; display:inline;}
#btbrand li { display:inline; list-style:none; padding:0; margin:0;}

/*----------main----------*/
#main { padding-bottom:270px; overflow:auto; width:796px; height:1%; margin:0 auto; text-align:left;}
*html #main { overflow: visible;}
#main2 { padding-bottom:270px; width:562px; margin:0 auto; text-align:left;}
#main_noitem { padding-bottom:127px; overflow:auto; width:796px; height:1%; margin:0 auto; text-align:left;}
*html #main_noitem { overflow: visible;}
#main_nofoot { padding-bottom:80px; overflow:auto; width:796px; height:1%; margin:0 auto; text-align:left;}
*html #main_nofoot { overflow: visible;}
h2 { padding:8px 0 16px 0;}
.leftarea { float:left; width:200px; display:inline; padding-bottom:40px;}
.rightarea { float:left; width:564px; display:inline; margin:0 0 0 26px; padding-bottom:40px;}
.memarea { width:540px; border:1px solid #DF2020; background: #FEEEEE; padding:10px; margin-bottom:20px;}
.memarea li { list-style:none;}
.memarea2 { float:left; width:280px; border:1px solid #FFFFFF; background: #ffffff; padding:6px; margin-bottom:10px;}
.memarea3 { float:right; width:245px; border:1px solid #FF9900; background: #ffffff; padding:6px; margin-bottom:10px;}
.float-l { float:left}
.memarea4 { float:left; width:84px; border:1px solid #FFFFFF; background: #ffffff; padding:1px; font-size:90%; margin-bottom:10px; word-break:break-all;}

/*---------leftmenu-----------*/
.leftmenu { margin:0 0 10px 0; background:#F5F5F5;}
.leftmenu li { list-style:none;}
.menutitle { margin-bottom:5px;}
.menuend { margin-bottom:5px;}

/*parts*/
.f_s10 { font-size:77%; }
.f_s11 { font-size:85%; }
.f_s12 { font-size:93%; }
.f_s13 { font-size:100%; }
.f_s14 { font-size:108%; }
.f_s15 { font-size:116%; }
.f_s16 { font-size:123.1%; }
.f_s17 { font-size:131%; }
.f_s18 { font-size:138.5%; }
.f_s19 { font-size:146.5%; }
.f_s20 { font-size:153.9%; }
.f_l { float:left; display:inline;}
.f_r { float:right; display:inline;}
.bold { font-weight: bolder;}
.asta{font-size:93%; color:#FF0000;}
.clear { clear:both;}
.subtitle { background:url(/aod_common/im_subtitle.gif) no-repeat left center; padding-left:17px;}
.errmsg { color:#FF0000; font-weight:bolder; margin-top:8px;}
.messagearea { background-image: url(../aod_img/bg_err_cont.jpg); background-repeat: repeat-y; width: 564px; text-align: center;}
.m_b10 { margin-bottom:10px;}
.m_b30 { margin-bottom:30px;}

.shopping_area { margin:11px auto 17px auto;}
.shopping_area li{ display:inline; list-style:none;}

/*footer*/
.bottomarea { clear:both; position:absolute; bottom:0; left:0; width:100%; height:270px; text-align:center;}
.bottomarea_noitem { clear:both; position:absolute; bottom:0; left:0; width:100%; height:127px; text-align:center;}
.bottomarea_nofoot { clear:both; position:absolute; bottom:0; left:0; width:100%; height:80px; text-align:center;}
.shopping_bt { width:756px; margin:11px auto 17px auto;}
.shopping_bt li{ display:inline; list-style:none;}
.bt_mr { margin-right:10px;}

.footerarea { background-color: #F0F0F0; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-top-color: #999999; border-right-color: #999999; border-bottom-color: #999999; border-left-color: #999999;}
.footerlinkarea { margin:14px auto 12px auto; background-color: #F0F0F0;}
.freedial { margin:15px 0 8px 0;}
.foot_link li { display:inline; list-style:none; font-size:77%; padding-right:12px;}
.copyright { padding-bottom:20px; font-size:77%; color:#666666; background-color: #F0F0F0;}

/*----------form area----------*/
.txareaL input,.txareaL textarea { width: 296px; border-top: 1px solid #6E6E6E; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #6E6E6E;}
.txareaM input { width: 140px; border-top: 1px solid #6E6E6E; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #6E6E6E;}
.txareaS input { width: 60px; border-top: 1px solid #6E6E6E; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #6E6E6E;}
.txareaSS input { width: 40px; border-top: 1px solid #6E6E6E; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #6E6E6E;}
.txareaSSS input { width: 30px; border-top: 1px solid #6E6E6E; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #6E6E6E;}
.pulldownL select, .pulldownL { width: 260px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; margin:0 20px 0 0;}
.pulldownM select, .pulldownM { width: 120px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
.pulldownS select, .pulldownS { width: 80px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666;}
.pulldownSS select { width: 80px; border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; margin-right: 10px;}
.pulldown select, .pulldown { border-top: 1px solid #666; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; margin:0 20px 0 0;}
.checkstyle input { margin-right:10px;}
.barea1 { line-height:87px;}
.barea2 { line-height:29px;}
.barea3 { line-height:244px;}
.barea4 { line-height:92px;}
.barea5 { line-height:47px;}
.barea6 { line-height:161px;}

.formarea table  { border-collapse:collapse; border-spacing:0; border:none;}
.formarea table tbody tr td{ border-right:0; border-bottom:0;}

/*cart*/
.m_l30 { margin-left:30px;}
.m_l31 { margin-left:31px;}
.carttable_m { width:756px; border-collapse:collapse; border-spacing:0; background-color:#F0F0F0; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #FFFFFF; border-left-color: #FFFFFF;}
.carttable_m tr { margin-bottom:1px;}
.carttable_m td { border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:5px;}
.itemname_m { vertical-align: middle; width:472px;}
.itemimage_m { vertical-align: middle; margin:0 8px 0 0;}
.price_m { width:90px;color:#595959; font-size:77%; text-align:right;}
.num_m { width:90px; color:#595959; font-size:77%; text-align:center;}
.total_m { width:90px; color:#595959; font-size:100%; text-align:right;}