@charset "utf-8";
/* ===========================================================

	Title:	top.css
	Last Created:	2016-05-11

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


## top-kv-login



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

#top-kv-login {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative;
 	background-color: rgba(0,0,0,0.1);
}
#top-kv-login .inner {
	display: block; padding: 0; margin: auto;
	width: 1000px; position: relative;
}



#login_main {
	display: block; padding: 0; margin: auto;
	width: 1000px; height: 375px; position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
#top-kv-login .inner h1 { display: block; padding: 0; margin: -40px 0 0 0; position: absolute; top: 50%; left: 0;  }



#login_box { display: block; width: 340px; padding: 0; margin: 0; float: left;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e0cccccc,EndColorStr=#e0cccccc);/*IE8以下用*/
}
/* IE9にfilterがかからないように */
#login_box:not(:target){
	filter: none;
	-ms-filter: none;
}

#login_box h2 {
	display: block;
	padding: 0;
	margin: 0;
	background-color: rgba(0,0,0,0.80);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ed111111,EndColorStr=#ed111111);/*IE8以下用*/
}
/* IE9にfilterがかからないように */
#login_box h2:not(:target){
	filter: none;
	-ms-filter: none;
}

#login_box h2 img { vertical-align: bottom; }

#login_box .reminder a {
	font-weight: bold;
}
#login_box .reminder a:hover {
	color: #fa0046;
}

#login_contents {
	display: block;
	padding: 40px 30px;
	margin: 0;
	background-color: rgba(204,204,204,0.80);
}


#login_contents dl { display: block; padding: 0; margin: 0 0 20px 0; line-height: 40px; height: 40px; }
#login_contents dl dt {
	display: block; padding: 0 0 0 0; margin: 0; float: left; text-align: center;
	line-height: 40px; height: 40px; width: 100px; background-color: #666; color:#fff;
}
#login_contents dl dd {
	display: block; padding: 0 0 0 0; margin: 0; float: right;
	line-height: 40px; height: 40px; width: 180px;
}

#login_contents dl dd input {
	display: block; padding: 5px 10px; margin: 0;
	line-height: 35px; height: 40px; width: 100%; border: none;
	background-color: #fff;
}

#login_btnt button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	appearance: none;
}
#login_btn {
	display: block; padding: 0;margin: 0 auto 20px auto; width: 240px;
}
#login_btn button {
	display: block; padding: 0; margin: 0; border-radius: 0; background-color: #FA0145;
	border: none;
}
#login_btn button img { vertical-align: bottom; }
#login_btn button:hover {
	background-color: #d1023c;
}

#top-kv-login .fa { color:#FA0145; }



#login_footer {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.90);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#edffffff,EndColorStr=#edffffff);/*IE8以下用*/
	font-size: 0.857em;
}
/* IE9にfilterがかからないように */
#login_footer:not(:target){
	filter: none;
	-ms-filter: none;
}

#login_footer .inner {
	display: block; padding: 20px 0; margin: 0 auto;
	width: 1000px;
}
#login_footer .login_footer-data {
	display: block; padding: 0; margin: 0;
	float: left; width: 480px;
}
#login_footer .login_footer-data h2 {
	display: block; padding: 0 0 5px 0; margin: 0 0 5px 0;
	border-bottom: solid 1px #fff;
}


#login_footer-banner { display: block; margin: 0; padding: 0; float: right; width: 500px; }
#login_footer-banner dl { display: block; width: 240px; }
#login_footer-banner dl { float: left; }
#login_footer-banner dl:last-child { float: right; }
#login_footer-banner dl dt {
	display: block; padding: 0 0 5px 0; margin: 0 0 5px 0;
	border-bottom: solid 1px #fff;
}
#login_footer-banner dl dd { display: block; padding: 0 0 0 0; margin: 0; }
#login_footer-banner dl dd ul { display: block; padding: 0 0 0 0; margin: 0; }
#login_footer-banner dl dd ul li { display: block; padding: 0 0 0 0; margin: 0; text-align: center; }
#login_footer-banner dl dd ul li a { display: block; padding: 0 10px; margin: 0; background-color: #fff; }
#login_footer-banner dl dd ul li span { display: block; padding: 0 10px; margin: 0; background-color: #fff; }




#top-kv { display: block; width: 100%; padding: 0; margin: 0; }
#top-kv-inner { display: block; width: 1000px; height: 550px; padding: 0; margin: 0 auto; position: relative; }
#top-kv-inner h1 { display: block; padding: 0; margin: -40px 0 0 0; position: absolute; top: 50%; left: 0;  }


