@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2007/08/09
------------------------------------------------------------------------------*/

/*
########################################################
  local navi
########################################################
*/

div#lNaviArea{
	height:135px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../../common/img/bg_lnavi.gif) no-repeat 0 32px;
}

div#lNaviArea dl dt{
	display:none;
}

/*
  localnavi01
--------------------------*/

div#lNaviArea dl dd ul.lnavi01{
	height:34px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	font-size:12px;
}

div#lNaviArea dl dd ul.lnavi01 li{
	height:34px;
	display:block;
	float:left;
	padding-top:11px;
	text-align:center;
	font-weight:bold;
	color:#D85D11;
}

div#lNaviArea dl dd ul.lnavi01 li a,
div#lNaviArea dl dd ul.lnavi01 li a:visited{
	height:34px;
	display:block;
	text-align:center;
	margin-top:-11px;
	padding-top:11px;
	font-weight:normal;
	color:#000000;
}

div#lNaviArea dl dd ul.lnavi01 li a:hover,
div#lNaviArea dl dd ul.lnavi01 li a:active{
	height:34px;
	display:block;
	float:left;
	text-align:center;
	text-decoration: underline;
	font-weight: normal;
	color:#D85D11;
}


/*  focus  */

#lnavi01_01{
	width:67px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02{
	width:71px;
	background:url(../img/lnavi_01_02_o.gif) no-repeat left top;
}

#lnavi01_03{
	font-size:11px;
	padding-top:10px !important;
	line-height:1 !important;
	width:78px;
	background:url(../img/lnavi_01_03_o.gif) no-repeat left top;
}

#lnavi01_04{
	width:60px;
	background:url(../img/lnavi_01_04_o.gif) no-repeat left top;
}

#lnavi01_05{
	width:58px;
	background:url(../img/lnavi_01_05_o.gif) no-repeat left top;
}

#lnavi01_06{
	width:77px;
	background:url(../img/lnavi_01_06_o.gif) no-repeat left top;
}

#lnavi01_07{
	width:77px;
	font-size:11px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_07_o.gif) no-repeat left top;
}

#lnavi01_08{
	width:77px;
	text-align:left;
	font-size:11px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_08_o.gif) no-repeat left top;
}

#lnavi01_09{
	width:96px;
	font-size:11px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_09_o.gif) no-repeat left top;
}

#lnavi01_10{
	font-size:11px;
	padding-top:10px !important;
	line-height:1 !important;
	width:92px;
	background:url(../img/lnavi_01_10_o.gif) no-repeat left top;
}





/*  link - visited  */

#lnavi01_01 a,#lnavi01_01 a:visited{
	width:67px;
	background:url(../img/lnavi_01_01.gif) no-repeat left top;
}

#lnavi01_02 a,#lnavi01_02 a:visited{
	width:71px;
	background:url(../img/lnavi_01_02.gif) no-repeat left top;
}

#lnavi01_03 a,#lnavi01_03 a:visited{
	width:78px;
	margin-top:-10px !important;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_03.gif) no-repeat left top;
}

#lnavi01_04 a,#lnavi01_04 a:visited{
	width:60px;
	background:url(../img/lnavi_01_04.gif) no-repeat left top;
}

#lnavi01_05 a,#lnavi01_05 a:visited{
	width:58px;
	background:url(../img/lnavi_01_05.gif) no-repeat left top;
}

#lnavi01_06 a,#lnavi01_06 a:visited{
	width:77px;
	background:url(../img/lnavi_01_06.gif) no-repeat left top;
}

#lnavi01_07 a,#lnavi01_07 a:visited{
	width:77px;
	margin-top:-10px !important;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_07.gif) no-repeat left top;
}

#lnavi01_08 a,#lnavi01_08 a:visited{
	width:77px;
	margin-top:-10px !important;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_08.gif) no-repeat left top;
}

#lnavi01_09 a,#lnavi01_09 a:visited{
	width:96px;
	margin-top:-10px !important;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_09.gif) no-repeat left top;
}

