@charset "UTF-8";
html {
  min-width: 980px;
}

body {
  background-color: #2f373d;
}

/* ------ フッター固定 ------ */
/*html,
body{
     height:100%;
}
.wrap{
     width: 100%;
     position: relative;
     min-height: 100%;
}
.contents {
	background-color: #20262a;
	padding-bottom: 92px !important;
}*/
/* ------ ヘッダー ------ */
#mod_headerArea {
  min-width: 980px;
  height: 53px;
  background-color: #2f373d;
  position: relative;
}
#mod_headerArea h1.logoDbf {
  float: left;
  width: 138px;
  margin: 0px 0px 0px 0px;
}
#mod_headerArea .dbfMenu {
  list-style: none;
  float: left;
  position: relative;
  z-index: 2;
}
#mod_headerArea .dbfMenu li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: inline;
  float: left;
  font-size: 10px;
  line-height: 100%;
  height: 53px;
  text-decoration: none;
  text-indent: -9999px;
  position: relative;
}
#mod_headerArea .dbfMenu li a {
  display: block;
  height: 53px;
}
#mod_headerArea .dbfMenu li#cp a {
  background: url("../img_com/gn_cp.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#cp a:hover {
  background: url("../img_com/gn_cp.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#cp a.on {
  background: url("../img_com/gn_cp.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#lc a {
  background: url("../img_com/gn_lc.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#lc a:hover {
  background: url("../img_com/gn_lc.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#lc a.on {
  background: url("../img_com/gn_lc.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#ls a {
  background: url("../img_com/gn_ls.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#ls a:hover {
  background: url("../img_com/gn_ls.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#ls a.on {
  background: url("../img_com/gn_ls.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#lsfs a {
  background: url("../img_com/gn_lsfs.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#lsfs a:hover {
  background: url("../img_com/gn_lsfs.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#lsfs a.on {
  background: url("../img_com/gn_lsfs.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#ae a {
  background: url("../img_com/gn_ae.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#ae a:hover {
  background: url("../img_com/gn_ae.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#ae a.on {
  background: url("../img_com/gn_ae.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#fs a {
  background: url("../img_com/gn_ft.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#fs a:hover {
  background: url("../img_com/gn_ft.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#fs a.on {
  background: url("../img_com/gn_ft.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#ms a {
  background: url("../img_com/gn_ms.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#ms a:hover {
  background: url("../img_com/gn_ms.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#ms a.on {
  background: url("../img_com/gn_ms.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#newae a {
  background: url("../img_com/gn_ae_new.png") no-repeat 0px 0px;
  width: 80px;
}
#mod_headerArea .dbfMenu li#newae a:hover {
  background: url("../img_com/gn_ae_new.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#newae a.on {
  background: url("../img_com/gn_ae_new.png") no-repeat 0px -106px;
}
#mod_headerArea .dbfMenu li#ll a {
  background: url("../img_com/gn_ll.png") no-repeat 0px 0px;
  width: 81px;
}
#mod_headerArea .dbfMenu li#ll a:hover {
  background: url("../img_com/gn_ll.png") no-repeat 0px -53px;
}
#mod_headerArea .dbfMenu li#ll a.on {
  background: url("../img_com/gn_ll.png") no-repeat 0px -106px;
}
#mod_headerArea #userInfo {
  padding: 10px 0px 0px 0px;
  text-align: right;
  font-size: 63%;
  color: #ffffff;
  position: absolute;
  top: 0px;
  right: 166px;
  z-index: 1;
}
#mod_headerArea .userNameInfo {
  position: relative;
  display: inline-block;
  min-width: 180px;
  padding-bottom: 0px;
}
#mod_headerArea .userNameArea {
  position: relative;
  display:inline-block;
  padding-bottom: 0px;
  cursor: pointer;
}
#mod_headerArea .arrowUserInfo {
  padding-left: 5px;
  cursor: pointer;
  display: inline-block;
}
#mod_headerArea h1.logoSym {
  margin-left: 10px;
  float: right;
  width: 155px;
  height: 53px;
  border-left: 1px solid #262626;
  margin: 0px 0px 0px 0px;
}

/* ------ アカウントポップアップ ------ */
.accountPopArea {
  position: absolute;
  z-index: 100;
  top: 27px;
  right: 0px;
  width: 111px;
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px -3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px -3px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px -3px;
  display: none;
}

.showPop {
  display: block;
}

.hiddenPop {
  display: none;
}

.accountPopArea ul {
  list-style: none;
}

.accountPopArea ul li {
  width: 111px;
  height: 22px;
  text-align: left;
}

.accountPopArea ul li a {
  padding: 0px 6px 0px 6px;
  font-size: 12px;
  text-shadow: none;
  color: #222222;
  display: block;
  line-height: 22px;
}

.accountPopArea ul li a:hover {
  background-color: #d7ebff;
  color: #004dd4;
}

.accountPopArea:after,
.accountPopArea:before {
  bottom: 100%;
  left: 85%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.accountPopArea:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}

.accountPopArea:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 6px;
  margin-left: -6px;
}

/* ------ フッター ------ */
#mod_footerArea {
  margin: 0px auto 0px auto;
  padding: 20px 0px 30px 0px;
  background-color: #2f373d;
  width: 100%;
  min-width: 980px;
  vertical-align: top;
  height: 42px;
  /* position: absolute;
   bottom: 0;*/
}

#mod_siArea {
  margin: 0px 0px 0px 0px;
  padding: 0px 20px 0px 20px;
  text-align: left;
}

#mod_siArea ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 21px;
  list-style: none;
}

#mod_siArea ul li#siCopy {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 266px;
  vertical-align: top;
  float: left;
  height: 42px;
}

#mod_siArea ul li#btnTop {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 21px;
  height: 21px;
  font-size: 10px;
  line-height: 100%;
  text-indent: -9999px;
  text-decoration: none;
  list-style: none;
  vertical-align: top;
  float: right;
}

#mod_siArea ul li#btnTop a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url("../img_com/btn_topofpage.gif") no-repeat 0px 0px;
  width: 21px;
  height: 21px;
  display: block;
}

#mod_siArea ul li#btnTop a:hover {
  background: url("../img_com/btn_topofpage.gif") no-repeat 0px -21px;
}

/* ------ コンテンツ（別フレーム） ------ */
#frame {
  width: 100%;
  min-height: 600px;
  border: none;
  vertical-align: bottom;
}

/* ------ ヘッダ・フッターオーバーレイ ------ */
.overlay {
  background-color: #000000;
  opacity: 0.5;
  display: none;
  width: 100%;
  z-index: 100;
}