/*===============================================
œstyle.css ‰ζ–Κ‚Μ‰‘•‚ͺ737pxˆΘγ
===============================================*/
@media print, screen and (min-width: 737px){
/*ƒgƒbƒvƒy[ƒW*/
h3{
margin-top: 15px;
background: url(../../common/images/bg/dot_m.png) repeat-x right center;
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ƒƒCƒŠƒI", "Meiryo", "‚l‚r ‚oƒSƒVƒbƒN", "MS Gothic", sans-serif;
}
h3 span {
padding-right: 5px;
background: #FFF;
color: #4C4C4C;
font-size: 12px;
font-weight: bold;
}

/*LeftNavi*/
#side	h2	{
	border: none;
	margin: 0 !important;
}
#side	h3	{
	border: none;
	padding: 7px;
}

#side	h3:before	{
	content: none;
}

#side	h3	a	{
	display:block;
	padding: 7px;
	font-size: 13px;
	color: #333;
}

#side	h3	a:before	{
	content: url('../../common/img/arrow_b.png');
	margin-left: 2px;
	margin-right: 8px;
	vertical-align: middle;
}



/* ƒuƒ‰ƒ“ƒhŽν•ΚƒŠƒ“ƒNƒ{ƒ^ƒ“ */
.BrandCateBtn{
	font-size: 13px;
	color: #373737;
	width: 770px;
}