#lnavi01_10 a,#lnavi01_10 a:visited{
	width:92px;
	margin-top:-10px !important;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_10.gif) no-repeat left top;
}



/*  hover - active  */

#lnavi01_01 a:hover,#lnavi01_01 a:active{
	width:67px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02 a:hover,#lnavi01_02 a:active{
	width:71px;
	background:url(../img/lnavi_01_02_o.gif) no-repeat left top;
}

#lnavi01_03 a:hover,#lnavi01_03 a:active{
	width:78px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_03_o.gif) no-repeat left top;
}

#lnavi01_04 a:hover,#lnavi01_04 a:active{
	width:60px;
	background:url(../img/lnavi_01_04_o.gif) no-repeat left top;
}

#lnavi01_05 a:hover,#lnavi01_05 a:active{
	width:58px;
	background:url(../img/lnavi_01_05_o.gif) no-repeat left top;
}

#lnavi01_06 a:hover,#lnavi01_06 a:active{
	width:77px;
	background:url(../img/lnavi_01_06_o.gif) no-repeat left top;
}

#lnavi01_07 a:hover,#lnavi01_07 a:active{
	width:77px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_07_o.gif) no-repeat left top;
}

#lnavi01_08 a:hover,#lnavi01_08 a:active{
	width:77px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_08_o.gif) no-repeat left top;
}

#lnavi01_09 a:hover,#lnavi01_09 a:active{
	width:96px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_09_o.gif) no-repeat left top;
}

#lnavi01_10 a:hover,#lnavi01_08 a:active{
	width:92px;
	padding-top:10px !important;
	line-height:1 !important;
	background:url(../img/lnavi_01_10_o.gif) no-repeat left top;
}

#lnavi01_06 a span {
	padding-right:20px;
	background:url(../../../common/img/ico_outside.gif) no-repeat right top;
	padding-bottom:1px
}

#lnavi01_06 a:hover span {
		background:url(../../../common/img/ico_outside_o.gif) no-repeat right top;
}

/*
  localnavi02
--------------------------*/

div#lNaviArea dl dd ul.lnavi02{
	height:45px;
	margin:0;
	padding:0;
	position:absolute;
	left:11px;
	top:40px;
	z-index:1;
}

div#lNaviArea dl dd ul.lnavi02 li{
	display:inline;
	/*margin-right:-2px;*/
	margin-left:0;　/*　070823 iwanaga　*/
}

div#lNaviArea dl dd ul.lnavi02 li img.lnavi02FC{
	margin-right:0;
}

/*
  localnavi03
--------------------------*/

div#lNaviArea dl dd ul.lnavi03{
	height:31px;
	margin:0;
	padding:0;
	font-size:12px;
	position:absolute;
	left:20px;
	top:85px;
	z-index:0;
}

div#lNaviArea dl dd ul.lnavi03 li{
	height:31px;
	display:block;
	float:left;
	text-align:center;
	color:#FFFFFF;
}

div#lNaviArea dl dd ul.lnavi03 li a,
div#lNaviArea dl dd ul.lnavi03 li a:visited{
	height:28px;
	display:block;
	padding:3px 0 0 0;
	margin-top:-8px;
	text-align:center;
	color:#FFFFFF;
}

div#lNaviArea dl dd ul.lnavi03 li a:hover,
div#lNaviArea dl dd ul.lnavi03 li a:active{
	height:31px;
	display:block;
	float:left;
	padding:8px 0 0 0;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}


/*  focus  */

#lnavi03_01{
	width:73px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_01_o.gif) no-repeat left top;
}

#lnavi03_02{
	width:99px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_02_o.gif) no-repeat left top;
}

#lnavi03_03{
	width:87px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_03_o.gif) no-repeat left top;
}

#lnavi03_04{
	width:124px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_04_o.gif) no-repeat left top;
}

#lnavi03_05{
	width:148px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_05_o.gif) no-repeat left top;
}

#lnavi03_07{
	width:90px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_07_o.gif) no-repeat left top;
}

/*  link - visited  */

