@charset "utf-8";


/* --- TOP header --- */
@media print,screen and (min-width: 768px) {
._my_top_header_wrapper > ._my_header_wrapper {
height: 210px;
background: url(../../imgs/header/header_bg_top.gif)  no-repeat center bottom;
}
}


/* --- TOP navi --- */
._my_top_navi_wrapper {
margin-bottom: 15px;
}

._my_top_navi_wrapper > .container {
position: relative;
}

._my_top_navi_wrapper > .container > ul {
padding-left: 0;
}

._my_top_navi_wrapper > .container > ul > li {
margin-right: 2%;
margin-bottom: 5px;
padding: 0;
width: 49%;
float: left;
position: relative;
cursor: pointer;
list-style-type: none;
}

._my_top_navi_wrapper > .container > ul > li:nth-child(2n),
._my_top_navi_wrapper > .container > ul > li:last-child {
margin-right: 0;
}

@media print,screen and (min-width: 768px) {
._my_top_navi_wrapper > .container > ul > li {
margin-bottom: 0;
width: 23.5%;
}
._my_top_navi_wrapper > .container > ul > li:nth-child(2n) {
margin-right: 2%;
}
._my_top_navi_wrapper > .container > ul > li:last-child {
margin-right: 0;
}
}

._my_top_navi_wrapper > .container > ul > li > ul {
width: 100%;
padding-left: 0;
display: none;
position: absolute;
bottom: 98%;
left: 0;
list-style-type: none;
z-index: 9999;
}
._my_top_navi_wrapper > .container > ul > li > ul > li {
float: none;
font-weight:bold;
font-size: 0.75em;
line-height: 0;
}
._my_top_navi_wrapper > .container > ul > li > ul > li a {
display: block;
color: #000;
padding: 6px;
background-color: #FFF;
line-height: normal;
text-decoration: none;
}
._my_top_navi_wrapper > .container > ul > li > ul > li > a:hover {
color: #FFF;
background: #CC0000;
}

@media print,screen and (min-width: 768px) {
._my_top_navi_wrapper > .container > ul > li > ul > li a {
font-size: 1.25em;
padding: 10px;
}
}