@charset "utf-8";
/*
ヘッダー要素のスタイルを定義

*/
/*header*/
#header {
    position: relative;
    padding-bottom: 10px;
    margin-top: 10px;
}
#header .rwdLeft { display: none }
#header .hLeft {
    float: left;
    width: 305px;
}
#header .hLeft p.logo {
    width: 222px;
    height: 25px;
    background: url(/common/responsive/img/logo_smbccard_01.gif) 0 0 no-repeat;
}
#header .hLeft h1.logo {
    width: 222px;
    height: 25px;
    background: url(/common/responsive/img/logo_smbccard_01.gif) 0 0 no-repeat;
}
#header .hLeft p.txt {
    font-size: 86%;
    padding-top: 5px;
    line-height: 1em;
}
#header .hCenterL {
    float: left;
    width: 235px;
    padding-top: 13px;
}
#header .hCenterR {
    float: right;
    width: 265px;
    padding-top: 13px;
}
#header .hCenterR > span{
    margin-right: 20px;
}

#header .AnniversaryLogo {
    position: absolute;
    bottom: 10px;
}

#header .hCenterL span ,
#header .hCenterR span {
    font-weight: normal;
    font-size: 93%;
}
#header .hRight {
    float: right;
    width: 90px;
}
#header .hRight .btnSearch {
    color: #fff;
    font-weight: bold;
    display: block;
    width: 70px;
    background: url(/common/responsive/img/icon_search_01.png) no-repeat 51px #65ae07;
    border-bottom: 3px solid #508906;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    padding: 7.5px 10px;
    font-size: 115%;
}
#header .hRight .btnSearch:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
#header .hRight .btnSearch.active{
    background-color: #bebebe;
    border-bottom-color: #a5a5a5;
}

/* #searchArea = .serchAreaWrap */
#searchArea{
    display:none;
    z-index:30;
}

#header .hRight .serchAreaWrap {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #000;
    position: absolute;
    top: 50px;
    /*bottom: -83px;*/
    left: 0;
    width: 100% !important;
}
#header .hRight .serchAreaWrap .searchWrap {
    width: 912px;
    margin-right: auto;
    margin-left: auto;
}
#header .hRight .serchAreaWrap .searchWrap form{
    display: inline;
}
#header .hRight .serchAreaWrap .searchWrap .rwdBtnSerach { display: none }
#header .hRight .serchAreaWrap .sTxt {
    color: #FFF;
    font-weight: 600;
    display: inline-block;
    font-size: 115%;
    padding-right: 20px;
}
#header .hRight .serchAreaWrap .search,
#header .hRight .serchAreaWrap .btnSearchWrap,
#header .hRight .serchAreaWrap .btnCloseType01 {
    vertical-align: middle;
    display: inline-block;
}
#header .hRight .serchAreaWrap .search,
#header .hRight .serchAreaWrap .btnSearchWrap { margin-right: 10px }
#header .hRight .serchAreaWrap .search #SS_searchQuery {
    border-top: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
    border-bottom: none;
    height: 40px;
    width: 470px;
}
#header .hRight .serchAreaWrap .btnSearchWrap .btnNormal {
    width: 80px;
    padding: 0px;
/*
    padding-top: 14px;
    padding-bottom: 14px;
*/
    background-color: #65ae07;
    line-height: 1em;
    border-bottom: 3px solid #508906;
    min-width: inherit;
}
#header .hRight .serchAreaWrap .btnSearchWrap .btnNormal input{
    color: #fff;
    margin: 0;
    padding: 9px;
    border: none;
    background-color:transparent;
}
#header .hRight .rwdSearchMenuWrap { display: none }

.serchAreaWrap .normalLink a {
    color: #fff;
}

/* 情報の担保　IE7 */
#header,{
    position: relative;
    z-index: 40;
}
#header .hRight .serchAreaWrap .sTxt,
#header .hRight .serchAreaWrap .search,
#header .hRight .serchAreaWrap .btnSearchWrap,
#header .hRight .serchAreaWrap .btnCloseType01,{
    float: left;
} 

#header .hRight .serchAreaWrap,{
    height: 45px;
}

#header .hRight .serchAreaWrap .btnSearchWrap .btnNormal,{
    min-width: 80px;
}