/*メニューの設定*/
/*ナビゲーションメニュー（横）*/
#menu {
   width:880px;
   /* ========menu color ======== */
   background:#8F8F8F;

}

#menu ul {
   margin:0;
   padding:0;
}

#menu li {
   float:left;
   /*font-size:0.70em;*/
   font-size:0.90em;
   font-size:14px;
   font-weight:bold;/*2015/7/27*/
   color:#333;
   list-style-type:none;
   padding:5px 0;
}

#menu li a{
   margin-right:1px;
   padding:5px 10px;
   color:#fff;
}

#menu li a:hover{
   /*color:#fff;水平メニュの色*/
   color:#333;
}

/* 回り込み解除 */
#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/*サイドメニュー（縦）*/


.section ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 14px "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		width: 190px; /* Side Item width 2015/7/25*/
        line-height:20px;/* Main Menu Height*/     
        		border: 1px solid #cccccc;	/*枠線の幅、線種、色*/

}
 
.section ul li{
	position: relative;

}

.section ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #111111;
	text-decoration: none;
	padding: 7px;
	text-indent: 10px;
	border-bottom: 1px solid #fff;/*ボタンの下にラインを入れる*/
}

.section ul li a:link, .section ul li a:visited, .section ul li a:active{
        background:skyblue;/*2015/7/29*/
        background-image:url(images/nav2.jpg); /* ボタンの画像 */
}

.section ul li a:hover{
        background-image:url(images/nav3z.gif);/*マウスがボタンの上に来た時変わる画像*/
        color:#ffffff;
         background:blue;/*2015/7/29*/
                  background:#0066cc;/*2015/7/29*/
}

.section ul li ul{
	position: absolute;
	width: 155px; /*サブボタンの幅 */
	width: 190px; /* Side Menu Item width  section ulと同じにする2015/7/25*/
	top: 0;
	visibility: hidden;
}