@charset "utf-8";

/* !background
---------------------------------------------------------- */
#header + div {
}

/* !common
---------------------------------------------------------- */
#header .ico {
    margin-left: 5px;
    vertical-align: baseline;
}

/* !header
---------------------------------------------------------- */
#header {
    padding-top: 30px;
    width: 100%;
    min-width: 980px;
    text-align: left;;
}
#header.white {
    background-color: #fff;
    color: #333;
    text-align: left;
}
#header a {
    color: #ccc;
}
#header.white a {
    color: #333;
}
#headerContent {
    margin: 0 auto;
    width: 980px;
    text-align: left;
    display: block;
    min-height: 1%;
}
#headerContent:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
#headerLogo {
    float: left;
}
#headerSearch {
    float: right;
    margin-top: 3px;
    width: 230px;
    height: 35px;
    position: relative;
}
#headerSearch input {
    position: absolute;
    top: 0;
    outline: none;
}
#headerSearch input[type=text] {
    padding: 10px 5px;
    width: 195px;
    height: 15px;
    line-height: 15px;
    background-color: #666;
    border: none;
    left: 0;
    color: #fff;
}
#header.white #headerSearch input[type=text] {
    background-color: #e5e5e5;
    color: #333;
}
#headerSearch input[type=submit] {
    left: 195px;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    background: url(../images/header/btn_header_search02.gif) no-repeat left top;
    border: none;
    cursor: pointer;
}
#header.white #headerSearch input[type=submit] {
    background-image: url(../images/header/btn_header_search01.gif);
}
#headerLinks {
    float: right;
    margin-top: 6px;
    display: block;
    min-height: 1%;
}
#headerLinks:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
#headerLinks li {
    float: right;
    padding: 0 20px 0 15px;
    background: url(../images/header/ico_header_arrow01.png) no-repeat left 0.45em;
    line-height: 1.5;
}
#header.white #headerLinks li {
    background-image: url(../images/header/ico_header_arrow02.png);
}
#headerLinks li a {
    font-size: 85.71%;
    text-decoration: none;
}
#headerLinks li a:hover,
#headerLinks li a:focus {
    text-decoration: underline;
}
#headerMenuBtn,
#dropMenuWrap_sp #headerLinks_sp {
    display: none;
}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
    display: block;
    margin-top: 28px;
}
#gNavi ul {
    display: block;
    margin: 0 auto;
    width: 980px;
    height: 54px;
    position: relative;
    z-index: 10001;
}
#gNavi li {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 54px;
    overflow: hidden;;
}
#gNavi li#gNav01 { left: 0; width: 100%; */;float: none;;clear: both;;display: block;;height: 100%;}
#gNavi li#gNav02 { left: 140px;}
#gNavi li#gNav03 { left: 280px;}
#gNavi li#gNav04 { left: 420px;}
#gNavi li#gNav05 { left: 560px;}
#gNavi li#gNav06 { left: 700px;}
#gNavi li#gNav07 { left: 840px;}
#gNavi li a {
    display: block;
    height: 54px;
    text-indent: -9999px;
    background: url(../images/header/btn_gnav01_black.gif) no-repeat left top;
}
#gNavi li#gNav01 a { background-position: left top;}
#gNavi li#gNav02 a { background-position: -140px top;}
#gNavi li#gNav03 a { background-position: -280px top;}
#gNavi li#gNav04 a { background-position: -420px top;}
#gNavi li#gNav05 a { background-position: -560px top;}
#gNavi li#gNav06 a { background-position: -700px top;}
#gNavi li#gNav07 a { background-position: -840px top;}
#gNavi li#gNav01.current a { background-position: left -108px;}
#gNavi li#gNav02.current a { background-position: -140px -108px;}
#gNavi li#gNav03.current a { background-position: -280px -108px;}
#gNavi li#gNav04.current a { background-position: -420px -108px;}
#gNavi li#gNav05.current a { background-position: -560px -108px;}
#gNavi li#gNav06.current a { background-position: -700px -108px;}
#gNavi li#gNav07.current a { background-position: -840px -108px;}
#gNavi li#gNav01.active a,
#gNavi li#gNav01 a:hover,
#gNavi li#gNav01.current a:focus { background-position: left -54px;}
#gNavi li#gNav01.active a{ background-position: left -108px;}
#gNavi li#gNav02.active a,
#gNavi li#gNav02 a:hover,
#gNavi li#gNav02.current a:focus { background-position: -140px -54px;}
#gNavi li#gNav03.active a,
#gNavi li#gNav03 a:hover,
#gNavi li#gNav03.current a:focus { background-position: -280px -54px;}
#gNavi li#gNav04.active a,
#gNavi li#gNav04 a:hover,
#gNavi li#gNav04.current a:focus { background-position: -420px -54px;}
#gNavi li#gNav05.active a,
#gNavi li#gNav05 a:hover,
#gNavi li#gNav05.current a:focus { background-position: -560px -54px;}
#gNavi li#gNav06.active a,
#gNavi li#gNav06 a:hover,
#gNavi li#gNav06.current a:focus { background-position: -700px -54px;}
#gNavi li#gNav07.active a,
#gNavi li#gNav07 a:hover,
#gNavi li#gNav07.current a:focus { background-position: -840px -54px;}

