@charset "utf-8";

* {margin:0; padding:0;}

body {
font-family:"qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "CI", "Meiryo", "MS PSVbN", "MS P Gothic", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
font-size:80%;
}

a {color:#0F7102;}
a:hover {color:#E40204;}

img {border:0;}

.none {
display:none;
}

/*header
---------------------------------------------*/
#header {
width:910px;
height:90px;
background:url(../packages/tpl20090820/image/bg_header.jpg) no-repeat;
text-align:left;
margin:0 auto;
}
#header h1 {
text-indent:-9999px;
}
#header h1 a {
display:block;
width:260px;
height:70px;
margin:0 0 0 5px;
background:url(../packages/tpl20090820/image/logo.jpg) no-repeat;
}

/*information
-------------------------------------------*/
#information {
width:900px;
height:30px;
background:url(../packages/tpl20090820/image/info_bg.jpg) repeat-x;
text-align:left;
display:inline-table;
}
#information:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#information ul {
list-style-type:none;
}
#information ul li {
float:left;
}
#information ul li a {
display:block;
width:120px;
height:30px;
text-indent:-9999px;
}
#information ul li a.m1 {
background:url(../packages/tpl20090820/image/info_01.jpg) top no-repeat;
}
#information ul li a.m2 {
background:url(../packages/tpl20090820/image/info_02.jpg) top no-repeat;
}
#information ul li a.m3 {
background:url(../packages/tpl20090820/image/info_03.jpg) top no-repeat;
}
#information ul li a:hover {
background-position:bottom;
}

/*container
------------------------------------------*/
#container {
clear:both;
width:900px;
margin:5px auto;
display:inline-table;
}
#container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*leftcolumn
-----------------------------------------*/
#leftcolumn {
width:210px;
float:left;
text-align:left;
}
.left_inner {
background:url(../packages/tpl20090820/image/left_bg.jpg) bottom no-repeat;
text-align:left;
margin:10px auto 5px auto;
padding-bottom:10px;
}
.left_inner h2 {
color:#008500;
height:30px;
padding:10px 0 0 32px;
font-size:1.1em;
background:url(../packages/tpl20090820/image/h2_left.jpg) no-repeat;
}
.left_inner p {
margin:5px 10px 0 10px;
line-height:1.4em;
}
p.btn {
text-align:right;
}
p.btn a {
background:url(../packages/tpl20090820/image/btn_icon.jpg) left center no-repeat;
padding:2px 0 2px 15px;
}
p.btn a:hover {
background-color:#F6F7D8;
}
ul#categorytree {
margin:5px 10px 0 15px;
list-style-type:none;
}

/*two_maincolumn
-----------------------------------------*/
#two_maincolumn {
width:670px;
float:right;
text-align:left;
margin:15px auto;
}
#two_maincolumn h2.title {
background:url(../packages/tpl20090820/image/h2_title.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
}
#undercolumn_entry p {
margin:5px 0 5px 10px;
line-height:1.4em;
}
.tblareabtn {
margin:10px;
text-align:center;
}

/*bna_area
-------------------------------------------*/
.bna_area {
width:660px;
margin:5px auto;
display:inline-table;
}
.bna_area:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*ߏ
-------------------------------------------*/
#recomendarea {
margin:15px auto;
}
#recomendarea h2 {
background:url(../packages/tpl20090820/image/h2_title.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
}
.recomendblock {
float:left;
margin-left:10px;
width:320px;
padding:10px 0 10px 0;
}
.recomendblock h3 {
font-size:1em;
margin:3px;
}
.recomendblock p {
margin:0 5px;
}
.reco_img {
text-align:center;
margin:5px 0 0 0;
}
.reco_img img {
border:2px solid #eee;
}
.reco_img img:hover {
border:2px solid #A1D12F;
}
.recomendblock p.mini {
font-size:0.85em;
}
.recomendleft {
float:left;
width:155px;
height:240px;
border:1px solid #669900;
background:#FFFFCC;
}
.recomendright {
float:right;
width:155px;
height:240px;
border:1px solid #669900;
background:#FFFFCC;
}

