@charset "utf-8";

/* ===== import basic style ===== */
@import "base.css";
@import "common.css";
@import "navi.css";
@import "font.css";

/* local column */
@import "local.css";



/* ===== category style ===== */
/* common setting */
.contents .docpath a {margin: 0;}
.section {margin: 0px 0px 15px; zoom: 1;}


/* local parts */





/* ===== [section] hot contents ===== */
.push {margin-bottom: 10px; padding: 0px 3px 3px; background-color: #DEDEDE;}
.push:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.push h2 {display: none;}

.push ul {float: left; padding: 3px 0px 0px; width: 181px; height: 300px; overflow: hidden;}
	.push ul.set4,
	.push ul.set5,
	.push ul.set6 {padding-top: 4px; height: 299px;}
.push ul li {margin: 0; background-color: #FFFFFF;}
	.push ul.set3 li {margin-bottom: 3px;}
	.push ul.set4 li {margin-bottom: 2px;}
	.push ul.set5 li {margin-bottom: 2px;}
	.push ul.set6 li {margin-bottom: 2px;}
.push ul li a {
	display: block;
	/* border: 1px solid #373535; */
	border: 1px solid #999999;
	font-size: 15px;
	/* color: #FFFFFF !important; */
	color: #373535 !important;
	line-height: 1.3;
	text-decoration: none;
	background: url(../img/index/push_tab_bg.gif) left center repeat-x;
	/* background-color: #666666; */
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
	.push ul.set3 li a {height: 96px;}
	.push ul.set4 li a {height: 71px;}
	.push ul.set5 li a {height: 56px;}
	.push ul.set6 li a {height: 46px;}

.push ul li a:link,
.push ul li a:visited {color: #373535;}
.push ul li a:active,
.push ul li a:hover,
.push ul li.ui-tabs-selected a {
	color: #FFFFFF !important;
	font-weight: bold;
	border-color: #111111;
	background: #373535;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.push ul li a img {vertical-align: middle; visibility: hidden; cursor: pointer;}
	.push ul.set3 li a img {margin: 39px 0px 38px;}
	.push ul.set4 li a img {margin: 26px 0px;}
	.push ul.set5 li a img {margin: 19px 0px 18px;}
	.push ul.set6 li a img {margin: 14px 0px 13px;}
.push ul li a:active img,
.push ul li a:hover img,
.push ul li.ui-tabs-selected a img {visibility: visible;}

.push ul li a span {
	display: -moz-inline-box;
	display: inline-block;
	padding-left: 4px;
	width: 162px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	zoom: 1;
}
.push ul li a:active span,
.push ul li a:hover span,
.push ul li.ui-tabs-selected a span {font-size: 14px; line-height: 1.42;}


.push div {float: right; width: 400px;}

.push div p {display: none; margin: 0; padding: 3px 0px 0px; overflow: hidden;}
	.push div p.ui-tabs-panel {display: block;}
	.push div p.ui-tabs-hide {display: none;}

.push div p a {color: #000000;}



/* ===== [section] hot pick ===== */
.hotpick {clear: both; padding: 5px 8px 0px; border: 2px solid #DEDEDE;}
.hotpick:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.hotpick h2 {
	margin: 0px 0px 9px;
	padding: 0px 2px 4px;
	color: #565656;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/common/dot_x.gif) left bottom repeat-x;
}
.hotpick h2 span {margin-left: 7px; font-size: 13px; font-weight: normal;}

.hotpick ul {margin: 0px -4px -5px 0px; overflow: hidden; zoom: 1;}
.hotpick ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.hotpick ul li {
	float: left;
	width: 287px;
	height: 75px;
	overflow: hidden;
}
.hotpick ul li dl {padding-right: 5px;}
.hotpick ul li dl dt {font-weight: bold; line-height: 1.3;}
	.hotpick ul li dl dt img {float: left; margin-right: 5px;}
.hotpick ul li dl dd {
	margin-top: 3px;
	padding-left: 1px;
	font-size: 11px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Mayryo", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	line-height: 1.2;
	overflow: auto;
	zoom: 1;
}
	* html .hotpick ul li dl dd {font-size: 10px; line-height: 1.25; letter-spacing: 1px;}
	*:first-child+html .hotpick ul li dl dd {font-size: 10px; line-height: 1.25; letter-spacing: 1px;}



/* ===== [section] infomation ===== */
.infomation {clear: both; padding: 7px 8px; /padding-bottom: 0px; border: 2px solid #DEDEDE;}
.infomation:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */

.infomation h2 {
	margin: 0px 0px 7px;
	padding: 4px 2px 3px;
	color: #565656;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/common/dot_x.gif) left bottom repeat-x;
}
.infomation h2 span {margin-left: 7px; font-size: 13px; font-weight: normal;}

.infomation .pickup_left {float: left; width: 258px;}

/* pick up space (banner) */
.infomation .pickup {float: left; width: 258px; /* text-align: center; */}
.infomation .pickup p {margin: 0;}

/* slider pattern */
.infomation .pickup#slider {height: 200px; position: relative; overflow: hidden;}
.infomation .pickup#slider ul {width: 258px; position: relative;}
.infomation .pickup#slider ul li {float: left; width: 258px; height: 200px; position: relative;}
.infomation .pickup#slider ul li img {position: absolute; left: 0px; top: 0px;}
.infomation .pickup#slider #slider-stopper {display: none;}


/* pick up space (what's new) */
.infomation .whatsnew {
	float: left;
	width: 310px;
	/* background: url(../img/index/bg_whats.gif) left bottom no-repeat; */
}

.infomation .whatsnew ul {margin: 0px 0px 0px 10px;}
.infomation .whatsnew ul li {margin: 0px 0px 9px;}

.infomation .whatsnew ul li dl {color: #565656; line-height: 1.3; zoom: 1;}
.infomation .whatsnew ul li dl dt {line-height: 1.2;}
.infomation .whatsnew ul li dl dt a {margin-left: 7px; color: #373535; text-decoration: none;}
.infomation .whatsnew ul li dl dd {padding: 0px 0px 0px 12px; background: url(../img/common/triangle_gray.gif) 2px 4px no-repeat;}

/* pickup item */
.infomation .whatsnew ul li.pick {

	border:1px dashed #346E37;
	padding:5px;

}

.infomation .whatsnew ul li.pick dt {font-weight: bold; color: #CE4A52;}
.infomation .whatsnew ul li.pick dl dd {background-image: url(../img/common/triangle_pickup.gif);margin: 0px 0px 5px;}
.infomation .whatsnew ul li.pick dl dt a {margin-left: 7px; color: #373535; text-decoration: none;}
.infomation .whatsnew ul li.pick dl dt a:hover {color: #ED0000;}
.infomation .whatsnew ul li.pick dl dd a {font-weight: bold; text-indent: 1px;}

.infomation .whatsnew ul li.pick2 dl dt a {

	background: url(../img/common/pickup.gif) 0 2px no-repeat;
	display: inline-block;
	padding: 0 0 0 65px;

	}


.infomation .whatsnew ul strong {

	font-weight: bold; color: #346E37;

}



/* ===== [section] pr box ===== */
.pr {padding: 10px 10px 8px; border: 1px dotted #DEDEDE; border-width: 1px 0px;}
.pr ul {}
.pr ul li {margin: 0px 0px 5px;}
.pr ul li a {
	display: inline-block;
	padding: 0px 0px 0px 25px;
	background: url(../img/common/pr_red.gif) 0px 2px no-repeat;
	zoom: 1;
}



/* ===== [section] versus banner ===== */
.versus {margin-bottom: 20px;}
.versus h2 {display: none;}
.versus ul {
	height: 120px;
	background-image: url(../img/index/vs.gif);
	zoom: 1;
}
.versus ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}/* for modern browser */
.versus ul li {display: inline;}
.versus ul li a {
	display: block;
	float: left;
	width: 295px;
	height: 120px;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden;
}



/* ===== [section] contents box ===== */
.theme {margin: 0px 0px 5px;}
.theme h2 {
	margin: 0px 0px 10px;
	height: 26px;
	line-height: 1;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../img/index/belt_theme.gif) left top no-repeat;
}

.theme ul {}
.theme ul li {margin: 0px 0px 10px;}
	/* each category bgcolor */
	.theme ul li.knowhow {background-color: #315887;}
	.theme ul li.identity {background-color: #346E37;}
	.theme ul li.trend {background-color: #A5943A;}
	.theme ul li.special {background-color: #C54B4E;}

.theme ul li h3 {}
.theme ul li h3 a {
	display: block;
	height: 150px;
	text-decoration: none;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	/* each category */
	.theme ul li.knowhow h3 a {background-image: url(../img/index/cate_knowhow.gif);}
	.theme ul li.identity h3 a {background-image: url(../img/index/cate_identity.gif);}
	.theme ul li.trend h3 a {background-image: url(../img/index/cate_trend.gif);}
	.theme ul li.special h3 a {background-image: url(../img/index/cate_special.gif);}

.theme ul li h3 a:hover,
.theme ul li h3 a:active,
.theme ul li h3 a:focus {
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

.theme ul li p {display: none;}



/* ===== [section] contents box ===== */
.entry {margin: 0px 5px 20px;}
.entry h2 {
	margin: 0px 0px 10px;
	height: 26px;
	text-indent: -10000px;
	overflow: hidden;
	background: left top no-repeat;
}
	#knowhow .entry h2 {background-image: url(../img/category/belt_pickup_knowhow.gif);}
	#identity .entry h2 {background-image: url(../img/category/belt_pickup_identity.gif);}
	#trend .entry h2 {background-image: url(../img/category/belt_pickup_trend.gif);}
	#special .entry h2 {background-image: url(../img/category/belt_pickup_special.gif);}


/* ----- contents list ----- */
.entry ul {margin: 0px 0px 15px;}
.entry ul li {margin: 0px 0px 10px; padding-left: 235px; min-height: 114px; position: relative; zoom: 1;}
	* html .entry ul li {height: 114px;}

/* small size */
.entry ul li h3 {margin: 0px 0px 5px; padding-top: 1px; font-size: 17px; line-height: 1.3;}
.entry ul li h3 a img {
	border: 2px solid #ADBCCF;
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
	#knowhow .entry ul li h3 a img {border-color: #92A7C0;}
	#identity .entry ul li h3 a img {border-color: #94B397;}
	#trend .entry ul li h3 a img {border-color: #CFC797;}
	#special .entry ul li h3 a img {border-color: #E0A0A2;}
.entry ul li h3 a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.entry ul li p {margin: 0; font-size: 13px;}