#gNavi .gNav01brandList{
    clear: both;
    float: none;;
}

/* !dropMenu
---------------------------------------------------------- */
#dropMenuWrap {
    width: 100%;
    min-width: 1170px; /*not for iPad*/
    position: absolute;
    z-index: 10000;
    overflow: hidden;
    border-top: 1px solid #121212;
    background: url(../images/header/bg_dropmenu.gif);
}
#dropMenu {
    display: none;
    width: 100%;
    border-top: 1px solid #3e3e3e;
}
#dropMenu a{
    text-decoration: none;
}
#dropMenu > li {

    min-height: 1%;
    width: 1170px;
    padding: 32px 0 40px;
    margin: 0 auto;
}
#dropMenu > li:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
#dropMenu .dropMenuHeader01 {
    display: block;
    min-height: 1%;
    margin-bottom: 35px;
}
#dropMenu .dropMenuHeader01 .close {
    float: right;
    cursor: pointer;
}
#dropMenu .dropMenuHeader01 .close img {
    width: 31px;
    height: 32px;
}
.brandListWrap {
    display: block;
    min-height: 1%;
    line-height: 1;
}
.brandListWrap a{
    color: #cccccc;
    text-decoration: none;
}
.brandListWrap:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
}
.brandListWrap > li {
    float: left;

}
.brandListWrap > li:nth-child(1) {
    width:350px;
    margin-right:60px;
    background: url(../images/header/ico_header_line01.gif) no-repeat right 50%;
}
.brandListWrap > li:nth-child(2) {
    width:760px;
}
.brandListTitle{
    color:#999999;
    font-weight:bold;
    margin-bottom:35px;
    margin-left:12px;
}
.brandListWrap > li> .brandList > li{
    background: url(../images/header/ico_header_arrow_l01.png) no-repeat 10px 50%;
    padding-left: 25px;
    margin-bottom: 27px;
    float: left;
}

.brandListWrap .brandListOri > li{
}
.brandListWrap .brandListOri > li:nth-child(1n) {
    width: 165px;
}
.brandListWrap .brandListOri > li:nth-child(2n) {
    width: 135px;
}
.brandListWrap .brandListSemi > li{
    width:165px;
}
@media screen and (max-width: 1024px) {
    /* for iPad width:1024px */
    #dropMenuWrap {
        min-width:1024px;
    }
    #dropMenu > li {
        width: 1000px;
        padding-left:0;
        padding-right:0;
    }
    .brandListWrap > li:nth-child(1) {
        /*width:350px;*/
        width:350px;
    }
    .brandListWrap > li:nth-child(2) {
        /*width:760px;*/
        width:590px;
    }
    .brandListWrap .brandListOri > li{
        width:50%;
    }
    .brandListWrap .brandListOri > li:nth-child(1n) {
    }
    .brandListWrap .brandListOri > li:nth-child(2n) {
    }
    .brandListWrap .brandListSemi > li{
        width:122.5px;
    }
}
@media screen and (max-width: 979px) {
    .brandListTitle{
        margin-bottom:20px !important;
        margin-left:8px;
    }
    .brandListWrap > li> .brandList.brandListOri{
        margin-bottom: 20px;
    }
    .brandListWrap > li> .brandList > li {
        margin:0;
        padding:10px 10px 10px 20px !important;
        background-position:10px 50%;
        width:50% !important;
    }

}
@media screen and (max-width: 767px) {
    .brandListWrap > li> .brandList > li {
    }

}