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



/* =================================== */
/* トップメニューの設定 */
/* =================================== */
.wrap #menu_base { /* メニューベース */
	background-image: url(menu_btn_bg.gif);
	background-repeat:no-repeat;
	height: 36px;
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}
.wrap #menu_base ul{
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
}
.wrap #menu_base li{
	font-size:12px;
	color: #ffffff;
	background-image:url(menu_btn.gif);
	background-repeat:no-repeat;
	line-height:15px;
	width:150px;
	height:32px;
	display:block;
	float:left;
	list-style-type: none;
}
.wrap #menu_base small{
	font-size:9px;
	font-weight:bold;
	color:#cccccc;
	display:block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.wrap #menu_base li a:link { /* トップメニューボタン：リンク設定 */
	color: #ffffff;
	text-decoration: none;
	display: block;
	width:140px;
	height:32px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.wrap #menu_base li a:visited { /* トップメニューボタン：リンク訪問済み */
	color: #ffffff;
	text-decoration: none;
	display: block;
	width:140px;
	height:32px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.wrap #menu_base li a:hover { /* トップメニューボタン：リンクマウスオン */
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
	background-color:#555555;
	display: block;
	width:140px;
	height:32px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}
.wrap #menu_base li a:active { /* サイドメニューボタン：リンククリック */
	color: #cccccc;
	text-decoration: none;
	display: block;
	width:140px;
	height:32px;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}



/* =================================== */
/* サイドバーの設定 */
/* =================================== */
.wrap #sidebar {
	float: left;
	width: 180px;
}
.wrap #sidebar h3{
	font-size:11px;
	color: #ffffff;
	background-image:url(sidebar_btn_top.gif);
	line-height:26px;
	width:174px;
	height:26px;
	display:block;
	padding: 0px 0px 0px 6px;
	margin: 0px;
}
.wrap #sidebar small{
	font-size:9px;
	font-weight:bold;
	color:#777777;
	display:block;
}
.wrap #sidebar hr {
	height:10px;
	height: 10px;
	clear:both;
	padding: 0px;
	margin: 0px;
	border: 0px none #ffffff;
}
.wrap #sidebar img{
	margin: 0px 0px 10px 0px;
}



/* =================================== */
/* 折りたたみサイドバーの設定 */
/* =================================== */
#sidebar_category {
	font-size:12px;
	text-decoration: none;
	line-height:14px;
	width:178px; /* 180px */
	height:35px; /* 36px */
	float:left;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}
.wrap #sidebar_category a:link { /* 折りたたみサイドバー：リンク設定 */
	color: #333333;
	text-decoration: none;
	display: block;
	width:170px; /* 180px */
	height:27px; /* 36px */
	padding: 4px;
}
.wrap #sidebar_category a:visited { /* 折りたたみサイドバー：リンク訪問済み */
	color: #333333;
	text-decoration: none;
	display: block;
	width:170px; /* 180px */
	height:27px; /* 36px */
	padding: 4px;
}
.wrap #sidebar_category a:hover { /* 折りたたみサイドバー：リンクマウスオン */
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	background-color:#eeeeee;
	display: block;
	width:170px; /* 180px */
	height:27px; /* 36px */
	padding: 4px;
}
.wrap #sidebar_category a:active { /* 折りたたみサイドバー：リンククリック */
	color: #333333;
	text-decoration: none;
	display: block;
	width:170px; /* 180px */
	height:27px; /* 36px */
	padding: 4px;
}
.category_on #sidebar_category { /* 折りたたみサイドバー：アクティブ */
	font-weight:bold;
	text-decoration: none;
	background-image:url(sidebar_btn_bg_on.gif);
	display: block;
}
.category_off #sidebar_category { /* 折りたたみサイドバー：インアクティブ */
	text-decoration: none;
	background-image:url(sidebar_btn_bg.gif);
	display: block;
}
.category_on, .category_off {
	margin: 0px;
}
.category_on ul {
	margin: 0px;
}
.category_off ul {
	display: none;
}



/* =================================== */
/* 展開サイドバーの設定 */
/* =================================== */
.wrap #sidebar ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.wrap #sidebar li {
	font-size:11px;
	color: #555555;
	text-decoration: none;
	line-height:12px;
	text-indent:5px;
	width:170px;
	height:30px;
	display:block;
	float:left;
	padding: 0px;
	margin: 0px;
}
.wrap #sidebar li a:link { /* 展開サイドバーボタン：リンク設定 */
	font-size:11px;
	color: #555555;
	text-decoration: none;
	display: block;
	width:167px; /* 180px */
	height:21px; /* 30px */
	padding: 4px;
	margin: 0px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 4px solid #dddddd;
	list-style-type: none;
}
.wrap #sidebar li a:visited { /* 展開サイドバーボタン：リンク訪問済み */
	font-size:11px;
	color: #555555;
	text-decoration: none;
	display: block;
	width:167px; /* 180px */
	height:21px; /* 30px */
	padding: 4px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 4px solid #dddddd;

}
.wrap #sidebar li a:hover { /* 展開サイドバーボタン：リンクマウスオン */
	font-size:11px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	background-color:#eeeeee;
	display: block;
	width:167px; /* 180px */
	height:21px; /* 30px */
	padding: 4px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 4px solid #dddddd;
}
.wrap #sidebar li a:active { /* 展開サイドバーボタン：リンククリック */
	font-size:11px;
	color: #555555;
	text-decoration: none;
	display: block;
	width:167px; /* 180px */
	height:21px; /* 30px */
	padding: 4px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 4px solid #dddddd;
}