@charset "shift_jis";
/*===================================================================
	common
===================================================================*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
blockquote,
pre,
dl,
dt,
dd,
ul,
ol,
li,
form,
fieldset,
textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

html {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y: scroll;
}

body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  color: #333;
  font-size: small;
  _font-size: x-small; /*IE6*/
  line-height: 1.46;
  text-align: center;
  font-family: "MS PGothic", Verdana, Arial, "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  word-break: normal;
  word-wrap: break-word;
}

html > body {
  height: auto;
}

ul,
ol {
  list-style: none;
}

table {
  border-collapse: collapse;
  line-height: 1.4;
}

hr {
  display: none;
}

img {
  border: 0;
}

a:link {
  color: #3366cc;
  text-decoration: underline;
}
a:visited {
  color: #996699;
  text-decoration: underline;
}
a:hover {
  color: #3366cc;
  text-decoration: none;
}
a:active {
  color: #3366cc;
  text-decoration: none;
}

em {
  font-weight: bold;
  font-style: normal;
}

input {
  line-height: normal;
}

address {
  font-style: normal;
}

pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
}

.txtred {
  color: #ff0000;
  font-weight: bold;
  font-size: 0.88em;
}

/*******link*******/
a:link {
  color: #0066cc;
  text-decoration: underline;
}
a:visited {
  color: #663399;
  text-decoration: underline;
}
a:hover {
  color: #ff3300;
  text-decoration: none;
}
a:active {
  color: #ff3300;
  text-decoration: none;
}

/* clearfix */
.pkg {
  zoom: 1;
}
.pkg:after {
  content: "";
  display: block;
  clear: both;
}

/* padding */
.noPdd {
  padding: 0 !important;
}

.pdd5 {
  padding: 5px !important;
}
.pddT5 {
  padding-top: 5px !important;
}
.pddR5 {
  padding-right: 5px !important;
}
.pddB5 {
  padding-bottom: 5px !important;
}
.pddL5 {
  padding-left: 5px !important;
}

.pdd10 {
  padding: 10px !important;
}
.pddT10 {
  padding-top: 10px !important;
}
.pddR10 {
  padding-right: 10px !important;
}
.pddB10 {
  padding-bottom: 10px !important;
}
.pddL10 {
  padding-left: 10px !important;
}

.pdd20 {
  padding: 20px !important;
}
.pddT20 {
  padding-top: 20px !important;
}
.pddR20 {
  padding-right: 20px !important;
}
.pddB20 {
  padding-bottom: 20px !important;
}
.pddL20 {
  padding-left: 20px !important;
}

/* margin */
.noMrg {
  margin: 0 !important;
}

.Mrg5 {
  margin: 5px !important;
}
.MrgT5 {
  margin-top: 5px !important;
}
.MrgR5 {
  margin-right: 5px !important;
}
.MrgB5 {
  margin-bottom: 5px !important;
}
.MrgL5 {
  margin-left: 5px !important;
}

.Mrg10 {
  margin: 10px !important;
}
.MrgT10 {
  margin-top: 10px !important;
}
.MrgR10 {
  margin-right: 10px !important;
}
.MrgB10 {
  margin-bottom: 10px !important;
}
.MrgL10 {
  margin-left: 10px !important;
}

.Mrg20 {
  margin: 20px !important;
}
.MrgT20 {
  margin-top: 20px !important;
}
.MrgR20 {
  margin-right: 20px !important;
}
.MrgB20 {
  margin-bottom: 20px !important;
}
.MrgL20 {
  margin-left: 20px !important;
}

/*===================================================================
	container
===================================================================*/

div#container {
  width: 1050px;
  margin: 0 auto;
  text-align: left;
}

/*===================================================================
	#header
===================================================================*/

#header {
  border-top: #f58106 2px solid;
  padding: 0 0 10px;
  background-position: 100% 0;
  background-repeat: no-repeat;
  font-size: small;
  line-height: 1.4;
}
#headerLogo,
#headerLogo p {
  float: left;
}
#headerLogo {
  width: 700px;
}
#header .niftylogo {
  padding: 8px 0 0;
}
#header .logo {
  padding: 7px 0 0 5px;
}
#header .vol {
  padding: 7px 0 0 15px;
  float: left;
}
.backnumberPage #header .vol {
  padding-top: 15px;
}

