@charset 'UTF-8';
.FundText, .NewsLink, .NewsPageContents {
	border: 1px solid #d9d9d9
}
.NewsFeed li p, .NewsInline {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top
}
.NewsFeed li {
	font-size: 14px;
	padding: 15px 20px;
	color: #555;
	list-style: none;
}
.NewsFeed li:nth-child(2n+1) {
	background: #f5f5f5
}
.NewsFeed li a {
	text-decoration: underline;
	color: #555
}
.NewsFeed li a:hover {
	color: #ccc
}
.InfoListSpace {
	margin-left: 290px
}
.BackNumberSpace {
	margin-left: 232px
}
.InfoDate {
	width: 160px;
	font-size: 14px;
	color: #555
}
.InfoCSR, .InfoMainte, .InfoNewItem, .InfoNews, .InfoRed {
	font-size: 12px;
	width: 110px;
	margin: -5px 20px 0 0;
	padding: 7px 0;
	text-align: center;
	color: #fff;
	border-radius: 3px
}
.ContentsBorder, .ItemBorder img {
	border: 1px solid #d9d9d9
}
.ItemBorder {
	text-align: center;
	margin: 20px auto 0
}
.InfoNewItem {
	background: #eda500
}
.InfoNews {
	background: #b9c905
}
.InfoMainte {
	background: #555
}
.InfoCSR {
	background: #5bc0de;
}
.InfoRed {
	background: #9f0002
}
.InfoImportantDate {
	font-size: 14px;
	font-weight: 700;
	margin: 2px 0 0 280px;
	color: #333
}
.NewsPageContents {
	padding: 20px
}
.NewsPageContents h2 {
	font-size: 25px;
	line-height: 1.3em;
	margin: 20px 0;
	color: #777
}
.NewsPageDate {
	font-size: 17px;
	color: #777
}
.NewsPageText, .NewsPageTextTop {
	font-size: 18px;
	line-height: 1.9em;
	color: #777
}
.NewsPageTextTop {
	margin-top: 50px;
	word-break: break-all
}
.NewsPageText {
	margin-top: 20px;
	word-break: break-all
}
.NewsPageText h4, .NewsPageTextTop h4 {
	font-size: 22px;
	color: #777;
	margin-bottom: 10px
}
.NewsPageAttention a, .NewsPageText a, .NewsPageTextTop a {
	font-weight: 400;
	text-decoration: underline;
	color: #0071f1
}
.NewsPageAttention a:hover, .NewsPageText a:hover, .NewsPageTextTop a:hover {
	color: #89c0ff
}
.NewsPageText span, .NewsPageTextTop span {
	font-weight: 700
}
.NewsPageAttention {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 30px;
	color: #575655
}
.NewsPageRightText, .NewsPageRightText2 {
	float: right;
	color: #777;
	font-size: 18px;
	line-height: 1.5em
}
.NewsPageRightText {
	text-align: right;
	margin-top: 80px
}
.NewsPageRightText2 {
	text-align: left
}
.NewsPageAttention span {
	margin-left: 22px
}
.NewsPageImg {
	margin-top: 30px
}
.ContentsBorder {
	padding: 20px 15px
}
.MaintenanceTx, .NewsSubTitle {
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 15px 0
}
.OrangeSubTitle, .WhiteSubTitle {
	margin-top: 55px;
	text-align: left
}
.FundText, .NewsLink, .TextCenter {
	text-align: center
}
.NewsSubTitle {
	margin-top: 30px;
	background: #7b8f27
}
.NewsSubTitle2 {
	margin-top: 30px;
	background: #7b8f27;
	font-size:120%;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.MaintenanceTx {
	width: 100%;
	background: #555
}
.WhiteSubTitle {
	font-size: 18px;
	border: 2px solid #d9d9d9;
	padding: 17px 0 17px 15px;
	color: #666;
	background: #fff
}
.OrangeSubTitle {
	font-size: 20px;
	padding: 15px 0 15px 15px;
	color: #fff;
	font-weight: 700;
	background: #eda500
}
.MaintenanceText {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5em;
	color: #333;
	margin-top: 5px
}
.HeartNetLink, .NewsPageTextLink, .NewsPageTextLink02 {
	font-size: 23px;
	line-height: 1.3em;
	position: relative;
	text-align: center
}
.HeartNetLink a, .NewsPageTextLink a, .NewsPageTextLink02 a {
	display: block;
	color: #fff;
	padding: 20px 0
}
.NewsPageTextLink a, .NewsPageTextLink02 a {
	background: #b9c905
}
.HeartNetLink a {
	background: #6d0a1f
}

.HeartNetLink a:after, .NewsPageTextLink a:after {
	top: 11px;
	display: block
}
.NewsPageTextLink02 a:after {
	top: 28px;
	display: block
}
.NewsLink {
	position: relative;
	width: 300px;
	margin-top: 50px
}
.NewsLink a {
	display: block;
	padding: 20px 0;
	color: #777;
	background: #fff
}
.NewsLink a:hover {
	text-decoration: underline;
	color: #777;
	background: #f9f9f9
}
.FundText {
	font-size: 35px;
	width: 100%;
	margin-top: 20px;
	padding: 20px 0;
	color: #555
}
.TextCenter {
	color: #777;
	margin: 30px auto 0
}
.TextRed{
	color:#f00;
	font-weight: bold;
}
.BackNumberNavigation dl{
 border:1px solid #ccc;
}
.BackNumberNavigation {
	vertical-align: top;
	border: 1px solid #d9d9d9;
	background-color: #fff
}
.BackNumberNavigation dt,
.BackNumberNavigation dd{
	font-size: 15px;
	position: relative;
	text-align: left;
	border-top: #d9d9d9 1px solid;
	background: #fff
}
.BackNumberNavigation dt a,
.BackNumberNavigation dd a{
	position: relative;
	display: block;
	padding: 20px 0 20px 15px;
	text-decoration: none;
	color: #555;
	background: #fff
}
.BackNumberNavigation dt a:hover,
.BackNumberNavigation dd a:hover{
	text-decoration: underline;
	color: #555;
	background: #b9c905
}
.BackNumberNavigation dt:first-child {
	border-top: none
}
.BackNumberNavigation dt:first-child a {
	background: #f5f5f5
}
.BackNumberNavigation dt:first-child a:hover {
	background: #ccc
}
.BackNumberNavigation dd li a:after, .BackNumberNavigation dt a:after, .BackNumberNavigation dt:first-child a:after {
	position: absolute;
	top: 40%;
	right: 7px;
	display: block;
	width: 10px;
	height: 10px;
	margin: -4px 0 0;
	content: url(../../common/images/arrow/arrow_sideNav.png)
}
h1 em, h1 span {
	letter-spacing: 0
}
h1 span {
	font-size: 15px;
	margin-left: 15px;
	color: #b6b6b6
}
h1 em {
	font-size: 16px
}

/* pc */
@media screen and (min-width: 961px) {
.BackNumberNavigation{
		width:100% !important;
	}
	.img_80{
		width:80%;
	}
}
 
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.BackNumberNavigation{
		width:100% !important;
	}
	.img_80{
		width:100%;
	}
}
/* smartPhone */
@media screen and (max-width: 640px) {
.BackNumberNavigation{
		width:100% !important;
	}
	.img_80{
		width:100%;
	}
}
/*レスポンシブTABLE用スタイル*/
table.table_rsd { width: 100% ; }
.table_rsd th,.table_rsd td  { padding: 10px; border: 1px solid #ddd ; }
.table_rsd th  { background: #f4f4f4 ; }
.table_rsd th.top{background:#b9c905; text-align: center;}
.table_rsd td{font-size:80%;}
 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:598px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
	word-break: break-all;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}