#lnavi03_01 a,#lnavi03_01 a:visited{
	width:73px;
	background:url(../img/lnavi_03_01.gif) no-repeat left top;
}

#lnavi03_02 a,#lnavi03_02 a:visited{
	width:99px;
	background:url(../img/lnavi_03_02.gif) no-repeat left top;
}

#lnavi03_03 a,#lnavi03_03 a:visited{
	width:87px;
	background:url(../img/lnavi_03_03.gif) no-repeat left top;
}

#lnavi03_04 a,#lnavi03_04 a:visited{
	width:124px;
	background:url(../img/lnavi_03_04.gif) no-repeat left top;
}

#lnavi03_05 a,#lnavi03_05 a:visited{
	width:148px;
	background:url(../img/lnavi_03_05.gif) no-repeat left top;
}


#lnavi03_07 a,#lnavi03_07 a:visited{
	width:90px;
	background:url(../img/lnavi_03_07.gif) no-repeat left top;
}


/*  hover - active  */

#lnavi03_01 a:hover,#lnavi03_01 a:active{
	width:73px;
	background:url(../img/lnavi_03_01_o.gif) no-repeat left top;
}

#lnavi03_02 a:hover,#lnavi03_02 a:active{
	width:99px;
	background:url(../img/lnavi_03_02_o.gif) no-repeat left top;
}

#lnavi03_03 a:hover,#lnavi03_03 a:active{
	width:87px;
	background:url(../img/lnavi_03_03_o.gif) no-repeat left top;
}

#lnavi03_04 a:hover,#lnavi03_04 a:active{
	width:124px;
	background:url(../img/lnavi_03_04_o.gif) no-repeat left top;
}

#lnavi03_05 a:hover,#lnavi03_05 a:active{
	width:148px;
	background:url(../img/lnavi_03_05_o.gif) no-repeat left top;
}

#lnavi03_07 a:hover,#lnavi03_07 a:active{
	width:90px;
	background:url(../img/lnavi_03_07_o.gif) no-repeat left top;
}


/*
  localnavi03SS (only system shaft)
--------------------------*/

#lnavi03_03SS{
	width:120px;
	padding:8px 0 0 0;
	background:url(../img/lnavi_03_03SS_o.gif) no-repeat left top;
}

#lnavi03_03SS a,#lnavi03_03SS a:visited{
	width:120px;
	background:url(../img/lnavi_03_03SS.gif) no-repeat left top;
}

#lnavi03_03SS a:hover,#lnavi03_03SS a:active{
	width:120px;
	background:url(../img/lnavi_03_03SS_o.gif) no-repeat left top;
}







/*
########################################################
  maincontents
########################################################
*/


/* product style
--------------------------------------------*/

table.tbStyle01{
	width:774px;
	height:auto;
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
}

table.tbStyle01 th{
	width:12%;
	height:auto;
	margin:0;
	padding:5px;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
}

table.tbStyle01 td{
	height:auto;
	margin:0;
	padding:5px 0;
	color:#333333;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
	border-left:1px solid #BFBBBF;
}

table.tbStyle01 td img{
	vertical-align:middle;
}

table.tbStyle01 td.specWord{
	width:8%;
	height:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
	border-right:2px solid #BFBBBF;
	border-left:none;
}


/*  box01  */

div.proDetail01 ul{
	width:768px;
	height:auto;
	padding:0;
	margin:0;
}

div.proDetail01 ul li{
	font-weight:bold;
	margin:0 0 10px 5px;
	float: left;
	width: 245px;
}

div.proDetail01 ul li dl{
	font-weight:normal;
	margin:3px 0 15px 0;
}

div.proDetail01 ul li dt{
	float:left;
}

div.proDetail01 ul li dd{
	float:left;
	margin:0 0 0 10px;
	width:95px;
}

/*  box02  */

div.proDetail02 ul{
	width:778px;
	height:auto;
	margin:10px 0 0 0;
}

div.proDetail02 ul li{
	width:375px;
	height:auto;
	margin:0;
	display:inline;
	float: left;
}

div.proDetail02 ul li.PD02LastChild{
	margin:0 !important;
	float:right !important;
}

div.proDetail02 ul li dl{
	width:365px;
	height:auto;
	margin:10px 0 0 12px;
}

div.proDetail02 ul li dt{
	float:left;
}

div.proDetail02 ul li dd{
	width:210px;
	float:left;
	margin:0 0 0 10px;
}

/*  box03  */

div.proDetail03 ul{
	width:778px;
	height:auto;
	margin:25px 0 0 0;
	padding:0 0 10px 0;
	background: url(../img/driver/box01_bg_bottom.gif) no-repeat left bottom;
}

div.proDetail03 ul li{
	width:384px;
	height:auto;
	margin:0;
	display:inline;
	float: left;
	padding:12px 0 0 0;
	background:url(../img/driver/box01_bg_top01.gif) no-repeat left top;
}

div.proDetail03 ul li.PD03LastChild{
	margin:0 !important;
	float:right !important;
}

div.proDetail03 ul li h4{
	width:372px;
	margin:0;
	padding:0 0 2px 12px;
	color:#FFFFFF;
	font-size:100%;
	background: url(../img/driver/box01_bg_top02.gif) no-repeat left bottom;
}

div.proDetail03 ul li dl,div.proDetail03 ul li p{
	margin:12px 12px 0 12px;
	padding:0 0 5px 0;
	color:#666;
}

div.proDetail03 ul li dl dt{
	float:left;
}

div.proDetail03 ul li dl dd{
	width:210px;
	float:right;
	margin:0 0 0 10px;
	color:#666;
}

/*  box04_05  */

div.proDetail0405Box{
	width:778px;
	height:auto;
	margin:25px 0 0 0;
	padding:0;
}

ul.proDetail04{
	width:504px;
	float:left;
	background:url(../img/driver/box02_bg_bottom.gif) no-repeat left bottom;
}

ul.proDetail04 li{
	width:460px;
	height: auto;
	margin:0 0 20px 23px;
}

ul.proDetail04 li.PD04FirstChild{
	width:504px;
	height:23px;
	margin:0 !important;
	background: url(../img/driver/box02_bg_top.gif) no-repeat left top;
}

ul.proDetail04 li dl{
	width:460px;
	height:auto;
	margin:10px 0 0 0;
}

ul.proDetail04 li dl dt{
	float:left;
}

ul.proDetail04 li dl dd{
	width:350px;
	margin:0 0 0 10px;
	float:right;
}

ul.proDetail05{
	width:264px;
	float:right;
}

ul.proDetail05 li{
	width:264px;
	margin:0 0 10px 0;
}

ul.proDetail05 li dl{
	margin:12px 12px 0 12px;
}

ul.proDetail05 li dl dt{
	float:left;
}

ul.proDetail05 li dl dd{
	width:125px;
	float:right;
	margin:0 0 0 10px;
}

/* spec graph box
--------------------------------------------*/

div.specTabBox{
	width:778px;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	background:url(../../../common/img/bg_commonbox01_middle.gif) repeat-y left top;
}

div.specTabBoxTop{
	width:778px;
	height:37px;
	margin:10px 0 0 0;
	padding:0;
	background: url(../img/spec/bg_commonbox01_top.gif) no-repeat 0 0;
}

div.specTabBoxBottom{
	width:778px;
	height:auto;
	margin:0;
	padding:20px 0 0 0;
	background:url(../../../common/img/bg_commonbox01_bottom.gif) no-repeat left bottom;
}

div.specTabBoxTop ul.specTab{
	width:778px;
	height:37px;
	margin:0;
	padding:0;
}

div.specTabBoxTop ul.specTab li{
	display:inline;
}

/* spec graph */

div.specTabBoxBottom table{
	width:735px;
	height:auto;
	margin:0 auto;
	padding:0;
	border-collapse:collapse;
}

div.specTabBoxBottom table th{
	width:12%;
	height:auto;
	margin:0;
	padding:5px;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
}

div.specTabBoxBottom table td{
	height:auto;
	margin:0;
	padding:5px 0;
	color:#333333;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
	border-left:1px solid #BFBBBF;
}

