/* TakumaPitShop20110629 */

/* BODY */
body { margin: 0; padding: 0; text-align: center; font-size: 12px; color: #333333; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }
img { vertical-align: bottom; }
a { color: #38807C; text-decoration: none; }
a:hover { color: #38807C; text-decoration: underline; }
a img { border: none; }
.redtxt { color: #CC0000; }


/* COMMON */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { _zoom: 1; }
*:first-child+html .clearfix { _zoom: 1; }

#container { width: 900px; margin: 0 auto 30px auto; text-align: left; }
#main { width: 590px; float: left; }
#side { width: 270px; float: right; }

#main h2 { margin: 0 0 20px 0; font-size: 22px; line-height: 26px; font-weight: normal; color: #000000; }

.mainlink { margin: 0; text-align: left; }

.cart { margin: 0 0 5px 0 !important; font-size: 18px; }
.cart a { width: 270px; heihgt: 60px; display: block; line-height: 60px; text-align: center; background: url(../img/cart.jpg) no-repeat; color: #000000; }
.cart a:hover { color: #000000; text-decoration: underline; }

.sidebox { width: 270px; margin: 0 0 25px 0; }
.sidebox h2 { font-size: 22px; font-weight: normal; margin: 0 0 10px 0; }
.sidebox p { margin: 0 0 10px 0; }

#twitter_update_list { margin: 0; padding: 0; list-style: none; }
#twitter_update_list li { border-top: 1px dotted #CCCCCC; padding: 10px 5px; text-align: right; }
#twitter_update_list a { font-size: 12px !important; }
#twitter_update_list span { display: block; text-align: left; }

.aboutlist { width: 100%; margin: 0; padding: 0; list-style: none; border-top: 1px dotted #CCCCCC; }
.aboutlist li { padding: 10px 5px; border-bottom: 1px dotted #CCCCCC; }

.paragrah { margin-bottom: 30px; }
.paragrah p { margin: 0 0 10px 0; padding: 0; }
.paragrah h3 { font-size: 14px; margin: 0 0 5px 0; color: #06605B; }
.paragrah ul { margin: 0 0 5px 0; padding: 0 20px 0 20px; }
.paragrah li { margin-bottom: 5px; }

#subscribe-box { border: 1px dotted #38807C; padding: 10px; }
.subscribe-inp { color: #505050; }


/* HEADER */
.header { width: 960px; margin: 0 auto 20px auto; }
.header img { border: none; }


/* FOOTER */
#footnav { width: 900px; margin: 0 auto 10px auto; }
p.language { float: left; margin: 0; line-height: 24px; }
p.footlink { float: right; margin: 0; color: #CCCCCC; line-height: 24px; }

#footer { width: 900px; margin: 0 auto 20px auto; height: 40px; background: url(../img/footerbg.jpg) no-repeat; color: #FFFFFF; }
p.copyright { float: left; margin: 0; padding-left: 10px; line-height: 40px; }
p.powered { float: right; margin: 0; padding: 0 10px 0 0; }


/* PICKUP */
.pickup { width: 590px; height: 350px; margin-bottom: 1px; background: url(../img/pickupbg.jpg) no-repeat; position: relative; overflow: hidden; }
.pickup ul { margin: 0; padding: 0; list-style: none; }
.pickup li { width: 590px; height: 350px; text-align: center; margin-bottom: 30px; position: relative; overflow: hidden; }

.pickup_txt { width: 300px; height: 40px; position: relative; overflow: hidden; float: left; }
.pickup_txt ul { margin: 0; padding: 0; list-style: none; }
.pickup_txt li { width: 300px; height: 40px; line-height: 40px; text-indent: 10px; font-size: 14px; position: relative; overflow: hidden; }

#pickupbox { width: 590px; height: 40px; margin-bottom: 30px; background: #202020; color: #FFFFFF; overflow: hidden; }

.navi { height: 40px; margin: 0; _zoom: 1; overflow: hidden; float: right; }
.navi:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .navi { _zoom: 1; overflow: hidden; }
*:first-child+html .navi { _zoom: 1; overflow: hidden; }
.navi a { width: 40px; height: 40px; float: left; margin: 0; border-left: 1px solid #FFFFFF; background: #404040; display: block; font-size: 14px; }
.navi a:hover,
.navi a.active { background: #38807C; }

.items { position: absolute; z-index: 1; }
.pickup-label { position: absolute; top: 0; left: 0; z-index: 9; }


/* INDEX */
.indexinfo { margin: 0 0 10px 0; color: #CC0000; font-weight: bold; text-align: center; }

#indextab { width: 100%; height: 40px; margin: 0 0 10px 0; padding: 0; list-style: none; overflow: hidden; background: bottom url(../img/menubg.jpg) no-repeat;  }
#indextab li { float: left; display: inline; }
#indextab a { color: #FFFFFF; text-decoration: none; font-size: 13px; text-align: center; width: 96px; display: block; line-height: 40px;  }
#indextab a:hover { color: #68BBB7; text-decoration: none; }
#indextab li.tabon a { color: #38807C; text-decoration: none; background: url(../img/menuline.jpg) no-repeat; }

#indextab li a.wyjtab:hover,
#indextab li.tabon a.wyjtab { color: #CC0000 !important; }

#indexitem { width: 600px; margin: 0 -10px 0 0; padding: 0; list-style: none; _zoom: 1; overflow: hidden; background: url(../img/itemlistbg.jpg); }
#indexitem li { width: 140px; height: 230px; margin: 0 10px 20px 0; float: left; display: inline; }

p.indexitem-pic { margin: 0 0 5px 0; border: 1px solid #CCCCCC; padding: 4px; }
p.indexitem-pic a { display: block; width: 130px; height: 130px; overflow: hidden; }
p.indexitem-txt { width: 130px; margin: 0 5px; font-size: 12px; color: #065F59; line-height: 18px; }
p.indexitem-txt a { font-weight: bold; text-decoration: underline; color: #000000; }
p.indexitem-txt a:hover { color: #38807C; }


/* LEAD */
.leadblock { margin:0px 0px 20px 0px; padding: 0; }
.leadblock:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .leadblock { _zoom: 1; overflow: hidden; }
*:first-child+html .leadblock { _zoom: 1; overflow: hidden; }

.leadblock h2 { margin-bottom:5px !important; }
.leadblock p { margin: 0 0 8px 0; line-height: 18px; overflow: hidden; }
.leadblock .lead_notice { margin: 0px 0 20px 0; padding: 0; color:#C00;}

.notice { margin: 0 0 20px 0; border: 1px solid #CCC; padding: 10px; line-height: 18px; }
.notice strong { color: #C00; font-weight:bold; }


/* DETAIL */
.goods-con { margin: 0 0 20px 0; padding: 0 0 20px 0; width: 590px; border-bottom: 1px dotted #CCCCCC; text-align: left; }
.goods-con .photo { float:left; width:250px; }
.goods-con img { margin: 0 10px 10px 0; padding: 0; border: #999 solid 1px; float: left;}
.goods-con img.min { margin: 0 3px 5px 0; padding: 0; border: #999 solid 1px; float: left;}
.goods-con .text { float: right; width: 340px; margin: 0px; padding: 0px; }
.goods-con p { clear: both; margin:0px 0px 10px 0px; padding: 0; }

.goods-con .thumbbox:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.goods-con .append { clear:both; text-align:right; font-size:12px; }
.goods-con .price { font-weight:bold; }
.goods-con label { margin-right:3px; margin-left:3px }
.goods-con .append input { vertical-align:middle; margin-bottom:5px; }
.goods-con .append select { vertical-align:middle; margin-bottom:5px; }
.goods-con .append .pricebox { font-size: 14px; margin-bottom:5px; margin-right:3px; }


/* FAQ */
.faq dt { margin: 0 0 10px 0; padding: 0 0 10px 10px; font-weight: bold; border-bottom: #CCC dotted 1px;}
.faq dd { margin: 0 0 30px 0; padding: 0 0 0 10px; }


/* ORDER */
#orderflow { margin: 0 0 30px 0; padding: 0; list-style: none; _zoom: 1; overflow: hidden; background: url(../img/orderflow.jpg) no-repeat; width: 590px; height: 46px; line-height: 46px; }
#orderflow li { width: 147px; float: left; text-align: center; }
#orderflow li.ofthis { color: #CC0000; font-weight: bold; }


/* Old */
.fg { color: #06605B;}
.fr { color: #C00;}
.fw { font-weight: bold;}

#tcon { margin: 0 0 30px 0; padding: 0; width: 100%; text-align: left; }
#tcon h3 { margin: 0 0 5px 0; padding: 0; color: #06605B;}
#tcon ul,ol,p,dl { line-height: 1.5em; }
#tcon li { margin: 0; padding: 0 0 10px 10px;}
#tcon dt { margin: 0 0 10px 0; padding: 0 0 10px 10px; font-weight: bold; border-bottom: #CCC dotted 1px;}
#tcon dd { margin: 0; padding: 0 0 30px 10px;}
#tcon dd ul { margin: 1em auto;}
#tcon dd ul li{ margin: 0;padding:0;}
#tcon p { margin: 0 0 10px 0; }

#tcon table { margin: 20px auto; padding: 0; width: 100%; background: #FFF; }
#tcon th { font-weight: normal; text-align: right; background: #DDD; padding: 10px; }
#tcon thead th { font-weight:bold; text-align: center; }
#tcon td { background: #EEE; padding: 10px; }
#tcon tr.bgFFF td { background: #FFF; border-bottom: #CCCCCC dotted 1px; }
#tcon tr.bgDDD td { background: #DDD; }

#tcon ul.error li { color: #F00;}

#tcon #ssl { margin: 50px auto; padding: 20px 0; line-height: 2em; border-top: #CCC dotted 1px; border-bottom: #CCC dotted 1px;}
#tcon #ssl img { margin: 0 10px 0 0; padding: 0; float: left;}

.price { font-weight: bold; text-align: right; }
.del { text-align: center; }