@charset "shift-jis";

/* -----------------------------------------

 VIEW CARD Component CSS
 更新日:18/6/28

----------------------------------------- */

#article {
	padding-bottom: 0;
}

body #header_top {
	/*background-color: #B8851A;*/
	/*background-color: #0086cd;*/
	/*background-color: #23ac38;*/
}

#globalHeader {
}

#globalHeader .headerLoginBtn {
}

#header h1 {
	margin: 5px 0;
	width: 470px;
	display: inline-block;
	font-weight: normal;
	font-size: 98%;
}

#globalHeader .siteLogo {
	margin-top: -18px;
}

#globalHeader .utility ul li a span.redB{
	font-weight: bold;
	color: #e60012;
	text-decoration: none;
	display: inline-block;
}

/* メインVIエリア */
.mainViewArea {
	margin: 20px 0 30px;
	overflow: hidden;
}
.mainViewArea .linkArea {
	float: left;
	width: 230px;
}
.mainViewArea .linkArea:first-child li {
	margin-bottom: 5px;
}
.mainViewArea .linkArea .admitBtn a,
.mainViewArea .linkArea .loginBtn a,
.mainViewArea .linkArea .loginBtn2 a,
.mainViewArea .linkArea .signUpBtn a {
	-webkit-border-radius: 4px;
			border-radius: 4px;
	color: #fff;
	display: block;
	height: 80%;
	line-height: 1.3;
	position: relative;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0, .4);
}

