@charset "UTF-8";

/*------------------------------
   base layout
------------------------------*/

div#wrapper.products {
	width: 800px; 
	margin: 0 auto 0 auto;
	background: white url("../images/products/products_bg.gif") repeat-y 50% 0;
	text-align: left;
	z-index: -1;
}


/*------------------------------
   midashi
------------------------------*/

div.midashi_top {
	width: 620px;
	height: 44px;
	margin: 20px 0 0 20px;
	background: url("../images/products/midashi_top.gif") no-repeat 0 0;	
}

div.category {
	clear: both;
	width: 660px;
	height: 30px;
	margin-top: 40px;
	padding-top: 4px;
	background: url("../images/products/midashi_back_b.gif") no-repeat 0 0;	
	color: #06f;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

div.products div.midashi1 {
	margin: 50px 0 0 35px;
	color: #39f;
	font-size: 16px;
	font-weight: bold;
}

div.products div.midashi2 {
	margin: 10px 0 0 35px;
	color: #33f;
	font-size: 14px;
	font-weight: bold;
}

div.discon {
	width: 620px;
	margin: 10px 0 0 20px;
	color: red;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

/*------------------------------
   content
------------------------------*/

.products div#content {
	position: relative;
	right: 10px;
	float: right;
	width: 660px;
	margin-bottom: 30px;
}

/*------------------------------
   text
------------------------------*/

.products p {
	color: black;	
	font-size: 14px;
	line-height: 22px;
}

.products p.text1 {
	width: 580px;
	margin: 30px 0 0 40px;
}

.products p.text2 {
	width: 580px;
	margin: 10px 0 0 40px;
}

.text3 {
	margin-bottom: 14px;
	color: black;	
	font-size: 14px;
	line-height: 22px;
}

/*------------------------------
   table
------------------------------*/

.products table.index {
	width: 580px;
	margin: 15px 0 15px 40px;
	font-size: 14px;
	line-height: 20px;
}

.products table.spec {
	width: 580px;
	margin: 15px 0 15px 40px;
	border-collapse: collapse;
	font-size: 15px;
	line-height: 20px;
}

table.spec td {
	padding: 5px;
	border: 1px solid #017;
}

table.spec td.col1 {
	background-color: #def;
	text-align: center;
}

/*------------------------------
   sidenav
------------------------------*/

ul#sidenav {
	margin-left: 10px;
	width: 120px;
	background: url("../images/products/sidenav_1.gif") no-repeat 0 0;
}

ul#sidenav a {
	display: block;
}

li.lineup a {
	height: 65px;
}

li.category {
	height: 28px;
}

li.name a {
	height: 22px;
}

li.name2 a {
	height: 28px;
}

/* @group stabilizer */

li.stabilizer {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -65px;
}

div.ds25e li.ds25e a,
li.ds25e a:hover,
li.ds25e a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -93px;
}

div.ds25 li.ds25 a,
li.ds25 a:hover,
li.ds25 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -115px;
}

/* @end */

/* @group rack */

li.rack {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -137px;
}

div.wr312 li.wr312 a,
li.wr312 a:hover,
li.wr312 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -165px;
}

div.wr316 li.wr316 a,
li.wr316 a:hover,
li.wr316 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -187px;
}

/* @end */

/* @group phoneart */

div.phoneart li.phoneart a,
li.phoneart a:hover,
li.phoneart a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -209px;
}

/* @end */

/* @group neiroart */

div.neiro li.neiro a,
li.neiro a:hover,
li.neiro a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -237px;
}

/* @end */

/* @group board */

li.board {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -265px;
}

div.ab4045 li.ab4045 a,
li.ab4045 a:hover,
li.ab4045 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -293px;
}

div.sb2025 li.sb2025 a,
li.sb2025 a:hover,
li.sb2025 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -315px;
}

/* @end */

/* @group insulator */

li.insulator {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -337px;
}

div.ab70 li.ab70 a,
li.ab70 a:hover,
li.ab70 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -365px;
}

div.g53f li.g53f a,
li.g53f a:hover,
li.g53f a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -387px;
}

