@charset "utf-8";
body {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}

.wrapper {
	position:relative;
	width: 700px;
	height: 500px;
	margin: 10px auto;
	padding: 0;
	background-color: #DBEEF7;
	border-radius: 10px;
}

.contents {
	width: 660px;
	height:500px;
	margin: 0 auto 0;
}

h2 {
	margin:0 10px 0;
	padding:20px 0 0;
	color:#00559D;
	font-size:24px;
	line-height:1.2;
	font-weight:normal;
}
.number {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:36px;
	color:#43A2D0;
}

.choice {
	margin:50px 0 0;
}
.choice li {
	background-color:#43A2D0;
	border-radius:20px;
	width:450px;
	margin:20px auto;
	font-size:18px;
	line-height:1.1;
	color:#FFF;
	padding:10px 20px;
	font-weight:bold;
}
.choice li.on {
	background-color:#7CBD27;
}

.answer {
	margin:30px 0 0;
	font-size:24px;
	font-weight:bold;
}
.explain {
	margin:0 30px;
}

.rollover,
.choice li {
	cursor:pointer;
}

#good,
#bad {
	position:absolute;
	top:30px;
	left:135px;
	display:none;
}

.next {
	position:absolute;
	top:430px;
	left:190px;
}

#myScore {
	color:#E61087;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	汎用
+++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear:both; }
.texCenter { text-align:center!important; }
.texLeft { text-align:left!important; }
.texRight { text-align:right!important; }
.weightNormal { font-weight:normal!important; }
.floatL { float:left; }
.floatR { float:right; }
.photoL {
	float:left;
	margin:0 1em 1em 0;
}
.photoR{
	float:right;
	margin:0 0 1em 1em;
}
.boxCenter {
	display:block;
	margin:0 auto; 
}
.borderNone { border:none!important; }
.overflowHidden { overflow:hidden; }
.imeDisabled { ime-mode:disabled; }
.photoFrame {
	-moz-box-shadow:1px 1px 3px #999;
	-webkit-box-shadow:1px 1px 3px #999;
	box-shadow:1px 1px 3px #999;
}
/*+++++++++++++++++++++++++++++++++++++++++++
	横幅
+++++++++++++++++++++++++++++++++++++++++++ */
.w500 { width:500px; }
.w450 { width:450px; }
.w400 { width:400px; }
.w350 { width:350px; }
.w300 { width:300px; }
.w250 { width:250px; }
.w200 { width:200px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w50 { width:50px; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	color
+++++++++++++++++++++++++++++++++++++++++++ */
.color_red { color:#F00; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	font-size
+++++++++++++++++++++++++++++++++++++++++++ */
/*※font-size:87.5%(14px相当)を基準としたサイズ*/
.fs10px { font-size:71.4%!important; }
.fs11px { font-size:78.6%!important; }
.fs12px { font-size:85.7%!important; }
.fs13px { font-size:92.8%!important; }
.fs15px { font-size:107.2%!important; }
.fs16px { font-size:114.3%!important; }
.fs17px { font-size:121.4%!important; }
.fs18px { font-size:128.6%!important; }
.fs19px { font-size:135.7%!important; }
.fs20px { font-size:142.8%!important; }
.fs22px { font-size:157.2%!important; }
.fs24px { font-size:171.4%!important; }
.fs26px { font-size:185.7%!important; }
.fs300 { font-size:300%!important; }
.fs250 { font-size:250%!important; }
.fs200 { font-size:200%!important; }
.fs150 { font-size:150%!important; }
.fs120 { font-size:120%!important; }
.fs110 { font-size:110%!important; }
.fs90 { font-size:90%!important; }
.fs80 { font-size:80%!important; }
.fs70 { font-size:70%!important; }
.fs60 { font-size:60%!important; }
.fs50 { font-size:50%!important; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	margin 
+++++++++++++++++++++++++++++++++++++++++++ */
.mt0 { margin-top:0!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mr0 { margin-right:0!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.ml0 { margin-left:0!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }

.pd20 { padding-left:20px; padding-right:20px; }


/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */