﻿*{padding: 0; margin: 0; font-family: "Helvetica neue",Helvetica,Verdana,sans-serif!important;}
.clear:after{content:'\20'; display:block; height:0; clear:both}
.clear{*zoom:1}
a {color: #0654ba; text-decoration: none}
a:hover {color: #f00; text-decoration: underline;}
.store-main { background: #fff;}
.store-image { width: 100%; padding-top: 20px; clear:left;}
.relative-box {padding:10px 10px 1px; margin-bottom: 10px; background:#f1f1f1; margin-top: -10px;}
.relative-box .one-image {background: #fff; max-width:1200px; margin: 0 auto; text-align: center;}
.relative-box .one-image .img-box img {max-width:1200px; margin: 0 auto; display: block; }
.store-image .absolute-box{ font-size: 14px; border-bottom: 1px solid #aaa; text-align: left; }
.store-image .one-image {margin-bottom: 15px; position: relative; border-bottom: 2px solid #ccc;}
.store-image .one-image .image-short-text{font-size: 17px; line-height:20px; font-family:"Arial"; padding:20px 10px 8px 20px; font-weight: bold;}		
.store-image .absolute-box p, .store-image .absolute-box .image-cont-text {line-height: 18px; padding:0 10px 20px 20px;}

.store-BuyItNow {padding: 5px; background: #F7F7F7; text-align: right; position: relative;}
.store-BuyItNow .anchor-link {position: absolute; top:5px; left:5px;}
.store-BuyItNow .anchor-link a {font-size: 13px; margin-right: 6px;}	  
.btn{
	color: #fff;	 
	padding: 5px 20px;
	border:1px solid transparent;
	border-radius:3px;
	box-shadow:0 3px 0 rgba(0,0,0,0.04);
	vertical-align: middle;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	font-weight: bold;
	font-size:14px;
	cursor:pointer;
	zoom:1;
	display:inline-block;*display:inline	;
	font-family:Arial,sans-serif,Verdana
}
.btn:hover{-moz-transition:background-position .1s linear 0s}
.btn:active{position:relative;top:1px}  


/* btn */
a.btn-prim {
	width: auto;
	height: auto;
	color: #fff;
	background: -moz-linear-gradient(top,  #0079bc 0%, #00509d 100%); 
	background: -webkit-linear-gradient(top,  #0079bc 0%,#00509d 100%); 
	background: -o-linear-gradient(top,  #0079bc 0%,#00509d 100%); 
	background: linear-gradient(to bottom,  #0079bc 0%,#00509d 100%);
	vertical-align: middle;
}
a.btn-prim:hover {background: #00509D; color: #fff;}

.store-att .bd { padding-left: 10px;}
.store-att table {border-spacing:0;}
.store-att .att-name {font-weight: bold;  text-align: left; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #fff; background: #f8f8f8; width: 180px;}
.store-att tr td {padding: 7px 14px 6px;}

.store-guide {margin-top: 10px;}  
.store-guide {padding: 5px; background: #F7F7F7; text-align: right; position: relative; margin-bottom: 10px; padding-right: 160px; height: 29px;}
.store-guide a.btn {position: absolute; top:5px; right:5px;}
.store-guide-slogn {font-size: 14px; line-height: 29px; font-weight: bold;}

.store-recommend {margin: 15px 0 5px; position:relative}
.store-recommend h2 {height:18px; font-size: 18px; font-weight: normal; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #333; padding-bottom: 15px;}
.store-recommend .bd { max-height: 390px; overflow: hidden}
.store-recommend ul { margin: 0 auto; height: 195px; overflow: hidden;}
.store-recommend li {float: left; display:inline; width:138px; height: 195px; margin-left: 28px;  }
.store-recommend li:first-child {margin-left: 10px;}
.store-recommend li a { display: block; margin: 0 0 0 0; font-size: 13px; }
.store-recommend li a:hover .imgbox{border-color: #aaa;}
.store-recommend li a:hover .name{color:#f00; text-decoration: underline;}
.store-recommend li .imgbox {border:1px solid #ddd; width: 124px; height: 124px; overflow: hidden; text-align: center; display: table; vertical-align:middle; border-radius:3px;}
.store-recommend li .imgbox span {display:table-cell; vertical-align:middle;}
.store-recommend li .imgbox img {display: block; margin: 0 auto; max-width:124px; max-height:124px;}
.store-recommend li a .name {color: #3954BA; line-height:16px; height: 32px; overflow: hidden; display: block; padding-top: 5px;}
.store-recommend li .price {display: block; font-size: 14px; font-weight:bold;  height: 1.15em; padding-top:3px; color: #333; padding:3px 0 0 0;}

.store-policy {clear:left;}
.one-policy-box {margin-top: 10px; padding-top: 5px;}
.one-policy-box .one-hd h2{height:18px; font-size: 18px; margin-bottom: 18px; font-weight: normal; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #333;}
.one-policy-box .one-bd {font-size: 16px; padding: 5px 10px 10px 10px; }
.one-policy-box .one-bd li, .one-policy-box .one-bd, .one-policy-box .one-bd p {font-size: 14px!important; line-height: 18px;}
.one-policy-box .one-bd li {padding-bottom: 8px;}
.one-policy-box .one-bd ol, .one-policy-box .one-bd ul {padding-left: 15px;}
.one-policy-box .one-bd ol li {list-style-type: decimal;}

/* ========== 画廊 ======= */
.store-galley-box {padding-top: 10px;}
.product-img-box { top:35px; left:10px; z-index: 2; width: 552px; float: left; }
.b-imgbox {width: 550px; height: 550px; line-height:548px; display: table-cell; text-align: center; vertical-align: middle; border:1px solid #ccc; padding: 2px; overflow: hidden;}
.b-imgbox img {max-width: 550px; max-height: 550px; vertical-align: middle; }
.s-imgbox {margin-top: 5px;}
.s-imgbox li {float: left; width: 60px; height:60px; line-height:56px; padding: 1px; border:1px solid #ccc; text-align: center; border-radius:2px; list-style: none;}
.s-imgbox img{max-width: 60px; max-height: 60px; vertical-align: middle; cursor: pointer}
.s-imgbox li:hover {border-color: #777777;}
.s-imgbox li.on-style {border-color: #777777; border-radius:3px; border-width: 2px; padding: 0;}

.product-img-box.right-show {padding-right: 130px; position: relative; top:0; left:0; width: 420px;}
.product-img-box.right-show .b-imgbox {width: 400px; height: 400px;}	
.product-img-box.right-show .b-imgbox img {max-width: 400px; max-height: 400px; }
.product-img-box.right-show .s-imgbox {position: absolute; top:0; right:0; width: 140px; padding-top: 0; margin-top: 0;}
.product-img-box.right-show .s-imgbox li { margin:0 0 10px 5px;}

.store-text-box { margin-left: 572px;}
.store-text {padding-top: 5px; padding-left: 10px; margin-bottom: 15px; font-size: 14px!important; line-height: 1.35em!important;}
.store-text div, .store-text font, .store-text p {font-size: 14px!important; line-height: 1.35em!important;}
.store-text h1,.store-text h2,.store-text h3,.store-text h4,.store-text h5,.store-text h6{font-size: 16px!important;}
.store-text .mode-title {font-weight: bold; padding-bottom: 6px; font-size: 15px !important; padding-top: 10px;}

.store-feature { padding: 10px 0; background:#2871D5; color: #fff; padding-left: 350px; position: relative; }
.store-logo {width: 300px; vertical-align: middle; text-align: center; font-size: 60px; color: #fff; position: absolute; top:0; left:0; letter-spacing: -4px; font-family: 'Candara' !important; text-shadow:1px 1px 0 #000; padding:0 5px 0 3px; background:#189CDE; height:80px; line-height:78px;}
.store-logo .color-set {color:#ffcc00; font-size: 60px; padding-left: 4px; font-family: 'Candara' !important; text-shadow:1px 1px 0 #003650;}
.store-logo img {display: inline-block; max-width:300px;}
.store-feature-one {float: left; text-align: center; width: 33%; height:60px; overflow: hidden;}
.store-feature-one .first-icon {background:url("../images/store-reviews.png") 50% 50% no-repeat;} 
.store-feature-one .two-icon {background:url("../images/store-servies.png") 50% 50% no-repeat}
.store-feature-one .three-icon {background:url("../images/store-shipping.png") 50% 50% no-repeat}
.store-feature-one .feature-icon { display: inline-block; width: 60px; height: 60px;  margin: 0 auto; border-radius:30px; background-color:#e8b912}
.store-feature-one .feature-text {text-align: left; display: inline-block; vertical-align: top; margin-top: 14px; padding-left: 5px;}
.store-feature-one .feature-title {font-size: 14px; font-weight: bold;}
.store-feature-one .feature-description {font-size: 12px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.store-area-title { background: #E5EDF7; height:18px; font-size: 18px; line-height: 20px; margin-bottom: 10px; font-weight: normal; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; color: #084DAF; padding: 10px 10px 10px 10px; text-shadow:1px 1px 0 #fff; border-left:5px solid #2871D5;}


@media screen and (max-width: 1280px) {	
*{font-size: 14px;}
.store-recommend h2 {font-size: 22px; font-weight: bold; padding-left: 5px;}
.store-recommend .bd { max-height: 420px; overflow: hidden}
.store-recommend ul {height: 210px; overflow: hidden;}
.store-recommend li {width:150px; height: 210px; margin-left: 30px;  }
.store-recommend li a { margin: 0 0; }
.store-recommend li .imgbox {border:1px solid #ddd; width: 140px; height: 140px; }
.store-recommend li .imgbox img {max-width:140px; max-height:140px;}
.store-recommend li a .name {color: #3954BA; font-size: 12px;}
.store-recommend li .price {font-size: 14px;}

.one-policy-box .one-hd h2{font-size: 18px;}	  
.relative-box .one-image {max-width:1000px;} 
.relative-box .one-image .img-box img {max-width:1000px; }
}

@media screen and (max-width: 960px) {	
.store-text {border-top: none; padding-top: 0;}
.store-text-box { margin-left: 0; margin-top: 20px; }
.store-att .att-name {width: 140px; padding:7px 8px 6px;}

.product-img-box {width: 452px;}
.b-imgbox {width: 450px; height: 450px; line-height:448px;}
.b-imgbox img {max-width: 450px; max-height: 450px; }
.store-text-box { margin-left: 472px;}

.store-recommend ul { margin-left: -37px;}
.store-recommend li { width:154px;}
.store-recommend li a { margin: 0 0 0 42px; }
.store-recommend li .price {padding-left:42px; font-size: 15px;}

.store-feature-one {height: auto; overflow: auto;}
.store-feature-one .feature-icon {display: block;}
.store-feature-one .feature-text {display: block; text-align: center; padding-left: 0; margin-top: 0;}	  

.store-feature {padding-left: 250px;}
.store-logo {width:220px; height:112px; line-height:108px; font-size: 45px;}
.store-logo .color-set { font-size: 45px;}
.store-logo img {max-width:220px;}

.relative-box .one-image {max-width:800px;} 
.relative-box .one-image .img-box img {max-width:800px; }

}

@media screen and (max-width: 720px) {	
.product-img-box {display: block; float:none; margin:0 auto; width:452px;}
.b-imgbox {width:450px; height:450px; line-height:448px;}
.b-imgbox img {max-height:450px; max-width:450px;}	 
.store-text-box { margin-left: 0;}

.store-recommend.new-recommend {display: none;}
.store-att .att-name {width: 120px; padding:7px 8px 6px;}
.store-feature {padding-left: 0;}
.store-logo {position: static; margin: -10px auto 10px; border-bottom: 1px solid #ccc; width: auto; padding-bottom: 5px; font-family: "verdana",Arial,sans-serif !important; letter-spacing:-4px; line-height:65px; height:65px; font-size: 40px;}
.store-logo .color-set {font-size: 40px; font-family: "verdana",Arial,sans-serif !important;}
.relative-box .one-image {max-width:535px;} 
.relative-box .one-image .img-box img {max-width:535px; } 
.store-recommend h2 {font-size: 15px;}
}