.BrandCateBtn a:before	{
	content: url('../../common/img/arrow_b.png');
	margin-left: 2px;
	margin-right: 4px;
	vertical-align: middle;
}
.BrandCateBtn a {
	display: inline-block;
	float: left;
	width: 19%;
	color: #373737;
	margin-bottom: 65px;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.BrandCateBtn a:last-child {
	width: 22%;
}
.BrandCateBtn a.on {
	background-color: #999999;
	color: #FFF;
}
.BrandCateBtn a.on:before {
	content: url('../../common/img/arrow_wh.png');
	margin-left: 2px;
	margin-right: 4px;
	vertical-align: middle;
}

.BrandCateBtn a:hover:before	{
	content: url('../../common/img/arrow_wh.png');
	margin-left: 2px;
	margin-right: 4px;
	vertical-align: middle;
}

.BrandCateBtn a:hover {
	background-color: #999999;
	color: #FFF;
}

.BrandCateBtn a.middle {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/*ƒuƒ‰ƒ“ƒhˆκ——*/
.productIndexBox{
	font-size: 13px;
	line-height: 130%;
	position:relative;
	overflow:hidden;
	border-bottom: solid 1px #CCC;
	padding-top:8px;
	padding-bottom:125px;/*60*/
	margin-bottom:50px;/*20*/
}
.productIndexBox.last{
	border-bottom: none;
	margin-bottom:0px;
}
/*‰ζ‘œ*/
.productIndexBox .img{
float:left;
width:170px;
}
.productIndexBox .img img{
border:1px solid #ccc;
}
.productIndexBox .img a:hover img{
border:1px solid #C30D23;
}
/*‰E•”•ͺ*/
.productIndexBox .spec{
	float:right;
	width:565px;
	text-align: left;
}
.productIndexBox .spec .logo{
position:relative;
border-bottom:1px solid #cdcdcd;
padding-bottom:5px;/*15*/
margin-bottom:15px;
}
.productIndexBox .spec .logo a img.bname	{
/*	position: relative;	bottom: 0;*/
vertical-align: middle;
	}

.productIndexBox .spec .logo .jptext{
	color: #4C4C4C;
	font-size: 11px;
/*	position: relative;
	bottom: 10px;*/
	margin-left: 20px;
	vertical-align: middle;
}
.productIndexBox .spec .logo .jptextonly{
	color: #4C4C4C;
	font-size: 11px;
	margin-left: 30px;
	vertical-align: middle;
}

.productIndexBox .spec .logo .sns{
	position:absolute;
	right: 2px;
	bottom:5px;
}
.productIndexBox .spec .logo .sns	img	{
	margin: 2px;
}

.productIndexBox .spec .logo .sns	a	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.productIndexBox .spec .logo .sns	a:hover	{
	text-decoration: none;
	outline:none;
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.productIndexBox .spec p {
}
.productIndexBox .spec .btn{
position:absolute;
right:0px;
bottom:60px;/*15*/
height:32px;
	width:565px;
text-align:left;
}
.productIndexBox .spec .btn li a{
	color: #4C4C4C;
	float:left;
	width: 32%;
	height: 28px;
	margin-right:7px;
	padding-top: 8px;
  border: solid 1px #CCC;
  text-decoration: none;
  text-align: center;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

.productIndexBox .spec .btn li.turn a{
	margin-right:0px;
}
.productIndexBox .spec .btn li a:hover{
	background-color: #999999;
	color: #FFF;
}
h3.brandTitle{
margin-bottom:20px;
margin-top: 50px;
}
h3.brandTitle span {
font-size: 14px;
letter-spacing: 1px;
}

}
/*===============================================
œsmart.css  ‰ζ–Κ‚Μ‰‘•‚ͺ736px‚ά‚Ε
===============================================*/
@media only screen and (max-width:736px){
#Main {
	width: 94%;
	margin: 0 auto;
	text-align: left;
}
.BrandCateBtn{
	clear: both;
	margin: 1% auto;
}
.BrandCateBtn a {
	display: inline-block;
	float: left;
	width: 42%;
	margin-left: 2%;
	margin-top: 2%;
	padding: 3%;
	border: 1px solid #F5F5F5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #C1C1C1 0px 1px 1px;
	-moz-box-shadow: #C1C1C1 0px 1px 1px;
	box-shadow: #C1C1C1 0px 1px 1px;
	background: #F5F5F5;
	behavior: url("../../common/images/PIE.htc");
	color: #4C4C4C;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
}
.BrandCateBtn a.on,
.BrandCateBtn a:hover {
	border: 1px solid #9A9A9A;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #C1C1C1 0px 1px 1px;
	-moz-box-shadow: #C1C1C1 0px 1px 1px;
	box-shadow: #C1C1C1 0px 1px 1px;
	behavior: url("../../common/images/PIE.htc");
}
h3.brandTitle{
clear: both;
width: 94%;
margin: 0 auto 5%;
background: url("../../common/images/bg/dot_m.png") repeat-x right center;
font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ƒƒCƒŠƒI", "Meiryo", "‚l‚r ‚oƒSƒVƒbƒN", "MS Gothic", sans-serif;
text-align: left;
}
h3.brandTitle span {
padding-right: 5px;
background: #FFF;
color: #4C4C4C;
font-weight: bold;
font-size: 0.9em;
letter-spacing: 1px;
}

/*ƒuƒ‰ƒ“ƒhˆκ——*/
.productIndexBox{
	width: 94%;
	margin: 8% auto;
	border-bottom: solid 1px #CCC;
}
.productIndexBox.last{
	border-bottom: none;
}
/*‰ζ‘œ*/
.productIndexBox .img{
float:left;
width:33%;
margin: 0 0 5%;
}
.productIndexBox .img img{
border:1px solid #ccc;
width:100%;
}
.productIndexBox .img a:hover img{
border:1px solid #C30D23;
}
/*ƒƒS*/
.productIndexBox .spec .logo{
float:right;
width: 65%;
text-align: center;
}
.productIndexBox .spec .logo img {
margin: 1% auto;
}
.productIndexBox .spec .logo a img.bname	{
	position: relative;	top: 0;
	}

.productIndexBox .spec .logo .jptext{
	display: block;
	margin: 5px auto 0;
	color: #4C4C4C;
	font-size: 0.85em;
	font-weight: bold;
}
.productIndexBox .spec .logo .jptextonly{
	display: block;
	margin: 18% auto auto;
	color: #4C4C4C;
	font-size: 0.85em;
	font-weight: bold;
}
.size{font-size: 12px !important;}

.productIndexBox .spec .logo .sns	{
	display: block;
	text-align: right;
	margin: 24px 0 0;
}

.productIndexBox .spec .logo .sns	img	{
	margin: 6px 2px 3px 0;
}


.productIndexBox .spec p{
	clear: both;
	padding-bottom: 5%;
	font-size: 0.9em;
	text-align: left;
}

/*ƒŠƒ“ƒNƒ{ƒ^ƒ“*/
.productIndexBox .spec .btn{
width: 100%;
margin: 0 auto 10%;
text-align:left;
border-bottom:solid 1px #ccc;
}
.productIndexBox .spec .btn li a{
	color: #4C4C4C;
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 3% 10%;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-top: solid 1px #ccc;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.productIndexBox .spec .btn li.turn a{
	margin-right:0px;
}
.productIndexBox .spec .btn li a:hover{
	background-color: #999999;
	color: #FFF;
}


}
/*==== ** smart*345px- ** ==================================*/
@media only screen and (min-width:354px) and (max-width:487px){
.BrandCateBtn a:nth-of-type(1) {	padding: 18px 2%;}
.BrandCateBtn a:nth-of-type(2) {	padding: 18px 2%;}
.BrandCateBtn a:nth-of-type(3) {	padding: 18px 2%;}
.BrandCateBtn a:nth-of-type(4) {	padding: 18px 2%;}
}