@charset utf-8;

/* ロゴ
---------------------------------------------------- */
#logo {
float:left;
}

/* 検索窓
---------------------------------------------------- */
#searcharea form.searchbox .searchbase {
font-size:80%;
height:25px;
width:280px;
}

#searcharea form.searchbox .searchbase p {
height:22px;
left:8px;
margin:0;
padding:0;
position:absolute;
top:8px;
width:280px;
}

#searcharea form.searchbox .searchbase p .searchword {
background:#fff url(/mz/static/common/images/head-search.gif) no-repeat left center;
border:1px solid #CCC;
bottom:0;
height:18px;
left:0;
padding:3px 2px 0 18px;
position:absolute;
width:200px;
}

form.searchbox .searchbase p .searchword:focus {
background-color:#fee8eb;
background-image:none;
border:1px solid #974343;
}

form.searchbox .searchbase p .searchsubmit {
bottom:0;
height:24px;
padding:0;
position:absolute;
right:0;
width:50px;
}

form.searchbox label {
padding:0 6px 0 0;
}

#searcharea {
display:block;
margin:0 auto 7px;
}

:first-child+html #searcharea * {
zoom:1;
}

#searcharea .searchbox {
margin:0 auto;
position:relative;
width:300px;
z-index:2;
}

#searcharea .searchbox .inner {
background:#E9E9E9;
border:1px solid #AAA;
padding:6px;
}

/* スーパーバナー
---------------------------------------------------- */
#topbanner .banner {
margin:10px auto;
}

/* ナビゲーション
---------------------------------------------------- */
.navi {
background-image:url(/mz/static/common/images/navi_back.png);
background-repeat:repeat-x;
height:30px;
margin:0;
overflow:hidden;
}

.navi ul {
background-image:url(/mz/static/common/images/navi.png);
background-repeat:no-repeat;
float:left;
height:30px;
margin:0;
padding:0;
}

.navi span {
display:none;
}

.navi a {
display:block;
height:30px;
}

.navi li {
display:inline;
float:left;
list-style:none;
}

#NaviMenu-01 {
width:56px;
}

#NaviMenu-02 {
width:38px;
}

#NaviMenu-03 {
width:63px;
}

#NaviMenu-04 {
width:108px;
}

#NaviMenu-05 {
width:116px;
}

#NaviMenu-06 {
width:86px;
}

#NaviMenu-07 {
width:65px;
}

#NaviMenu-08 {
width:87px;
}

#NaviMenu-09 {
width:52px;
}
#NaviMenu-10 {
width:91px;
}

#NaviMenu-01 .active {
background:url(/mz/static/common/images/navi.png) 0 -40px no-repeat;
width:56px;
}

#NaviMenu-02 .active {
background:url(/mz/static/common/images/navi.png) -56px -40px no-repeat;
width:38px;
}

#NaviMenu-03 .active {
background:url(/mz/static/common/images/navi.png) -94px -40px no-repeat;
width:63px;
}

#NaviMenu-04 .active {
background:url(/mz/static/common/images/navi.png) -157px -40px no-repeat;
width:108px;
}

#NaviMenu-05 .active {
background:url(/mz/static/common/images/navi.png) -265px -40px no-repeat;
width:116px;
}

#NaviMenu-06 .active {
background:url(/mz/static/common/images/navi.png) -381px -40px no-repeat;
width:86px;
}

#NaviMenu-07 .active {
background:url(/mz/static/common/images/navi.png) -381px -40px no-repeat;
width:65px;
}

#NaviMenu-08 .active {
background:url(/mz/static/common/images/navi.png) -446px -40px no-repeat;
width:87px;
}

#NaviMenu-09 .active {
background:url(/mz/static/common/images/navi.png) -533px -40px no-repeat;
width:52px;
}
#NaviMenu-10 .active {
background:url(/mz/static/common/images/navi.png) -585px -40px no-repeat;
width:91px;
}


#NaviMenu-01 a:hover {
background:url(/mz/static/common/images/navi.png) 0 -40px no-repeat;
}

#NaviMenu-02 a:hover {
background:url(/mz/static/common/images/navi.png) -56px -40px no-repeat;
}

