@charset "shift_jis";
/*
-------------------------------------------------------------------
◎製品情報ページ左メニュースタイルシート
製作者：株式会社アルゴ
制作日：2009年3月18日
最終更新日：2009年3月18日
-------------------------------------------------------------------
*/


/****全体位置の決定****/
div.menu{
    position: relative;/*△*/
    width:210px;/*○*/
    z-index:100;/*△*/
    margin:0;/*△*/
    padding:0px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
    width:210px;/*○*/
    margin:0px;/*△*/
    padding:0px;/*△*/
    width:210px;/*○*/
    list-style:none;/*△*/
	background: url(../../common/images/bg_left-a.gif) no-repeat;
}
/*通常時*/
.main li {
	width:210px;
    position:relative;
	display: block;
	line-height: 1.4em;
	color: #646464;
	margin: 0px;
	padding: 0px;
	background: url(../../common/images/bg_left-a.gif) no-repeat;
}
*:first-child+html ul.main li{margin-bottom:-3px;} /* IE7例外 */
* html ul.main li{margin-bottom:-3px;} /* IE6例外 */

.main li a {
	display: block;
	width: 180px;
	margin:0;
	padding: 7px 5px 7px 25px;
	color: #646464;
	border-bottom: 1px dotted #969696;
}
.main li a:hover {
	color: #646464;
}
.main li a.noborder {
border-bottom: none;
padding-bottom: 9px;
_padding-bottom: 8px;
}
.main li.tborder a {
	border-top: 1px dotted #969696;
}

.main li.off{
    position:relative;/*×*/
    visibility:visible;/*×*/
}
/*展開時*/
.main li.on{
    visibility:visible;/*×*/
	background: url(../../common/images/bg_left-a-ac.gif) no-repeat;
}
.main>li.on{
    visibility:visible;/*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:none;/*○*/
}
.main a:hover{
}
/****サブメニュー用スタイル****/
.main li ol.sub{
    margin:0px;/*△*/
    padding:0 0 5px 0;/*△*/
    position:absolute;/*×*/
	top:-2px;
	left:210px;
    width:195px;/*○*/
    list-style:none;/*△*/
	background: url(../images/bg_submenu-bg.png) no-repeat bottom left;
	font-size:86%;
}
* html .main li ol.sub { /* IE6例外 */
    padding:0 0 0 0;/*△*/
    width:190px;/*○*/
	filter:alpha(opacity=95);
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background: transparent;
}
.main li.off ol.sub{
    visibility:hidden;
}
.main li.on ol.sub{
    visibility:visible;
}
.main li ol.sub li {
	width:190px;
	height: auto;
	margin: 0px;
	font-size: 100%;
	background:transparent;
}
.main li ol.sub li a {
    display:block;/*△*/
	width: 157px;
	padding-left:28px;
	background: url(../images/bg_p-left-a.png) no-repeat;
	border:none;
}
* html .main li ol.sub li a { /* IE6例外 */
	background-image: url(../images/bg_p-left-a.gif);
}
.main li ol.sub li a:hover {
	background: url(../images/bg_p-left-a-on.png) no-repeat;
}
* html .main li ol.sub li a:hover { /* IE6例外 */
	background-image: url(../images/bg_p-left-a-on.gif);
}
.main li ol.sub li.arrow a {
    display:block;/*△*/
	width: 157px;
	padding-left: 28px;
	background: url(../images/bg_h4-left-a.png) no-repeat ;
	border-top:2px solid #666;
}
* html .main li ol.sub li.arrow a { /* IE6例外 */
	background-image: url(../images/bg_h4-left-a.gif);
}
.main li ol.sub li.arrow a:hover {
	background: url(../images/bg_h4-left-a-on.png) no-repeat;
}
* html .main li ol.sub li.arrow a:hover { /* IE6例外 */
	background-image: url(../images/bg_h4-left-a-on.gif);
}
.main li ol.sub li.topborder a {
	border-top:2px solid #666;
}

