@charset "euc-jp";
/* CSS Document */

#prodBox {
	-webkit-text-size-adjust: auto;
}

/*タブ全般*/
ul.tabs {
	list-style:none;
	margin:0;
	padding:0;
}

ul.tabs > li {
	float:left;
	text-indent:0;
	padding:0;
	margin:0;
	list-style-image:none !important;
}

/*一列目のタブ*/
.wrap > ul.tabs {
	border-bottom:1px solid #666;
}

.wrap > ul.tabs li {
	height: 30px;
	margin:0 !important;
}

/* initially all panes are hidden */
.panes .pane {
	display:none;
}

/*一番外側*/
div.wrap {
	width:100%;
	margin:10px auto;
}

.wrap > .pane	{
	background:#fff url(../parts/h150.png) repeat-x left bottom;
	display:none;
	padding:0;
	border:1px solid #999;
	border-top:none;
	font-size:14px;
	-webkit-text-size-adjust: auto;
	color:#456;
	_background-image:none;
	-webkit-border-radius: 0 0 14px 14px;
	-moz-border-radius: 0 0 14px 14px;
	border-radius: 0 0 14px 14px;
}

.wrap > .pane .title {
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:15px;
	font-size:24px;
	margin: 5px 0;
	text-align:right;
	color:#ccc;
}

/*内包コンテンツ全般*/
.pane ul {
	margin:0;
}

.pane li {
	paddin:0;
	margin:0;
	list-style-type:none;
	float:left;
}

.pane .pane{
	margin:0;
	padding:0;
}

/*内包タブ*/
.pane ul {
	padding:20px 15px 15px 15px;
}
.pane .pane ul {
	border-top:1px dotted #ddd;
}


/*===== a関連 =====*/

.wrap a:active {
	outline:none;
}

.wrap :focus {
	-moz-outline-style:none;
	outline:none;
}

/*一列目のタブ*/
.wrap > ul.tabs {
	width:100%;
}
.wrap > ul.tabs li {
	width:33%;
	max-width: 248px;
}
.wrap > ul.tabs a {
	display:block;
	background: url(../parts/blue.png) no-repeat 0 0;
	font-size:13px;
	display:block;
	height: 30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


.wrap > ul.tabs a:hover {
	background-position: 0 -31px;
	color:#fff;
}

.wrap > ul.tabs a.current, .wrap > ul.tabs a.current:hover, .wrap > ul.tabs li.current a {
	background-position: 0 -62px;
	cursor:default !important;
	color:#000;
}


/*current,first*/
.pane ul.tabs a.current, .pane ul.tabs a.current:hover, .pane ul.tabs li.current a {
	background-color: #f99;
	color:#fff;
}
.pane .pane ul.tabs a.current, .pane .pane ul.tabs a.current:hover, .pane .pane ul.tabs li.current a {
	background-color: #999;
	color:#fff;
}

.pane li.first {
	display:none;
}

/*others*/
.wrap .description {
	padding:20px 15px 15px 15px;
	color:#666;
}

/*prodSearch*/
.prodSearch {
	padding:20px 15px 15px 15px;
}
.prodSearch input {
	font-size:18px;
	padding:5px;
}
.prodSearch input[type="submit"] {
	padding:5px 20px;
}
.prodSearch .inputArea {
	width:50%;
}

ul.brandList {
	width: auto !important;
}

/*商品一覧*/
.acMenu{
	padding:15px;
}
.acMenu > dl{
	width:23%;
	margin-right:1%;
	margin-bottom:15px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.acMenu dt{
	display:block;
	border:#ddd 1px solid;
	background:#fff;
	background:#ddd;
	cursor:pointer;
	padding:10px;
}
.acMenu dl dl dt{
	background:#f2f2f2;
}
.acMenu dd{
	padding:10px;
	border:#ddd 1px solid;
	display:none;
	background:#fff;
}
.acMenu a {
	display:block;
	border:#ddd 1px solid;
	padding:10px;
	text-decoration:none;
	background:#fff url(../parts/arrow.gif) center right no-repeat;
}

/* Media Queries
***********************/
@media screen and (max-width: 980px) {
.acMenu > dl{
	width:31%;
}
}
@media screen and (max-width: 740px) {
.pane ul {
	padding:10px;
}
.wrap .description {
	padding:10px;
}

/*prodSearch*/
.prodSearch {
	padding:10px;
}
.acMenu > dl{
	width:100%;
	float:none;
}
}