@charset "UTF-8";
/* CSS Document */

/*タブ*/
.tab{
	margin-top: 10px;
	/*width: 960px;*/
}
.tab ul{
	overflow: hidden;
	zoom: 1;
	list-style-type: none;
}
.tab li{
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-size: 12px;
	line-height: 2.5;
	margin-left: 5px;
	display: block;
	height: 30px;
	width: 105px;
	text-align: center;
}
.tab li a{
	color: #333;
	text-decoration: none;
	display: block;
}
.tab li a:hover, #tab li a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #036;
	font-weight: bold;
}
.dark_base{
	color: #FFF;
	background-color: #036;
	font-weight: bold;
}

/*海外版タブ*/
#tab02{
	margin-top: 10px;
	width: 960px;
}
#tab02 ul{
	overflow: hidden;
	zoom: 1;
	list-style-type: none;
}
#tab02 li{
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-size: 12px;
	line-height: 2.5;
	margin-left: 5px;
	display: block;
	height: 30px;
	width: 112px;
	text-align: center;
}
#tab02 li a{
	color: #333;
	text-decoration: none;
	display: block;
}
#tab02 li a:hover, #tab02 li a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #036;
	font-weight: bold;
}

/* *********************************************************************************************************************
 *タブレット対応
 */
@media (min-width: 600px) and (max-width: 959px) {
	.tab li{
    	font-size: 13px;
    	line-height: 0;
    	margin-left: 0;
    	display: block;
    	height: auto;
    	width: auto;
    	text-align: center;
    	padding: 20px 8px;
    	margin-right: 5px;
	}
	.product_info {
		/*margin-top: 10px;*/
    	margin-bottom: 10px;
	}
	
}

/* *********************************************************************************************************************
 *ミニタブレット対応
 */
@media all and (max-width:736px) {
	/*.tab li{
    	font-size: 12px;
    	line-height: 0;
    	margin-left: 0;
    	display: block;
    	height: auto;
    	width: auto;
    	text-align: center;
    	padding: 20px 5px;
    	margin-right: 5px;
	}*/
	.tab{
	display: none;
	}	
	
}
/* *********************************************************************************************************************
 *スマホ対応
 */
@media all and (max-width:599px) {
	/*タブ*/
	.tab{
	display: none;
	}	
}