@charset "utf-8";

/* -------------------------------------
 *
 * ------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #666;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 22px;
	background-color: #fff;
}
ul { list-style: none;}
img {
	border: 0px;
	vertical-align: bottom;
}
a {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #999;
	text-decoration: none;
}

a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.rollover a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity: 1.00;
}
/*--clearfix--*/

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* -------------------------------------
 * acHeader
 * ------------------------------------- */

.acHeader {
	width: 100%;
	min-width: 1100px;
	background-color: #2b2b2b;
}
.acHeader .box01 {
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
}
.acHeader .box01 h1 {
	float: left;
	padding-top: 20px;
}
.acHeader .box01 .rightCont {
	float: right;
	padding: 20px 20px 0 0;
}
.acHeader .box01 .rightCont .hdrNav {
	float: right;
	width: 400px;
	padding-bottom: 10px;
}
.acHeader .box01 .rightCont .hdrNav li {
	float: left;
	margin-right:9px;
}
.acHeader .box01 .rightCont .hdrNav li:last-child {
	margin-right:0;
}
.acHeader .box01 .rightCont .hdrNav li a {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	color:#ccc;
}
.acHeader .box01 .rightCont .hdrNav li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.acHeader .box01 .rightCont .hdrNav li a:before {
	content: ">";
	padding-right:2px;
}
.acHeader .box01 .rightCont .srcBox {
	clear: both;
	width: 470px;
	overflow: hidden;
}
.acHeader .box01 .rightCont .srcBox .col01 {
	float: left;
	color: #ccc;
}
.acHeader .box01 .rightCont .srcBox .col01 strong {
	font-size: 16px;
}
.acHeader .box01 .rightCont .srcBox .col02 {
	float: right;
	background-color: #fff;
}
.acHeader .box01 .rightCont .srcBox .col02 form {
	height: 18px;
}
.acHeader .box01 .rightCont .srcBox .col02 .txt {
	width: 150px;
	height: 18px;
	padding-left: 10px;
	color: #333;
	border: none;
	vertical-align: top;
}
.acHeader .box01 .rightCont .srcBox .col02 .btn {
	vertical-align: top;
}
.acHeader .box02 {
	clear: both;
}
.acHeader .box02 .gNav {
	width: 980px;
	margin: 0 auto;
	padding: 3px 0 2px;
}
.acHeader .box02 .gNav li.nav {
	float: left;
	height:38px;
	position:relative;
}
.acHeader .box02 .gNav li.nav.n01 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n02 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n03 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n04 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n05 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n06 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n07 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n08 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n09 {
	width:98px;
}
.acHeader .box02 .gNav li.nav.n10 {
	width:98px;
}
.acHeader .box02 .gNav li.nav ul {
	position:absolute;
	z-index:999;
	top:40px;
	left:0;
	width:980px;
}
.acHeader .box02 .gNav li.nav.n02 ul {
	left:-100px;
}
.acHeader .box02 .gNav li.nav ul li {
	display:inline-block;
	width:193px;
	height:33px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
.acHeader .box02 .gNav li.n03 ul li,
.acHeader .box02 .gNav li.n04 ul li,
.acHeader .box02 .gNav li.n05 ul li,
.acHeader .box02 .gNav li.n06 ul li,
.acHeader .box02 .gNav li.n07 ul li,
.acHeader .box02 .gNav li.n08 ul li,
.acHeader .box02 .gNav li.n09 ul li,
.acHeader .box02 .gNav li.n10 ul li {
	display:block !important;
	border-right:none;
}
.acHeader .box02 .gNav li.nav ul li:nth-child(5n) {
	border-right:none;
}
.acHeader .box02 .gNav li.nav ul li a {
	color:#fff;
	font-size:12px;
	line-height:12px;
	padding:10px 10px 11px 10px;
	background:#666;
	display:block;
	text-decoration:none;
}
.acHeader .box02 .gNav li.nav ul li a:hover {
	color:#333;
	background:#ccc;
}

/* -------------------------------------
 * acFooter
 * ------------------------------------- */


.toTop {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 10;
}
.acFooter {
	width: 940px;
	margin: 50px auto 20px;
	padding-top: 20px;
	border-top: solid 1px #000;
}
.acFooter h3 {
	font-weight: bold;
	padding: 5px 15px;
	background-color: #d7d7d7;
	color: #606060;
	font-size: 11px;
	margin-bottom: 11px;
}
.acFooter p {
	padding: 0 8px 16px;
	color: #565656;
	font-size: 11px;
	line-height: 16px;
}
.acFooter p strong {
	font-weight: normal;
	color: #000;
}
.acFooter .box01 {
	clear: both;
	overflow: hidden;
	width: auto;
}
.acFooter .box01 .leftCont {
	float: left;
	width: 460px;
	overflow: hidden;
}
.acFooter .box01 .rightCont {
	float: right;
	width: 460px;
	overflow: hidden;
}
.acFooter .box01 .scheduleLeft {
	float: left;
	width: 230px;
}
.acFooter .box01 .scheduleRight {
	float: right;
	width: 230px;
}

/* -------------------------------------
 * acFooter
 * ------------------------------------- */

.acIndex {
	clear: both;
	width: 100%;
	min-width: 1100px;
	overflow: hidden;
}

.newArrival {
	width: 942px;
	margin: 0 auto;
}
.newArrival h2 {
	padding: 65px 0 25px;
}
.newArrival .contWrap {
	width: 942px;
	height: 710px;
}
.newArrival .contWrap.bg01 {
	background: url(images/new_bg_01.gif) left top no-repeat;
}
.newArrival .contWrap.bg02 {
	background: url(images/new_bg_02.gif) left top no-repeat;
}
.newArrival .contWrap.bg03 {
	background: url(images/new_bg_03.gif) left top no-repeat;
}
.newArrival .contWrap.bg04 {
	background: url(images/new_bg_04.gif) left top no-repeat;
}
.newArrival .contWrap.bg05 {
	background: url(images/new_bg_05.gif) left top no-repeat;
}
.newArrival .contWrap .topCont {
	width: auto;
	height: 60px;
	overflow: hidden;
}
.newArrival .contWrap .topCont li a {
	float: left;
	text-decoration:none;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ Ｐ明朝", "MS PMincho";
	color: #fff;
	font-size: 14px;
	width: 104px;
	text-align: center;
	padding-top: 4px;
}
.newArrival .contWrap .topCont li.selected a {
	color: #000;
}
.newArrival .contWrap .itemList {
	clear: both;
	position:relative;
	width: 900px;
	margin: 0 auto;
}
.newArrival .contWrap .itemList ul {
	width: 900px;
	height:621px;
}
.newArrival .contWrap .itemList li {
	opacity:0;
	float: left;
	width: 180px;
	text-align: center;
	line-height: 16px;
	padding-bottom: 12px;
}
.newArrival .contWrap .itemList li a {
	text-decoration: none;
	color: #666;
}
.newArrival .contWrap .itemList li a strong {
	font-weight: normal;
	font-size: 16px;
}

.newArrival .contWrap .itemList img {
	width: 130px;
}
.newArrival .contWrap .itemList li.btmCont {
	clear: both;
	position:absolute;
	bottom:0;
	left:0;
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}
.newArrival .contWrap .itemList li.btmCont .prev {
	float: left;
}
.newArrival .contWrap .itemList li.btmCont .next {
	float: right;
}

.oderItem {
	clear: both;
	width: 1100px;
	height: 580px;
	margin: 0 auto;
	background: url(images/bg_order_01.jpg) left top no-repeat;

}
.oderItem h2 {
	width: 940px;
	margin: 0 auto;
	padding: 50px 0 40px;
}
.oderItem .contWrap {
	width: 948px;
	margin: 0 auto;
}
.oderItem .contWrap ul {
	width: 948px;
}
.oderItem .contWrap li {
	float: left;
	width: 316px;
	padding-bottom: 10px;
	text-align: center;
}

.brandList {
	clear: both;
	width: 972px;
	margin: 0 auto;
}
.brandList .contWrap {
	width: 966px;
	overflow: hidden;
	margin: 0 auto;
}
.brandList h2 {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}
.brandList .list01 {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 50px;
}
.brandList .list01 li {
	float: left;
}
.brandList .list02 {
	clear: both;
	overflow: hidden;
	width: 966px;
}
.brandList .list02 li {
	float: left;
	width: 138px;
	padding-bottom: 10px;
}


.brandList .list03 {
	clear: both;
	overflow: hidden;
	width: 840px;
}
.brandList .list03 li {
	float: left;
	width: 138px;
	padding-bottom: 10px;
}


/* -------------------------------------
 * acSns
 * ------------------------------------- */

.acSns {
	height:145px;
	width:1050px;
	margin:0 auto;
	padding:10px 25px;
}
.acSns .colL {
	float:left;
}
.acSns .colR {
	float:right;
}
.acSns .colR ul li {
	float:right;
	padding-left:15px;
	width:170px;
}
/* -------------------------------------
 * slick
 * ------------------------------------- */

.slick-slide img {
	width: 100%;
}
.slick-slider {
	margin-bottom: 0;
}
.slick-slide {
	cursor: pointer;
}


/* -------------------------------------
 * Button
 * ------------------------------------- */
.btn-2,.btn-2:link, .btn-2:visited, .btn-2:hover {
	display:inline-block;
	font-size: 0.7rem;
	color:#fff;
	background:#000;
	border:1px solid #000;
	text-align: center;
	text-decoration: none;
	padding: 7px 0;
	width: 100%;
}
.btn-2:hover {
	opacity: 0.75;
}

.container {
	width: 1075px;
	margin: 0 auto;
	padding: 0 0 0 26px;
}
