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

body{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "sans-serif";
	margin: 0;
	}

#mainArea {
	padding-bottom: 70px;
	clear: both;
	padding-top: 30px;
}

.header-inner {
    width: 1080px;
    margin: 0 auto;
    padding: 20px 0 10px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.header-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-info__phone {
    margin: 0 20px 0 0;
}

.header-info__list {
    margin: 0 20px 0 0;
}

[class*="header-info__list--"] {
    font-size: 12px;
}

.header-info__list dt,
.header-info__list dd {
    font-weight: bold;
}
.header-info__list--data {
    letter-spacing: -0.5px;
}
.header-btn__list {
    display: flex;
    justify-content: flex-start;
    margin: 0 13px 0 0;
}
.header-btn__list a {
    color: #fff;
    display: block;
    width: 100px;
    padding: 14px 0;
    text-align: center;
    letter-spacing: -0.5px;
}
.hd-member {
    background: #014ba2;
}
.hd-login {
    background: #333;
}
.header-btn__item:first-child {
    margin: 0 5px 0 0;
}


.section__headline {
    margin: 0 0 30px;
}

/*=====================*/
#loginArea {
    width: 800px;
    margin: 0 auto;
}
/* ▼ for IE7 */
*:first-child+html #contents form{
	margin:0;
	padding:0;
	}

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

#loginArea{
	text-align:left;
	}

#loginArea a{
	color:#00f;
	}

	#loginArea table {
		width: 100%;
		border-collapse: collapse;
		border: solid 1px #999;
		border-top: none;
		margin-bottom: 30px;
	}
	#loginArea table th {
		width: 150px;
		background: #e9e9e9;
		border: none;
		text-align: center;
		border-top: groove 2px #fff;
		font-size: 16px;
	}

#loginArea table td{
	border:solid 1px #ccc;
	border:groove 2px #fff;
	border:none;
	padding:10px;
	background:#fff;
	border-top:groove 2px #fff;
	}



#loginArea table.noborder,
#loginArea table.noborder th,
#loginArea table.noborder td{
	border:none;
	padding:0;
	margin:0;
	background:none;
	}

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

#loginArea input#UID,
#loginArea input#UPS{
	line-height:20px;
	font-size:20px;
	padding:2px;
	width:360px;
	width:500px;
	letter-spacing: 0.1em;
	}

#loginArea input#UID{
	}


#loginArea input#UPS{
	margin-bottom:10px;
	}

ul#ID_memberID_help{
	display:none;
	padding:10px;
	padding-left:24px;
	border:solid 1px #FFCC33;
	background:#FCF6D6;
	}

ul#ID_memberID_help.open{
	display:block;
	}

ul#ID_memberID_help li{
	/*line-height:18px;*/
	margin-bottom:6px;
	line-height:120%;
	}

ul#ID_memberID_help li.restore{
	list-style:none;
	text-align:right;
	margin-top:20px;
	margin-bottom:0;
	}

ul#ID_memberID_help li.restore a{
	text-decoration:none;
	}


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

#loginArea a#loginButton{
	display:block;
	width:260px;
	height:40px;
	margin:0 auto;
	margin-top:6px;
	background:url(../images/button_login.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

#loginArea a#loginButton:hover{
	background-position:bottom;
	}

/******/
.buttonSet {
    text-align: center;
}
#loginArea input#loginButton {
    padding: 0;
    margin: 10px auto 0;
    border: none;
    display: block;
    width: 260px;
    background: #014ba2;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
}
#loginArea input#loginButton:hover{
	background-position:bottom;
	}


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

#virtualKey_Area input{
	font-size:20px;
	width:40px;
	height:40px;
	line-height:20px;
	padding:0;
	}


#virtualKey_Area{
	display:none;
	margin-top:10px;
	}

	#virtualKey_Area #number_Area {
		border: solid 5px #ccc;
		padding: 10px;
		margin-bottom: 7px;
	}

	#virtualKey_Area #capital_Area {
		float: left;
		border: solid 5px #ccc;
		padding: 10px 50px;
	}

	#virtualKey_Area #small_Area {
		float: right;
		border: solid 5px #ccc;
		padding: 10px 50px;
	}

#virtualKey_Area ul,
#virtualKey_Area ul li{
	list-style:none;
	padding:0;
	margin:0;
}

/* ▼ for IE7 */
*:first-child+html #virtualKey_Area #capital_Area,
*:first-child+html #virtualKey_Area #small_Area{
	width:200px;
	margin-bottom:10px;
	}

*:first-child+html #virtualKey_Area{}
/* ▲ for IE7 */

/***********************/
#virtualKey_Area #small_Area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#virtualKey_Area #small_Area{display:inline-block;} 
* html #virtualKey_Area #small_Area{height:1%;}
#virtualKey_Area #small_Area{display:block;}
/***********************/

/***********************/
#virtualKey_Area ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#virtualKey_Area ul{display:inline-block;} 
* html #virtualKey_Area ul{height:1%;}
#virtualKey_Area ul{display:block;}
/***********************/


#virtualKey_Area #number_Area h5{
	float:left;
	line-height:40px;
	margin-right:10px;
}

