#contentsbox { float:left; width:765px;}
#contents { float:right; width:580px; position:relative; z-index:0; margin:0 0 10ex 0;}
#contents2 { float:right; width:580px;}
#contents_pop { width:580px; margin:10px auto; text-align:left;}

#visual .innergray { padding:8px 0 8px 17px;}
#pickup001 li { padding:0 17px 0 0; float:left;}

#categoryArea { margin:0 0 15px 0; clear:both;}
#categoryArea .box02 { background:url(../img/bg_category02.gif) left bottom no-repeat; margin:0 0 5px 0;}
#categoryArea .box01 { background:url(../img/bg_category01.gif) left bottom no-repeat; margin:0 0 5px 0;}
#categoryArea .itembox { background:url(../img/bg_category_top.gif) 0 0 no-repeat; width:275px; float:left; padding:0 5px 5px 5px;}
#categoryArea .mr10 { margin-right:9px;}
#categoryArea .itembox dt { padding:5px 0; background:url(../img/dot_line.gif) left bottom repeat-x;}
#categoryArea .itembox dt span { padding:8px 0; display:block; width:100%;}
#categoryArea .itembox dd { padding:5px 0; font-size:80%;}
#categoryArea .itembox dd a { white-space:nowrap; display:inline-block;}
#categoryArea .itembox dd p.txtright { padding:5px 0 0 0;}

.twocolumn .boxwhite { width:283px; border-top:none;}
.twocolumn .innerwhite { padding:0 6px;}
.left { float:left;}
.right { float:right;}
.ranking img { padding:10px 0 0 5px;}

