@charset "utf-8";
/* CSS Document */

.block_none { display: none; }
#Contents { min-height: 350px; }
@media screen and (min-width: 768px) {
	#Contents { min-height: 550px; }
	.loginmenu .ButtonStyle1 {
		text-align: right;
		margin-top: -45px;
	}
}
.content1 {
    font-size: 90%;
    line-height: 1.35;
}
/*---------------------------------------------------------------------
	top
---------------------------------------------------------------------*/
.icon_pdf::after, #Contents a[href*=".pdf"]::after,
.icon_word::after, #Contents a[href*=".doc"]::after,
.icon_excel::after, #Contents a[href*=".xls"]::after,
.icon_word::after, #Contents a[href*=".docx"]::after,
.icon_excel::after, #Contents a[href*=".xlsx"]::after {
	content: "";
    width: 20px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}

.icon_pdf::after, #Contents a[href*=".pdf"]::after { background: url(../image/jp/r1/icon/icon_pdf_hd.gif) no-repeat 100% 50%; background-size: 16px 16px; -webkit-background-size: 16px 16px; }
.icon_word::after, #Contents a[href*=".doc"]::after { background: url(../image/jp/r1/icon/icon_download_hd.gif) no-repeat 100% 50%; background-size: 16px 16px; -webkit-background-size: 16px 16px; }
.icon_excel::after, #Contents a[href*=".xls"]::after { background: url(../image/jp/r1/icon/icon_download_hd.gif) no-repeat 100% 50%; background-size: 16px 16px; -webkit-background-size: 16px 16px; }
.icon_word::after, #Contents a[href*=".docx"]::after { background: url(../image/jp/r1/icon/icon_download_hd.gif) no-repeat 100% 50%; background-size: 16px 16px; -webkit-background-size: 16px 16px; }
.icon_excel::after, #Contents a[href*=".xlsx"]::after { background: url(../image/jp/r1/icon/icon_download_hd.gif) no-repeat 100% 50%; background-size: 16px 16px; -webkit-background-size: 16px 16px; }

.DateListStyle2 dd a {
	text-decoration: none;
    background: url(/image/jp/r1/icon/icon_link_right_hover_hd.gif) no-repeat right 4px;
    background-size: 16px auto;
    padding: 0 16px 0 0;
}
.DateListStyle2 dd a:hover { text-decoration: underline; padding-right: 18px; }

/*---------------------------------------------------------------------
	login
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
	member
---------------------------------------------------------------------*/
.member_login .Inner {
    max-width: 600px;
    margin: 2em auto;
    text-align: center;
    padding: 40px 20px;
}

.member_login dl {
    display: table;
    width: 100%;
	margin-bottom: 30px;
}
.member_login dl dt {
    display: table-cell;
    vertical-align: middle;
    width: 25%;
    text-align: right;
}
.member_login dl dd {
    display: table-cell;
    vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}
.member_login dl dd input {
    background: #fff;
    border: 1px solid #666;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    max-width: 260px;
	padding: 5px;
}
.member_login .btn_login {
    color: #fff;
    background-color: #EF282E;
    border-radius: 7px;
    border: none;
	padding: 8px 43px;
}
@media screen and (max-width: 480px) {
	.member_login dl,
	.member_login dl dt,
	.member_login dl dd {
		display: block;
		text-align: left;
	}
}
@media screen and (min-width: 768px) {
}
.btn_pull {
    margin-top: 40px;
}
/*---------------------------------------------------------------------
	topics
---------------------------------------------------------------------*/
/* .pager */
.pager {
  margin: 60px 0;
  padding: 50px 0;
  text-align: center;
}
.pager ul {
}
.pager ul li {
  font-size: 83%;
  margin: 3px;
  display: inline-block;
}
.pager a,
.pager span {
  color: #b1000e;
  display: block;
  text-decoration: none;
  border: 1px solid #CCC;
  padding: 9px 16px;
  background-color: #fff;
}
.pager li.total span {
  border-color: #FFF;
}
.pager li.prev span,
.pager li.next span,
.pager li.first span,
.pager li.last span {
  border: 1px solid #ccc;
  color: #EDEDED;
}
.pager li.current span {
  color: #fff;
  background: #e60027;
}
.pager a:hover {
  color: #fff;
  border: 1px solid #999;
  background: #b1000e;
}

/* link_prev_next */
.link_prev_next {
  text-align: center;
  margin-top: 40px;
}
.link_prev_next > li {
  display: inline-block;
}
.link_prev_next > li a {
  color: #fff;
  border: 1px solid #bbb;
  display: block;
  padding: 12px 40px;
  text-decoration: none;
  transition: .3s;
  border-radius: 3px;
  font-size: 83%;
  font-weight: bold;
}
.link_prev_next > li a:hover {
  color: #fff;
  background-color: #b1000e;
}

/*フォーム*/
.mail_form form dl {
    padding: 10px 30px;
}

/*faq*/
dl.FaqList { border-bottom: 1px solid #ccc; }
.btn_q {
    position: relative;
    background: none !important;
	padding: 0 0 0 1.5em !important;
	margin-top: 1em !important;
}
.btn_q::before {
    position: absolute;
    content: "Q";
    color: #019bd9;
    font-weight: bold;
    top: 0;
    left: 0;
}
.box_a {
    position: relative;
    margin: 1em 2em !important;
    padding: 0 0 0 1.5em !important;
}
.box_a::before {
    position: absolute;
    content: "A";
    font-weight: bold;
    color: #e60027;
    top: 0;
    left: 0;
}