@charset "UTF-8";

#system div.content{
	padding:10px;
}

#system div.basic div.row{
	display:table;
	width:100%;
	
	font-size:1.2rem;
	line-height:2.0em;
	font-weight:normal;
	margin-bottom:5px;
}

#system div.basic div.row p.que{
	display:table-cell;
	width:40%;
}

#system div.basic div.row p.que span{
	display:block;
	background-color:#c00;
	background-image:url(../images/bg-system-que.png);
	background-repeat:repeat-y;
	background-size:20px;
	padding:5px;
	padding-left:25px;
	margin:0.5px;
	font-weight:bold;
}

#system div.basic div.row p.ans{
	display:table-cell;
	width:60%;
}

#system div.basic div.row p.ans span{
	display:block;
	background-color:#c00;
	padding:5px;
	margin:0.5px;
	font-weight:bold;
}

#system ul.attention{
	font-size:0.8rem;
	line-height:1.75em;
}

#system ul.attention li{
	list-style-type:disc;
	list-style-position:outside;
	margin:10px 20px;
}

#system div.course div.row{
	display:table;
	width:100%;
	
	font-size:1.2rem;
	line-height:2.0em;
	font-weight:normal;
	margin-bottom:5px;
}

#system div.course div.row p.que{
	display:table-cell;
	width:40%;
}

#system div.course div.row p.que span{
	display:block;
	background-color:#c00;
	background-image:url(../images/bg-system-que.png);
	background-repeat:repeat-y;
	background-size:20px;
	padding:5px;
	padding-left:25px;
	margin:0.5px;
	font-weight:bold;
}

#system div.course div.row p.ans{
	display:table-cell;
	width:60%;
}

#system div.course div.row p.ans span{
	display:block;
	background-color:#c00;
	padding:5px;
	margin:0.5px;
	font-weight:bold;
}

#form .form_group{
	border:solid 5px #c00;
	
	background-color:#fff;
	color:#444;
}

#form .form_group li{
	width:100%;
	margin:0 auto;
}

#form .form_group li span.ttx{
	display:block;
	vertical-align:top;
	
	box-sizing:border-box;
	padding:10px;
	
	background-color:#a00;
	font-weight:bold;
	color:#fff;
}

#form .form_group li span.input{
	display:block;
	vertical-align:top;
	
	box-sizing:border-box;
	padding:10px;
}

#form .form_group select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  
  width:200px;
  border-radius: 2.5px;
  border:solid 1px #ccc;
  margin: 0;
  padding: 10px;
  background: none transparent;
  background-image:url(../images/bg-icon-select.png);
  background-repeat:no-repeat;
  background-size:20px;
  background-position:center right;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  
  font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:1.0rem;
  line-height:20px;
  color:#666;
}

#form .form_group select option{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#form .form_group .options p.ttx{
		display:inline-block;
		padding:0 10px;
		border-radius:5px;
		background-color:#c00;
		color:#fff;
		margin:10px 0;
}

#form .form_group .options ul li{
	width:47%;
	float: left;
    text-align: center;
    cursor: pointer;
	
	font-size:0.8rem;
	line-height:2.0em;
	
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	
	background-color:#eee;
	margin:1.5%;
	padding:10px 0;
	border-radius:5px;
}
	
#form .form_group .options ul li.checked {
    background: #09f;
    color: #fff;
}

#price{
	clear: both;
	background-color:#c00;
	font-size:1.5rem;
	line-height:2.0em;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
}