@charset "utf-8";
/* CSS Document */
/* サブメニュー */
div#submenu {
background-image:url(../img/common/sub_menu.gif);
background-repeat:repeat-y;
margin:20px 0px 45px 0px;
}
div#submenu ul {
	margin:0px;	padding:0px; list-style:none;
}
div#submenu ul li {
	margin:0px;	padding:0px; float:left;
}

div#submenu ul li a {
background:url(../img/common/sub_menu.gif); height:25px; 
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	margin-right:10px;
}
/* 通常状態 */
div#submenu ul li a#mag {
width:85px;
background-position:-10px -10px;
}
div#submenu ul li a#about {
width:140px;
background-position:-105px -10px;
}
div#submenu ul li a#ask {
width:70px;
background-position:-255px -10px;
}
/* ロールオーバー時 */
div#submenu ul li a:hover#mag {
width:85px;
background-position:-10px -40px;
}
div#submenu ul li a:hover#about {
width:140px;
background-position:-105px -40px;
}
div#submenu ul li a:hover#ask {
width:70px;
background-position:-255px -40px;
}
/* 当該ページにいるとき */
div#submenu ul li a#on_mag {
width:85px;
background-position:-10px -80px;
}
div#submenu ul li a#on_about {
width:140px;
background-position:-105px -80px;
}
div#submenu ul li a#on_ask {
width:70px;
background-position:-255px -80px;
}



/* メインメニュー */
div#Menu {
background-image:url(../img/common/main_menu.gif);
background-repeat:repeat-y;
margin:0px;
}
div#Menu ul {
	margin:0px;	padding:0px; list-style:none;
}
div#Menu ul li {
	margin:0px;	padding:0px; float:left;
}

div#Menu ul li a {
	width:90px;
	height:32px;
	display:block;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	background-image:url(../img/common/main_menu.gif);
	margin-right:10px;
}

/* 通常状態 */
div#Menu ul li a#home {
background-position:-20px -20px;
}
div#Menu ul li a#prof {
background-position:-120px -20px;
 }
div#Menu ul li a#mess { 
background-position:-220px -20px;
 }
div#Menu ul li a#news { 
background-position:-320px -20px;
 }
div#Menu ul li a#dis { 
background-position:-420px -20px;
 }
div#Menu ul li a#say { 
background-position:-520px -20px;
 }
 
/* ロールオーバー時 */
div#Menu ul li a:hover#home {
background-position:-20px -100px;
}
div#Menu ul li a:hover#prof {
background-position:-120px -100px;
 }
div#Menu ul li a:hover#mess { 
background-position:-220px -100px;
 }
div#Menu ul li a:hover#news { 
background-position:-320px -100px;
 }
div#Menu ul li a:hover#dis { 
background-position:-420px -100px;
 }
div#Menu ul li a:hover#say { 
background-position:-520px -100px;
 }

/* 当該ページにいるとき */
div#Menu ul li a#on_home {
background-position:-20px -180px;
}
div#Menu ul li a#on_prof {
background-position:-120px -180px;
 }
div#Menu ul li a#on_mess { 
background-position:-220px -180px;
 }
div#Menu ul li a#on_news { 
background-position:-320px -180px;
 }
div#Menu ul li a#on_dis { 
background-position:-420px -180px;
 }
div#Menu ul li a#on_say { 
background-position:-520px -180px;
 }