div#menu {
	width: 161px;
	margin:0px auto;
}
div#menu ul {
	width: 100%;
	height: 100%;
	clear: both;
	text-indent: -9999px;
}
div#menu ul li {
	height: 74px;
	text-indent:-9999px;
	list-style-type:none;
	clear:both;
}
div#menu ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
/* shopmenu */
#siconbg {
	text-align:left;
	height:40px;
	width:810px;
}
#siconbg ul {
	width: 810px;
	height: 40px;
	float:left;
	display:inline;
	margin:0;
	padding:0;
}
#siconbg ul li {
	height: 30px;
	text-indent: -9999px;
	list-style-type:none;
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:3px;
}
#siconbg ul li a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

/* トップ */
li.m-top {
	background-image: url(../img/menu/menu_r1_c1.png);
	width: 161px;
}
li.m-top a.this, li.m-top a:hover {
	background-image: url(../img/menu/menu_ov_r1_c1.png);
	width: 161px;
}

li.m-first {
	background-image: url(../img/menu/menu_r2_c1.png);
	width: 161px;
}
li.m-first a.this, li.m-first a:hover {
	background-image: url(../img/menu/menu_ov_r2_c1.png);
	width: 161px;
}

li.m-flow {
	background-image: url(../img/menu/menu_r3_c1.png);
	width: 161px;
}
li.m-flow a.this, li.m-flow a:hover {
	background-image: url(../img/menu/menu_ov_r3_c1.png);
	width: 161px;
}

li.m-salary {
	background-image: url(../img/menu/menu_r4_c1.png);
	width: 161px;
}
li.m-salary a.this, li.m-salary a:hover {
	background-image: url(../img/menu/menu_ov_r4_c1.png);
	width: 161px;
}

li.m-qa {
	background-image: url(../img/menu/menu_r5_c1.png);
	width: 161px;
}
li.m-qa a.this, li.m-qa a:hover {
	background-image: url(../img/menu/menu_ov_r5_c1.png);
	width: 161px;
}

li.m-tokuten {
	background-image: url(../img/menu/menu_r6_c1.png);
	width: 161px;
}
li.m-tokuten a.this, li.m-tokuten a:hover {
	background-image: url(../img/menu/menu_ov_r6_c1.png);
	width: 161px;
}

li.m-beginner {
	background-image: url(../img/menu/menu_r7_c1.png);
	width: 161px;
}
li.m-beginner a.this, li.m-beginner a:hover {
	background-image: url(../img/menu/menu_ov_r7_c1.png);
	width: 161px;
}

li.m-outline {
	background-image: url(../img/menu/menu_r8_c1.png);
	width: 161px;
}
li.m-outline a.this, li.m-outline a:hover {
	background-image: url(../img/menu/menu_ov_r8_c1.png);
	width: 161px;
}

li.m-outside {
	background-image: url(../img/menu/menu_r9_c1.png);
	width: 161px;
}
li.m-outside a.this, li.m-outside a:hover {
	background-image: url(../img/menu/menu_ov_r9_c1.png);
	width: 161px;
}


li.m-form {
	background-image: url(../img/menu/menu_r10_c1.png);
	width: 161px;
}
li.m-form a.this, li.m-form a:hover {
	background-image: url(../img/menu/menu_ov_r10_c1.png);
	width: 161px;
}

li.m-privacy {
	background-image: url(../img/menu/menu_r11_c1.png);
	width: 161px;
}
li.m-privacy a.this, li.m-privacy a:hover {
	background-image: url(../img/menu/menu_ov_r11_c1.png);
	width: 161px;
}

/*li.m-access {
	background-image: url(../img/menu/menu_r11_c1.png);
	width: 161px;
}
li.m-access a.this, li.m-access a:hover {
	background-image: url(../img/menu/menu_ov_r11_c1.png);
	width: 161px;
}*/
li.m-company {
	background-image: url(../img/menu/menu_r12_c1.png);
	width: 161px;
}
li.m-company a.this, li.m-company a:hover {
	background-image: url(../img/menu/menu_ov_r12_c1.png);
	width: 161px;
}

li.m-index {
	background-image: url(../img/menu/menu_r13_c1.png);
	width: 161px;
    position: relative;
}
li.m-index a.this, li.m-index a:hover {
	background-image: url(../img/menu/menu_ov_r13_c1.png);
	width: 161px;
}

ul.offical{
    display: none;
    text-indent: 0;
}

li.m-index a.this, li.m-index:hover ul.offical {
    display: block;
    text-indent: 0;
    background-color:#C7C5C5;
	position: absolute;
	right: -146px;
	top:0;
}

div#menu ul li ul.offical li{
    text-indent: 0;
    height: 40px;
    text-align: center;
    vertical-align:middle;
    margin-bottom:0;
    background-color: #C7C5C5;
}

div#menu ul.offical{
    background-color: #fff;
}

div#menu ul.offical li a{
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    color:#fff;
}

ul.offical li a:hover{
    background-image: none;
    /*background-color: #C7C5C5;*/
    background-color: #eae16f;
}

li.m-index a.this, li.m-index a:hover ul.offical li{
    background-image: none;
    background-color: #fff;
}