.mainViewArea .linkArea .admitBtn a {
	font-size: 157.1%;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 23px 28px 20px 17px;
}
.mainViewArea .linkArea .loginBtn a,
.mainViewArea .linkArea .loginBtn2 a,
.mainViewArea .linkArea .signUpBtn a {
	font-size: 128.6%;
	letter-spacing: -.5px;
	padding: 17px 35px 4px 15px;
}
.mainViewArea .linkArea .admitBtn a:before,
.mainViewArea .linkArea .loginBtn a:before,
.mainViewArea .linkArea .loginBtn2 a:before {
	background: url(/card/img/top-cmn-parts.png) no-repeat -113px 0;
	display: block;
	content: "";
	height: 80%;
	margin-top: -15px;
	position: absolute;
	right: 9px;
	top: 50%;
	width: 18px;
}
.mainViewArea .linkArea .signUpBtn a:before {
	background: url(/card/img/top-link-icon.png) no-repeat 0 0;
	display: block;
	content: "";
	height: 80%;
	margin-top: -15px;
	position: absolute;
	right: 9px;
	top: 50%;
	width: 18px;
}
.mainViewArea .linkArea .signUpBtn a:hover:before {
	background: url(/card/img/top-cmn-parts.png) no-repeat -113px 0;
}
/* IE8 style */
.mainViewArea .linkArea .admitBtn a {
	background: url(/card/img/top-admit-btn.png) no-repeat;
}
.mainViewArea .linkArea .loginBtn a {
	background: url(/card/img/top-login-btn.png) no-repeat;
}
.mainViewArea .linkArea .admitBtn a:hover,
.mainViewArea .linkArea .loginBtn a:hover {
	background-position: 0 -120px;
}
:root *> .mainViewArea .linkArea .admitBtn a {
	background: #ff9100;
	border-bottom: 3px solid #d97b00;
}
:root *> .mainViewArea .linkArea .admitBtn a:hover {
	background: #EA5506;
	border-top: 3px solid #FF9100;
	border-bottom: none;
	padding: 20px 28px 23px 17px;
}
:root *> .mainViewArea .linkArea .admitBtn a:hover:before {
	margin-top: -18px;
}
:root *> .mainViewArea .linkArea .loginBtn a {
	background: #008CD0;
	border-bottom:3px solid #0077b1;
}
:root *> .mainViewArea .linkArea .loginBtn a:hover {
	background: #085EB4;
	border-top: 3px solid #008CD0;
	border-bottom: none;
	padding: 14px 35px 7px 15px;
}
:root *> .mainViewArea .linkArea .loginBtn a:hover:before {
	margin-top: -18px;
}
.mainViewArea .linkArea .loginBtn a span {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.mainViewArea .linkArea .loginBtn a span.tx01 {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
	font-size:85%;
}

.mainViewArea .linkArea .loginBtn a span.tx02 {
	display: block;
	font-weight: normal;
	margin-bottom: 0;
	font-size:70%;
}

.mainViewArea .linkArea .loginBtn2 a {
	background: url(/card/img/top-login-btn2.png) no-repeat;
}
.mainViewArea .linkArea .loginBtn2 a:hover {
	background-position: 0 -120px;
}
:root *> .mainViewArea .linkArea .loginBtn2 a {
	background: #28902F;
	border-bottom:3px solid #1A7920;
}
:root *> .mainViewArea .linkArea .loginBtn2 a:hover {
	background: #1C6F21;     
	border-top: 3px solid #28902F;
	border-bottom: none;
	padding: 14px 35px 7px 15px;
}
:root *> .mainViewArea .linkArea .loginBtn2 a:hover:before {
	margin-top: -18px;
}
.mainViewArea .linkArea .loginBtn2 a span {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.mainViewArea .linkArea .loginBtn2 a span.tx01 {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
	font-size:85%;
}

.mainViewArea .linkArea .loginBtn2 a span.tx02 {
	display: block;
	font-weight: normal;
	margin-bottom: 0;
	font-size:70%;
}

/* VIEW's NET新規登録ボタン */
:root *> .mainViewArea .linkArea .signUpBtn a {
	background: #ffffff;
	border: 1px solid #008cd0;
	border-bottom:3px solid #008cd0;
	font-weight: bold;
	color: #008cd0;
	text-shadow: none;
	padding: 15px 35px 6px 15px;
}
:root *> .mainViewArea .linkArea .signUpBtn a:hover {
	background: #008cd0;
	border-top: 3px solid #80c6e8;
	border-bottom:1px solid #008cd0;
	color: #fff;
	padding: 13px 35px 8px 15px;
}
:root *> .mainViewArea .linkArea .signUpBtn a:hover:before {
	margin-top: -18px;
}
.mainViewArea .linkArea .signUpBtn a span {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.mainViewArea .linkArea .signUpBtn a span.tx01 {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
	font-size:85%;
}




.mainViewArea .linkArea .viewsnet {
	background: #f6f6f6;
	height: 60px;
	padding: 8px 10px 10px 12px;
}
.mainViewArea .linkArea .viewsnet li {
	font-size: 85.7%;
	margin: 0;
}
.mainViewArea .crouselArea {
	float: right;
	position: relative;
	width: 710px;
}
.mainViewArea .crouselArea ul li {
	float: left;
	width: 710px;
}
.mainViewArea .crouselArea ul li img {
	vertical-align: bottom;
}
.mainViewArea .crouselArea .carouselNav {
	background: #008cd0;
	height: 40px;
	padding: 10px 15px 6px;
	position: relative;
	text-align: center;
}
.mainViewArea .crouselArea .carouselNav .pager {
	position: absolute;
	left: 0;
	text-align: center;
	top: 15px;
	width: 100%;
	z-index: 1;
}
.mainViewArea .crouselArea .carouselNav .pager a {
	background: #80c6e8;
	display: inline-block;
	height: 10px;
	margin: 0 10px;
	overflow: hidden;
	text-indent: 100%;
	width: 10px;
	white-space: nowrap;
}
.mainViewArea .crouselArea .carouselNav .pager a.selected {
	background: #fff;
}
.mainViewArea .crouselArea .carouselNav p {
	font-size: 85.7%;
	position: absolute;
	right: 10px;
	z-index: 10;
}
.mainViewArea .crouselArea .carouselNav a {
	color: #fff;
	display: block;
}
.mainViewArea .crouselArea .prev,
.mainViewArea .crouselArea .next {
	background: url(/card/img/top-cmn-parts.png) no-repeat -133px 0;
	display: block;
	height: 34px;
	margin-top: -17px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 22px;
}
.mainViewArea .crouselArea .prev {
	left: 10px;
}
.mainViewArea .crouselArea .next {
	background-position: -155px 0;
	right: 10px;
}


/* 新規エリア */
#main .newCustomersArea {
	border: 1px solid #ccc;
	margin-bottom: 40px;
	padding: 39px;
	position: relative;
}
#main .newCustomersArea:before {
	background: #008cd0;
	content: "";
	display: block;
	height: 4px;
	left: 30px;
	position: absolute;
	top: 0;
	width: 395px;
}
#main .newCustomersArea .cardMain h2 {
	color: #008cd0;
	font-size: 171.4%;
	font-weight: normal;
	margin-bottom: 10px;
}
#main .newCustomersArea .cardMain li {
	cursor: pointer;
	float: left;
	padding: 25px 10px;
	position: relative;
	text-align: center;
	width: 195px;
	z-index: 1;
}
#main .newCustomersArea .cardMain li:hover:before {
	border: 3px solid #085EB4;
	content: "";
	display: block;
	height: 100%;
	left: -3px;
	position: absolute;
	top: -3px;
	width: 100%;
	z-index: -1;
}
#main .newCustomersArea .cardMain li:after {
	background: #ccc;
	content: "";
	display: block;
	min-height: 91%;
	left: 0;
	position: absolute;
	top: 25px;
	width: 1px;
}
#main .newCustomersArea .cardMain li:hover + li:after {
	background: #085EB4;
}
#main .newCustomersArea .cardMain li:first-child {
	width: 285px;
}
#main .newCustomersArea .cardMain li:hover:after,
#main .newCustomersArea .cardMain li:first-child:after {
	display: none;
}

