@charset "Shift_JIS";
/* CSS Document */

body, div, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, ul, li { margin: 0; padding: 0; }

body { line-height: 140%; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 84%;  }

h1 { font-size: 100%; font-weight: normal; }
h2 { font-size:130%; line-height: 140%; }
h3 { font-size: 100%; }
img { border: 0; }
a { text-indent: 0; }
a:link,a:visited,a:hover { color: #0E4BB1; }

ul { list-style: none; }
option { padding-right: 10px; }

/*テキスト*/
.orange { color: #FF6600; }
.orange-b { font-size: 140%; color: #FF6600; font-weight: bold; }
.orange-b1 { font-size: 110%; color: #FF6600; font-weight: bold; }
.orange-b0 { color: #FF6600; font-weight: bold; }
.red { color:#FF0000; }
.red-b { font-size: 140%; color: #FF0000; font-weight: bold; }
.red-b1 { font-size: 110%; color: #FF0000; font-weight: bold; }
.red-b0 { color: #FF0000; font-weight: bold; }
.blue { color:#0000FF; }
.blue-b { font-size: 140%; color: #0000FF; font-weight: bold; }
.blue-b1 { font-size: 110%; color: #0000FF; font-weight: bold; }
.blue-b0 { color: #0000FF; font-weight: bold; }
.navy { color: #010180; }
.navy-b { font-size: 140%; color: #010180; font-weight: bold; }
.navy-b1 { font-size: 110%; color: #010180; font-weight: bold; }
.navy-b0 { color: #010180; font-weight: bold; }
.pink { color: #FF6699; }
.pink-b { font-size: 140%; color: #FF6699; font-weight: bold; }
.pink-b1 { font-size: 110%; color: #FF6699; font-weight: bold; }
.pink-b0 { color: #FF6699; font-weight: bold; }
.gray { color: #333; }
.pro-price { font-size: 110%; color:#FF0000; font-weight: bold; }
.pro-price2 { font-size: 140%; color:#FF0000; font-weight: bold; }
.font10 { font-size: 84%; }
.font14 { font-size: 110%; }
.font16 { font-size: 140%; }

/*部品*/
.sp-h20 { height: 20px; }
.sp-h15 { height: 15px; }
.sp-h10 { height: 10px; }
.sp-h5 { height: 5px; }
.sp-w5 { width: 5px; }

.ind1e { margin-left: 1em; text-indent: -1em; padding-left: 1em; }/*※用*/

.border1c { height: 1px; border-bottom: 1px solid #ccc; margin: 5px 10px; }
.border2c { height: 1px; border-bottom: 1px solid #ccc; margin: 5px 0px; }
.border8c { height: 1px; border-bottom: 1px solid #ccc; margin: 7px 0px; }

.dtline { height: 1px; background: url(/img/genre-dotline.gif) repeat-x; margin: 10px 0; }

/*フッター*/
#footer { margin-top: 40px; background: url(/img/footer_bg.gif) repeat-x; }
#footer-navi { padding: 22px 0px 0px 0px; text-align: center; font-size:84%; }
#footer-copyright { margin: 0px auto; padding: 18px 0px 30px 0px; width: 315px; color: #555555; }
.vis-hid { visibility:hidden; }

/**/
#container { margin: 0 auto; width: 890px; }
.pankuzu { padding: 12px 0; }

/*左メニュー*/
#left-menu { float: left; width: 190px; background-color: #E5E0CD; padding: 7px 0; border: 1px solid #D1C9AE; text-align:center; margin-right: 20px; word-break: break-all; }
#left-menu h3 { font-weight: bold; margin: 0 10px 5px; }
#left-menu img { vertical-align: top; }
.w-box { background: #fff; border: 1px solid #BDB28F; width: 174px; margin: 0 auto; text-align: left; }
.w-box p { padding: 10px; }
.w-box-w { background: url(/img/w-box_bg.gif) repeat-y; width:182px; margin: 0 auto; }
.w-box-head { background:url(/img/w-box_head.gif) no-repeat; width: 182px; height: 2px; margin: 1px auto 0 auto; }
.w-box-foot { background:url(/img/w-box_foot.gif) no-repeat; width: 182px; height: 4px; margin: 0 auto; }

/*左メニュータイトル*/
.genre-title01 { margin: 10px 6px; padding-left: 8px; border-left: 4px solid #775B3E; }
.genre-title02 { margin: 10px 6px; padding-left: 8px; border-left: 4px solid #990000; }
.genre-title03 { margin: 10px 6px; padding-left: 8px; border-left: 4px solid #336600; }

.genre-s { margin: 0 10px; background:url(/img/icon_folder.gif) no-repeat left; padding-left: 18px; }
.genre-s2 { margin: 1px 10px; background:url(/img/icon_folder.gif) no-repeat 0 5px; padding: 3px 0px 3px 18px; }
.genre-s3 { margin: 1px 10px 1px 22px; background:url(/img/icon_folder.gif) no-repeat 0 5px; padding: 3px 0px 3px 18px; }

ul.genre { margin: 5px 10px 15px; }
a:link.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/img/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:visited.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/img/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:hover.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/img/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
ul.genre li { margin: 0px; padding: 2px 0 0; background: url(/img/left_dotline.gif) repeat-x bottom; height: 1%; line-height: 100%; vertical-align: top; }
li#ge-over { margin: 0px; padding: 2px 0 0; background: url(/img/left_dotline.gif) repeat-x #f5f5f5; background-position: 0% 100%;}
a:link.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/img/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:visited.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/img/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:hover.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/img/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}

ul.shoppingguide { margin: 10px 10px;}
ul.shoppingguide li { margin: 0px; padding: 3px 0 3px 23px; background:url(/img/arrow_sh.gif) no-repeat 6px 8px; border-bottom: 1px solid #ddd; }

ul.official { margin: 10px 10px;}
ul.official li { margin: 0px; padding: 3px 0 3px 23px; background:url(/img/arrow_of.gif) no-repeat 6px 8px; border-bottom: 1px solid #ddd; }

ul.topic { margin: 10px; }
ul.topic li { margin: 0px; padding: 3px 0 3px 15px; background:url(/img/arrow_or.gif) no-repeat 1px 8px; }

/*一覧*/
#right { margin-left: 210px; }
.clip { background: url(/img/icon_clip.gif) no-repeat 1px 1px; padding-left: 25px; font-weight: bold; margin-bottom: 10px; }
.page-list { border-bottom: 1px solid #999; border-top: 1px solid #999; padding: 10px 0; }
.page-pw { float: left; }
.page-sw { float: right; }
.page-tx { padding-top: 10px; }

.check-du { border: 1px solid #ccc; background:url(/img/icon_darrow.gif) no-repeat 4px 4px; padding: 8px 0 8px 30px; margin: 18px 0 0; }
.check-du2 { border: 1px solid #ccc; padding: 16px 0 16px 6px; margin: 18px 0 20px; }
.check-du2 img { vertical-align:middle; margin: 0 5px; }

.productbox { margin:0 0 20px 0; padding-bottom: 15px; line-height: 140%; background: url(/img/main_dotline.gif) repeat-x; background-position: 0% 100%; }
.productbox table { margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
.productbox td { vertical-align: top; }
.pro-bname { font-size: 120%; font-weight: bold; margin-bottom: 5px; }
.pro-ch { width: 55px; }
.ipproch { margin-right: 6px; vertical-align: middle; }
.pro-pix { width: 90px; margin-right: 10px; }
.pro-des { margin-bottom: 10px; }
.pro-bt { text-align:right; }
.pro-btbox { margin-top: 5px; }
.pro-btbox img { margin-right: 6px; }
.bt-wish { margin-left: 8px; }
.bt-sh { margin: 0px 0 0 5px; vertical-align:middle;  }

/*ジャンルTOP*/
#genre-center { width: 500px; float: left; }
#genre-center td { vertical-align: top; }
#genre-contact { margin-bottom: 30px; padding: 14px; line-height:140%; border: 1px solid #cccccc; font-size: 102%; text-align:left; }
#genre-contact span { color: #ff6600; }

#c-index01 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index01.gif) no-repeat; }

.c-table01 { padding: 15px 0px; background: url(/img/genre-dotline.gif) repeat-x; background-position: 0% 100%; width: 242px; }
.c-table01 img{ padding: 0px 8px 0px 0px;}
.c-table01-2{ vertical-align:top;}
.new-bname { font-size: 100%; font-weight: bold; margin-bottom: 5px; }
.new-bauthor { font-size: 80%; margin-bottom: 8px; }

#c-index02 { text-align: right; margin:30px 0px 15px 0px; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index02.gif) no-repeat; }

#c-table02 { text-align:left;}
.c-table02-img{ margin:0px auto; padding: 0px 12px 0px 12px; width: 25%; }
.c-table02-txt{ padding: 0px 12px 6px 12px; vertical-align: top; }

#c-index03 { margin:30px 0px 15px 0px; width: 500px; height: 38px; }
#osusume_title h3{ margin-bottom: 6px;font-size:108%; }
#c-table03 td{ font-size:100%; vertical-align: top; }
#c-table03-img1 img{ margin-right: 5px; border: 1px solid #999999; }
.c-table03-img2 img{ margin:0px 5px 5px 0px;border: 1px solid #cccccc; }
#c-table03-txt{ padding-top: 5px; }
#c-index13 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index13.gif) no-repeat; }
#c-index12 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index12.gif) no-repeat; }
#c-index11 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index11.gif) no-repeat; }
#genre-right { width: 160px; float: right; }
#genre-r01 { margin-bottom:15px; }
#genre-r01-td01 { padding: 14px 8px 8px 8px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; background-color: #F4F9FF;}
#genre-r01-td01 img { margin-bottom: 3px;}
#genre-r01-td01_2 { padding: 5px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; background: url(/img/genre-r01-dotline.gif) repeat-x; background-position: 0% 0%;}
#genre-r01-td01_2 img { margin-right: 3px;}
#genre-r01-td01_3 { vertical-align: top;}
#genre-r02 { margin-bottom:15px;}
#genre-r02-smoll { font-size:80%;}
#genre-r02-td01 { padding: 14px 8px 8px 8px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; background-color: #FEF2D7;}
#genre-r02-td01 img { margin-bottom: 3px;}
#genre-r02-td01_2 { padding: 5px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; background: url(/img/genre-r01-dotline.gif) repeat-x; background-position: 0% 0%;}
#genre-r01-td01_22 { padding: 5px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; }
#genre-r02-td01_2 img { margin-right: 3px;}
#genre-r02-td01_3 { padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#genre-r02-td01_4 { padding: 3px; text-align: right; font-size: 80%; }
#genre-r03 { margin-bottom:15px;}
.genre-r03-td01 { padding: 1px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 1px solid #CFBFA9;}
#genre-r03-td01_2 { padding: 1px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9;}
.genre-r03-td01_3 { padding:8px 2px 0px 2px; background-color: #EFECE0; vertical-align:top;}
.genre-r03-td01_4 { padding:5px; vertical-align:top;}
.genre-r03-td01_5 { padding:5px 5px 5px 0px; vertical-align:top; }

#rec { background: url(/img/rec_bg.gif); padding: 5px; margin-bottom: 20px; line-height: 140%; }
.rec-box { background: #fff; padding: 15px; }
.rec-box img { border: 1px solid #ccc; padding: 15px; }
.rec-box table { margin: 15px 0 0 0; }
.rec-box td { padding: 0 10px 0 5px; width: 145px; }

/*洋書*/
#c-index04 { width: 500px; height: 38px; background: url(/img/genre-c-index04.gif) no-repeat; }
#c-index05 { width: 500px; height: 38px; background: url(/img/genre-c-index05.gif) no-repeat; margin: 30px 0 15px; }
.y02_price { font-weight: bold; }

/*マガジン*/
#c-index06 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index06.gif) no-repeat; }
#c-index07 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index07.gif) no-repeat; margin-top:30px; }
#c-index08 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index08.gif) no-repeat; margin: 30px 0 15px; }
#c-index09 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index09.gif) no-repeat; margin: 30px 0 15px; }


.pickup_title { width: 400px; margin: 0 0 10px; float: left; }
.pickup_title h3 { font-size: 130%; line-height: 140%; color: #EF6C01; border-left: 5px solid #EF6C01; padding-left: 7px; }
.ptable table { width: 100%; }
.ptable td { width: 125px; }
.ptable img { margin-left: 22px; }

.genre03 { padding: 1px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; }
.genre03 p { font-size: 84%;}
.genre03box { margin: 5px; }
.genre03box td { vertical-align: top; padding: 2px; }


/*カート関連*/
#cartwbox { width: 790px; margin: 25px auto 0; }
.carttitle { color: #010180; font-weight:bold; font-size: 130%; line-height: 140%; border-bottom: 3px solid #010180; padding:0 0 4px 4px; }
.border3c { height: 1px; border-bottom: 1px solid #C5CCD3; margin: 1px 0px; }
.border4c { height: 1px; border-bottom: 1px solid #EBEBEB; margin: 0px 0 10px; }
#carttex { margin: 20px 20px 0 20px; }
#carttex table { width: 100%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#carttex td, th { padding: 7px 7px; border: 1px solid #ccc;  }
#carttex th { background-color: #E8F2FF; }
.cartt01 { width: 100px;}
.cartt05 { width: 30px; }
.cartt06 { width: 60px; }
.cartt07 { width: 40px; }

.conshop { margin: 20px 0 30px; }
.carttex01 { font-size: 130%; font-weight: bold; line-height: 140%; color: #EF6C01; border-left: 5px solid #EF6C01; padding-left: 7px; margin-bottom: 10px; }
#cartlogin { margin: 20px 20px 0px 20px; border: 1px solid #ccc; background-color: #E8F2FF; padding: 20px 0; }
.checkoutbtn { text-align: right; margin: 10px 20px 10px; }

#cartlogin table { margin: 0 auto; }
#cartlogin td { padding: 2px 0; }
.formlogin { width: 125px; height:1.3em; margin-left: 7px; }
.chma { margin-left: 3px; }

.confirmbtn { text-align: right; margin: 10px 0; }
.confirmbtn input { vertical-align: text-bottom; }
.warnp { line-height: 160%; }
.warnp3 { margin: 10px 0; }
.confirmhead { background-color: #010180; color: #fff; font-weight: bold; }
.confirmth { text-align: left; vertical-align:top; width: 160px; }
.textar { text-align: center; }

.form150 { width: 150px; height: 1.3em; margin-bottom: 3px; }
.form250 { width: 250px; height: 1.3em; margin-bottom: 3px; }
.form350 { width: 350px; height: 1.3em; margin-bottom: 3px; }
.form3em { width: 40px;  margin-bottom: 3px; }

.textfbp { width: 700px; height: 150px; }
.border5c { height: 1px; border-bottom: 1px solid #ccc; margin: 15px 0px; }

#crtable table { border: 0; margin: 5px 0; padding:0; }
#crtable td { border: 0; margin: 0; padding:3px; vertical-align: top; white-space: nowrap; }


/* 注文受付完了 */
#endcart { margin: 20px 20px 0px 20px; border: 2px solid #ccc; background-color: #E8F2FF; padding: 30px; }
#endcart p { margin-bottom: 1em; }
.gotop { text-align: right; margin: 10px 20px 10px; }

/* 商品詳細 */
#detail-left { float: left; margin-left: 20px; padding-right: 20px; width: 649px; border-right: 1px solid #ccc; display: inline; }
#detail-left p { margin-bottom: 1em; }
#detail-right { float: right; width: 180px; }
#shopbag-right { float: right; margin-right: 20px; width: 158px; border: 1px solid #ccc; padding: 1px; display: inline; }
.shopbagbin { background-color: #F3F3F3; border: 1px solid #E4E4E4; padding: 20px; }
.shopbaginput { width: 50px; }
.bt-bg { margin: 10px 0 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.bt-wish-right { padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; text-align: center; }
.sr-text { border-top: 1px solid #fff; text-align: right; padding: 10px 0 0; }
.dltable td { vertical-align: top; }
.dltd { padding-right: 20px; }
.pickup_title2 { margin: 0 0 10px; }
.pickup_title2 h3 { font-size: 130%; line-height: 140%; color: #EF6C01; border-left: 5px solid #EF6C01; padding-left: 7px; }

.rec-box2 { background: #fff; padding: 15px; }
.rb2td { text-align: center; }
.rec-box2 table { margin: 15px 0 0 0; }
.rec-box2 td { padding: 0 10px 0 5px; width: 145px; vertical-align: top; }
.dbooktitle { color: #333; line-height: 170%; margin-bottom: 10px; }

.dtpand { background: url(/img/icon_pencil.gif) no-repeat left; padding-left: 20px; font-weight: bold; }
.dtpandf { background: url(/img/icon_flag.gif) no-repeat left; padding-left: 20px; font-weight: bold; }

.dtpanin1 { margin: 10px 0 0 28px; padding-left: 5px; line-height: 100%; font-weight: bold; border-left: 5px solid #EF6C01;  }
.dtpaninarrow  { background: url(/img/arrow_ge2.gif) no-repeat left center; margin: 5px 0 0 45px; padding-left: 12px; }
.dtpadtext { margin: 5px 0 0 25px; font-size: 84%; }


/*商品検索*/
.searchtitle { color: #010180; font-weight:bold; font-size: 130%; line-height: 140%; border-bottom: 3px solid #010180; padding:0 0 4px 4px; }
#searchtex { margin: 20px 20px 0 20px; }
#searchtex table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#searchtex td, th { padding: 7px 7px; border: 1px solid #ccc;  }
#searchtex th { background-color: #E8F2FF; width: 160px; text-align:left; vertical-align: top; }
.search_title { margin: 30px 0 10px; }
.search_title h3 { font-size: 130%; line-height: 140%; color: #EF6C01; border-left: 5px solid #EF6C01; padding-left: 7px; }

.bt-clear { float: left; width: 119px; margin: 5px 0; }
.bt-search { float: right; width: 118px; margin: 5px 0; }

.lnum { padding-left: 20px; }
.lnum strong { margin-left: 10px; }
.lnumci { display:list-item; list-style: disc; margin: 10px 30px; }
.lnumciss { margin: 5px 0 15px 20px; }

.pagetop { background: url(/img/bt_gotop.gif) no-repeat 6px; padding-left: 20px; float:right; }


/*よくある質問*/
.qandaleft, .qandaright { float: left; margin:15px 0 0 20px; width: 310px; display: inline; }
.qatitle { background: #F3F3F3; border-left: 3px solid #010180; padding-left: 7px; font-size: 110%; font-weight: bold; height: 30px; line-height: 200%; margin: 0 0 5px; }
ul.qatitleul li { background: url(/img/icon_q.gif) no-repeat 0 2px; padding-left: 20px; margin: 7px 0; }

/*サービスについて*/
.ansbox { padding: 0px 0 15px 20px; background: url(/img/genre-dotline.gif) repeat-x bottom; }
.ansbox p { margin: 0.5em 0; }
.anstitle { background: url(/img/icon_q.gif) no-repeat 0 2px; padding-left: 20px; margin: 15px 0 2px; font-weight: bold; }
.ansli { display:list-item; list-style: disc; margin: 3px 15px; }
.ansli2 { display:list-item; list-style: circle; margin: 3px 0 0 35px; }
.bt-gogaq { margin-top: 20px; }

/*特選品*/
#tokusenleft { width: 600px; margin: 0px 0 0 50px; float: left; display: inline;  }
.tokusentitle { color: #010180; font-weight:bold; font-size: 130%; line-height: 140%; border-bottom: 3px solid #010180; margin-top: 25px; }
.tokusenrmargin { margin-right: 50px; display: inline; }

.tokusen-table { padding: 15px 0px; background: url(/img/genre-dotline.gif) repeat-x bottom; width: 285px; vertical-align: top; }
.tokusen-table img{ padding: 0px 8px 0px 0px;}


/*toppage*/
ul.whatsnew { margin: 5px 10px; }
ul.whatsnew li { margin: 3px 0; padding: 3px 0 3px 13px; background:url(/img/arrow_ore.gif) no-repeat 0px 8px; border-bottom: 1px solid #ddd; }
.r-ge { margin: 9px; }
.r-ge img { margin: 2px 0; }
#top-contact { margin-bottom: 15px; padding: 14px; line-height:140%; border: 1px solid #cccccc; font-size: 102%; text-align:left; }
#top-contact2 { margin-bottom: 15px; padding: 1px; line-height:140%; border: 1px solid #cccccc; font-size: 102%; }
.c-genre01, .c-genre02, .c-genre03, .c-genre04, .c-genre05 { font-size: 84%; text-align: right; height: 18px; padding: 7px 4px 0; line-height: 100%; margin-bottom: 10px; }
.c-genre01 { background: url(/img/c_ge01.gif) no-repeat #F1F1F1; }
.c-genre02 { background: url(/img/c_ge02.gif) no-repeat #F1F1F1; }
.c-genre03 { background: url(/img/c_ge03.gif) no-repeat #F1F1F1; }
.c-genre04 { background: url(/img/c_ge04.gif) no-repeat #F1F1F1; }
.c-genre05 { background: url(/img/c_ge05.gif) no-repeat #F1F1F1; }

/*ADD 7.8  ドイツ語検索注意書き・入力テキスト短め*/
.form50 { width: 50px; height: 1.3em; margin-bottom: 3px; }
#uml { align: right; margin: 20px 20px 0 20px; }
#uml table { width: 40%; border: 1px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#uml td, th { background-color: #ffffc5; padding: 4px 5px; border: 1px solid #ccc; height: 5px; text-align: center; }
#uml th { background-color: #e8f2ff; height: 10px; }
#uml td.umlout { background-color: #ffffff; text-align: left; }

/*ADD 7.11  ご注文方法、お問い合わせ*/
#step { border-collapse: separate; background-color: #ffffff; border: none; }
th.step { background-color: #ffffff; border: none; padding: 0px 0px 8px 0px; text-align: center; vertical-align: center; }
td.step { padding: 0px 0px 8px 0px; text-align: left; vertical-align: top; }
img.step { border: none; }
.lnumci strong{ margin: 0; font-weight: bold; }
.lnumci b{ font-weight: normal; color: #ff0000; }
.lnumciw { display:list-item; list-style: circle; margin: 0px 50px; font-size: 95%; }
.lnumciw strong{ font-weight: bold; }

/*ADD 7.22  装飾なしテーブル*/
#none { border: 0; cellspacing: 0; }
#none table { border: 0px solid #ffffff; cellspacing: 0; }

/*ADD 7.23 和書書評*/
#shohyo { margin: 20px 20px 0 20px; }
#shohyo-button { padding: 20px; text-align: center; vertical-align: center; }

/*ADD 7.30 リコメンドヘッダ用*/
.pro-recom { margin-bottom: 30px; }

/*ADD 7.31 フッター用*/
#footer-pr { margin: 0px auto; padding: 0px 0px 30px 0px; width: 645px;}

/*ADD 7.31 洋書詳細画面用*/
#detail-left-book { float: left; margin-left: 20px; padding-right: 20px; width: 649px; display: inline; }
#detail-left-book2 { float: left; margin-left: 20px; padding-right: 20px; width: 629px; display: inline; }
#detail-book { margin-left: 20px; line-height: 140%; }
#rate-right { float: right; margin-right: 20px; width: 158px; border: 1px solid #ccc; padding: 1px; display: inline; }
.ratein { padding: 10px; }
.ratein ul { list-style: disc inside; }
.ratein li { margin-top: 3px; }
.bookpricetitle { background: #F3F3F3; margin: 10px 0; padding: 5px 10px; font-size: 110%; font-weight: bold; width: 830px; }
.comment-book ul { list-style-type: disc; }
.comment-book li { margin: 3px 0 0 22px; }
.comment-book dd { margin: 3px 0 0 10px; }

/*ADD 8.4 注文情報入力 名前用フォーム*/
.form100 { width: 100px; height: 1.3em; margin-bottom: 3px; }

/*ADD 8.11 マイページ用*/
#oinftex { margin: 20px 0 0 20px; }
#oinftex table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#oinftex td, th { padding: 7px; border: 1px solid #ccc; }
#oinftex th { background-color: #E8F2FF; }
.textar-r { text-align: right; }
.mypage-box { margin-left: 20px; line-height: 140%; }
.mypage-box p { margin-top: 10px; }
.mypage-arrow { background: url(/img/arrow_ge2.gif) no-repeat left; padding-left: 12px; }
.mypage-text { padding-left: 12px; }
.mypage-text2 { font-size: 84%; margin: 20px 0 0 30px; }
.oinft01 { width: 80px; }
.oinft03 { width: 100px; }
.oinft04 { width: 30px; }
.oinft05 { width: 60px; }
.oinft06 { width: 60px; }
.oinft07 { width: 60px; }

/*ADD 8.13 会員情報の変更用*/
.addresshead { background-color: #800000; color: #fff; font-weight: bold; }

/*ADD 8.18 よくあるご質問・特定商取引法に基づく表示用*/
#os-dlvchg table { border: 1px solid #ccc; border-collapse: collapse; }
#os-dlvchg td, th { padding: 3px; border: 1px solid #ccc; }
#tokutex { margin: 20px 0 0 20px; }
#tokutex table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#tokutex td, th { padding: 7px; border: 1px solid #ccc; }
#tokutex th { background-color: #E8F2FF; }
#tokutex dt, dd { line-height: 150%; }
#tokutex dt { margin-top: 5px; }
#tokutex p { margin-bottom: 10px; }
#tokutex ul { list-style-type: disc; }
#tokutex li { margin: 3px 0 0 22px; }

/*ADD 9.09 会員規約用*/
.textareabox { width: 730px; height: 180px; padding: 5px; overflow: auto; margin: 1em auto 35px auto; border: 1px solid #CCCCCC; }

/*ADD 10.20 会員登録エラー表示用*/
.redd { color:#FF0000; font-weight: bold; }

/*ADD 11.6 商品詳細・リコメンド表示用*/
#rec-right { float: right; margin-right: 20px; width: 158px; padding: 1px; display: inline; }

/*ADD 11.26 マイページ・ポイント表示用*/
.text_orange25 { color:#FF6600; font-size:2.5em; font-weight:bold; }
.text_black12 { font-size:1.2em; font-weight:bold; }
.text_bold { font-weight:bold; }
#point_check1 { background:url(/img/point_check_bg1.gif) no-repeat left top; width:470px; text-align:left; margin:0 5px; padding:60px 0 0 0; }
#point_check1 p { font-size:1em; margin:0 0 0 25px; }
#point_check2 { background:url(/img/point_check_bg2.gif) no-repeat left bottom; width:470px; text-align:left; margin:0 5px; padding:0 0 15px 0; }
#point_check2 p { font-size:1em; line-height:1.5em; color:#333333; margin:5px 0 0 30px; }
#point_view { background:#FFFFFF; width:420px; text-align:left; margin:0 25px; padding:0 0 10px 0; border:1px #CFCAB7 solid; }
#point_view p { font-size:1em; margin:20px 20px 0 20px; line-height:2em; }

/*ADD 2010.1.7 注文とポイント利用確認・ポイント表示用*/
#pointtex { margin: 20px 20px 0 20px; }
#pointtex table { border: 2px solid #ccc; border-collapse: collapse; }
#pointtex td { padding: 20px; border: 1px solid #ccc; }
.point_inputbox { background-color: #FFFFC0; font-size: 1.5em; text-align: center; width: 100%; }
.point_inputbox_sub1 { background-color: #E8F2FF; text-align: center; }
.point_inputbox_sub2 { background-color: #FFFFFF; }

/*ADD 2010.3.26 出版社一覧*/
#pagetitle { background:url(/img/title_underline.gif) repeat-x left bottom; padding:0 5px 15px 5px; }
#pagetitle h2 { color:#1B2B5E; }
ul.search_list { text-align:center; margin:10px 18px 10px 10px; }
ul.search_list2 { text-align:left; margin:0 18px 10px 10px; }
.search_list li,
.search_list2 li { display:inline; padding:0; }
.search_list_first { padding:0 8px }
.search_list_center { background:url(/img/list_dotline.gif) repeat-y left top; padding:0 8px; }
.genre-title04 { font-size:16px; color:#ED6B1A; margin: 10px 6px; padding-left: 8px; border-left: 4px solid #ED6B1A; }
.genre-title05 { font-size:16px; margin:10px 0  5px 0; padding-left: 8px; border-left: 4px solid #ED6B1A; }
.publisher { margin:0 0 0 25px; padding:0; }
ul.publisher_list { float:left; list-style:none; width:130px; margin:0; padding:0; }
.publisher_list li { list-style:none; line-height:1.75em; margin:0; padding:0; }

/*ADD 2010.3.26 新刊予約*/
.reservation { border:1px #CCCCCC solid; margin-bottom:10px; }
.search_area { background:#FBF5EA; margin-bottom:3px; padding:5px 8px; }
.noline { padding:0 8px; }
.leftline { border-left:1px #CCCCCC solid; padding:0 8px; }
.redd2 { color:#FF0000; font-weight: bold; padding:0 8px; }
.icon_reservation { margin:8px 0; }

/*ADD 2010.5.21 キャンペーンポイント表示用*/
.point_camp { font-size: 140%; color: #FF0000; font-weight: bold; text-shadow: #A0A0A0 4px 4px 4px; }

/*ADD 2010.12.21 電子書籍 商品詳細 */
#detail_digital-left { float: left; margin-left: 20px; padding-right: 20px; width: 563px; border-right: 1px solid #ccc; display: inline; }
#detail_digital-left p,
#detail_digital-right p { margin-bottom: 1em; }
#detail_digital-right { float: right; width: 266px; }
#shopbag_digital-right { float: right; margin-right: 20px; width: 244px; border: 1px solid #ccc; padding: 1px; display: inline; }
.shopbagbin_digital { background-color: #F3F3F3; border: 1px solid #E4E4E4; padding: 20px; }

/*ADD 2011.9.16 GCS表示用*/
.facet_text { padding: 5px 5px 0 30px; }
.suggestion_text { padding-left: 30px; color: #FF6600; }

/*ADD 2010.9.30 電子書籍 カテゴリトップ　タブ領域 */
#tab_ebook { width:500px; height:34px; background:url(/img/tab_bg_ebook.gif) repeat-x top left; padding:0; margin:0 0 10px 0; }
#c-index11-2 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index11-comic.gif) no-repeat; }
#c-index11-3 { text-align: right; width: 500px; height: 26px; padding-top: 12px; background: url(/img/genre-c-index11-lghtnbl.gif) no-repeat; }

/*ADD 2010.9.30 電子書籍 商品詳細　閲覧可能プラットフォーム領域 */
.readable_pf { border:1px solid #ccc; font-size:0.8em; padding:5px; }

/*ADD 2010.9.30 電子書籍 商品詳細　無料お試し版ボタン領域 */
.test_btn_border { border:1px solid #DDD; width:394px; margin-bottom:3px; }

/*ADD 2010.9.30 電子書籍 商品詳細　読みたい本リスト領域 */
#shopbag-right_ebook { float: right; margin-right: 20px; margin-bottom:10px; width: 158px; border: 1px solid #ccc; padding: 1px; display: inline; }
.bt-wish-right_ebook { padding: 0 0 10px 0; border-bottom: 1px solid #ccc; text-align: center; }
.shopbagbin_ebook { background-color: #F3F3F3; border-top: 4px solid #CC9933; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; border-left: 1px solid #E4E4E4; padding: 10px 20px; }

/*ADD 2010.9.30　マイページ　リーダー機器認証確認のtable*/
#sreader-info { margin: 20px 0 0 20px;}
#sreader-info table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#sreader-info td, th { padding: 7px; border: 1px solid #ccc; text-align:center; }
#sreader-info th { background-color: #E8F2FF; }

/*ADD 2010.9.30　マイページ　再ダウンロードボタンのtable*/
#oinftex table.bt_sai-download { width: 80%; border: 0; margin:0; border-collapse: collapse; }
#oinftex td.bt_sai-download { padding: 2px; border: 0; text-align:center; }

/*ADD 2010.9.30　マイページ　リーダー機器認証ボタンのtable*/
#sreader-regist { margin: 20px 0 0 20px;}
#sreader-regist table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
#sreader-regist td, th { padding: 7px; border: 1px solid #ccc; text-align:left; }
#sreader-regist th { background-color: #E8F2FF;line-height:20px;vertical-align:middle; }
#sreader-regist img { margin-right:5px; }

/*ADD 2010.10.5　マイページ　リーダー機器認証にアラート画面説明*/
.ninsyou_alart-gamen1 { float:left; width:290px; padding:5px; }
.ninsyou_alart-gamen2 { float:left; width:290px; padding:5px; border-left:2px dotted #CCC; }

/*ADD 2010.10.5　リーダー機器認証説明ページのtable*/
.sreader-ninsyou { margin: 20px 0 0 20px; }
.sreader-ninsyou table { width: 99%; border: 2px solid #ccc; margin: 5px 0; border-collapse: collapse; }
.sreader-ninsyou td, th { padding: 7px; border: 1px solid #ccc; }
.sreader-ninsyou th { background-color: #E8F2FF; }

/*ADD 2011.11.10　会員登録ステップ図領域*/
.regist_step { padding-right:50px; float:right; }

/*ADD 2011.11.10　フォーム内テキストボックス領域 非表示*/
#spl1 { display : none; }
#spl2 { display : none; }

/*ADD 2011.12.12　電子書籍トップページ・カバーフロー表示*/
#pickupSection { width: 490px; height: 300px; margin-bottom: 10px; padding: 5px; border: 1px solid #cccccc; overflow:auto; }