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

/* SUBページ menu
---------------------------------*/

#menu {
	width: 153px;
	float: right;
	margin-top: 10px;
	background: #FFF url(../img/bg_menu.gif) repeat-y top left;
	text-indent: -9999px;
}


#menu ul li,
#menu ul li a {
	display: block;
}


#m0 a {
	height: 50px;
	background: transparent url(../img/menu_top_sub.gif) no-repeat scroll 0 0;
}

#m1 a {
	height: 50px;
	background: transparent url(../img/menu_intro.gif) no-repeat scroll 0 0;
}

#m2 {
	height: 110px;
	background: transparent url(../img/menu_kaihatu.gif) no-repeat scroll 0 0;
}

#m2_1 a {
	margin-top: 25px;
	height: 20px;
	background: transparent url(../img/menu_kaihatu1.gif) no-repeat scroll 0 0;
}


#m2_2 a {
	height: 20px;
	background: transparent url(../img/menu_kaihatu2.gif) no-repeat scroll 0 0;
}


#m2_3 a {
	height: 20px;
	background: transparent url(../img/menu_kaihatu3.gif) no-repeat scroll 0 0;
}


#m3 {
/* 	height: 110px; 2010/09/27 サブメニュー追加に伴いサイズ変更用の定義　システム定義サービスページＵＰ時に採用すること*/
 	height: 140px; 
	background: transparent url(../img/menu_solution.gif) no-repeat scroll 0 0;
}

#m3_1 a {
	margin-top: 25px;
	height: 30px;
	background: transparent url(../img/menu_solution1.gif) no-repeat scroll 0 0;
}


#m3_2 a {
	height: 30px;
	background: transparent url(../img/menu_solution2.gif) no-repeat scroll 0 0;
}
/* 	2010/09/27 サブメニュー追加*/
#m3_3 a {
	height: 30px;
	background: transparent url(../img/menu_solution3.gif) no-repeat scroll 0 0;
}

#m4 a {
	height: 50px;
	background: transparent url(../img/menu_service.gif) no-repeat scroll 0 0;
}

#m4_1 a {
	margin-top: 25px;
	height: 20px;
	background: transparent url(../img/menu_service1.gif) no-repeat top left;
}

#m4_2 a {
	height: 20px;
	background: transparent url(../img/menu_service2.gif) no-repeat scroll 0 0;
}

#m4_3 a {
	height: 20px;
	background: transparent url(../img/menu_service3.gif) no-repeat scroll 0 0;
}

#m4_4 a {
	height: 20px;
	background: transparent url(../img/menu_service4.gif) no-repeat scroll 0 0;
}

#m5 a {
	height: 50px;
	background: transparent url(../img/menu_support.gif) no-repeat scroll 0 0;
}

#m6 a {
	height: 50px;
	background: transparent url(../img/menu_request.gif) no-repeat scroll 0 0;
}


#m7 a {
	height: 56px;
	background: transparent url(../img/menu_contact.gif) no-repeat scroll 0 0;
}

/*20091119 ADD START*/
#m8 a {
	height: 50px;
	background: transparent url(../img/menu_education.gif) no-repeat scroll 0 0;
}


#m9 a {
	height: 50px;
	background: transparent url(../img/menu_faq.gif) no-repeat scroll 0 0;
}
/*20091119 ADD END*/

#m0 a:hover,
#m1 a:hover,
#m2_1 a:hover,
#m2_2 a:hover,
#m2_3 a:hover,
#m3_1 a:hover,
#m3_2 a:hover,
#m3_3 a:hover,
#m4 a:hover,
#m4_1 a:hover,
#m4_2 a:hover,
#m4_3 a:hover,
#m4_4 a:hover,
#m5 a:hover,
#m6 a:hover,
/*20091119 ADD START*/
#m8 a:hover,
#m9 a:hover,
/*20091119 ADD END*/
#m7 a:hover {
	background-position:-155px 0;
}


/* 画面下のメニュー */
#f_menu {
	width: 780px;
	height: 40px;
	margin: 0px auto;
}
ul#red { padding:0; list-style-type:none; }

ul#red li { width: 90px; position:relative; float:left; border-top:4px solid #edcbcb; margin-right: 15px; padding-right: 20px; padding-top: 5px;}

ul#red .current { border-top:4px solid #953434;}

ul#red li:hover { border-top:4px solid #953434;}

ul#red li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif; color:#953434;}

ul#red li a:hover { color:#b17878; border:none; }

ul#red li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 15px;}

ul#red li a:hover span {margin-top: 7px; display:block; color: #b17878;}