#main .newCustomersArea .cardMain li h3 {
	font-size: 114.3%;
	font-weight: bold;
	margin-bottom: 37.5px;
}
#main .newCustomersArea .cardMain li:first-child h3 {
	margin-bottom: 20px;
}
#main .newCustomersArea .cardMain li .figure {
	margin-bottom: 0px;
}
#main .newCustomersArea .cardMain li:first-child .figure {
	margin-bottom: 18px;
}
#main .newCustomersArea .cardMain li .figure + p {
	margin: -10px 0 10px;
}
#main .newCustomersArea .cardMain li:first-child .figure + p {
	font-size: 114.3%;
}
#main .newCustomersArea .cardMain .detailBtn a {
	-webkit-border-radius: 4px;
			border-radius: 4px;
	color: #fff;
	display: block;
	height: 30px;
	padding: 4px 10px;
	position: relative;
	text-decoration: none;
}
#main .newCustomersArea .cardMain .detailBtn a:before {
	background: url(/card/img/top-cmn-parts.png) no-repeat -99px -22px;
	display: block;
	content: "";
	height: 11px;
	left: 8px;
	position: absolute;
	top: 10px;
	width: 6px;
}


#main .newCustomersArea .cardMain .txarea {
	padding: 10px;
	margin: 10px 0 20px;
}

#main .newCustomersArea .cardMain .txarea p {
	font-weight: normal;
	font-size: 84%;
}
/* IE8 style */
#main .newCustomersArea .cardMain .detailBtn a {
	background: url(/card/img/top-cardmain-btn-s.png) no-repeat;
}
#main .newCustomersArea .cardMain li:first-child .detailBtn a {
	background: url(/card/img/top-cardmain-btn.png) no-repeat;
}
#main .newCustomersArea .cardMain li.active .detailBtn a,
#main .newCustomersArea .cardMain li .detailBtn a:hover {
	background-position: 0 -30px;
}
:root *>#main .newCustomersArea .cardMain .detailBtn a {
	background: #008CD0;
	border-bottom: 2px solid #0077B1;
}
:root *> #main .newCustomersArea .cardMain .active .detailBtn a,
:root *> #main .newCustomersArea .cardMain .detailBtn a:hover {
	background: #085EB4;
	border-bottom-color: #075099;
}
#main .newCustomersArea .otherBtn a {
	background: #f3fbff;
	display: block;
	font-size: 114.3%;
	padding: 15px;
	position: relative;
	text-align: center;
}
#main .newCustomersArea .otherBtn a:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -20px 0;
	content: " ";
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	width: 12px;
}