div.specTabBoxBottom table td img{
	vertical-align:middle;
}

div.specTabBoxBottom table td.specWord{
	width:8%;
	height:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	vertical-align:middle;
	border-top:1px solid #BFBBBF;
	border-bottom:1px solid #BFBBBF;
	border-right:2px solid #BFBBBF;
	border-left:none;
}

p.graphCaption{
	margin:5px 0 0 35px;
	padding:0 0 20px 0;
}

/* spec box */


div.specBox{
	width:778px;
	height:auto;
	margin:15px 0;
	padding:0;
	background:url(../../../common/img/bg_commonbox01_middle.gif) repeat-y left top;
}

div.specBoxTop{
	width:778px;
	height:17px;
	margin:0;
	padding:0;
	background:url(../../../common/img/bg_commonbox01_top.gif) no-repeat left top;
}

div.specBoxBottom{
	width:778px;
	height:auto;
	margin:0;
	padding:0 0 20px 0;
	background:url(../../../common/img/bg_commonbox01_bottom.gif) no-repeat left bottom;
}

div.specBoxBottom h3{
	margin:0px 0 0 22px;
	padding:0;
}

div.specBoxBottom dl{
	width:735px;
	height:auto;
	margin:5px auto 0 auto;
	padding:10px 0 5px 0;
	border-top:1px solid #bfbbbf;
	border-bottom:1px solid #bfbbbf;
}

div.specBoxBottom dl dt,div.specBoxBottom dl dd{
	float:left;
}

div.specBoxBottom dl dt{
	margin-left:8px;
}

div.specBoxBottom dl dt ul li{
	margin-bottom:10px;
}

div.specBoxBottom dl dt ul li strong{
	color:#575757 !important;
}


/* shaft
--------------------------------------------*/

div.shaftBox{
	width:775px;
	height:auto;
	margin:15px 0 0 0;
	padding:0;
}

div.shaftBox h3{
	font-size:100%;
	margin:30px 0 10px 0;
}

div.shaftBox h3 img{
	vertical-align:middle;
	margin:0 5px 0 0;
}

div.shaftBox h3.shaftStep2,
div.shaftBox h3.shaftStep3{
	position:relative;
}

div.shaftBox h3.shaftStep2 a,
div.shaftBox h3.shaftStep3 a{
	position: absolute;
	top:5px;
	right:10px;
}

div.shaftBox h4{
	font-size:100%;
	font-weight:normal;
	color:#999999;
	margin:25px 0 10px 0;
}

div.shaftBox h4 input{
	float:left;
	margin:0 5px 0 0;
}

div.shaftBox h4 span{
	float:left;
}

p.shaftNotice{
	clear:both;
	text-indent:-1.5em;
	color:#999999;
	padding:15px 0 10px 1.5em;
	margin:0;
}

p.shaftNotice02{
	text-indent:-1.5em;
	color:#999999;
	padding:0px 0 10px 1.5em;
	margin:0;
}

/* table style 01 */

div.shaftBox div.shaftTB01Box{
	width:755px;
	height:auto;
	margin:0 auto;
	padding:0;
}

div.shaftBox table.shaftTB01{
	width:755px;
	height:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	border-collapse:collapse;
}

table.shaftTB01 caption{
	height:auto;
	margin:0 0 0 0px;
	padding:3px 10px 3px 5px;
	color:#FFFFFF;
	background:url(../img/shaft/bg_shaft_caption.gif) no-repeat left top;
}

table.shaftTB01 caption span{
	width:160px;
	display:block;
}

table.shaftTB01 thead th{
	margin:0;
	padding:2px 0;
	text-align:center;
	color:#FFFFFF;
	border-right:1px solid #9C9A9C;
	border-left:1px solid #E78218;
	border-bottom:1px solid #E78218;
	border-top:1px solid #E78218;
	background:#E78218;
}

