@charset "UTF-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/* CSS Reset */
html{color:#777777;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body, textarea { font-family: "メイリオ",  "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

/* base */
.g-aLt {  text-align:left; }
.g-aRt {  text-align:right;}
.g-aCt {  text-align:center;}

.g-pa5  { padding:5px; }
.g-pa10 { padding:10px; }
.g-pt5  { padding-top:5px; }
.g-pt10 { padding-top:10px; }
.g-pb5  { padding-bottom:5px; }
.g-pb10 { padding-bottom:10px; }
.g-pl5  { padding-left:5px; }
.g-pl10 { padding-left:10px; }
.g-pr5  { padding-right:5px; }
.g-pr10 { padding-right:10px; }
.g-pr20 { padding-right:20px; }

.g-mwAuto{ margin:0 auto; }
.g-mt5  { margin-top:5px; }
.g-mt10 { margin-top:10px; }
.g-mb5  { margin-bottom:5px; }
.g-mb10 { margin-bottom:10px; }
.g-mb15 { margin-bottom:15px; }
.g-mb20 { margin-bottom:20px; }

.g-w10   { width:10px; }
.g-w20   { width:20px; }
.g-w40   { width:40px; }
.g-w80   { width:80px; }
.g-w600   { width:600px; }
.g-wp10  { width:10%; }
.g-wp20  { width:20%; }
.g-wp80  { width:80%; }
.g-wp90  { width:90%; }
.g-wp95  { width:95%; }
.g-wp100 { width:100%; }

.g-fBold { font-weight:bold; }

.g-basg1 { border:1px solid #CCCCCC; }
.g-btsg1 { border-top:1px solid #CCCCCC; }
.g-bbsg1 { border-bottom:1px solid #CCCCCC; }
.g-btdg1 { border-top:1px dotted #CCCCCC; }
.g-bbdg1 { border-bottom:1px dotted #CCCCCC; }

.g-cPink   { color:#E56454; }
.g-cGray   { color:#666666; }
.g-cOrange { color:#E48131; }
.g-cRed { color:#FF0000; }

.g-fLt { float:left; }
.g-fRt { float:right; }

.g-fs10 { font-size:10px }
.g-fs11 { font-size:11px }
.g-fs12 { font-size:12px }
.g-fs13 { font-size:13px }
.g-fs14 { font-size:14px }
.g-fs15 { font-size:15px }
.g-fs16 { font-size:16px }

/* CSS Document **************************************************************************************/

body {
  width:100%;
  font-size: 12px;
}
a:link { color: #777777; }
a:visited { color: #777777; }
a:hover { color: #e60000; }
a:active { color: #777777; }
.global-clear {
  margin:0px;
  padding:0px;
  font-size:0pt;
  line-height:0px;
  clear:both;
  border:none;
  height:0px;
}
.bnid-rollover:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#global-footer {
  position:relative;
  padding-top:10px;
}
#global-footer-separate {
  position:absolute;
  border-bottom:1px solid #777777;
  height:30px;
  width:100%;
  left:0px;
  top:0px;
}
#global-footer-pagetop {
  position:absolute;
  width:95%;
  text-align:right;
  top:10px;
}
#global-footer-doc {
  width:970px;
  margin: 0px auto 0;
  padding-top:30px;
}
#global-footer-logo {
  background:url(../images/base/logo_nbgi.jpg) no-repeat;
  width:298px;
  height:61px;
  margin:0 auto;
}
#global-footer-logo a {
  width:298px;
  height:61px;
  display:block;
  margin:0px;
}
#global-footer-copy {
  text-align:right;
  color:#AAAAAA;
  font-size:11px;
  font-weight:bold;
  padding-bottom:10px;
}
.global-footer-doc2 {
  margin:10px 0 6px;
  text-align:center;
  width:750px;
}
.global-footer-doc2 a { 
  text-decoration:none;
}
#global-container {
  min-height:540px;
  background-position:center -20px;
}
#global-container.is-top {
  background:url(../images/top/bg.png?v3) no-repeat;
  min-height:540px;
  background-position:center -20px;
}
#superBanner {
  width:728px;
  padding:15px 0 0;
  margin:0px auto;
  height:100px;
}
#skyscraperBannerL {
  position:absolute;
  top:46px;
  left:-168px;
  width:160px;
  height:600px;
}
#skyscraperBannerR {
  position:absolute;
  top:46px;
  left:982px;
  width:160px;
  height:600px;
}
header {
  width:970px;
  margin:0 auto;
  padding:0;
  position:relative;
}
#contents-area {
  width:970px;
  margin:0 auto;
}
#index-top {
  position:relative;
  height:590px;
}
#index-top > .info {
  position:absolute;
  right:10px;
  z-index:1;
  width:500px;
}
#index-top-info-close {
  
}
#index-top-info-open {
  
}
#index-top-info-open > .content {
  overflow:hidden;
  background-color:#FFFFFF;
  padding:5px;
  border-width:0 1px 1px 1px;
  border-style:solid;
  border-color:#bbbbbb;
}
#index-top-info-open > .content > .icon {
  float:left;
  margin-right:10px;
}
#index-top-info-open > .content > .icon1 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#ff0000;
  border-radius:5px;
  text-align:center;
  }
