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

#categoryArea .box02 { background:url(/common/img/bg_mypage02.gif) left bottom no-repeat; margin:0 0 5px 0;}
#categoryArea .box01 { background:url(/common/img/bg_mypage01.gif) left bottom no-repeat; margin:0 0 5px 0;}
#categoryArea .categorybox { background:url(/common/img/bg_mypage_top.gif) 0 0 no-repeat; width:358px; float:left; padding:0 10px 5px 10px;}
#categoryArea .mr10 { margin-right:9px;}
#categoryArea .categorybox dt { background:url(/common/img/dot_line.gif) left bottom repeat-x; margin:0 0 5px 0;}
#categoryArea .categorybox dt img { vertical-align:middle; padding:8px 3px 8px 0;}
#categoryArea .categorybox dd { padding:5px 0;}

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

.bg377 p.itemname span { padding:8px 0; display:block; width:100%;}
.bg377 ul { padding:5px 0;}
.bg377 ul li { display:inline; padding:0 10px 0 0; font-size:80%;}
.bg377 ul li a {white-space:nowrap; display:inline-block;}

#logoutbox { background:url(/common/img/bg_765b_top.gif) 0 0 no-repeat; padding:2px 0 0 0; margin:0 0 15px 0;}
#logoutbox dl { width:745px; background:url(/common/img/bg_765b_bottom.gif) left bottom no-repeat; padding:8px 10px 10px 10px;}
#logoutbox dt { float:left; font-size:120%;}
#logoutbox dd { text-align:right;}
#logoutbox dd a { padding:0 0 0 10px;}

#saison { background:url(/mypage/img/saison.gif) 0 0 no-repeat; width:116px; height:26px; padding:27px 5px 11px 644px; margin:0 0 15px 0;}
#bulk_buying { background:url(/mypage/img/bulk_buying.gif) 0 0 no-repeat; width:142px; height:35px; padding:10px 5px 19px 618px; margin:0 0 15px 0;}
#bulk_buying p { padding:0; margin:0;}
#bulk_buying a { font-size:80%; line-height:20px;}
#tanocard { background:url(/common/img/bg_card.gif) 0 0 no-repeat; width:757px; height:41px; margin:15px 0; padding:89px 0 0 8px;}
#tanocard2 { background:url(/common/img/bg_card2.gif) 0 0 no-repeat; width:757px; height:41px; margin:15px 0; padding:89px 0 0 8px; text-align:left;}
.topics { margin:0 0 10px 0;}
.topics ul { margin:0 0 10px 0;}
.topics ul li { background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:8px 0; width:765px;}
.topics p { margin:0 0 5px 0;}
.titlestyle { width:750px;}
.topics .titlestyle a { display:block; float:right;}
.topics .titlestyle span { display:block; float:left;}

.flow { margin:0 0 10px 0;}
.flow li { background:url(/common/img/bg_step.gif) center right no-repeat; padding:0 17px 0 0; float:left; margin:0 3px 0 0;}
.flow li.last { background:none; padding:0; margin:0;}
 
.flow2 { margin:0 0 15px 0;}
.flow2 ol li { background:url(/common/img/bg_step.gif) center right no-repeat; padding:0 17px 0 0; float:left; margin:0 3px 0 0;  z-index:2;}
.flow2 ol li.last { background:none; padding:0; margin:0;}
.flow2 p { float:left; margin-top:10px;}
.flow2 p.sub001 { padding:0 0 0 65px; background:url(/common/img/bg_arrow.gif) 0 0 no-repeat;}
.flow2 p.sub002 { padding:0 0 0 15px;}

.twocolumn { margin:0 0 15px 0;}
.box285 { width:285px; background:url(/common/img/bg_285w_bottom.gif) left bottom no-repeat;}
.ranking { padding:9px 0 0 5px;}

.liststyle { margin:10px 0 0 0;}
.liststyle li{ margin:0 0 10px 0; background:url(/common/img/eyecatch_list.gif) left top no-repeat; padding:0 0 0 15px;}

