/*======================================
wito 04 Dec 2009 / 
左メニュー改善
縦スライドメニュー
=======================================*/

/* ================================================================  
This copyright notice must be untouched at all times. 
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved. 
=================================================================== */ 

#dxMenu {
	display:block;
	width:166px;
	margin:0px;
	padding:0px;
}

#dxMenu div, #dxMenu img {
	width:166px;
	margin:0px;
	padding:0px;
}



#nav {  
  padding: 0;  
  margin: 0;  
  font-family: georgia, serif;  
  background: #222;  
} 

#nav dl { margin: 1px solid #f00;}

#nav a:hover  {  
  text-decoration: underline;  
}  


#nav dt div, #nav dt a  {  
  display: block;  
  cursor: pointer;  

}  

#nav dt b  {  
  background: url(jQuery/verticalSlidingMenu1/arrow.gif) no-repeat left center;  
}  


#nav dt a {  
  text-decoration: none;  
}  


#nav dd {  
  padding: 0;  
  margin: 0;  
} 


#nav dd ul{  
  padding: 0;  
  margin: 0;  
  list-style: none;
  /*padding-bottom:5px;*/
}  

#nav dd ul li {  
  padding: 3px 0px 0px 29px;
  
}  

#nav dd ul li a {  
  font-size: 12px;  
  text-decoration: none;
  display:block;
  width:100%;
}  

#nav dd ul li a:hover {   background-color:#FF3;color:#cc33ff;}

/*======================================

wito 11 Dec 2009 / 

since there are wierd margins on a+img combo on the sideMenu.html,
using ul li a css block menu list here.

menu images,,,do not try to put bgs on one image..
it is possible but nightmare since the order changes often


======================================*/



.leftMenu {width:166px;margin:0px;padding: 0px;}
.leftMenu ul {display: block; float: left; width:166px;margin:0px;padding: 0px;}
.leftMenu ul li {list-style: none;display: block; float: left; width:166px; height:25px;margin:0px;padding: 0px;}
.leftMenu ul li a {display: block; width:166px; height:25px;margin:0px;padding: 0px; /*background-color: #ff0000*/;text-indent: -9999px;}

.leftMenu ul li.leftSai a {background:top left url(/img/home/leftSai.gif) no-repeat scroll;}
.leftMenu ul li.leftOnn a {background:top left url(/img/home/leftOnn.gif) no-repeat scroll;}
.leftMenu ul li.leftDxm a {background:top left url(/img/home/leftDxm.gif) no-repeat scroll;}
.leftMenu ul li.leftDxl a {background:top left url(/img/home/leftDxl.gif) no-repeat scroll;}
.leftMenu ul li.leftToi a {background:top left url(/img/home/leftToi.gif) no-repeat scroll;}

.leftMenu ul li.leftMac a {background:top left url(/img/home/leftMac.gif);}


/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/

/*quickEnquette*/
#quick {display:block;width:166px;margin:0px;padding:0px;color:#fff;}
#quick form{width:166px;margin:0px;padding:0px;color:#fff;}
#quick div {width:166px;margin:0; padding:0px; color:#fff; font-size:12px;}
#quick div ul{display: block; width:166px; margin:0; padding: 0px; list-style:none;}
#quick div ul .question {margin:5px 0 0 0; padding: 0px; list-style:none; color: #ECDFE2; text-align:center; }
#quick div ul li{ text-align:center; margin:2px auto; padding:0; list-style:none;}
#quick div .btn{ text-align:center; margin:5px auto; padding:0; }