@charset "utf-8";

/* sub_menu.js用CSS */


/*************************************** 
 * サブメニュー
 ***************************************/
div#sub_menu *
{
	/* ie8でボーダーも背景色もないとイベントをキャッチしないので、透明画像を設定する。 */
	background: url("/img_sys/sub_menu/sub_menu_bg.gif") repeat left top;
}

div#sub_menu
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;
	width: 244px;

	height: 150px;
	color: #000;

	font-size: 12px;
	line-height: 15px;
}

div#sub_menu_close_1
,div#sub_menu_close_2
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 20px;
}

div#sub_menu_close_3
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 244px;
	height: 20px;
}

div#sub_menu_close_4
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100px;
	height: 28px;
}

div#sub_menu_close_5
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 244px;
	height: 20px;
}

ul#sub_menu_list
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 200px;

	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

ul#sub_menu_list li
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 32px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

ul#sub_menu_list li a
{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-indent: 37px;
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

ul#sub_menu_list li a:link
,ul#sub_menu_list li a:visited
{
	background-position: 2px 1px;
}

ul#sub_menu_list li a:hover
,ul#sub_menu_list li a:active
{
	background-position: 4px 1px;
}

a#sml_01 {background-image: url("/img_sys/sub_menu/01.gif");}
a#sml_02 {background-image: url("/img_sys/sub_menu/02.gif");}
a#sml_03 {background-image: url("/img_sys/sub_menu/03.gif");}
a#sml_04 {background-image: url("/img_sys/sub_menu/04.gif");}
a#sml_05 {background-image: url("/img_sys/sub_menu/05.gif");}
a#sml_06 {background-image: url("/img_sys/sub_menu/06.gif");}
a#sml_07 {background-image: url("/img_sys/sub_menu/07.gif");}