body{
margin: 0;
padding: 0;
}

#mbctoph-menu{
width : 100%;
text-align: center\9; /* IE8 以下 */
margin: 0;
padding: 0;
background:#fff;
border-bottom:1px solid #d9d9d9;
}
#mbctoph-menu:after {
 content: '';
 display: block;
 clear: both;
}



#mbc-menu{
margin: 0 auto;
padding : 0;
width: 980px\9; /* IE8 以下 */
padding: 8px 0 8px 0\9;
*display: block;
text-align: left;
font-size : 12px;
line-height : 130%;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}

#mbc-menu .mbc-logo{
margin:0;
width: 160px\9; /* IE8 以下 */
float:left\9;
}


#mbc-menu .mbc-logo img{
width: 100%;
width: 160px\9; /* IE8 以下 */
margin: 0;
padding : 0;
border:none;
}

#mbc-menu .mbc-nav {
margin:0;
padding : 0;
width: 800px\9; /* IE8 以下 */
float:right\9;
}


#mbc-menu .mbc-nav ul {
margin:0;
padding :0;
}
#mbc-menu .mbc-nav ul:after {
 content: '';
 display: block;
 clear: both;
}


#mbc-menu .mbc-nav li {
float: left;
margin: 0;
padding: 0;
font-size : 14px;
line-height : 130%;
list-style-type:none;
text-align: center;
}

#mbc-menu .mbc-nav li a {
display:block;
color:#777777;
padding: 6px 0;
font-weight: bold;
font-size : 14px;
line-height : 130%;
text-decoration: none;
}


#mbc-menu .mbc-nav li a:hover {
color: #fff;
background: #9bd2de;
}

#mbc-menu .mbc-pctop {
width:30%;
float:right;
margin:15px 5px 3px 0;
text-align: right;
}
#mbc-menu .mbc-pctop a {
 padding: 3px 8px;
 border: 1px solid #afafaf;
 font-size: 12px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#e3e3e3));
 -webkit-box-shadow: 0 1px #e6f5d9;
 box-shadow: 0 1px #e6f5d9;
 text-decoration: none;
 color:#707070;
}
#mbc-menu .mbc-pctop a:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3),to(#fff));
}




/* pc */
@media print, screen and (min-width:980px) {
#mbc-menu{width:980px;}
#mbc-menu .mbc-logo{width: 15%;float:left;padding : 10px 0;}
#mbc-menu .mbc-nav  {width: 80%;float:right;margin-top:10px;}
}
@media only screen and (min-width: 769px) and (max-width: 979px) {
#mbc-menu{width:100%;}
#mbc-menu .mbc-logo{width: 17%;float:left;padding : 10px 0;}
#mbc-menu .mbc-nav  {width: 80%;float:right;margin-top:15px;}
}


/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 768px) {
#mbc-menu{width:100%;}
#mbc-menu .mbc-logo{width: 20%;margin:0 auto;padding :6px 0;}
#mbc-menu .mbc-nav  {width: 100%;padding:4px 0;border-top:1px solid #d9d9d9;}
}

/* pc tablet */
@media print, screen and (min-width:641px) {
#mbc-menu .mbc-nav li {width: 12.5%;}
#mbc-menu .mbc-nav li a {border-right: solid 1px #ccc;}
#mbc-menu .mbc-nav li:last-child a{border-right: none;}
#mbc-menu .menusp_on,.mbc-pctop {display : none;}
}

/* IE8 以下 */
#mbc-menu .mbc-nav li {width: 12%\9;}
#mbc-menu .mbc-nav li a {border-right: solid 1px #ccc\9;}
#mbc-menu .mbc-nav li:last-child a{border-right: none\9;}
#mbc-menu .menusp_on,.mbc-pctop {display : none\9;}



/* smartPhone */
@media screen and (max-width: 640px) {
#mbc-menu{width:100%;}
#mbc-menu .mbc-logo{width: 36%;float:left;margin:0 auto;padding :6px;}
#mbc-menu .mbc-nav  {width: 100%;border-top:1px solid #d9d9d9;clear: both;}
#mbc-menu .mbc-nav li {width: 33.3%;}
#mbc-menu .menupc_on {display : none;}
}