@charset "utf-8";

/***********************/

body{
	padding-bottom:40px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "sans-serif";
	background-color:#BAE5F8;
	}

/*
#wrap{
	width:700px;
	margin:0 auto;
	padding:0;
	}

#mainArea{
	width:680px;
	background:#fff;
	padding:10px;
	}
*/

#wrap{
	width:660px;
	margin:0 auto;
	padding:0;
	}

#header{
	width:auto;
	position:relative;
	}
/*
#header h1{
	float:left;
	}
*/
#header p#returnTop{
	text-align:right;
	margin:0;
	background:url(../../images/header/mark_return.gif) no-repeat;
	padding-left:26px;
	height:22px;
	line-height:22px;
	position:absolute;
	right:6px;
	bottom:0px;
	}

#header p#returnTop a{
	color:#fff;
	text-decoration:none;
	}

#mainArea{
	/*background:#fff;
	padding:20px;
	*/
	clear:both;
	}

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

#contents h2{
	height:40px;
	width:auto;
	margin:0;
	/*background:url(../images/title_login.gif) no-repeat;*/
	background:url(../images/login_header.jpg) no-repeat;
	position:relative;
	}

#contents h2 a#regist{
	background:url(../images/button_new_regist.jpg) no-repeat;
	display:block;
	width:240px;
	height:30px;
	position:absolute;
	right:10px;
	top:5px;
	}

#contents h2 a#regist:hover{
	background-position:bottom;
	}

/* ▼ for IE7 */
*:first-child+html #contents form{
	margin:0;
	padding:0;
	}

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

#loginArea{
	text-align:left;
	}

#loginArea a{
	color:#00f;
	}

#loginArea table{
	border:none;
	width:100%;
	border-collapse:collapse;
	/*
	border-collapse:separate;
	border:solid 1px #ccc;
	background:#002E7C;
	background:#5D87B8;
	*/
	border:groove 2px #fff;
	border:solid 1px #5D87B8;
	border:solid 1px #999;
	border-top:none;
	}

#loginArea table th{
	width:100px;
	padding:10px;
	background:#eee;
	background:#D6EDF9;
	border:solid 1px #ccc;
	border:groove 2px #fff;
	border:none;
	text-align:center;
	opacity: 0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
	border-top:groove 2px #fff;
	}

#loginArea table td{
	border:solid 1px #ccc;
	border:groove 2px #fff;
	border:none;
	padding:10px;
	/*
	background:#F6F9FE;
	*/
	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 input#B1{
	padding:0;
	border:none;
	display:block;
	width:260px;
	height:40px;
	background:url(../images/button_login.jpg) no-repeat;
	}

#loginArea input#B1:hover{
	background-position:bottom;
	}
*/


#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;
	}

/******/

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

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


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

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

/*
#virtualKEY_td input{
	font-size:20px;
	}
*/

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

#virtualKey_Area #number_Area{
	border:solid 5px #ccc;
	padding:10px;
	}

#virtualKey_Area #capital_Area{
	float:left;
	border:solid 5px #ccc;
	padding:10px 20px;
	margin-right:10px;
	}

#virtualKey_Area #small_Area{
	float:left;
	float:right;
	border:solid 5px #ccc;
	padding:10px 20px;
	/*display:none;*/
	}

#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:250px; */
	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;
	/*
	text-indent:-1em;
	margin-bottom:0.5em;
	*/
}

#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-align:right;
	font-size:14px;
	margin-left:140px;
	margin-left:60px;
	background:url(../images/sankaku_red_bottom.png) no-repeat;
	*/
	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%;
	/*border:dotted 1px;*/
	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_Area{
	/*display:none;*/
	}

#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;
	/*margin-top:40px;*/
	font-size:14px;
	text-align:right;
	}

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


.center{
	text-align:center;
	}

.red{
	color:#f00;
	}

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

.help{
	background:url(../images/mark_01.jpg) no-repeat;
	line-height:14px;
	padding:2px;
	padding-left:18px;
	margin-top:10px;
	clear:both;
	}

.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;
}
/*=====================*/