@charset "utf-8";

/*　products　*/
/* -----------------------------------------------*/
div.products .newproducts {
margin:0px auto;
padding:20px 0px 50px 0px;
width:1000px;
}
div.products .newproducts ul {
font-size:1px;
}
div.products .newproducts ul li {
margin:0px 10px;
width:280px;
display:inline-block;
text-align:center;
vertical-align:top;
}
div.products .newproducts ul li .item {
width:202px;
height:202px;
display:inline-block;
font-size:1px;
text-align:center;
border:#DCDCDC solid 1px;
position:relative;
}
div.products .newproducts ul li .item img {
max-width:98%;
max-height:98%;
}
div.products .newproducts ul li .ttl {
padding:10px 0px;
font-size:13px;
font-weight:bold;
line-height:1.5;
}
div.products .newproducts ul li .txt {
padding-bottom:10px;
font-size:13px;
line-height:1.5;
}
div.products .newproducts ul li .comment {
padding-top:20px;
background:url(../images/arrtop01.jpg) top center no-repeat;
}
div.products .newproducts ul li .comment .inset {
padding:10px 0px;
background:#F5F5F5;
-moz-border-radius:15px;/*for Firefox*/
-webkit-border-radius:15px;/*for Safari and chrome*/
border-radius:15px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .newproducts ul li .comment .photo {
width:110px;
display:inline-block;
font-size:1px;
text-align:center;
vertical-align:middle;
}
div.products .newproducts ul li .comment .photo  img {
	border-radius: 45px;	
}
div.products .newproducts ul li .comment .logo {
margin-right:10px;
width:53px;
display:inline-block;
color:#999999;
font-size:10px;
line-height:1.5;
text-align:center;
vertical-align:middle;
}
div.products .newproducts ul li .comment .logo span {
margin-bottom:5px;
padding:12px 0px;
display:block;
background:#9A988C;
-moz-border-radius:30px;/*for Firefox*/
-webkit-border-radius:30px;/*for Safari and chrome*/
border-radius:30px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .newproducts ul li .comment .name {
width:105px;
display:inline-block;
font-size:16px;
line-height:1.5;
text-align:left;
vertical-align:middle;
}
div.products .newproducts ul li .comment .name span {
display:block;
font-size:12px;
line-height:1.5;
}
div.products .newproducts ul li .comment .txt {
padding:10px 20px 0px 20px;
font-size:13px;
line-height:1.7;
text-align:left;
}
div.products .productslist {
margin:0px auto;
width:920px;
text-align:center;
}
div.products .productslist ul {
font-size:1px;
}
div.products .productslist ul li {
margin:0px 15px;
width:200px;
height:255px;
overflow:hidden;
display:inline-block;
vertical-align:top;
position:relative;
}
div.products .productslist ul li a {
text-decoration:none;
}
div.products .productslist ul li a:hover .item,
div.products .productslist ul li a:hover .ttl {
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
div.products .productslist ul li .item {
width:198px;
height:198px;
text-align:center;
border:#DCDCDC solid 1px;
}
div.products .productslist ul li .item img {
max-width:98%;
max-height:98%;
}
div.products .productslist ul li .ttl {
padding-top:10px;
font-size:13px;
line-height:1.5;
}
div.products .iconset {
width:56px;
position:absolute;
top:18px;
left:18px;
z-index:888;
}
div.products .iconset .icon01 {
margin-bottom:5px;
display:block;
color:#ffffff;
font-family: 'Lora', serif;
font-size:12px;
line-height:24px;
background:#336666;
-moz-border-radius:12px;/*for Firefox*/
-webkit-border-radius:12px;/*for Safari and chrome*/
border-radius:12px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .iconset .icon02 {
margin-bottom:5px;
display:block;
color:#ffffff;
font-size:11px;
line-height:24px;
background:#990033;
-moz-border-radius:12px;/*for Firefox*/
-webkit-border-radius:12px;/*for Safari and chrome*/
border-radius:12px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .detail {
margin:25px auto 20px auto;
width:1000px;
}
div.products .detail .ttl {
padding-bottom:30px;
color:#8AB992;
font-size:24px;
font-weight:bold;
line-height:1.5;
}
div.products .detail .itemset {
width:400px;
float:left;
font-size:1px;
text-align:center;
}
div.products .detail .itemset img {
border:#E7E7E7 solid 1px;
}
div.products .detail .itemset .itemicon {
padding:20px 0px;
font-size:1px;
}
div.products .detail .itemset .itemicon .icon01 {
margin:0px 4px;
padding:0px 10px;
display:inline-block;
color:#ffffff;
font-family: 'Lora', serif;
font-size:12px;
line-height:24px;
background:#336666;
-moz-border-radius:12px;/*for Firefox*/
-webkit-border-radius:12px;/*for Safari and chrome*/
border-radius:12px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .detail .itemset .itemicon .icon02 {
margin:0px 4px;
padding:0px 10px;
display:inline-block;
color:#ffffff;
font-size:11px;
line-height:24px;
background:#990033;
-moz-border-radius:12px;/*for Firefox*/
-webkit-border-radius:12px;/*for Safari and chrome*/
border-radius:12px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .detail .itemset .itemprice {
color:#990033;
font-size:12px;
font-weight:bold;
line-height:1.5;
}
div.products .detail .itemset .itembtn {
padding-top:30px;
}
div.products .detail .itemset .itembtn a {
padding:0px 30px;
display:inline-block;
color:#000000;
font-family:'Neucha', cursive;
font-size:20px;
line-height:1.3;
text-align:center;
text-decoration:none;
border:#000000 solid 1px;
background:#ffffff;
-moz-border-radius:15px;/*for Firefox*/
-webkit-border-radius:15px;/*for Safari and chrome*/
border-radius:15px;
behavior: url(border-radius.htc);/*for IE*/
}
div.products .detail .dataset {
width:580px;
float:right;
text-align:center;
}
div.products .detail .dataset .btnset {
text-align:center;
}
div.products .detail .dataset .btnset a {
display:inline-block;
vertical-align:middle;
}
div.products .detail .dataset .ttlset {
padding:20px 0px;
font-size:13px;
line-height:1.5;
}
div.products .detail .dataset .ttlset span {
margin-right:15px;
display:inline-block;
color:#000000;
font-family: 'Amatic SC', cursive;
font-size:26px;
line-height:1.5;
}
div.products .detail .dataset .txt {
padding:10px 0px 15px 0px;
font-size:13px;
line-height:1.7;
}
div.products .detail .dataset .shopicon {
font-size:1px;
}
div.products .detail .dataset .shopicon .logo {
margin:0px 17px;
width:53px;
display:inline-block;
color:#999999;
font-size:13px;
line-height:1.5;
text-align:center;
vertical-align:middle;
}
div.products .detail .dataset .shopicon .logo span {
margin-bottom:5px;
padding:12px 0px;
display:block;
background:#9A988C;
-moz-border-radius:30px;/*for Firefox*/
-webkit-border-radius:30px;/*for Safari and chrome*/
border-radius:30px;
behavior: url(border-radius.htc);/*for IE*/
}