/*V
-------------------------------------------*/
#newsarea {
margin:20px auto;
clear:both;
}
#newsarea h2 {
background:url(../packages/tpl20090820/image/h2_news.jpg) no-repeat;
font-size:1.4em;
color:#ff0000;
padding:13px 0 0 25px;
height:37px;
}
#newsarea p {
margin:5px 5px 10px 10px;
}
#newsarea dl {
margin:0 0 10px 15px;
}
#newsarea dt {
color:#008500;
}
#newsarea dd {
margin-left:10px;
}
#newsarea dd .ttl{
color:#008500;
font-weight:bold;
}

/*iꗗy[W
------------------------------------------*/
#listtitle h2 {
background:url(../packages/tpl20090820/image/h2_title_850.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
}
ul.pagenumberarea {
margin:10px;
list-style-type:none;
clear:both;
}
ul.pagenumberarea li.center {
text-align:center;
}
ul.pagenumberarea li.right {
text-align:right;
}

.listarea {
margin:10px;
padding-top:10px;
clear:both;
border-top:2px dashed #eee;
display:inline-table;
}
.listarea:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.listphoto {
float:left;
width:150px;
text-align:center;
}
.listphoto img {
border:3px solid #eee;
}
.listphoto img:hover {
border:3px solid #A1D12F;
}
.listrightblock {
float:right;
width:490px;
}
.listrightblock h3 {
background:url(../packages/tpl20090820/image/h3_list.jpg) left repeat-x;
clear:both;
}
.listrightblock h3 a {
display:block;
padding:3px 0 3px 15px;
text-decoration:none;
}
ul.status_icon {
list-style-type:none;
}
ul.status_icon li {
display:inline;
margin-right:3px;
}
p.listcomment {
margin:5px;
}
.in_cart dl {
width:140px;
float:right;
}
.in_cart dt {
float:left;
}
.in_cart dd {
float:left;
}
.in_cart .cartbtn {
clear:both;
text-align:right;
}
p.price {
text-align:right;
}
span.pricebox {
color:#ff0000;
}
span.mini {
font-size:0.85em;
}
span.price {
font-size:1.2em;
font-weight:bold;
}

/*iڍ׃y[W
------------------------------------------*/
#detailtitle h2 {
background:url(../packages/tpl20090820/image/h2_title_850.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
}
p.detail {
margin:10px;
line-height:1.4em;
}

#detailarea {
margin:10px;
display:inline-table;
}
#detailarea:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#detailphotoblock {
float:left;
width:280px;
}
#detailphotoblock img {
border:3px solid #eee;
}
#detailphotoblock img:hover {
border:3px solid #A1D12F;
}
#detailrightblock {
float:right;
width:350px;
}
#detailrightblock h2 {
font-size:1.3em;
color:#ff0000;
}
span.price {
color:#ff0000;
}
#detailrightblock dl {
width:150px;
float:right;
}
#detailrightblock p.btn2 {
clear:both;
text-align:right;
}

.subarea {
clear:both;
margin:10px auto;
display:inline-table;
}
.subarea:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.subarea h3 {
background:url(../packages/tpl20090820/image/h3_default.jpg) left center no-repeat;
font-size:1.3em;
color:#659738;
padding:3px 0 0 27px;
}
.subphotoimg {
width:220px;
float:left;
text-align:center;
}
.subtext {
float:right;
width:410px;
}

/*TCgɂ‚
------------------------------------------*/
#undercolumn_aboutus h3 {
background:url(../packages/tpl20090820/image/h3_default.jpg) left center no-repeat;
font-size:1.3em;
color:#659738;
padding:3px 0 0 27px;
}
#undercolumn_aboutus p {
margin:3px 5px 5px 10px;
line-height:1.4em;
}

/*菤Ɋւ@ɊÂ\L
-----------------------------------------*/
#undercolumn_order h3 {
background:url(../packages/tpl20090820/image/h3_default.jpg) left center no-repeat;
font-size:1.3em;
color:#659738;
padding:3px 0 0 27px;
}
#undercolumn_order p {
margin:3px 5px 5px 10px;
line-height:1.4em;
}
table.souryou {
border-collapse:collapse;
margin:10px auto;
width:400px;
}
table.souryou th {
border:1px solid #ccc;
padding:3px;
background:#eee;
width:100px;
text-align:right;
}
table.souryou td {
border:1px solid #ccc;
padding:3px;
width:300px;
}