table.shaftTB01 tbody th{
	width:30%;
	margin:0;
	padding:18px 0 18px 10px;
	border-right:1px solid #9C9A9C;
	border-left:1px solid #9C9A9C;
	border-top:1px solid #9C9A9C;
	border-bottom:1px solid #9C9A9C;
}

table.shaftTB01 tbody th img{
	margin:0 0 5px 0;
}

table.shaftTB01 tbody td{
	margin:0;
	padding:18px 0;
	text-align:center;
	border-right:1px solid #9C9A9C;
	border-top:1px solid #9C9A9C;
	border-bottom:1px solid #9C9A9C;
}

table.shaftTB01 tbody select{
	font-weight:bold;
	color:#747061;
}

/* box style 01 */

div.shaftInBox01{
	width:753px;
	height:auto;
	margin:0 auto;
	padding:0;
	border:1px solid #9C9A9C;
}

div.shaftInBox01 dl{
	margin:0 35px;
	padding:15px 0;
}

div.shaftInBox01 dl dt{
	float:left;
	font-weight:bold;
	margin:0 70px 0 0;
}

div.shaftInBox01 dl dt img{
	margin:0 5px 0 0;
	vertical-align:middle;
}

div.shaftInBox01 dl dd{
	float:left;
	font-weight:bold;
	margin:12px 0 0 0;
}

div.shaftInBox01 dl dd ul,div.shaftInBox01 dl dd ul li{
	display:inline;
	font-weight:normal;
	vertical-align:middle;
}

div.shaftInBox01 dl dd ul{
	margin:0 0 0 15px;
}

div.shaftInBox01 dl dd ul li{
	margin:0 25px 0 0;
}

div.shaftInBox01 dl dd ul li input{
	vertical-align:middle;
	margin:0 5px 0 0;
}

/* box style 02 */

div.shaftInBox02{
	width:755px;
	height:auto;
	margin:0 auto;
	padding:0;
}

div.shaftInBox02 ul.shaftInBox02TBList li{
	width:247px;
	float:left;
	margin:0 5px 0 0;
}

div.shaftInBox02 ul.shaftInBox02TBList li.shaftInBox02TBListLC{
	margin:0 !important;
}

div.shaftInBox02 table.shaftChoiceTB01,div.shaftInBox02 table.shaftChoiceTB02{
	width:247px;
	height:auto;
	margin:0 0 3px 0;
	padding:0;
	border-collapse: collapse;
}

table.shaftChoiceTB01 th{
	width:19%;
	padding:3px 0;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #9C9A9C;
	background-color:#333333;
}

table.shaftChoiceTB01 td{
	padding:3px 2px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #9C9A9C;
	background-color:#333333;
}

table.shaftChoiceTB02 th{
	width:19%;
	padding:3px 0;
	text-align:center;
	font-weight:normal;
	border:1px solid #9C9A9C;
}

table.shaftChoiceTB02 td{
	padding:3px 2px;
	text-align:center;
	font-weight:bold;
	border:1px solid #9C9A9C;
}

table.shaftChoiceTB02 td.shaftTBInput{
	width:12%;
	padding:3px 0;
	text-align:center;
	font-weight:bold;
	background-color:#E5E5E5;
}






/* box style 03 */

div.shaftInBox03{
	width:755px;
	height:auto;
	margin:0 auto;
	padding:0;
}

div.shaftInBox03 ul.shaftInBox03TBList li{
	width:372px;
	float:left;
	margin:0 5px 0 0;
}

div.shaftInBox03 ul.shaftInBox03TBList li.shaftInBox03TBListLC{
	margin:0 !important;
}

div.shaftInBox03 table.shaftChoiceTB03,div.shaftInBox03 table.shaftChoiceTB04{
	width:372px;
	height:auto;
	margin:0 0 3px 0;
	padding:0;
	border-collapse: collapse;
}

table.shaftChoiceTB03 th{
	width:24%;
	padding:3px 0;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #9C9A9C;
	background-color:#333333;
}

table.shaftChoiceTB03 td{
	padding:3px 2px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #9C9A9C;
	background-color:#333333;
}