#index-top-info-open > .content > .icon2 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#4f81bd;
  border-radius:5px;
  text-align:center;
  }
#index-top-info-open > .content > .icon3 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#9bbb59;
  border-radius:5px;
  text-align:center;
  }
#index-top-info-open > .content > .icon4 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#ffb505;
  border-radius:5px;
  text-align:center;
  }
#index-top-info-open > .content > .date {
  float:left;
  margin-right:10px;
  line-height:20px;
}
#index-top-info-open > .content > .doc {
  float:left;
  width:300px;
  height:16px;
  overflow:hidden;
  line-height:20px;
  margin-right:5px;
}
#index-top-info-open > .content > .new {
  float:left;
}
#index-top-info-open > .content > .new img {
  vertical-align:middle;
}
#index-top-info-open > .content > .line {
  margin:5px 0;
  border-bottom:1px dotted #bbbbbb;
}
#index-top-info-open > .btn,#index-top-info-close > .btn {
  text-align:right;
}
#index-top > .image-1 {
  position:absolute;
  top:46px;
  left:90px;
}
#index-top > .image-2 {
  position:absolute;
  top:130px;
  left:10px;
}
#index-top > .regist {
  position:absolute;
  top: 250px;
  left: -30px;
}
#index-top > .mailmag {
  position:absolute;
  top:310px;
  left:734px;
  font-size:15px;
}
#index-top > .mailmag a {
  color:#e60000;
}
#index-overview > .title {
  text-align:center;
}
#index-overview > .content {
  text-align:center;
  padding:10px 0;
}
#index-overview > .content > table {
  margin:0 auto;
}
#index-overview > .content > table td {
  padding:0 10px;
  vertical-align: top;
}
#index-overview > .content td .title {
  margin-bottom:10px;
  font-size:18px;
  color:#e60000;
  text-align:left;
  font-weight:bold;
}
#index-overview.is-top > .content td .title {
  margin-bottom: 10px;
    font-size: 18px;
    color: #fff;
    background-color: #444;
    text-align: center;
    font-weight: bold;
}
#index-overview > .content td .image > table {
  width:100%;
}
#index-overview > .content td .image > table td {
  text-align:center;
}
#index-overview > .content td .link {
  margin:5px 10px;
  text-align:left;
}
#index-overview > .content td .link a {
  color:#e60000;
  font-size:15px;
  font-weight:bold;
}
#index-overview > .content td .doc {
  text-align:left;
  margin:5px 10px;
}
#index-overview {
  margin-top:20px;;
}
#index-pickup > div {
  width:974px;
  height:305px;
  background:url('../images/top/i-pickup-bg.png');
}
#index-pickup .link {
  padding:25px 20px 10px;
  text-align:right;
}
#index-pickup .content > table {
  width:100%;
}
#index-pickup .content td {
  width:25%;
}
#index-pickup .content td > a {
  width:208px;
  height:232px;
  background:url('../images/top/i-pickup-content.png');
  position:relative;
  display:block;
}
#index-pickup .image {
  position:absolute;
  top:30px;
  left:46px;
}
#index-pickup .icon {
  position:absolute;
  top:178px;
  left:10px;
}
#index-pickup .title {
  position:absolute;
  top:180px;
  left:35px;
  color:#4287ff;
  width:166px;
  height:18px;
  overflow:hidden;
  text-align:left;
}
#index-pickup .category {
  position:absolute;
  top:208px;
  left:10px;
}
#top-left {
  float:left;
  width:200px;
  margin-right:10px;
}
#top-right {
  float:left;
  width:250px;
}
#top-content {
  float:left;
  width:760px;
}
#top-content > div {
  margin-top:10px;
}
#top-content-main > .left {
  float:left;
  width:100%;
}
#top-content-main .main-block {
  background-color:#ffffff;
  border:1px solid #cccccc;
  border-radius:5px;
  margin-bottom:10px;
}
#top-content-main .main-block .title-m {
  width:5px;
  height:25px;
  margin:7px 5px 0;
  background-color:#db420a;
  float:left;
}
#top-content-main .main-block .title-doc {
  float:left;
  margin-top:10px;
  color:#333333;
}
#top-content-main .main-block > .line {
  border-bottom:1px solid #cccccc;
  margin:5px 0;
}
#top-content-main > .right {
  float:right;
}
#top-content-main > .right > div {
  width:240px;
  margin-bottom:5px;
  padding:5px;
  border:1px solid #cccccc;
  border-radius:3px;
  background-color:#ffffff;
}
#infoArea .info {
  height:20px;
  margin:5px;
  padding:4px;
  border:1px solid #ffffff;
  }
