@charset "utf-8";
/* プルダウンメニュー付きアニメーションナビの基本デザイン */


.nav                 {margin:auto; padding:1px; height:24px;
                      border:px dashed #ff0000; position:center;}
.nav ul              {float:center;}
.nav ul li           {display:block; width:107px; height:24px;line-height:24px;
                      float:left; box-shadow:1px 1px 6px #bbb; color:#008000;
                      position:relative;}
.nav ul li a         {background-image:-webkit-linear-gradient(#cff0ef,#9de1de);
                      background-image:linear-gradient(#cff0ef,#9de1de);
                      display:block; text-align:center; color:#008000;
                      border-top:solid 2px #34b4ae;
                      border-bottom:solid 1px #34b4ae;
                      border-right:solid 3px #34b4ae; 
                      border-left:solid 2px #34b4ae;}
.nav ul li:first-child a  {border-radius:4px 0 0 4px;
                           border-left:solid 2px #34b4ae;}
.nav ul li:last-child a   {border-radius:0 4px 4px 0;}
.nav ul li a:hover  {text-shadow:0 1px #fff,1px 0 #fff,0 -1px #fff,-1px 0 #fff;}
.nav ul li ul       {position:relative;}
.nav ul li ul li    {font-size:14px;letter-spacing:0; box-shadow:none; height:0;
                    overflow:hidden; -webkit-transition:300ms;transition:300ms;}
.nav ul li:hover ul li {height:24px;}
.nav ul li:hover ul    {box-shadow:1px 1px px #ccc;}
.nav ul li ul li a     {background-image:none;
                        background-color:#f2f9f9; border:0;}
.nav ul li ul li a:hover {background-color:#003366;}
.nav ul li ul li:first-child ul li a {border-radius:0; border-left:0;}
.nav ul li ul li:first-child a       {border-radius:0; border-left:0;}
.nav ul li ul li:last-child a  {border-radius:0;}
.nav ul li#now ul li a         {color:#01b2a8;}

   dcf5f4