.rankingbox { float:left; width:270px; padding:10px 0 8px 0;}
.rankingbox dl { float:right; width:175px; font-size:80%;}
.pricebox { clear:both;}
.pricebox p.left { width:197px;}
.pricebox p.left span { font-weight:bold; color:#f00; font-size:120%;}
.pricebox p.right a { float:right; width:69px;}

#salebox { border-top:none;}
#salebox .innerwhite { padding:0 6px;}

.boxwhite { margin:0px 1px 15px 1px; border-top:1px solid #999; border-bottom:1px solid #999;}
.innerwhite { margin:0px -1px; border-left:1px solid #999; border-right:1px solid #999; position:relative; background:#fff; z-index:0;}

#narrowing { margin:0 0 15px 0; background:url(../img/bg_580w_middle.gif) 0 0 repeat-y;}
#narrowing ul { background:#f0f0f0; padding:5px; margin:0 1px; width:568px;}
#narrowing ul li { display:inline; padding:0 10px 0 0;}
#narrowing ul li a { display:inline-block; margin:0 0 5px 0;}
#narrowing h2 { padding:0 1px 0 1px;}
.accordion2 table { width:100%; border-bottom:#999999 solid 1px;}
.accordion2 table td { padding:7px 3px;}
.accordion2 table th { vertical-align:top; width:7em; padding:7px 3px 7px 10px;}
.accordion2 table td img { padding:0 5px 0 0; vertical-align:middle;}
.accordion2 table td span { background:#f0f0f0; padding:4px; border:#999 solid 1px; margin:0 0 0 10px;}

#narrowing02 { margin:0 0 15px 0; background:url(../img/bg_580w_middle.gif) 0 0 repeat-y; border-bottom:#999999 solid 1px; padding:50px 0 35px 0; text-align:center;}
#narrowing02 p { padding:0 0 15px 0;}

form .boxgray { padding:0;}
form #display { width:578px; padding:0;}
form #display .innergray { width:568px; padding:10px 5px;}
form #display .innergray table { margin:0;}

#mixbox { background:url(../img/bg_mix.gif) 0 0 no-repeat; padding:0 0 0 110px;}
#mixbox dt { background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 0;}
#mixbox table { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:10px 0 0 0;}
#mixbox table td,
#mixbox table th { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:5px; vertical-align:top;}
#mixbox table th { background:#f0f0f0; font-weight:bold; width:7em;}

.itemlist { border-top:#999999 solid 1px; padding:6px 0; margin:0 0 1px 0;}
#nonborder { border:none;}
.bg_itemlist { background:url(../img/bg_itemlist.gif) 0 0 repeat-y; width:580px;}
.bg_itemlist2 { width:580px;}

.check { float:left; padding:5px;}
.detailbox { float:right; width:540px;}
.detailbox2 { width:580px;}
.itemleft { float:left; width:400px;}
.itemleft h3 { font-weight:normal; margin:0 0 5px 0; font-size:125%;}
.itemleft a { display:inline-block;}
.itemleft { margin:5px 0; font-size:80%;}
.itemleft p.left { width:85px;}
.itemleft p.left a { display:block; border:#fff solid 1px;}
.itemleft p.left a:hover { border:#ff6a00 solid 1px;}
.itemleft .right { width:305px;}
.itemleft .right p { margin:0 0 15px 0;}
.itemleft .right h4 { background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0; font-weight:bold; margin:0 0 5px 0; font-size:100%;}
.itemleft .right dl dt { font-size:120%; font-weight:bold; width:5em; float:left;}
.itemleft .right dl dd { padding:0 0 0 6em;}
.itemleft .right dl dd img { vertical-align:middle;}
.itemright { float:right; width:135px; text-align:right;}
.itemright p img { vertical-align:middle;}
.itemright a { margin:0 0 0 7px; font-size:80%;}
.itemright dl { margin:5px 0; width:135px; font-size:80%;}
.itemright dl dt { width:55px; float:left; padding:0.5em 2px 2px 2px;}
.itemright dl dd { padding:2px 2px 2px 50px;}
.itemright dl.gray { background:#f0f0f0;}
.itemright dl.gray dd{ color:#F00; font-size:120%; font-weight:bold;}
.iconbox { clear:both; text-align:right; margin:0 0 10px 95px;}
.iconbox ol { float:left;}
.iconbox ol li { display:inline; padding:0 5px 0 0;}
.iconbox p {line-height:25px;}
.iconbox input{ width:22px; text-align:right; border:#999 solid 1px; padding:0 4px; margin-left:5px;}
.iconbox p a { padding:0 0 0 10px;}
.iconbox p span { font-size:80%; padding:0 15px 0 0;}
.iconbox li { float:left;}
.attantion { background:#f0f0f0; padding:5px 10px; clear:both; font-size:80%;}

.mixitem { font-size:100%; font-weight:normal;}
.mixleft { width:275px; float:left; margin:5px 0;}
.mixleft p.left { width:85px;}
.mixleft p.left a { display:block; border:#fff solid 1px;}
.mixleft p.left a:hover { border:#ff6a00 solid 1px;}
.mixleft p.right { width:180px; font-size:80%;}
.mixleft .iconbox { clear:both; margin:0 0 10px 0; padding:10px 0 0 0; text-align:left;}
.mixleft .iconbox p { margin-bottom:10px; font-size:80%;}
.mixleft .iconbox ol {}
.mixleft .iconbox ol li { display:inline; padding:0 5px 0 0;}
.mixleft .iconbox p {line-height:25px;}
.mixleft .iconbox input{ margin:0 0 0 5px;}
.mixleft .iconbox p a { padding:0 0 0 5px;}
.mixleft .iconbox p span { font-size:80%; padding:0 15px 0 0;}
.mixleft .iconbox li { float:left;}
.mixleft .iconbox li a { width:25px; height:25px; display:block;}
.mixleft .iconbox li a span { display:none;}
.mixright { float:right; width:280px; margin:0 0 10px 0;}
.mixright p img { vertical-align:middle; padding:0 0 0 10px;}
.mixright p input{ margin:0 0 0 5px; width:22px; text-align:right; padding:4px; border:#999 solid 1px;}
.mixright table { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.mixright table td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; background:#f0f0f0; text-align:center; padding:5px;}
.mixright table td span { font-weight:bold; padding:0 3px; font-size:100%;}
.mixright table tr.blue td { background:#d8fcfe;}
.mixright table tr.orange td { background:#fef0df; color:#f00;}
.mixright table tr td.nonborder { border:none; background:#fff; padding:5px 0;}

.pagenavi table { margin:10px 0;}
.pagenavi table th { width:4.5em;}
.pagenavi p.top img { vertical-align:top; padding:0 10px 0 0; margin:0 0 15px 0;}
.pagenavi p.bottom { border-top:#999 solid 1px; padding:15px 0 0 0;}
.pagenavi p.bottom img { vertical-align:bottom; padding:0 10px 0 0; margin:0 0 15px 0;}

.bg580 { background:url(../img/bg_580w_middle.gif) 0 0 repeat-y;}

#bannerArea { margin:0 0 15px 0; background:url(../img/bg_dot.gif) 0 0 repeat; padding:4px;}
#bannerArea ul { background:#fff; width:100%;}
#bannerArea ul li { padding:10px; float:left;}

.itemdetail { margin:10px 0;}
.btnArea { background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0; text-align:right;}
.btnArea img { margin:0 0 0 4px;}
.itemdetail p,
.right_item ol,
.right_item table,
.right_item div,
.left_item ul,
.left_item ol{ margin:0 0 10px 0;}
.left_item { float:left; width:212px;}
.left_item .itempict li { font-size:80%; padding:0 0 5px 0; width:65px;}
.left_item .itempict a { display:inline-block; border:#fff solid 1px;}
.left_item .itempict a:hover { border:#ff6a00 solid 1px;}
.left_item .itempict li img{ margin:0 0 5px 0;}
.left_item p.bold { background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0;}
.left_item p.bold span { font-size:80%; font-weight:normal;}
.left_item ul li { float:left;}
.left_item .left { width:120px; height:4em; font-size:80%;}
.right_item { float:right; width:355px; background:url(../img/dot_line.gif) 0 0 repeat-x; padding:10px 0 0 0;}
.right_item a { font-size:80%;}
.right_item ol li { display:inline; padding:0 5px 0 0;}
.right_item table { border-right:#999 solid 1px; border-top:#999 solid 1px;}
.right_item table.tbl001 th,
.right_item table.tbl001 td{ padding:5px; border-left:#999 solid 1px; border-bottom:#999 solid 1px; vertical-align:top;}
.right_item table.tbl001 tr.bordernone td { border-bottom:none; padding:5px 5px 0 5px;}
.right_item table.tbl001 tr.txtright td { text-align:right;}
.detail_category img { vertical-align:middle; padding:0 10px 0 0;}
.right_item table.tbl001 th,
.right_item table.tbl001 td{ padding:5px; border-left:#999 solid 1px; border-bottom:#999 solid 1px; vertical-align:top;}
.right_item table.tbl001 tr.bordernone td { border-bottom:none; padding:5px 5px 0 5px;}
.right_item table.tbl001 tr.txtright td { text-align:right;}
.right_item table.tbl001 tr.txtright td span.txtleft { text-align:left; display:inline-block; width:100%;}
.right_item table.tbl002 th,
.right_item table.tbl002 td{ padding:5px; border-left:#999 solid 1px; border-bottom:#999 solid 1px; vertical-align:middle;}
.right_item table.tbl002 tr.bordernone td { border-bottom:none; padding:5px 5px 0 5px;}
.right_item table.tbl002 tr.txtright td { text-align:right;}
.right_item table.tbl002 td input{ vertical-align:middle;}
.right_item table.tbl002 th { background:#f0f0f0; text-align:center; font-weight:bold;}
.right_item table.tbl002 th.amount { width:75px;}
.right_item dl { background:url(../img/dot_line.gif) left bottom repeat-x; margin:0 0 10px 0; padding:0 0 10px 0;}
.right_item dl dt { float:left; width:5em;}
.right_item dl dd { padding:0 0 0 5em;}
.right_item dl dd a { font-size:100%;}
.right_item dl dd img { vertical-align:middle; padding:0 5px 0 0;}
.right_item .attention ul { margin:0 0 10px 0;}
.right_item .attention li { display:inline; padding:0 5px 0 0;}

#detailBottom .right_item,
#detailBottom .btnArea{ background:none; padding:0;}

.tanowari { border-top:none;}
.tanowari .innerwhite { padding:10px; width:558px;}
.tanowari table { border-right:#999 solid 1px; border-top:#999 solid 1px;}
.tanowari table th { background:#f0f0f0; text-align:center; font-weight:bold;}
.tanowari table th,
.tanowari table td{ padding:5px; border-left:#999 solid 1px; border-bottom:#999 solid 1px; vertical-align:top;}
.tanowari table tr td.txtright { text-align:right;}
.tanowari table tr td span { color:#f00; font-size:120%; font-weight:bold; line-height:1.4em;}
.tanowari p { text-align:center; margin:10px 0 0 0;}

.amountarea { width:22px; text-align:right; border:#999 solid 1px; padding:4px;}
.right_item .left { padding:0 5px 0 0;}
.textarea { clear:both; width:100%;}
.textarea p { margin:0 0 15px 0;}
.textarea ul { margin:0 0 15px 0; float:left; width:320px;}
.textarea ul li { float:left; text-align:center; margin:0 10px 0 0;}
.textarea ul li span{ font-size:80%;}
.textarea ul li img { vertical-align:bottom;}
.textarea dl { float:right;}
.textarea dl dt { font-weight:bold; background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0; margin:0 0 10px 0;}

.another { margin:0px 1px 15px 1px; background:#f0f0f0; border-top:1px solid #999; border-bottom:1px solid #999; clear:both;}
.another .innergray { padding:5px;}
.another p.bold { padding:0 0 5px 0;}

.confirmationbox { margin-left:1px; border-top:1px solid #999; border-bottom:1px solid #999; width:183px; font-size:80%; float:left;}
* html .confirmationbox { width:179px;}
.confirmationbox .innerwhite { padding:4px; width:175px;}
* html .confirmationbox .innerwhite { width:171px;}
.confirmationbox p.itempict { width:30px; float:left;}
.confirmationbox p.itempict a { border:#fff solid 1px; display:block; width:27px;}
.confirmationbox p.itempict a:hover { border:#ff6a00 solid 1px;}
.confirmationbox p.left a { display:inline-block; width:120px;}
.confirmationbox .left { float:left; width:133px;}
.confirmationbox p.clear { padding:5px 0 0 0;}
.confirmationbox p span { font-weight:bold; font-size:120%;}

#review { border-top:none;}
#reviewbox { padding:10px 0; background:url(../img/dot_line.gif) left bottom repeat-x; margin:0 5px 15px 5px;}
#reviewbox table { float:left; width:250px;}
#reviewbox table th { width:45px;}
#reviewbox table th,
#reviewbox table td { vertical-align:top; height:25px;}
#reviewbox table td.bg_review { width:170px; background:url(../../common/img/bg_review.gif) 0 0 no-repeat;}
#reviewbox table td span { margin-left:5px;}
#reviewbox table td.bg_review div { float:none; padding:0;}
#reviewbox table td.bg_review div.review_orange01 { background:url(../../common/img/review_orange.gif) 0 0 no-repeat; width:50%; height:17px; margin:1px;}
#reviewbox table td.bg_review div.review_orange02 { background:url(../../common/img/review_orange.gif) 0 0 no-repeat; width:30%; height:17px; margin:1px;}
#reviewbox table td.bg_review div.review_orange03 { background:url(../../common/img/review_orange.gif) 0 0 no-repeat; width:60%; height:17px; margin:1px;}
#reviewbox table td.bg_review div.review_orange04 { background:url(../../common/img/review_orange.gif) 0 0 no-repeat; width:80%; height:17px; margin:1px;}
#reviewbox table td.bg_review div.review_orange05 { background:url(../../common/img/review_orange.gif) 0 0 no-repeat; width:100%; height:17px; margin:1px;}

#reviewbox div { padding:0 0 0 20px; float:left;}
#reviewbox div a { display:block; float:right;}

#reviewbox dl{ font-weight:bold; float:left;}
#reviewbox dl dd { font-size:120%; color:#f00;}
#reviewbox p { clear:both;}

.reviewname { margin:0 0 10px 0;}
.reviewcomment { margin:0 5px 10px 5px; background:url(../img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0;}
.reviewcomment p { margin:0 0 10px 0;}
.reviewcomment .left p { margin:0 0 5px 0;}
.reviewcomment p span { padding:0 0 0 10px; vertical-align:middle;}
.reviewcomment p em { font-style:normal;}

table.tbl003 { border-right:#999 solid 1px; border-top:#999 solid 1px;}
table.tbl003 th,
table.tbl003 td{ padding:5px; border-left:#999 solid 1px; border-bottom:#999 solid 1px; vertical-align:top; white-space:normal;}
table.tbl003 th { background:#f0f0f0; width:150px; font-weight:bold;}
table#detailtbl { width:585px;}
table#detailtbl td { width:100px;}
