@CHARSET "UTF-8";

/**
 * for 'login'
 */

div.image_base {
	position: relative;
}

div.image_base > .ot-sdk-show-settings {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	display: grid;
	place-items: center;
}

button.button_red {
	width: 90%;
	margin: 5px;
	font-size: 12px;
	color: #000000;
	padding: 3px;
	background-color:#FFCCCC;
	background: -moz-linear-gradient(
		top,
		#FFCCCC 0%,
		#CCAAAA);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FFCCCC),
		to(#CCAAAA));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
}

button.button_green {
	width: 90%;
	margin: 5px;
	font-size: 12px;
	color: #000000;
	padding: 3px;
	background-color:#CCFFCC;
	background: -moz-linear-gradient(
		top,
		#CCFFCC 0%,
		#AACCAA);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#CCFFCC),
		to(#AACCAA));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
}

button.button_blue {
	width: 90%;
	margin: 5px;
	font-size: 12px;
	color: #000000;
	padding: 3px;
	background-color:#CCCCFF;
	background: -moz-linear-gradient(
		top,
		#CCCCFF 0%,
		#AAAACC);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#CCCCFF),
		to(#AAAACC));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
}

button.button_yellow {
	width: 90%;
	margin: 5px;
	font-size: 12px;
	color: #000000;
	padding: 3px;
	background-color:#FFFFAA;
	background: -moz-linear-gradient(
		top,
		#FFFFAA 0%,
		#CCCC99);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#FFFFAA),
		to(#CCCC99));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #DDDDDD;
}

/**
 * for 'login_select'
 */
.contentBox.cardSelect {
	border: 1px #000 solid;
	padding: 5px;
	background: #FFCC00;
	}

.loginThumbArea > * {
	text-align: left;
	/*margin-left: 75px;*/
	}
.loginThumbArea .no {
	text-align: right;
	}
.loginThumbArea > img {
	float: left;
	width: 70px;
	height: 70px;
	margin-left: 0;
	}

/* お知らせバナー */
#oshirase {
	text-align: center;
	width:300px;
	background:#0033ff;
	background:-moz-linear-gradient(top, #0033ff, #000066);
	background:-webkit-gradient(linear, left top, left bottom, from(#0033ff), to(#000066));
	float:center;
	margin:0px auto;
	padding:10px 0px 10px 0px;
}
#oshirase h2{
	padding:5px auto;
	padding-bottom:5px;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #595757;
}
#oshirase ul{
	width:280px;
	margin:0 auto;
	padding-left:2px;
	background:#FFFFFF;
}
#oshirase li{
	text-align:left;
	padding-left:5px;
}
#oshirase li.link_error{
	text-align:center;
}