/* ------------------------------------------------------------------------------------
  (c) 2008 JUST PLANNING Co., Ltd
------------------------------------------------------------------------------------ */


/*
Caption
------------------------------------------------------------------------------------ */
#categoryHeader h2 {
width:69px;
height:33px;
background-image:url(../img/cap_product.gif);
}

/*
LeftProductNavi
------------------------------------------------------------------------------------ */
ul.productGnavi {
  position:relative;
  top:-25px;
  margin: 0;
  padding: 0;
  height:200px;
}

ul.productGnavi li {
margin: 0;
padding: 0;
list-style: none;
}
	
ul.productGnavi li a{
margin: 0;
padding: 0;
width:180px;
height: 40px;
display: block;
text-indent: -9999px;
text-decoration: none;
voice-family: "\"}\"";
voice-family:inherit;
}



ul.productGnavi li a.home {background:url(../img/pnavi_home_off.jpg) top left no-repeat;}
ul.productGnavi li a.mn {background:url(../img/pnavi_mn_off.jpg) top left no-repeat;}
ul.productGnavi li a.mr {background:url(../img/pnavi_mr_off.jpg) top left no-repeat;}
ul.productGnavi li a.ml {background:url(../img/pnavi_ml_off.jpg) top left no-repeat;}
ul.productGnavi li a.mc {background:url(../img/pnavi_mc_off.jpg) top left no-repeat;}
ul.productGnavi li a.gg {background:url(../img/pnavi_gg_off.jpg) top left no-repeat;}
ul.productGnavi li a.dj {background:url(../img/pnavi_dj_off.jpg) top left no-repeat;}
ul.productGnavi li a.ms {background:url(../img/pnavi_salon_off.jpg) top left no-repeat;}

ul.productGnavi li a.home:hover { background:url(../img/pnavi_home_on.jpg) top left no-repeat;}
ul.productGnavi li a.mn:hover { background:url(../img/pnavi_mn_on.jpg) top left no-repeat;}
ul.productGnavi li a.mr:hover { background:url(../img/pnavi_mr_on.jpg) top left no-repeat;}
ul.productGnavi li a.ml:hover { background:url(../img/pnavi_ml_on.jpg) top left no-repeat;}
ul.productGnavi li a.mc:hover { background:url(../img/pnavi_mc_on.jpg) top left no-repeat;}
ul.productGnavi li a.gg:hover { background:url(../img/pnavi_gg_on.jpg) top left no-repeat;}
ul.productGnavi li a.dj:hover { background:url(../img/pnavi_dj_on.jpg) top left no-repeat;}
ul.productGnavi li a.ms:hover {background:url(../img/pnavi_salon_on.jpg) top left no-repeat;}

ul.productGnavi li ul li {
margin:0;
padding:0;
list-style: none;
}

ul.productGnavi li ul li a{
margin: 0;
padding: 0;
width:180px;
height: 25px;
text-indent:28px;
text-decoration: none;
voice-family: "\"}\"";
voice-family:inherit;
background:url(../img/subnavi_off.gif) top left no-repeat;
}

ul.productGnavi li ul li a:hover {
background:url(../img/subnavi_on.gif) top left no-repeat;
}

/*
LeftProductSubNavi
------------------------------------------------------------------------------------ */
ul.productSubNavi {
  margin: 10px;
  padding: 0;
}

ul.productSubNavi li {
margin: 0;
padding: 0 0 10px 0;
list-style: none;
}
	
ul.productSubNavi li a{
margin: 0;
padding: 0;
width:160px;
height: 60px;
display: block;
text-indent: -9999px;
text-decoration: none;
voice-family: "\"}\"";
voice-family:inherit;
}

ul.productSubNavi li a.inq {background:url(../img/psubnavi_inq_off.gif) top left no-repeat;}
ul.productSubNavi li a.support {background:url(../img/psubnavi_support_off.gif) top left no-repeat;}

ul.productSubNavi li a.inq:hover {background:url(../img/psubnavi_inq_on.gif) top left no-repeat;}
ul.productSubNavi li a.support:hover {background:url(../img/psubnavi_support_on.gif) top left no-repeat;}


/*
Container
------------------------------------------------------------------------------------ */
#lCol {
background: url(../img/lcol_back.gif) top left;
}
/*
contents Parts
------------------------------------------------------------------------------------ */
p {
margin-bottom:10px;
}

h4 {
margin:10px 0;
padding:2px 0 2px 5px;
font-weight:bold;
font-size:14px;
color:#333333;
background-color:#eeeeee;
border-left:solid 4px #2860ad;
}

#productTopFlash {
dispaly:block;
width:660px;
height:300px;
margin:0 10px 10px 10px;
padding:0;
z-index:1;
}

#productMainImage {
margin:0 10px 20px 10px;
padding:0;
width:660px;
}


/*
CategoryNavi
------------------------------------------------------------------------------------ */
#categoryGnavi {
margin:0;
_margin:-4px 0 0 0;
padding:0;
width:660px;
height:30px;
background:#ffffff url(../img/product_catenavi_back.jpg) top left repeat-x;
}

#categoryGnavi ul {
text-align:center;
margin:0;
padding:0 0 0 10px;
font-family:Arial,Helvetica,sans-serif;/* fixes Firefox 0.9.3 */
}

#categoryGnavi ul li {
list-style-type:none;
padding:0;
margin:0;
display: block;
width:105px;
height:30px;
float:left;
text-align:center;
border-right:solid 1px #666666;
}

#categoryGnavi a {
padding:0;
color:#e0e0e0;
text-decoration:none;
height:30px;
display:block;
font:10px/30px "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
font-weight:bold;
}

#categoryGnavi a:hover {
color:#ffcc00;
background: url(../img/product_catenavi_on.jpg) repeat-x top left;
}

#categoryGnavi a#active {
color:#ffcc00;
background: url(../img/product_catenavi_on.jpg) repeat-x top left;
}