#header .niftytop {
  float: right;
  margin-top: 12px;
  padding-right: 13px;
  text-align: right;
}
.nojs .txtred {
  color: #ff0000;
  font-weight: bold;
  font-size: 0.88em;
  border: #ff0000 3px solid;
  padding: 10px 20px;
  margin: 0 0 10px;
}

/*===================================================================
	#mainContents
===================================================================*/
#mainContents {
  width: 700px;
  float: left;
  overflow: hidden;
}

#mainContents img {
  vertical-align: top;
}

#mainContents .img-sp {
  _display: block;
}

#mainContents table.tbl-pr {
  border: 1px solid #c6c2ba;
}

#mainContents td.s-present td table td {
  padding: 10px 8px;
}

.mailmag {
  background: url(../images/common1209/mailmag_icon.gif) no-repeat;
  min-height: 37px;
  _height: 37px;
  margin-bottom: 5px;
  padding: 0 0 0 45px;
  font-weight: bold;
  font-size: 1.66em;
  vertical-align: middle;
}
.txtArea {
  padding: 10px 0;
}

.read-area {
  padding: 0 0 10px;
}

.read-area p {
  margin: 0 0 10px;
}

.read-area p.note {
  background: #f4f4f4;
  padding: 10px;
  margin: 0;
  font-size: 1.2em;
}
.read-area .note span {
  display: block;
  text-indent: -1.2em;
  padding: 0 0 0 1.2em;
}

div.txtArea p {
  font-size: 1.05em;
  margin-bottom: 15px;
}
div.txtArea p.author {
  color: #999999;
  font-size: 0.78em;
  margin-bottom: 5px;
}
div.txtArea p.magDetail {
  background: #efeff1;
  padding: 4px 8px;
  margin-bottom: 15px;
  overflow: hidden;
  font-size: 0.93em;
}

div#mailmagArea {
  margin: 0 auto;
  padding: 12px 0 45px;
}

div#mailmagInner #newMagazin,
div#mailmagInner #oldMagazin {
  border: 1px solid #d9d9d9;
  padding: 15px;
  margin: 0 0 20px;
}

div#mailmagInner #newMagazin {
  background: #fffaef;
}

div#mailmagInner h2 {
  background: #f1f1f3;
  font-weight: bold;
  padding: 4px 10px;
}

div#mailmagInner #newMagazin h2 {
  background: #fce9c1;
}

div#mailmagInner div.column {
  width: 300px;
  float: left;
}
div#mailmagInner div.right {
  float: right;
}

div#mailmagInner ul {
  padding: 13px 0 0;
}

div#mailmagInner ul li {
  background: url(../images/common1209/arrow.gif) no-repeat 0 0.2em;
  padding: 2px 0 2px 15px;
  margin-bottom: 4px;
}

div#mailmagInner #newMagazin ul li {
  background: url(../images/common1209/arrow_l.gif) no-repeat 0 0.2em;
  padding: 2px 0 2px 18px;
  margin-bottom: 4px;
}

#subContents {
  float: right;
  width: 312px;
  overflow: hidden;
}

#subContents .ttl {
  margin: 0 0 15px;
}
#subContents .module {
  margin: 0 0 20px;
}
#subContents .moduleInner {
  padding: 0 10px;
}
#subContents .list li {
  background: url(../images/common1209/arrow_l.gif) no-repeat 0 0;
  padding: 0 0 0 18px;
  margin: 0 0 5px;
}

#subContents .column .img {
  float: left;
  padding: 0 10px 5px 0;
}
#subStaff dt {
  display: block;
  color: #613d1d;
  font-weight: bold;
  margin: 0 0 5px;
}
#subStaff dl {
  margin: 0 0 5px;
}

#subPresent .date {
  color: #ff3300;
}
#subContents .more {
  text-align: right;
  padding: 10px 0 0;
}
#subContents .more a {
  background: url(../images/common1209/arrow_l.gif) no-repeat 0 -3px;
  padding: 2px 0 2px 18px;
}
#subContents #subTsushin .column .ttl {
  font-weight: bold;
  margin: 0 0 5px;
}

#subContents #subBackNumber {
  margin: 0 0 10px;
}
.old-backno {
  background: #f4f4f4;
  padding: 8px 10px;
  margin: 0 0 20px;
  color: #613d1d;
}
.old-backno p {
  text-indent: -1em;
  padding: 0 0 0 1em;
}
#subContents .old-backno .more {
  text-align: left;
}
#subContents .old-backno .more a {
  background: url(../images/common1209/arrow_s.gif) no-repeat 0 -3px;
  padding: 0 0 0 10px;
  font-weight: bold;
}

