/*
layout-base.css — EN共通レイアウト（header / sidebar / footer の骨格）
=====================================================================
・en/common/css/component.css のレイアウトルールを抽出・正規化したもの。
・全ENページに「最後に」読み込み、cascadeで統一する。特に EN list.latte 等が
  読み込む JP の new2022.common.min.css のレイアウトルール（幅1200px等）を
  上書きし、ENファーストビュー（ヘッダー・サイドバー・フッター）を一定にする。
・変更後は en/cache/latte/ をクリアすること。
*/

header#globalHead {
    position:relative;
    height:120px;
    background:url(../img/pcGlobalHeaderBg.gif);
}

header#globalHead>h1>a {
    float:left;
    width:530px;
    height:120px;
    text-indent:-9999em;
}

header#globalHead>ul {
    float:left;
    position:absolute;
    top:15px;
    right:15px;
    width:auto;
    height:22px;
}

header#globalHead>ul>li {
    float:left;
    margin:0 20px 0 0;
    padding:0 0 0 20px;
}

header#globalHead>ul>li:nth-of-type(1) {
    background:url(../img/pcGlobalHeaderListBg1.png) left 50% no-repeat;
}

header#globalHead>ul>li:nth-of-type(2) {
    background:url(../img/pcGlobalHeaderListBg2.png) left 50% no-repeat;
}

header#globalHead>ul>li:nth-of-type(3) {
    background:url(../img/pcGlobalHeaderListBg3.png) left 50% no-repeat;
}

header#globalHead>ul>li:nth-of-type(4),header#globalHead>ul>li>form>input {
    margin:0;
    padding:0;
}

header#globalHead>ul>li>a {
    float:left;
    font-size:8pt;
    line-height:22px;
    color:#fff;
}

header#globalHead>ul>li>a:hover {
    color:#eee;
    text-decoration:none;
}

header#globalHead>ul>li:nth-of-type(4)>a {
    margin-right:10px;
}

header#globalHead>ul>li:nth-of-type(4)>a:hover {
    color:#fff;
    cursor:default;
}

header#globalHead>ul>li>form {
    float:left;
    padding:0 10px;
    background:#FFF;
    border:1px solid #999;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

header#globalHead>ul>li>form>input:first-child {
    margin-right:10px;
    border:none;
    font-size:8pt;
    line-height:20px;
    color:#ccc;
}

header#globalHead>ul>li>form>input:first-child:focus {
    color:#333;
}

header#globalHead>ul>li>form>input:last-child {
    width:20px;
    height:20px;
    border:none;
    text-indent:-9999em;
    background:url(../img/pcGlobalHeaderListBg4.png) 50% 50% no-repeat;
}

section#globalSns {
    float:left;
    width:968px;
    height:20px;
    padding:11px 16px;
    transform: translate3d(0px, 0px, 200px);
}

section#globalSns>div.tweet {
    float:left;
    width:105px;
}

section#globalSns>div.fb-like {
    float:left;
}

footer#globalFoot {
    float:left;
    width:1000px;
    height:110px;
    margin-top:16px;
}

footer#globalFoot>nav>ol {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float:left;
    width:968px;
    height:42px;
    margin:0;
    padding:0 16px;
    background:url(../img/pcNavFootBg.png);
}

footer#globalFoot>nav>ol>li {
    float:left;
    margin:0 7px 0 0;
    padding:0;
}

footer#globalFoot>nav>ol>li:nth-last-of-type(1) {
    margin:0;
}

footer#globalFoot>nav>ol>li>a {
    float:left;
    width:140px;
    height:42px;
    text-indent:-9999em;
}

footer#globalFoot>nav>ol>li:nth-last-of-type(1)>a {
    width:233px;
}

footer#globalFoot>p {
    float:left;
    width:1000px;
    height:68px;
    text-align:center;
    line-height:68px;
    color:#fff;
    background:url(../img/pcGlobalFooterBg.png);
}

footer#globalFoot>p>a {
    color:#fff;
}

article#globalLeft {
    float:left;
    width:203px;
    margin:0 16px;
}

article#globalLeft>aside>ul,article#globalLeft>aside>ul>li,article#globalLeft>nav>dl,article#globalLeft>nav>dl>dd,article#globalLeft>nav>dl>dt {
    margin:0;
    padding:0;
    text-indent:-9999em;
}

article#globalLeft>nav>dl:nth-child(1) {
    transform: translate3d(0px, 0px, 200px);
    background:url(../img/pcLeftMenu1.png) no-repeat;
}

article#globalLeft>nav>dl:nth-child(2) {
    background:url(../img/pcLeftMenu2.png) no-repeat;
}

article#globalLeft>nav>dl:nth-child(3) {
    background:url(../img/pcLeftMenu3.png) no-repeat;
}

article#globalLeft>nav>dl {
    float:left;
    width:203px;
    margin-bottom:26px;
    padding-bottom:10px;
}

article#globalLeft>nav>dl>dt {
    float:left;
    width:203px;
    height:40px;
}

article#globalLeft>nav>dl>dd>a {
    float:left;
    width:203px;
    height:50px;
    margin-bottom:1px;
}

article#globalLeft>aside>header {
    float:left;
    width:203px;
    height:64px;
    margin-bottom:10px;
    text-indent:-9999em;
    background:url(../img/pcLeftRecoHead.png);
}

article#globalLeft>aside>ul {
    float:left;
    width:203px;
    margin-bottom:26px;
}

article#globalLeft>aside>ul>li {
    float:left;
    width:203px;
    height:256px;
    margin-bottom:10px;
}

article#globalLeft>aside>ul>li>a,article#globalLeft>aside>ul>li>a>img {
    float:left;
    display:block;
    width:203px;
    height:256px;
}

nav.pager,nav.pager>ul {
    float:left;
    width:100%;
}

nav.pager>ul>li {
    float:left;
    margin:0;
    padding:0;
}

nav.pager>ul>li>a {
    float:left;
    min-width:20px;
    margin:0 5px 0 0;
    padding:5px;
    line-height:20px;
    text-align:center;
    color:#62a478;
    border:1px solid #62a478;
}

nav.pager>ul>li>a.here {
    text-decoration:none;
    background:#62a478;
    color:#fff;
}