#member-top-news { }


#member-top-news h2 {
	display: block; padding: 10px 0 5px 40px; margin: 0 0 10px 0;
	font-size: 1.571em;
	line-height: 40px;
	color: #333; font-weight: normal;
	border-top: solid 1px #ddd;
	position: relative;
}
#member-top-news h2:before {
	display: block; padding: 0; margin: -5px 0 0 0;
	height: 10px; width: 0px;
	border-left: solid 10px #c71b21; border-right: solid 10px #ff2500;
	content: "";
	position: absolute; top: 50%; left: 0;

}


#member-top-news h2 a.news-btn { display: block; padding: 0 20px; margin: 0; float: right; background-color: #fa0046; color: #fff; text-align: center; font-size: 0.700em; }
#member-top-news h2 a.news-btn:hover { background-color: #d1023c; }




/*
      <h2>最新情報／ニュースリリース <a href="/member/ir/"></a></h2>

	  */

#member-top-banner { display: block; margin: 30px 0 0 0; }
#member-top-banner  dl { display: block; width: 300px; }
#member-top-banner  dl { float: left; }
#member-top-banner  dl:last-child { float: right; }
#member-top-banner  dl dt { display: block; padding: 0 0 0 0; margin: 0; }
#member-top-banner  dl dd { display: block; padding: 0 0 0 0; margin: 0; }
#member-top-banner  dl dd ul { display: block; padding: 0 0 0 0; margin: 0; }
#member-top-banner  dl dd ul li { display: block; padding: 0 0 0 0; margin: 0; text-align: center; }
#member-top-banner  dl dd ul li a { display: block; padding: 10px; margin: 0; border: solid 1px #ddd; }
#member-top-banner  dl dd ul li span { display: block; padding: 10px; margin: 0; border: solid 1px #ddd; }






/*


## member-top-data



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

.top #contents { padding: 30px 0; }


 #contents #member-top-cont { display: block; width: 640px; float: left; }





#member-top-data { display: block; width: 330px; float: right; }
#member-top-data .databox { display: block; padding: 0; margin: 0 0 20px 0; }
#member-top-data .databox h2 {
	display: block; padding: 0; margin: 0; font-size: 1.143em; line-height: 40px;
	color: #fa0046; font-weight: normal;
	border-left: solid 2px #c71b21; background-color: #f3f3f3;
}
#member-top-data .databox h2 span {
	display: block; padding: 0 0 0 10px; margin: 0;
	border-left: solid 2px #ff2500;

}


#member-top-data .databox h2 span a { display: block; zoom: 100%; position: relative; padding: 0; }
#member-top-data .databox h2 span a:after { display: block; clear: both; content: " "; }
#member-top-data .databox h2 span a:before {
	display: block;  padding: 0; margin: 0; content: "\f138"; color: #fff;
	font-family: FontAwesome; float: right; background-color: #fa0046;
	width: 40px; height: 40px; line-height: 40px; text-align: center;
}
#member-top-data .databox h2 span a:hover:before { background-color: #d1023c; }


#member-top-data .databox .databox-inner { display: block; padding: 5px 15px 15px 15px; margin: 0; background-color: #fff; border: solid 5px #eee; }

#member-top-data .databox .databox-inner table { width: 100%; padding: 0; margin: 0; background-color: #fff; font-size: 1.077em }
#member-top-data .databox .databox-inner table th,
#member-top-data .databox .databox-inner table td { padding: 10px 0; margin: 0; border-bottom: solid 1px #ddd; vertical-align: bottom; }
#member-top-data .databox .databox-inner table th { text-align: left; font-weight: normal; }
#member-top-data .databox .databox-inner table th .date { display: block; font-size: 0.923em; color: #666; }
#member-top-data .databox .databox-inner table td { padding: 10px 0; margin: 0; text-align: right; }
#member-top-data .databox .databox-inner table td strong { font-size: 1.286em; color: #fa0046; }
#member-top-data .databox .databox-inner table th strong { font-size: 1.286em; color: #fa0046; }
#member-top-data .databox .databox-inner table th em { color: #fa0046; font-style: normal; }
#member-top-data .databox .databox-inner table .sub td strong { color: #3d62ad; }
#member-top-data .databox .databox-inner table .sub th strong { color: #3d62ad; }
#member-top-data .databox .databox-inner table .sub th em { color: #3d62ad; }