@charset "UTF-8";

#contentWrapper {
	float:none;
	margin:30px auto;
	width: 850px;
}

#content {
	padding: 20px;
}

.button-select-area {
	display: flex;
/*	justify-content: center;
*/	border: #ccc 1px solid;
	border-radius: 4px;
	padding: 50px 0;
}

.button-area {
	margin: auto;
/*	text-align: center;
	width: 50%;
	display: flex;
	justify-content: center;
*/
}


.button-blue {
	margin: auto;
	width: 300px;
	display: block;
	padding: 5px 10px;
	color: #fff;
	background: #14a0dc;
	font-size: 1.2em;
	border-radius: 4px;
	border: none;
}
.button-blue:visited {
	color: #fff;
}
.button-blue:hover {
	color: #fff;
	background: #52B9EB;
	text-decoration: none;
}

.button-select-area .button-blue {
	padding: 15px 25px;
}

.button-mini {
	margin: auto;
	width: 200px;
	display: block;
	padding: 5px 10px;
	color: #444;
	background: #f6f6f6;
	border-radius: 4px;
	border: 1px solid #aeaeae;
}
.button-mini:visited {
	color: #444;
}
.button-mini:hover {
	color: #999;
	text-decoration: none;
}
/*

*/
.license-list li:not(:last-child) {
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 5px;
}


.license-list li p {
	margin: 2px 5px;
}

.info-note {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px 15px 10px;
	background-color: #fefae4;
}

.info-note-head {
	background: url('/image/index/importantTopicsIco.png') no-repeat 5px 10px;
	font-size: 19px;
	font-weight: bold;
	padding: 10px 8px 15px 35px;
}

.button-disable {
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}



.boxExample .bottom-area {
	padding: 10px 15px 0 15px;
	margin: 0 -15px 0 -15px;
	border-top: #dedede 1px solid;
	border-radius: 0px;
	background: none;
	text-align: center;
}


.link-open {
	position: relative;
	color: #ff5520;
	margin-left: 1.3em;
}

.link-open::before {
	display: inline-block;
	content: "";
	text-indent: 0;
	position: absolute;
	top: -0.4em;
	right: auto;
	bottom: 0;
	left: -1.3em;
	margin: auto;
	width: .75em;
	height: .5em;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: initial;
	transform: rotate(-45deg);
}
.link-open::after {
	content: none;
}

.link-open.open__ok {
	color: #62ab4f;
}
.link-open.open__ok::before {
	border-left: 2px solid #62ab4f;
	border-bottom: 2px solid #62ab4f;
}
/*
.passslistitem::before,
.passslistitem::after {
  display:inline-block;
  background-color:#ff5520;
  content:"";
  text-indent:0;
  position:absolute;
  top:0;
  right:auto;
  bottom:0;
  left:-1.25em;
  margin:auto;
  width:1em;
  height:2px
}
.passslistitem::before {
  transform:rotate(45deg);
}
.passslistitem::after {
  transform:rotate(-45deg)
}
*/