#infoArea .important {
  border:1px solid #ff0000;
  }
#infoArea .info .icon1 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#ff0000;
  border-radius:5px;
  text-align:center;
  }
#infoArea .info .icon2 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#4f81bd;
  border-radius:5px;
  text-align:center;
  }
#infoArea .info .icon3 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#9bbb59;
  border-radius:5px;
  text-align:center;
  }
#infoArea .info .icon4 {
  float:left;
  margin-right:10px;
  width:50px;
  padding:4px 2px;
  color:#ffffff;
  font-size:12px;
  line-height:12px;
  background-color:#ffb505;
  border-radius:5px;
  text-align:center;
  }
#infoArea .info .date {
  float:left;
  height:100%;
  margin-right:10px;
  }
#infoArea .info .doc {
  float:left;
  margin-right:10px;
  width:280px;
  height:100%;
  overflow:hidden;
  }
#infoArea .info .new {
  float:left;
  height:100%;
  }
#infoArea .info .new img {
  vertical-align:middle;
  }
#infoArea .line {
  margin:0 5px;
  border-bottom:1px dotted #cccccc;
}
#infoArea-extra {
  margin:5px;
  text-align:right;
}
#infoArea .none {
  margin:5px;
}
#serviceArea .icon {
  float:left;
  margin:5px 10px 5px 15px;
}
#serviceArea .icon img {
  vertical-align:bottom;
}
#serviceArea .info {
  float:left;
  margin-top:15px;
  width:250px;
}
#serviceArea .info .category-time {
  float:left;
  margin-right:5px;
}
#serviceArea .info .name {
  width:380px;
  height:20px;
  overflow:hidden;
}
#serviceArea .info .name a {
  color:#5775fe;
  font-size:13px;
}
#serviceArea .link {
  float:left;
  margin:10px 0 6px;
}
#serviceArea .link a,#serviceArea .link span {
  display:block;
  float:left;
  font-size:10px;
  text-align:center;
  width:80px;
  text-decoration:none;
}
#serviceArea .line {
  margin:0 5px;
  border-bottom:1px dotted #cccccc;
}
#serviceArea-extra {
  margin:5px;
  text-align:right;
}
#top-left .top {
  margin-top:10px;
  border-bottom:1px solid #cccccc;
}
#top-left .top img {
  vertical-align:bottom;
}
#top-left .info {
  background-color:#FFFFFF;
  padding:0 5px 5px;
}
#top-left .link {
  display:block;
  border-bottom:1px solid #cccccc;
}
#top-left .link img {
  vertical-align:bottom;
}
#top-left .link:first-child {
  border-top:1px solid #cccccc;
}
#top-left .info .icon {
  display:inline-block;
  margin:5px;
  vertical-align:top;
}
#top-left .info .nickname {
  display:inline-block;
  margin:5px;
}
#top-left .info .nickname .name {
  max-width:140px;
  height:15px;
  overflow:hidden;
  color:#333333;
  text-align:left;
}
#top-left .info .nickname .global {
  max-width:140px;
  height:15px;
  overflow:hidden;
  text-align:left;
}
#top-left .info .coin-point {
  background-color:#fce9c9;
  margin-bottom:2px;
}
#top-left .info .coin-point img {
  vertical-align:bottom;
}
#top-left .info .coin-point .icon {
  float:left;
  width:25px;
}
#top-left .info .coin-point .doc {
  float:left;
  margin-top:8px;
}
#top-left .info .coin-point .num {
  float:right;
  text-align:right;
  margin-top:8px;
  margin-right:5px;
}
#top-left .link-area {
  margin-bottom:10px;
}
#top-left .button {
  margin-bottom:10px;
}
#top-left .button img {
  vertical-align:bottom;
}
#top-left .app-area {
  width:200px;
  height:213px;
  background:url('../images/top/t-left-app.png?20150113');
}
#top-left .app-area > div {
  width:162px;
  margin:0 auto;
  padding-top:70px;
}
.baseClear, .zero {
  margin: 0px;
  padding: 0px;
  font-size: 0pt;
  line-height: 0px;
  clear: both;
  border: none;
  height: 0px;
}