dl.itembox { padding:10px 0 8px 0; font-size:80%; width:245px;}
dl.itembox dt { float:left; width:90px;}
dl.itembox dt img { display:block; border:#999 solid 1px;}
dl.itembox dd { width:155px; float:right;}
dl.itembox dd p { padding:0 0 5px 0;}
dl.itembox dd p.pricebold { font-weight:bold; font-size:100%;}
dl.itembox dd p span { color:#f00; font-size:120%;}
dl.itembox dd p a { display:block;}
dl.itembox dd p.pricebold a { float:right; width:61px;}

.bg765 { background:url(/common/img/bg_765_middle.gif) 0 0 repeat-y; padding:0 10px 5px 10px;}

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

.tbl001 { border-top:#999 solid 1px; border-left:#999 solid 1px; margin:15px 0;}
.tbl001 th,
.tbl001 td { border-bottom:#999 solid 1px; border-right:#999 solid 1px; padding:5px;}
.tbl001 th { background:#f0f0f0; width:9em;}
.tbl001 td span { font-weight:bold; color:#ff0000; padding:0 3px;}
.tbl001 td em { font-style:normal; font-size:80%;}

.tbl002 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:15px 0;}
.tbl002 th,
.tbl002 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px;}
.tbl002 th { background:#f0f0f0; width:11em; font-weight:bold;}
.tbl002 td span { font-weight:bold; color:#ff0000; padding:0 3px;}
.tbl002 td a.icon { display:inline-block;}
.tbl002 td img { vertical-align:middle;}
.tbl002 td input { margin:0 5px; border:#999 solid 1px;}
.tbl002 tr.cnt th { text-align:center;}
.tbl002 th.thstyle01 { width:70px;}
.tbl002 th.thstyle02 { width:50px;}
.tbl002 th.thstyle03 { width:95px;}
.tbl002 th.thstyle01 span { font-size:80%; font-weight:normal;}
.tbl002 td.none { border:none; text-align:right;}
.tbl002 td.none a img { padding:0 0 0 5px;}

.tbl003 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl003 th,
.tbl003 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 10px; line-height:1.6em;}
.tbl003 th { font-weight:bold; background:#f0f0f0; vertical-align:top;}
.tbl003 th em { color:#f00; font-style:normal;}
.tbl003 th span,
.tbl003 td span { font-weight:normal; font-size:80%;}
.tbl003 td input { margin:0 5px;}
.tbl003 td textarea { border:#999 solid 1px;}
.tbl003 input { border:#999 solid 1px; padding:2px 4px; vertical-align:middle;}
.tbl003 input.btn { border:none;}
.tbl003 .thstyle01 { width:50px;}
.tbl003 .thstyle02 { width:120px;}
.tbl003 .thstyle03 { width:200px;}

/* 2011/05/11 add start 複数配送先*/

.tbl003 th.w1,
.tbl003 td.w1{width:1%;white-space:nowrap; text-align:center;}
.tbl003 td.w1 input{width:40px; text-align:center;}

.tbl003 .w1 .up-down{display:inline-block; width:11px; height:22px; vertical-align:middle; margin:0 -12px 0 10px;}
.tbl003 .w1 .up-down a{display:block; width:11px; height:11px; text-indent:-9999px; margin:0;padding:0; overflow:hidden;}
.tbl003 .w1 .up-down a.up{background:url(/common/img/btn_up-down_off.gif) no-repeat left top;}
.tbl003 .w1 .up-down a.up:hover{background:url(/common/img/btn_up-down_on.gif) no-repeat left top;}
.tbl003 .w1 .up-down a.down{background:url(/common/img/btn_up-down_off.gif) no-repeat left -11px;}
.tbl003 .w1 .up-down a.down:hover{background:url(/common/img/btn_up-down_on.gif) no-repeat left -11px;}
/* 2011/05/11 add end 複数配送先*/

/* 2011/05/12 add start 複数配送先調整*/
.tbl003 td span.w1 { font-weight:normal; font-size:100%;}
/* 2011/05/12 add start 複数配送先調整*/

.tbl004 { border-top:#999 solid 1px; border-left:#999 solid 1px;}
.tbl004 th,
.tbl004 td { border-bottom:#999 solid 1px; border-right:#999 solid 1px; padding:8px;}
.tbl004 th { background:#f0f0f0; width:11em; font-weight:bold; text-align:center;}
.tbl004 td span { font-weight:bold; color:#ff0000; padding:0 3px;}
.tbl004 th.thstyle01 { width:200px;}

.tbl005 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl005 th,
.tbl005 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 10px; text-align:center;}
.tbl005 th { font-weight:bold; background:#f0f0f0;}
.tbl005 .thstyle01 { width:40px;}
.tbl005 .thstyle02 { width:120px;}
.tbl005 .thstyle03 { width:180px;}
.tbl005 td.none { border:none;}
.tbl005 td.txtright { text-align:left;}

.tbl006 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl006 th,
.tbl006 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 10px;}
.tbl006 th { font-weight:bold; background:#f0f0f0; text-align:center;}
.tbl006 .thstyle01 { width:350px;}
.tbl006 .thstyle02 { width:270px;}
.tbl006 .thstyle03 { width:80px;}
.tbl006 .thstyle04 { width:310px;}
.tbl006 .thstyle05 { width:16px;}
.tbl006 td.thstyle05 img { display:block; padding:3px 0;}
.tbl006 td.none { border:none;}
.tbl006 td.txtright { text-align:left;}
.tbl006 td a { padding:3px 5px;}

.tbl007 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl007 th,
.tbl007 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 3px; text-align:center;}
.tbl007 th { font-weight:bold; background:#f0f0f0;}
.tbl007 td span { font-size:80%; padding:0 0 0 10px;}
.tbl007 td a { display:inline-block; text-align:left;}
.tbl007 td.txtright { text-align:right;}
.tbl007 td.txtleft { text-align:left;}
.tbl007 th.thstyle01 { width:60px;}
.tbl007 th.thstyle02 { width:85px;}
.tbl007 th.thstyle03 { width:60px;}
.tbl007 th.thstyle04 { }
.tbl007 th.thstyle05 { width:30px;}
.tbl007 th.thstyle06 { width:60px;}
.tbl007 th.thstyle07 { width:30px;}
.tbl007 th.thstyle08 { width:60px;}
.tbl007 th.thstyle09 { width:70px;}
.tbl007 th.thstyle10 { width:60px;}

.tbl008 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl008 th,
.tbl008 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 10px; line-height:1.6em;}
.tbl008 th { font-weight:bold; background:#f0f0f0;}
.tbl008 th em { color:#f00; font-style:normal;}
.tbl008 th span,
.tbl008 td span { font-weight:normal; font-size:80%;}
.tbl008 td input { margin:0 5px;}
.tbl008 input { border:#999 solid 1px; padding:2px 4px; vertical-align:middle;}

.tbl009 { border-top:#e9be89 solid 1px; border-right:#e9be89 solid 1px; margin:0 0 15px 0;}
.tbl009 th,
.tbl009 td { border-bottom:#e9be89 solid 1px; border-left:#e9be89 solid 1px; padding:8px 10px;}
.tbl009 th { font-weight:bold; background:#feefda; text-align:center;}
.tbl009 .thstyle01 { width:350px;}
.tbl009 .thstyle02 { width:270px;}
.tbl009 .thstyle03 { width:80px;}
.tbl009 .thstyle04 { width:310px;}
.tbl009 .thstyle05 { width:20px;}
.tbl009 td.none { border:none;}
.tbl009 td.txtright { text-align:left;}
.tbl009 td a { padding:3px 5px;}

.tbl010 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl010 th,
.tbl010 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 10px; vertical-align:top;}
.tbl010 th { font-weight:bold; background:#d8fcfe; width:11.5em;}
.tbl010 td strong { font-size:120%; color:#f00;}
.tbl010 td strong.s_text,
.tbl010 td span { font-size:80%;}

.tbl011 { border-top:#999 solid 1px; border-right:#999 solid 1px; margin:0 0 15px 0;}
.tbl011 th,
.tbl011 td { border-bottom:#999 solid 1px; border-left:#999 solid 1px; padding:8px 3px; text-align:center;}
.tbl011 th { font-weight:bold; background:#f0f0f0;}
.tbl011 td span { font-size:80%;}
.tbl011 td a { display:inline-block; text-align:left;}
.tbl011 td.txtright { text-align:right;}
.tbl011 td.txtleft { text-align:left;}
.tbl011 th.thstyle01 { width:60px;}
.tbl011 th.thstyle02 { width:85px;}
.tbl011 th.thstyle03 { width:60px;}
.tbl011 th.thstyle05 { width:30px;}
.tbl011 th.thstyle06 { width:60px;}
.tbl011 th.thstyle07 { width:30px;}
.tbl011 th.thstyle08 { width:60px;}
.tbl011 th.thstyle09 { width:70px;}
.tbl011 th.thstyle10 { width:60px;}

#history dl { background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0; margin:0 0 10px 0;}
#history dl dt { font-weight:bold; width:5em; float:left;}
#history dl dd { padding:0 0 0 5em;}

#code p { float:left; width:441px;}
#code table { float:right; width:310px;}
#code input { border:#999 solid 1px; width:70px; padding:4px;}
#code table span { font-size:80%;}

#thanks { text-align:center;}
#thanks p { margin:0 0 30px 0;}
#thanks p a img { margin:0 50px;}

#thanks p.for_p-tano{margin-top:-15px;}
#thanks p.for_p-tano img{margin-left:279px;}

#freedial .innerwhite { padding:5px 0 0 5px; background:url(/common/img/bg_tel.jpg) bottom right no-repeat;}
#freedial dl { width:500px; padding:10px 5px;}
#freedial dt { background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:0 0 5px 0; margin:0 0 5px 0;}

.btnbox { width:205px; margin:0 280px;}

#bg_privacy { background:url(/common/img/bg_pribacy.gif) 0 0 no-repeat; text-align:center; padding:20px 0 0 0; height:70px; margin:0 0 15px 0;}

#radio { background:#f0f0f0; border:#999 solid 1px; text-align:center; padding:10px 0;}

#registration,
#address { margin:0 0 15px 0;}
#address select { margin:0 0 10px 5px;}
#address .tbl003 select { margin:10px 0 0 5px;}
#address ul { margin:10px 0;}
#address ul li { margin:0 0 5px 0; background:url(/common/img/eyecatch_list.gif) 0 0 no-repeat; padding:0 0 0 15px;}
#address p.txtright select { vertical-align:middle;}

#leftcolumn #logintop { border-top:none; text-align:center;}
#logintop .innergray { width:158px; padding:10px 5px 5px 5px;}
#leftcolumn #info .innerwhite { width:168px;}
#leftcolumn #info dl { font-size:80%; padding:10px 5px 0 5px;}
#leftcolumn #info dl dt { padding:0 0 5px 0;}
#leftcolumn #info dl dd { padding:0 0 10px 0;}

.code { width:150px;}
.name,
.mail,
.pass,
.password{ width:250px;}
.year,
.zip02,
.address03 { width:70px;}
.month,.day { width:30px;}
.zip01 { width:40px;}
.address01 { width:100px;}
.address02,
.qa,
.reviewtitle,
.company,
.answer,
.post{ width:450px;}
.tel{ width:70px;}
.comment { width:600px;}
.merumaga { margin:0 0 15px 0;}
.merumaga p input { vertical-align:middle;}
.btnarea { border:#999 solid 1px; background:#f0f0f0; padding:10px 10px 5px 10px; text-align:center;}
.btnarea input { margin:5px 0;}
.reviewarea {border:#999 solid 1px; padding:2px 4px; width:450px; height:300px; margin:0 5px;}
#rating img { vertical-align:middle;}
#rating a { padding:0 4px; display:inline-block;}
#rating span { padding:0 5px;}

.reviewname { margin:0 0 10px 0; padding:10px 0 0 0;}
.reviewcomment { margin:0 5px 10px 5px; background:url(/common/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;}

.hreview { border-top:none; width:763px;}
.hreview .innerwhite { padding:10px 10px 0 10px; width:743px;}
.hreview .last { margin:0 5px; background:none;}

#review { border-top:none;}

/* 2011/04/17 add*/
.defaultsite_select input{vertical-align:-3px;}

/* 2011/06/07 add start 複数配送先*/
.choose_your_destination {padding:10px 0 15px 0;}
.choose_your_destination select{width: 100%;}
.choose_your_destination p em{display:inline-block; padding:10px 0 0 0;font-style:normal; font-weight:bold;}

dl.all_shipping{ padding:0 0 30px 0;}
dl.all_shipping dt{ color:#FF2121;font-weight:bold;}
dl.all_shipping dd{ color:#FF2121;font-weight:bold;}
/* 2011/06/07 add end 複数配送先*/

