@charset "UTF-8";

/* ----------------------------------------------------------------
 * [PC] 標準画面のレイアウト
 *
 * 00. スコープ
 * 01. ヘッダー
 * 02. ボディー
 * 03. フッター
 * 04. 幅設定
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
 00. スコープ
---------------------------------------------------------------- */

.l-scoped,
.l-scoped * {
box-sizing: border-box;
}

/* ----------------------------------------------------------------
 01. ヘッダー
---------------------------------------------------------------- */

.l-header {
border-bottom: solid 1px #0068B7;
}

.l-header-leftMpArea {
float: left;
min-height: 78px;
width: 730px;
}

.l-header-rightMpArea,
.l-header-rightSystemArea {
float: right;
width: 250px;
}

.l-header-rightMpArea {
min-height: 21px;
}

/**
 * 右システム部
 */

.l-header-rightSystemArea {
line-height: 1;
}

.l-header-rightSystemArea a:link {
color: #0087E6;
text-decoration: none;
}
.l-header-rightSystemArea a:visited {
color: #63C;
text-decoration: none;
}
.l-header-rightSystemArea a:hover {
text-decoration: underline;
}

/**
 * 右システム部 - ボタンリスト
 */

.l-header-rightSystemArea-btnList {
height: 34px;
position: relative;
}

.l-header-rightSystemArea-btnList-item {
position: absolute;
}
.l-header-rightSystemArea-btnList-item_01 {
right: 127px;
top: 0;
}
.l-header-rightSystemArea-btnList-item_02 {
right: -1px;
top: 0;
}

/**
 * 右システム部 - ユーザ名表示エリア
 */

.l-header-rightSystemArea-userNameArea {
color: #AAA;
font-size: 14px;
margin-bottom: 9px;
text-align: right;
}

.l-header-rightSystemArea-userNameArea-userName {
color: #282828;
display: inline-block;
max-width: 100%; /* word-wrap: break-word; を効かせるため */
}

/**
 * 右システム部 - リンクエリア
 */

.l-header-rightSystemArea-linkArea {
font-size: 12px;
line-height: 1.2;
text-align: right;
}

.l-header-rightSystemArea-linkArea-logoutLink {
margin-right: 10px;
}

/**
 * タブリスト
 */

.l-header-tabList {
clear: both;
line-height: 1.2;
}

.l-header-tabList-item {
float: left;
}

.l-header-tabList-link {
border-right: solid 1px #0068B7;
border-top: solid 1px #0068B7;
color: #0068B7;
display: block;
font-size: 14px;
padding-bottom: 9px;
padding-top: 11px;
text-align: center;
text-decoration: none;
width: 108px;
}
.l-header-tabList-link:hover {
background: #F5FCFF;
text-decoration: none;
}
.l-header-tabList-link_current,
.l-header-tabList-link_current:hover {
background: #0068B7;
color: #FFF;
}

.l-header-tabList-item_top a.l-header-tabList-link {
border-left: solid 1px #0068B7;
width: 109px;
}
.l-header-tabList-item_industry a.l-header-tabList-link {
border-left: solid 1px #0068B7;
margin-left: 10px;
}
.l-header-tabList-item_area a.l-header-tabList-link {
width: 107px;
}
.l-header-tabList-item_science a.l-header-tabList-link {
width: 107px;
}
.l-header-tabList-item_useful a.l-header-tabList-link {
width: 107px;
}

/**
 * ボタン
 */

.l-header-btn {
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
word-wrap: normal;
}

.l-header-btn:hover {
opacity: 0.6;
}

.l-header-btn_register {
background: no-repeat 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAkCAMAAACE/VXhAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD5kSH5kSG8bRnAbxoAAACYWBQAAAAAAAAAAABWMgtZNAz8kiL1jiHigx7YfR3+kyL+kyL7kiH+kyL5kSH6kSH7kiH6kSH/lCL/nD3/pVL/rWX/tHb/vIb/w5X/yqL/0bD/2Lz/38j/5tT/7N//8ur/+fX///8ChCzbAAAAIHRSTlMAAQYKEBcZGiAoKTU1OUNER0x2drC1xM3w8vPz9ff3+JPG0k0AAAKESURBVFjD7Zfbbhw3EERnVxfLTuRIiS+JHcfF5rB7is0m///v8jB7kf3gFRBkF0FUTwQG5BkWu4vgNL1+9xnn1Of3P2030/Tmd5xbn95ebaZ3OL8+3G2nPy7A/ev+esIl9HBzGe7j7YW4r164/0Vu+kfcGnkdiO4kgJIkDTAAkDAUVdWymyPdgNTnJ8u4AQAsMI/yDG6tFut8bSRJdgVmVXVvi1cAILsYSY89hADYuZOiLm510QYLwOIkV7wC2vV7rnlmEwlPVpFbUtcn3DwEsO4ayxLqnmHVrWe0agEg9ATX+iIiUqIKkG2nDICjqaq17iLNyTmr6rLjLhWQSiJUA+TBZwnG7vsPuKm5RUREOLsh9iKyhypJqkaVYsMKSXpn2jMSW2N372yNaYwxhoasHpf+4/3mJ4YLwlefnRDN+yLLtnJNbZiuBoYCUD/4rIAMAktLFgDyOMHVgwoQyzpc+P1hc9C4yMhzpAMX3/hsYxBo5VlcJdnbvmWe+AwoRUREQgHmUVqijNbysWfKcb8FMoKRE9nGOO0zgLkLwBkAgmtZkQBKjIiIEQVwG0YUG82OdQWrZCUrqxvq4oYYZHtGXQGALwDmPgOwGpVsjQrsUsEcAGjDircy5rBjH6EVc5hDu0ikY24A/UQfiS7dSHoPwbz0lgHrzQRF1V21UbVgtsFFZe5J9kYT0Eilp7nLmiJPuCdzI5Nck5EKX9bYSqUuMB5kOWia4LEcf7gbQpEiwTOyp29zMv+b90J6uX9fuP9X7iXeKV8fb6f3F+B+fLiZfv50duyfv95fT9u3H76clfrl42+/3G2nzdXd/cPjOfVwf3e1mabN9vrm9tX5dHtzvd1MfwM0rRYTUV17hQAAAABJRU5ErkJggg==);
height: 36px;
width: 119px;
}