table.shaftChoiceTB04 th{
	width:24%;
	padding:3px 0;
	text-align:center;
	font-weight:normal;
	border:1px solid #9C9A9C;
}

table.shaftChoiceTB04 td{
	padding:3px 2px;
	text-align:center;
	font-weight:bold;
	border:1px solid #9C9A9C;
}

table.shaftChoiceTB04 td.shaftTBInput{
	width:12%;
	padding:3px 0;
	text-align:center;
	font-weight:bold;
	background-color:#E5E5E5;
}



.shaftInBoxBD{
	width:753px !important;
	border:1px solid #9C9A9C !important;
}

.shaftInBoxBD select{
	margin:30px;
}



/* user impression - driver
--------------------------------------------*/

div.driverUIMainBox{
	width:775px;
	height:238px;
	margin:10px 0;
	padding:0;
	position:relative;
	background: url(../img/user_impression/hyper_erc/bg_user_impression.jpg) no-repeat left top;
}

div.driverUIMainBox dl{
	position:absolute;
	top:123px;
	left:183px;
}

div.driverUIMainBox dl dt{
	margin:0 0 12px 0;
}

div.driverUIMainBox ul{
	width:185px;
	position:absolute;
	top:7px;
	right:6px;
}

div.driverUIMainBox ul li{
	display:inline;
}

div.driverUIMainBox ul li.driverUIThumnLC{
	display:block;
	text-align:right;
	margin-right:21px !important;
}

div.driverUIMainBox ul li img{
	margin:0 0 5px 0;
}

div.driverUIMainBox ul li a img{
	border:2px solid #ffffff;
}

div.driverUIMainBox ul li a:hover img{
	border:2px solid #E58620;
}

div.driverUIBox{
	width:778px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	background:url(../../../common/img/bg_commonbox01_middle.gif) repeat-y left top;
}

div.driverUIBoxTop{
	width:778px;
	height:110px;
	margin:10px 0 0 0;
	padding:0;
	background:url(../../../common/img/bg_commonbox01_top.gif) no-repeat 0 96px;
}

div.driverUIBoxBottom{
	width:778px;
	height:auto;
	margin:0;
	padding:20px 0 15px 0;
	background:url(../../../common/img/bg_commonbox01_bottom.gif) no-repeat left bottom;
}

/* user impression tab - driver */

div.driverUIBoxTop ul{
	margin:0 0 0 2px;
}

div.driverUIBoxTop ul li{
	display:inline;
	margin:0 -2px 0 0;
}

/* user impression contents - driver */

div#userImpression01,
div#userImpression02,
div#userImpression03,
div#userImpression04,
div#userImpression05,
div#userImpression06,
div#userImpression07,
div#userImpression08,
div#userImpression09,
div#userImpression10{
	width:745px;
	margin:0 auto;
	padding:0;
}

div#userImpression02,
div#userImpression03,
div#userImpression04,
div#userImpression05,
div#userImpression06,
div#userImpression07,
div#userImpression08,
div#userImpression09,
div#userImpression10{
	display:none;
}


div.driverUIBoxBottom h3{
	font-weight:normal;
	font-size:100%;
	padding:0 0 3px 0;
	border-bottom:1px solid #D5D1C9;
}

div.driverUIBoxBottom h3 span{
	font-size:110%;
	margin:0 0 0 20px;
	font-weight:bold;
}

div.driverUIBoxBottom dl{
	width:745px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
}

div.driverUIBoxBottom dl dt{
	float:left;
	margin:0 10px 0 0;
}

div.driverUIBoxBottom dl dd{
	width:630px;
	float:left;
	margin:0;
}

div.driverUIBoxBottom div.userInformation{
	width:745px;
	height:auto;
	margin:0;
}

div.userInformation div.userInformationL{
	width:290px;
	float:left;
}

div.userInformation div.userInformationR{
	width:350px;
	float:right;
}



/* user impression contents table style01- driver */


table.userInfoFirstTB{
	width:290px;
	margin:15px auto 0 auto;
	border:none;
}

table.userInfoLastTB{
	width:320px;
	margin:15px auto 0 auto;
	border:none;
}