#main .existingArea .guideLinkList ul li {
	padding:0;
}

#main .existingArea .guideLinkList ul li a {
	display:block;
	box-sizing:border-box;
	padding-top:25px;
	padding-bottom:1px;
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	color:#333333;
}

#main .existingArea .guideLinkList ul li span.image {
	display:block;
	margin-bottom:8px;
}

#main .existingArea .guideLinkList ul li span.tx {
	display:table;
	margin: 0 15px 14px;
	width:188px;
	min-height:55px;
	line-height: 1.2;
	font-size: 114.3%;
	font-weight: bold;
	vertical-align:middle;
}

#main .existingArea .guideLinkList ul li span.tx ruby {
	display:inline-table;
	white-space: nowrap;
	text-align: center;
	ruby-align:center;
}

#main .existingArea .guideLinkList ul li span.tx ruby > rb {
	display: table-row-group;
}

#main .existingArea .guideLinkList ul li span.tx ruby > rt{
	display: table-header-group;
	font-size: 62.5%;
	text-align: center;
	line-height: 1.6;
	font-weight: normal;
}

#main .existingArea .guideLinkList ul li span.tx rp {
	display: none;
}

#main .existingArea .guideLinkList ul li span.tx span.tx_box {
	display:table-cell;
	text-align: center;
	vertical-align:middle;
}

/* 2カラム */
#article {
	width: 680px;
}


/* 3つのメリット */
#main .newCustomersArea .cardMerit h2 {
	font-size: 128.6%;
	margin-bottom: 20px;
}
#main .newCustomersArea .cardMerit h2 .txtBlue {
	color: #008cd0;
}
#main .newCustomersArea .cardMerit ol {
	overflow: hidden;
}
#main .newCustomersArea .cardMerit li {
	float: left;
	margin-left: 15px;
	position: relative;
	width: 280px;
}
#main .newCustomersArea .cardMerit li:before {
	background: url(/card/img/top-cmn-parts.png) no-repeat;
	content: "";
	display: block;
	height: 43px;
	left: 0;
	position: absolute;
	top: 0;
	width: 26px;
}

#main .newCustomersArea .cardMerit .merit01 {
	margin-left: 0;
}
#main .newCustomersArea .cardMerit .merit02:before {
	background-position: -31px 0;
	width: 29px;
}

#main .newCustomersArea .cardMerit .merit03:before {
	background-position: -65px 0;
	width: 29px;
}

#main .newCustomersArea .cardMerit p:first-child small {
	display: block;
	font-size: 66.7%;
	letter-spacing: normal;
}


#main .newCustomersArea .cardMerit h3 {
	color: #008cd0;
	font-size: 128.6%;
	letter-spacing: -.5px;
	margin: 0 0 30px 35px;
	font-weight: normal;
}

#main .newCustomersArea .cardMerit h3 small {
	display: block;
	font-size: 66.7%;
	letter-spacing: normal;
}

#main .newCustomersArea .cardMerit p.img {
	height: 220px;
	position: relative;
	width: 280px;
}
#main .newCustomersArea .cardMerit .txarea {
	padding: 10px;
	margin-top: 10px;
}

#main .newCustomersArea .cardMerit .txarea p:last-child {
	font-size: 84%;
}

#main .newCustomersArea .cardMerit .merit01 p.img{
	background: url(/card/img/top-cardmerit01-bg.jpg) no-repeat;
}
#main .newCustomersArea .cardMerit .merit02 p.img{
	background: url(/card/img/top-cardmerit02-bg.jpg) no-repeat;
}
#main .newCustomersArea .cardMerit .merit03 p.img{
	background: url(/card/img/top-cardmerit03-bg.jpg) no-repeat;
}