.sub-mailmagazin {
  width: 298px;
  padding: 0;
  margin: 0 0 10px;
  border: #d9d9d9 solid 1px;
  background-color: #f4f4f4;
}
.sub-mailmagazin .inner {
  padding: 10px 0;
}
.sub-mailmagazin .inner .btn {
  padding: 10px 0;
  text-align: center;
}
.sub-mailmagazin .inner .btn a {
  display: block;
  width: 274px;
  height: 42px;
  background-image: url(../images/common1301/renew14_rss_btn.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}
.sub-mailmagazin .inner .btn a:hover {
  background-position: 0 -43px;
}
.sub-mailmagazin .inner p {
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 0 10px 0 15px;
}

#subSearch {
  width: 298px;
  padding: 0 0 7px;
  margin: 0 0 15px;
  border: #d9d9d9 solid 1px;
  background-color: #f4f4f4;
}
#subSearch dt {
  display: block;
  padding: 10px 10px 0;
}
#subSearch dd {
  padding: 2px 0 0 10px;
}
#subSearch #searchText {
  width: 200px;
  border: #d9d9d9 1px solid;
  padding: 6px;
  font-size: 1.14em;
}
#subSearch p {
  float: left;
  padding: 0 5px 10px 0;
}
#subSearch #searchSubmit {
  display: block;
  background: url(../images/common1301/renew14_btn_search2.gif);
  width: 57px;
  height: 31px;
  text-indent: -9999px;
  cursor: pointer;
  border: 0;
}

/* add 2013.01 */

.subLogin.renew13 {
  width: 298px;
  padding: 0;
  margin: 0 0 10px;
  border: #dddddd solid 1px;
}
.subLogin.renew13 .logTtl {
  background-color: #f6f5ef;
  text-align: center;
}
.subLogin.renew13 .inner {
  padding: 15px 0 10px;
}
.subLogin.renew13 .logBtn {
  text-align: center;
  padding-bottom: 5px;
}
.subLogin.renew13 .logBtn a {
  display: block;
  width: 274px;
  height: 69px;
  background-image: url(../images/common1301/renew14_log_btn.gif);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}
.subLogin.renew13 .logBtn a:hover {
  background-position: 0 -70px;
}
.subLogin.renew13 .text {
  padding: 2px 0 0;
  text-align: center;
  margin-bottom: 10px;
  font-size: 0.93em;
}
.subLogin.renew13 .spl {
  background-image: url(../images/common1301/renew14_dot.gif);
  background-repeat: repeat-x;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
}
.subLogin.renew13 .spl span.ast {
  line-height: 1.46;
  color: #4d4638;
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}

/*===================================================================

	:#footer

===================================================================*/
.pagetop {
  text-align: right;
}

.pagetop a {
  background: #fff url(../images/pagetop.gif) no-repeat 0 3px;
  padding: 2px 10px 5px 21px;
}
#footLink {
  background: #f2f2f2 url(../images/common1209/dotline_footer.gif)
    repeat-x;
  padding: 5px 15px;
}
#footLink li {
  float: left;
  margin: 0 20px 0 0;
}
/* NIFTOP-1264 20210930 */
/* #footer {
  background: #fff;
  width: 960px;
  padding-top: 15px;
  float: left;
  color: #666666;
  font-size: small;
} */
/* add */
.anch {
  font-size: 1px;
}
* {
  margin: 0px;
  padding: 0px;
}
body {
  font-size: small;
  -webkit-text-size-adjust: none;
}
body,
td,
th {
  font-family: Roboto, "Droid Sans", Arial, HelveticaNeue-UltraLight,
    "?��q?��?��?��M?��m?��p?��S ProN W3", "Hiragino Kaku Gothic ProN",
    sans-serif;
}
a {
  color: #2e75b6;
}
img {
  vertical-align: bottom;
}

/* NIFTOP-1264 20210930 */
.pkgFooter > p {
  float: left;
  /* width: 45%; */
  text-align: left;
  margin: 0;
  padding: 8px 0 0 10px;
}

.pkg address {
  text-align: right;
  width: 50%;
  float: right;
  padding: 10px;
  font-style: normal;
}