@charset "Shift_JIS";
/* Reset
------------------------------------------------------------------------------------------------------------*/

#main img {
	border: 0 none;
}
#main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main img {
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	font-size: 0px;
	line-height: 0;
	margin: 0;
	zoom: 1 !important;
}
#main a img, #main a:link img, #main a:visited img {
	border-style: none;
}
#main p {
	clear: none;
	margin: 0;
	padding: 0;
}
#main a {
	outline: none;
	color: #333333;
	text-decoration: none;
}
#main a:hover {
	text-decoration: none;
}
html {
	background: #ffffff;
}
.clearfix:after {
	clear: both;
	content: ".sdfasdf";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
#main h1 {
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
/* Layout - base
------------------------------------------------------------------------------------------------------------*/

#main {
	position: relative;/* 012.07.27 topicpath驕ｯ�E��E�陝�E�E�*/
	width: 980px;
	padding: 0 !important;
	margin: 0 !important;
}

@media screen and (max-width:480px) {
#main {
	width: 100%;
}
}
/*------------------------------
topic path
------------------------------*/

#container #topicpathWrap {
	margin: 0 auto;
	width: 980px;
}
#container #topicpathArea {
	padding: 2em 0;
	vertical-align: middle;
	color: #333;
 /zoom: 1;
}
#container #topicpathArea ol {
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	line-height: 1.6;
 /zoom: 1;
}
#container #topicpathArea ol li {
	display: inline-block;
 /display: inline;
	margin: 0 5px 0 0;
	padding-left: 10px;
	background: url(../images/parts/bg_topicpath.gif) no-repeat left center;
	vertical-align: middle;
 /zoom: 1;
}
#container #topicpathArea ol li a {
	color: #333;
}
#container #topicpathArea ol li.home {
	padding-left: 0;
	background: none;
}

@media screen and (max-width:480px) {
#container #topicpathWrap {
	display: none;
}
}
/* title
-----------------*/



/*lpc sytle
-----------------------*/

.grid3_2 img, .grid3_3 img, .grid4_2 img {
	max-width: 100%
}
.hide {
	display: none
}
.bnrArea:after, .clearfix:after, .grid3_2:after, .grid3_3:after, .grid4_2:after {
	display: block;
	clear: both;
	content: ''
}
.left {
	float: left
}
.right {
	float: right
}
.alignLeft {
	text-align: left
}
.alignCenter {
	text-align: center
}
.alignRight {
	text-align: right
}
.weightBold {
	font-weight: 700
}
.bnrArea {
	position: relative
}
.bnrArea .mainBnr {
	width: 100%;
	height: auto
}
.grid3_3 {
	width: 100%;
	margin: 10px 0 0
}
.grid3_3 .col {
	float: left;
	width: calc((100% - 20px)/ 3);
	margin: 0 10px 10px 0
}
.grid3_3 .col img, .grid4_2 {
	width: 100%
}
.grid3_3 .col:nth-child(3n) {
	margin: 0
}
.grid4_2 {
	margin: 10px 0 0
}
.grid4_2 .col {
	float: left;
	margin: 0 10px 10px 0
}

@media screen and (max-width:480px) {
.grid4_2 .col {
	width: calc((100% - 10px)/ 2)
}
.grid4_2 .col:nth-child(2n) {
	margin: 0
}
}

@media screen and (min-width:481px) {
.grid4_2 .col {
	width: calc((100% - 30px)/ 4)
}
.grid4_2 .col:nth-child(4n) {
	margin: 0
}
}
.grid3_2, .grid4_2 .col img {
	width: 100%
}
.grid3_2 {
	margin: 10px 0 0
}
.grid3_2 .col {
	float: left;
	margin: 0 10px 10px 0
}

@media screen and (max-width:480px) {
.grid3_2 .col {
	width: calc((100% - 10px)/ 2)
}
.grid3_2 .col:nth-child(2n) {
	margin: 0
}
}

@media screen and (min-width:481px) {
.grid3_2 .col {
	width: calc((100% - 20px)/ 3)
}
.grid3_2 .col:nth-child(3n) {
	margin: 0
}
}
.grid3_2 .col img {
	width: 100%
}


.brandMore {
	padding: 5% 6% 0;
}
.brandMore h2 {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #000000;
}

@media screen and (max-width:480px) {
	.brandMore {
	padding: 5% 2% 0;}
.brandMore h2 {
	font-size: 18px;
}
}
.bnrArea a:hover {
	transition: all .2s ease;
	opacity: 0.8;
}
.brandMore .bnrArea p {
	padding: 2% 0 !important;
}