@charset "UTF-8";

@import "reset.css";
@import "common.css";

/*---main---*/
#main { padding-top: 0; color: #333; }
#main ul.topMenu1 { width: 651px; float: left; margin-right: 8px; display: flex; flex-wrap: wrap; }
#main ul.topMenu1 li { width: 200px; line-height: 1.4em; float: left; display: inline; margin: 0 17px 15px 0; }
#main ul.topMenu1 li.li2 { _margin-right: 0; }
#main ul.topMenu1 li a.hl { display: block; width: 200px; height: 36px; background: url(../../images/top_menu1.png) 0 0 no-repeat; margin-bottom: 7px; }
#main ul.topMenu1 li a.hl strong { display: none; }
#main ul.topMenu1 li.li1 a.hl { background-position: 0 0; }
#main ul.topMenu1 li.li2 a.hl { background-position: -200px 0; width: 217px; overflow: visible; }
#main ul.topMenu1 li.li3 a.hl { background-position: -417px 0; }
#main ul.topMenu1 li.li4 a.hl { background-position: -617px 0; }
#main ul.topMenu1 li.li5 a.hl { background-position: -817px 0; }
#main ul.topMenu1 li.li6 a.hl { background-position: -1017px 0; }
#main ul.topMenu1 li.li1 a.hl:hover { background-position: 0 -40px; }
#main ul.topMenu1 li.li2 a.hl:hover { background-position: -200px 0; }
#main ul.topMenu1 li.li3 a.hl:hover { background-position: -417px 0; }
#main ul.topMenu1 li.li4 a.hl:hover { background-position: -617px -40px; }
#main ul.topMenu1 li.li5 a.hl:hover { background-position: -817px -40px; }
#main ul.topMenu1 li.li6 a.hl:hover { background-position: -1017px -40px; }
#main ul.topMenu1 li a.photo { display: block; width: 200px; height: 130px; background: url(../../images/top_menu1img.jpg) 0 0 no-repeat; margin-bottom: 7px; }
#main ul.topMenu1 li a.photo:hover img { display: none; }
#main ul.topMenu1 li.li1 a.photo { background-position: 0 0; }
#main ul.topMenu1 li.li2 a.photo { background-position: -200px 0; }
#main ul.topMenu1 li.li3 a.photo { background-position: -400px 0; }
#main ul.topMenu1 li.li4 a.photo { background-position: -600px 0; }
#main ul.topMenu1 li.li5 a.photo { background-position: -800px 0; }
#main ul.topMenu1 li.li6 a.photo { background-position: -1000px 0; }
#main ul.topMenu1 li.li1 a.photo:hover { background-position: 0 -130px; }
#main ul.topMenu1 li.li2 a.photo:hover { background-position: -200px -130px; }
#main ul.topMenu1 li.li3 a.photo:hover { background-position: -400px -130px; }
#main ul.topMenu1 li.li4 a.photo:hover { background-position: -600px -130px; }
#main ul.topMenu1 li.li5 a.photo:hover { background-position: -800px -130px; }
#main ul.topMenu1 li.li6 a.photo:hover { background-position: -1000px -130px; }

#main ul.topMenu2 { width: 211px; float: left; background: url(../../images/top_menu2bg.png) 0 0 repeat-x; margin-bottom: 20px;}
#main ul.topMenu2 li { margin: 8px 8px 20px; line-height: 1.4em; }
#main ul.topMenu2 li a { display: block; width: 195px; height: 52px; margin-bottom: 8px; background: url(../../images/top_menu2.png) 0 0 no-repeat; }
#main ul.topMenu2 li a strong { display: none; }
#main ul.topMenu2 li.li1 a { background-position: 0 0; }
#main ul.topMenu2 li.li2 a { background-position: -195px 0; }
#main ul.topMenu2 li.li1 a:hover { background-position: 0 -60px; }
#main ul.topMenu2 li.li2 a:hover { background-position: -195px -60px; }


/* hover */
.hov:hover{
  opacity: .7;
}