#NaviMenu-03 a:hover {
background:url(/mz/static/common/images/navi.png) -94px -40px no-repeat;
}

#NaviMenu-04 a:hover {
background:url(/mz/static/common/images/navi.png) -157px -40px no-repeat;
}

#NaviMenu-05 a:hover {
background:url(/mz/static/common/images/navi.png) -265px -40px no-repeat;
}

#NaviMenu-06 a:hover {
background:url(/mz/static/common/images/navi.png) -381px -40px no-repeat;
}

#NaviMenu-07 a:hover {
background:url(/mz/static/common/images/navi.png) -381px -40px no-repeat;
}

#NaviMenu-08 a:hover {
background:url(/mz/static/common/images/navi.png) -446px -40px no-repeat;
}

#NaviMenu-09 a:hover {
background:url(/mz/static/common/images/navi.png) -533px -40px no-repeat;
}

#NaviMenu-10 a:hover {
background:url(/mz/static/common/images/navi.png) -585px -40px no-repeat;
}

/* セカンドナビゲーション
---------------------------------------------------- */
.NaviMenu_2nd {
background-image:url(/mz/static/common/images/navi2_back.png);
background-position:0;
background-repeat:repeat-x;
height:28px;
margin:0;
padding:3px 0 0 5px;
}

.NaviMenu_2nd ul {
margin:0;
padding:0;
}

.NaviMenu_2nd li {
display:inline;
list-style:none;
}

.NaviMenu_2nd a {
background-image:url(/mz/static/common/images/navi2_line.png);
background-position:right 0;
background-repeat:no-repeat;
color:#666;
font-size:12px;
font-weight:bold;
height:28px;
padding:0 6px 0 2px;
}

.NaviMenu_2nd a:hover {
color:#F60;
}

#NaviMenu-01 ul.submenu,#NaviMenu-02 ul.submenu,#NaviMenu-03 ul.submenu,#NaviMenu-04 ul.submenu,#NaviMenu-05 ul.submenu,#NaviMenu-06 ul.submenu,#NaviMenu-08 ul.submenu,#NaviMenu-09 ul.submenu,#NaviMenu-10 ul.submenu {
-moz-opacity:0.9;
background-color:#fff;
background-image:none;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
color:#000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
height:auto;
margin:0;
padding:0;
position:absolute;
visibility:hidden;
width:180px;
z-index:100;
}

#NaviMenu-01 ul.submenu li,#NaviMenu-02 ul.submenu li,#NaviMenu-03 ul.submenu li,#NaviMenu-04 ul.submenu li,#NaviMenu-05 ul.submenu li,#NaviMenu-06 ul.submenu li,#NaviMenu-08 ul.submenu li,#NaviMenu-09 ul.submenu li,#NaviMenu-10 ul.submenu li {
float:none;
font-size:90%;
margin:0;
padding:0;
}

#NaviMenu-01 ul.submenu li a,#NaviMenu-02 ul.submenu li a,#NaviMenu-03 ul.submenu li a,#NaviMenu-04 ul.submenu li a,#NaviMenu-05 ul.submenu li a,#NaviMenu-06 ul.submenu li a,#NaviMenu-08 ul.submenu li a,#NaviMenu-09 ul.submenu li a,#NaviMenu-10 ul.submenu li a {
background-image:none;
border:1px solid #fff;
color:#000;
display:block;
font-size:90%;
font-weight:normal;
height:auto;
margin:0;
padding:2px;
text-decoration:none;
width:173px;
}

#NaviMenu-01 ul.submenu li a:hover,#NaviMenu-02 ul.submenu li a:hover,#NaviMenu-03 ul.submenu li a:hover,#NaviMenu-04 ul.submenu li a:hover,#NaviMenu-05 ul.submenu li a:hover,#NaviMenu-06 ul.submenu li a:hover,#NaviMenu-08 ul.submenu li a:hover,#NaviMenu-09 ul.submenu li a:hover,#NaviMenu-10 ul.submenu li a:hover {
background-color:#F6F6EC;
background-image:none;
border:1px solid #C33;
color:#c33;
font-weight:bold;
}