@charset "utf-8";
/* CSS Document */




/* --- ページイメージ --- */
#page_img{
	margin-bottom:10px;
}



/* --- サブメニュー --- */





/* --- 左ナビゲーションバー --- */



#nav div.subMenu h2 {
background-image:url(../img/template_img/nav_left_h.gif);
background-repeat:no-repeat;
padding:15px 0 0 25px;
height:30px;
color:#FFFFFF;
font-size:120%;
display:block;
}



div#nav h2 a{
color:#FFFFFF;
}






/* メニューエリア */
.side_nl {
padding: 10px 6px 15px 6px;
background-color: #f7f5e5;
list-style-type: none;
border:1px solid #d9c45a;

}


/* メニュー項目 */
.side_nl li {
background: #f9f9f9 url(../img/template_img/ver_menu_back.gif) repeat-x; /* 項目の背景 */
border: 1px solid; /* 項目の境界線（太さ、スタイル） */
border-color: #ffffff #999 #666 #ffffff; /* 項目の境界線色（上右下左） */
font-weight:bold;
}



/* メニューアクティブ時 */
.side_nl li.active {
	background: #f9f9f9 url(../img/template_img/ver_menu_back_o.gif) repeat-x; /* 項目の背景 */

}


/* リンクエリア */
.side_nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 15px 5px 15px 15px;
	background: url(../img/template_img/ver_menu_off.gif) no-repeat 4px; /* リンクエリアの背景（三角マーク） */
	color: #fff;
	text-decoration: none;
	background-image: url(../img/template_img/ver_menu_off.gif);
}


/* ポイント時の設定 */
.side_nl li a:hover {
background: url(../img/template_img/ver_menu_on.gif) no-repeat 6px; /* ポイント時の背景（三角マーク） */
text-decoration: underline;
}





/*2階層目メニュー*/
.side_nl ul {
margin: 0;
background-color: #ccc;
list-style-type: none;
}


.side_nl ul li{
background: #f9f9f9 url(../img/template_img/ver_menu_back2.gif) repeat-x top; /* 項目の背景 */
border-top: 1px solid  #ccc; /* 項目の境界線（太さ、スタイル） */
border-right:0px;
border-left:0px;
border-bottom:1px solid #fff;
font-weight:normal; 
}





/* リンクエリア */
.side_nl ul li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 5px 5px 30px;
background: url(../img/template_img/ver_menu_off.gif) no-repeat 15px; /* リンクエリアの背景（三角マーク） */
color: #404040; 
text-decoration: none;
}


/* ポイント時の設定 */
.side_nl ul li a:hover {
background: url(../img/template_img/ver_menu_on.gif) no-repeat 20px; /* ポイント時の背景（三角マーク） */
text-decoration: underline;
}


/* アクティブ時 */
.side_nl ul li a.active{
display: block;
position: relative; /* IE6用 */
padding: 9px 5px 5px 30px;
background:#ddd url(../img/template_img/ver_menu_on.gif) no-repeat 20px; /* リンクエリアの背景（三角マーク） */
color: #404040; 
text-decoration: none;
}