/*entry
------------------------------------------*/
table.tab_entryform {
border-collapse:collapse;
margin:10px;
}
table.tab_entryform th {
border:1px solid #ccc;
padding:3px;
background:#eee;
}
table.tab_entryform td {
border:1px solid #ccc;
padding:3px;
}

/*one_maincolumn
-----------------------------------------*/
#one_maincolumn {
margin:10px;
text-align:left;
}
#one_maincolumn h2.title {
background:url(../packages/tpl20090820/image/h2_title_850.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
}

/*}Cy[W
-----------------------------------------*/
#mynavarea, .loginarea {
margin:10px auto;
}
#mynavarea ul.button_like {
list-style-type:none;
}
#mynavarea ul.button_like li {
float:left;
}
#mynavarea p {
margin:10px;
line-height:1.4em;
}
#mycontentsarea {
clear:both;
}
#mycontentsarea h3 {
background:url(../packages/tpl20090820/image/h3_default.jpg) left center no-repeat;
font-size:1.3em;
color:#659738;
padding:3px 0 0 27px;
}
div.inputbox02 {
text-align:center;
}
table.delivname {
border-collapse:collapse;
margin:10px auto;;
width:650px;
}
table.delivname th {
border:1px solid #ccc;
padding:3px;
background:#eee;
text-align:left;
}
table.delivname td {
border:1px solid #ccc;
padding:3px;
text-align:left;
}

#windowarea {
width:850px;
margin:10px auto;
text-align:left;
}
#windowarea h2 {
background:url(../packages/tpl20090820/image/h2_title_850.jpg) no-repeat;
font-size:1.4em;
color:#fff;
padding:13px 0 0 25px;
height:37px;
margin-bottom:10px;
}
#windowarea .btn {
text-align:center;
}

/*₢
-----------------------------------------*/
#undercolumn_contact p {
margin:10px;
line-height:1.4em;
}

/*JS̒쩂
-----------------------------------------*/
table.tab_cart {
border-collapse:collapse;
margin:10px auto;;
}
table.tab_cart th {
border:1px solid #ccc;
padding:3px;
background:#eee;
}
table.tab_cart td {
border:1px solid #ccc;
padding:3px;
}
.phototd, td#quantity {
text-align:center;
}
td.pricetd {
text-align:right;
}
th.resulttd {
text-align:right;
}
ul#quantity_level li {
display:inline;
}

#under02column_shopping h3 {
background:url(../packages/tpl20090820/image/h3_default.jpg) left center no-repeat;
font-size:1.3em;
color:#659738;
padding:3px 0 0 27px;
}
.payarea, .payarea02, .pointarea {
margin:5px 0 20px 10px;
}
.pointarea ul {
list-style-type:none;
}

/*cXē
-----------------------------------------*/
.shop_img {
text-align:center;
margin:5px auto;
}
p.shop {
margin-left:135px;
}

/*r[
-----------------------------------------*/
#customervoicearea {
clear:both;
}

/*iڍ׉
-----------------------------------------*/
#whoboughtarea {
clear:both;
margin:30px 0 20px 0;
}
.whoboughtblock {
width:650px;
margin:5px auto;
}
.whoboughtleft {
float:left;
width:320px;
margin-bottom:15px;
}
.whoboughtright {
float:right;
width:320px;
margin-bottom:15px;
}
.whoboughtblock img {
float:left;
margin:5px;
border:3px solid #eee;
}
.whoboughtblock img:hover {
border:3px solid #A1D12F;
}
.whoboughtblock h3 {
font-size:1em;
}

/*footer
-----------------------------------------*/
#footer {
width:900px;
height:80px;
background:url(../packages/tpl20090820/image/bg_footer.jpg) no-repeat;
margin:20px auto 0 auto;
}
#pagetop {
text-align:right;
margin:5px;
}
#fotter {
text-align:right;
font-size:0.8em;
}