@charset "UTF-8" ;

.modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 18px 20px 0;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	text-decoration: underline;
    color: #373F85;
}

.button-link:hover {
	cursor: pointer ;
	color: #FF4000 ;
}
.modal-content .button-link {
    border: 1px solid #373F86;
    border-radius: 50px;
    background: url(/koho/math-everywhere/images/ico_tojiru.gif) 10% 50% no-repeat;
    margin: 35px auto 10px;
    width: 132px;
    padding: 4px 0px 4px 0;
    display: block;
    text-decoration: none;
    color: #373F85;
	text-align: center;
}
.modal-content dt{
	border-bottom:3px solid #eee;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 10px;
}
.modal-content dd{
	font-size: 110%;
	padding: 0 10px;
}