/* 既存エリア */
#main .headline2.blue {
	background: #008cd0;
	color: #fff;
}
#main .headline2.blue:before {
	background-position: -282px -18px;
}
#main .existingArea {
	margin-bottom: 40px;
}
#main .existingArea h3 {
	font-size: 114.3%;
}
#main .dateList {
	margin-bottom: 10px;
	overflow: hidden;
}
#main .dateList dt {
	clear: both;
	float: left;
	margin-bottom: 6px;
	width: 9em;
}
#main .dateList dd {
	margin-bottom: 6px;
	overflow: hidden;
	display: block;
}

/* 新着情報 */
#main .dateListN {
	margin-bottom: 10px;
	overflow: hidden;
}
#main .dateListN dt {
	clear: both;
	width:120px;
	float:left;
	margin-bottom: 10px;
}
#main .dateListN dd {
	width:500px;
	float:left;
	font-size:115.4%;
}


/* 重要なお知らせ */
#main .cationListN {
	margin-bottom: 10px;
}
#main .cationListN li {
	font-size:115.4%;
	margin-bottom: 6px;
}
#main ul li{
	display: block;
	margin-bottom: 5px;
}

/* 特集エリア */
.featureBottom {
	clear: both;
	padding-bottom: 100px;
}
.featureBottom h2 {
	font-size: 85.7%;
	margin-bottom: 10px;
}
.featureBottom ul {
	margin-left: -10px;
	overflow: hidden;
}
.featureBottom li {
	float: left;
	margin: 0 0 10px 10px;
	width: 290px;
}
.featureBottom li img {
	vertical-align: bottom;
}
#aside .admitBtn,
#aside .campaignArea,
#aside .serviceArea,
#aside .linkArea,
#footer .nav,
#footContents > ul,
#footer .copy {
	display: block;
}

/*吹き出し追加*/
#header_top {
	text-align:center !important;
	background-image: url(/card/img/gold_bg.jpg);  
	background-repeat: repeat-x; 
	}
#header_top #header_top_img {
	width:950px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}
#header_top #header_top_img .headerFukishiChance {
	position:absolute;
	top: 3px;
	left:835px;
	z-index:1;
}

#footer .navCard p + ul,
#footer .navSupport p + ul{
	margin-right: 10px;
}
#footer .nav p {
	margin-bottom: 15px;
}

#footer #footerIn p.link {
	margin:20px 0 30px;
}

#footer .nav p a{
	display: inline-block;
	padding-left: 17px;
	position: relative;
	font-size: 128%;
}

#footer #footerIn p.link a{
	display: inline-block;
	padding-left: 17px;
	position: relative;
}

#footer .nav p a:before,
#footer #footerIn p.link a:before {
	background: url(/card/common/img/cmn-parts.png) no-repeat -20px 0;
	content: "";
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	top: .45em;
	width: 12px;
}

#footer .nav h2 a,
#footer .nav .navOther a,
#footer .nav .navOther2 a {
	font-size: 95%;
}

/* 202010 重要なお知らせレイアウト修正 */

#main .section dl.dateList_imp {
	margin-bottom: 10px;
	overflow: hidden;
}
#main .section dl.dateList_imp dt {
	clear: both;
	width: 11em;
	float: left;
	margin-bottom: 5px;
}
#main .section dl.dateList_imp dd {
	width: 750px;
	float: left;
	margin-bottom: 5px;
}

/* 202111 重要なお知らせ固定枠追加　*/
#main .section #featured_info {
	padding: 25px 10px 25px 10px;
	background-color: #fffee3;
	display: flex;
}
#main .section #featured_info p {
	clear: both;
	float: left;
	width: 16%;
    text-align: center;
}
#main .section #featured_info dl.featured_info_list {
	float: left;
	width: 750px;
}
#main .section #featured_info dl.featured_info_list dt.linkWord {
	display: none;
}