table.userInfoFirstTB th{
	width:35%;
	padding:2px 0 2px 5px;
	font-weight:normal;
	background-color:#F3F1E6;
}

table.userInfoLastTB th{
	width:45%;
	padding:2px 0 2px 5px;
	font-weight:normal;
	background-color:#D7D0AB;
}

table.userInfoFirstTB td,table.userInfoLastTB td{
	padding:2px 0 2px 10px;
}




/* user impression contents table style02- driver */



table.averageTB{
	width:745px;
	height:auto;
	margin:0;
	padding:0;
}

table.userFirstAverage{
	width:280px;
	float:left;
	margin:0;
}

table.userLastAverage{
	width:330px;
	float:right;
	margin:0;
}

table.userFirstAverage{
	border-collapse:collapse;
	border:1px solid #666666;
}

table.userFirstAverage th{
	width:35%;
	font-weight:normal;
	padding:2px 5px;
	color:#FFFFFF;
	border-collapse:collapse;
	border:1px solid #666666;
	background-color:#666666;
}

table.userFirstAverage td{
	padding:2px 10px;
}

table.userLastAverage{
	border-collapse:collapse;
	border:1px solid #DE5118;
}

table.userLastAverage th{
	width:42%;
	font-weight:normal;
	padding:2px 5px;
	color:#FFFFFF;
	border-collapse:collapse;
	border:1px solid #DE5118;
	background-color:#DE5118;
}

table.userLastAverage td{
	padding:2px 10px;
}

/* H2 SLE logo */
div.mainContents h2 img.hypererc_sle{
	position:absolute;
	top:-3px;
	left:240px;
}



/*
########################################################
  none system shaft
########################################################
*/

div.shaftNSBox{
	width:725px;
	height: auto;
	margin:15px auto 0 auto;
	padding:0;
}

div.shaftNSBoxL{
	width:330px;
	height: auto;
	margin:0;
	padding:0;
	float:left;
}

div.shaftNSBoxR{
	width:330px;
	height: auto;
	margin:0;
	padding:0;
	float:right;
}

div.shaftNSBoxL dl,
div.shaftNSBoxR dl{
	margin:0 0 35px 0;
	padding:0;
}

div.shaftNSBoxL dl dt,
div.shaftNSBoxR dl dt{
	margin:0 0 3px 0;
	padding:0;
	font-size:85%;
}

div.shaftNSBoxL dl dt strong,
div.shaftNSBoxR dl dt strong{
	font-size:175%;
	color:#666666 !important;
}

div.shaftNSBoxL dl dt strong.stndardGrip,
div.shaftNSBoxR dl dt strong.stndardGrip{
	font-size:140%;
	color:#666666 !important;
}

div.shaftNSBoxL dl dt img,
div.shaftNSBoxR dl dt img{
	vertical-align:middle;
	margin:0 10px 0 0;
}

div.shaftNSBoxL dl dd h4,
div.shaftNSBoxR dl dd h4{
	margin:0 0 3px 0;
}

div.shaftNSBoxL dl dd table,
div.shaftNSBoxR dl dd table{
	width:325px;
	margin:0 0 10px 0;
	padding:0;
	border:1px solid #999999;
	border-collapse:collapse;
}

div.shaftNSBoxL dl dd table thead th,
div.shaftNSBoxR dl dd table thead th{
	margin:0;
	padding:2px 0;
	text-align:center;
	font-weight:normal;
	font-size:100%;
	color:#FFFFFF;
	background-color:#BAB6AF;
	border:1px solid #999999;
}

div.shaftNSBoxL dl dd table tbody th,
div.shaftNSBoxR dl dd table tbody th{
	width:33%;
	margin:0;
	padding:2px 0;
	text-align:center;
	font-weight:bold;
	font-size:80%;
	border:1px solid #999999;
}

div.shaftNSBoxL dl dd table td,
div.shaftNSBoxR dl dd table td{
	margin:0;
	padding:2px 0;
	text-align:center;
	border:1px solid #999999;
}