.l-header-btn_login {
background: no-repeat 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAkCAMAAACE/VXhAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhOEAhOEAZKoAZq0AAAAAUIkAAAAAAAAAAAAALk4AL1AAheMAgt0AeMwAcsMAhuUAhuUAheIAhuUAhOEAhOEAheIAhOEAh+YmkehCmulYo+trrO19tO+NvfCcxfKqzfS41PXF3PfR4/jd6vrp8fz0+P3///9KHn4NAAAAIHRSTlMAAQYKEBcZGiAoKTU1OUNER0x2drC1xM3w8vPz9ff3+JPG0k0AAAE8SURBVFjD7ddLU4MwFAXgCwWKD5RqH9paPYE0JA1J/v+/c1GoLSvHaYILzoYhC76BcwkD0d1yh5DZrR7iiOj+DaGzfZpFtET4rPOY3kdwP4uEMEbKdBx3kY3kzif3f7u1OejALrMSgBamDusKx4c37ypmNL+1684RAJjtTs63W1sFQNqW39jtr2cEgOMJFI51q9x2TTe29uc2rgEAyLZblE556vfS7VnY07ExbjDXjfLgcsv74aqASlknlR7M2MFPvwCAykrAON0A125tJfy5rG37qbp2xe/K/qMrzA976da6b9/D+1sp4y6fZe9y1bpj5W2/Yk5fN3hymXNK+t0np+/v5E7u0B3jP+VrkdFqBHdTpvS4Dc5+vBQJxU/rfVB1v3l9zmOKZnlRLkKmLPJZRBTFSZrNwyVLkziibyEABIfQQo8CAAAAAElFTkSuQmCC);
height: 36px;
width: 119px;
}

/**
 * パンくずリスト
 */

.l-header-breadcrumbList {
    margin: 20px auto 32px;
    width: 980px;
}

.l-header-breadcrumbList > li {
    float: left;
}

.l-header-breadcrumbList > li:not(:last-child):after {
    color: #AAA;
    content: "＞";
    margin-left: 6px;
    margin-right: 6px;
}

/* ----------------------------------------------------------------
 02. ボディー
---------------------------------------------------------------- */

.l-body-main {
padding-bottom: 40px;
}



/* ----------------------------------------------------------------
 03. フッター
---------------------------------------------------------------- */

.l-footer {
border-top: solid 1px #0068B7;
margin-top: 54px;
padding-top: 30px;
}

/*
 * areaA
 */

.l-footer-areaA {
line-height: 1.2;
margin-bottom: 18px;
}

.l-footer-areaA a:link {
color: #0087E6;
text-decoration: none;
}
.l-footer-areaA a:visited {
color: #63C;
text-decoration: none;
}
.l-footer-areaA a:hover {
text-decoration: underline;
}

.l-footer-areaA-left {
float: left;
width: 490px;
}

.l-footer-areaA-right {
float: right;
width: 490px;
}

.l-footer-areaA-title {
color: #222;
font-size: 14px;
margin-bottom: 8px;
}

.l-footer-areaA-linkList {
font-size: 12px;
margin-top: -6px; /* 子要素のmargin-topと相殺させる */
}

.l-footer-areaA-linkList-item {
background: no-repeat 0 50% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFBAMAAAByX0uRAAAAHlBMVEUZddo8h99NmPFmnOl6ruqv1O/i7fjl8v7z+v3///89ujVYAAAAF0lEQVQIHWPwmMAglMAgIMAgXMAQOQEAFCYC15PFbiIAAAAASUVORK5CYII=);
margin-top: 6px; /* margin-bottomだと、IEのみ.l-footer-areaAのmargin-bottomとのcollapsingが発生する */
padding-left: 14px;
}

.l-footer-areaA-linkList_type01 .l-footer-areaA-linkList-item {
float: left;
width: 215px;
}
.l-footer-areaA-linkList_type01 .l-footer-areaA-linkList-item:nth-child(odd) {
clear: left;
}

.l-footer-areaA-linkList_type02 .l-footer-areaA-linkList-item {
float: left;
width: 180px;
}
.l-footer-areaA-linkList_type02 .l-footer-areaA-linkList-item:nth-child(odd) {
clear: left;
}

/*
 * areaB
 */

.l-footer-areaB {
line-height: 1.2;
}

.l-footer-areaB a:link {
color: #0087E6;
text-decoration: none;
}
.l-footer-areaB a:visited {
color: #63C;
text-decoration: none;
}
.l-footer-areaB a:hover {
text-decoration: underline;
}

.l-footer-areaB-title {
color: #222;
font-size: 14px;
margin-bottom: 8px;
}

.l-footer-areaB-linkList {
font-size: 12px;
}

.l-footer-areaB-linkList-item {
border-left: solid 1px #DDD;
float: left;
margin-left: 5px;
padding-left: 5px;
}

.l-footer-areaB-linkList-item:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}



/* ----------------------------------------------------------------
 04. 幅設定
---------------------------------------------------------------- */

body {
min-width: 980px;
}

.l-body,
.l-header-inner,
.l-footer-inner {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 980px;
}