#virtualKey_Area #capital_Area h5,
#virtualKey_Area #small_Area h5{
	margin-bottom:5px;
}

#virtualKey_Area #number_Area ul li,
#virtualKey_Area #capital_Area ul li,
#virtualKey_Area #small_Area ul li{
	float:left;
}

#virtualKey_Area li.first{
	clear:both;
}

/***********************/
#virtualKey_Area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*#virtualKey_Area{display:inline-block;} */
* html #virtualKey_Area{height:1%;}
/*#virtualKey_Area{display:block;}*/
/***********************/

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

#err{
	border:solid 3px #f00;
	color:#f00;
	background:#fee;
	padding:10px;
	font-size:16px;
	text-align:center;
	margin-top:20px;
	}

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

#virtualKey_Area input#ID_letter_capital,
#virtualKey_Area input#ID_letter_small{
	margin:0;
	margin-top:10px;
	margin-bottom:5px;
	width:auto;
	}

#virtualKey_Area label{
	margin-right:20px;
	}

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


#assent_Area{
	padding:10px;
	margin:10px 0;
	border:solid 1px #aaa;
	border:solid 10px #FFCC33;
	border:solid 6px #FFCC33;
	background:#fff;
	/*height:100px;*/
	font-size:16px;
	line-height:160%;
}


#assent_body{
	display:none;
}

#assent_Area .container{
	padding:10px;
}

#assent_Area .container_border{
	padding:10px;
	border:dotted 1px #aaa;
}

#assent_Area .container_border_red{
	padding:10px;
	border:solid 6px #EDB2BA;
}

#assent_Area h3{
	font-size:20px;
	/*margin-bottom:1em;*/
	border-bottom:dotted 1px #ccc;
	padding:0.5em;
	padding:4px;
	border-left:solid 5px #FF9900;
}

#assent_Area h4{
	font-size:16px;
}

#assent_Area h5{
	font-size:20px;
	margin-bottom:1em;
	background:#f00;
	color:#fff;
	padding:0.5em;
	text-align:center;
}

#assent_Area h3 .border_L{
	border-left:solid 5px #FF9900;
	display:none;
}

#assent_Area h3 .red_back{
	background:#f00;
	color:#fff;
	text-align:center;
	margin:0 4px;
	padding:2px;
	}

#assent_Area h3.assent_switch{
	cursor:pointer;
	padding-left:14px;
	}

#assent_Area h3 .assent_switch{
	text-decoration:underline;
	padding-left:14px;
	cursor:pointer;
	}

#assent_Area p.assent_switch{
	margin-top:40px;
	text-align:center;
	}

#assent_Area p.assent_switch a{
	font-size:14px;
	text-decoration:underline;
	background:url(../images/sankaku_red_top.png) no-repeat;
	padding-left:14px;
	cursor:pointer;
	}

#assent_Area ul{
	list-style:none;
	padding:1em;
	margin:0 0px;
	border:dotted 1px #aaa;
	border:solid 6px #ccc;
	padding:10px;
	padding-top:20px;
	padding-left:2em;
}

#assent_Area li{
	margin-bottom:1em;
}

#assent_Area .marker_01{
	background:#f00;
	background:#FFFF00;
	background:#ffff99;
	background:#FFFC7F;
	background:#FFD8E0;
	color:#000;
	padding:2px;
}

#assent_Area .marker_02{
	background:#f00;
	background:#FFFF00;
	background:#ffff99;
	background:#FFFC7F;
	color:#000;
	padding:2px;
}


#assent_Area .grayBack{
	padding:5px;
	background:#eee;
	}


#assent_Area .subNote{
	font-size:12px;
	line-height:150%;
	padding:5px;
	}


#assent_Area .subNote ul{
	border:none;
	margin:0;
	padding:0;
	list-style:disc;
	padding-left:1em;
	}

#assent_Area .subNote li{
	margin-bottom:0.5em;
}
/*------------------------------*/
#countdown_time{
	font-size:40px;
	line-height:140%;
	text-align:center;
	}

.countdown_limit{
	margin:0;
	text-align:center;
	color:#f00;
	}

.check_Area{
	background:#eee;
	padding:4px;
	text-align:center;
	}

.pcc_contact{
	margin:1em;
	font-size:14px;
	text-align:right;
	}

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


.center{
	text-align:center;
	}

.red{
	color:#f00;
	}

.sub{
	font-size:12px;
	color:#aaa;
	}

.help {
    line-height: 14px;
    margin-top: 10px;
}

.buttonSet{}


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

#f-map2016_notice{
  width:80%;
  margin:auto;
  margin-top: 40px;
  text-align:center;
  padding: 10px;
  background: #3297E1;
  color: #fff;
}

#f-map2016_notice p{
	margin:0;
	margin-bottom:10px;
	font-size:1.5rem;
}

#f-map2016_notice a{
  display: block;
  color:#3297E1;
  color: #fff;
  color: #000;
  border: solid 1px #fff;
  text-decoration: none;
  padding:0.5rem;
  background:#fff;
}
/*=====================*/


#footer {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: #000;
}