div.g51 li.g51 a,
li.g51 a:hover,
li.g51 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -409px;
}

div.g104 li.g104 a,
li.g104 a:hover,
li.g104 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -431px;
}

div.g204 li.g204 a,
li.g204 a:hover,
li.g204 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -453px;
}

div.ab755c li.ab755c a,
li.ab755c a:hover,
li.ab755c a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -475px;
}

/* @end */

/* @group tuning */

li.tuning {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -497px;
}

div.sh22 li.sh22 a,
li.sh22 a:hover,
li.sh22 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -525px;
}

div.sh21 li.sh21 a,
li.sh21 a:hover,
li.sh21 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -547px;
}

div.ta102 li.ta102 a,
li.ta102 a:hover,
li.ta102 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -569px;
}

div.ta52 li.ta52 a,
li.ta52 a:hover,
li.ta52 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -591px;
}

div.pa01 li.pa01 a,
li.pa01 a:hover,
li.pa01 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -613px;
}

div.sh01 li.sh01 a,
li.sh01 a:hover,
li.sh01 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -635px;
}

div.sh02 li.sh02 a,
li.sh02 a:hover,
li.sh02 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -657px;
}

div.ta01 li.ta01 a,
li.ta01 a:hover,
li.ta01 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -679px;
}

/* @end */

/* @group analog */

li.analog {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -701px;
}

div.rs5d li.rs5d a,
li.rs5d a:hover,
li.rs5d a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -729px;
}

div.rs912 li.rs912 a,
li.rs912 a:hover,
li.rs912 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -751px;
}

div.rs33 li.rs33 a,
li.rs33 a:hover,
li.rs33 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -773px;
}

div.rs55 li.rs55 a,
li.rs55 a:hover,
li.rs55 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -795px;
}

div.rs77 li.rs77 a,
li.rs77 a:hover,
li.rs77 a:active {
	background: url("../images/products/sidenav_2.gif") no-repeat 0 -817px;
}

/* @end */



/*------------------------------
   phoneart nav
------------------------------*/

ul#panav1 {
	width: 660px;
	height: 65px;
	background: url("../images/products/phoneart_nav1.gif") no-repeat 0 100%;
}

ul#panav1 li {
	position: relative;
}

ul#panav1 a {
	display: block;
	height: 27px;
}

li#tokaisetu {
	top: 29px;
	left: 502px;
	width: 138px;
}

div#products ul#panav1 a,
li#tokaisetu a:hover,
li#tokaisetu a:active {
	background: url("../images/products/phoneart_nav3.gif") no-repeat -502px -29px;
}

ul#panav2 {
	width: 660px;
	height: 65px;
	background: url("../images/products/phoneart_nav2.gif") no-repeat 0 100%;
}

ul#panav2 li {
	position: relative;
}

ul#panav2 a {
	display: block;
	height: 27px;
}

li#totop {
	top: 29px;
	left: 381px;
	width: 102px;
}

div#products ul#panav2 a,
li#totop a:hover,
li#totop a:active {
	background: url("../images/products/phoneart_nav3.gif") no-repeat -381px -29px;
}

/*------------------------------
   phoneart
------------------------------*/

div.phoneart_top {
	clear: both;
	width: 200px;
	height: 23px;
	margin: 30px 0 0 40px;
	background: url("../images/products/phoneart_top1.gif") no-repeat 100% 0;
}

div.phoneart_top a {
	float: right;
	display: block;
	width: 200px;
	height: 23px;
}

div.phoneart_top a:hover,
div.phoneart_top a:active {
	background: url("../images/products/phoneart_top2.gif") no-repeat 100% 0;
}

div.phoneart_kaisetu {
	clear: both;
	width: 226px;
	height: 23px;
	margin: 10px 0 0 366px;
	background: url("../images/products/phoneart_kaisetu1.gif") no-repeat 100% 0;
}

div.phoneart_kaisetu a {
	float: right;
	display: block;
	width: 226px;
	height: 23px;
}

div.phoneart_kaisetu a:hover,
div.phoneart_kaisetu a:active {
	background: url("../images/products/phoneart_kaisetu2.gif") no-repeat 100% 0;
}