@charset "UTF-8";
@import "common.css";
@import "corner.css";

/*-----------------------------------------
	ログイン前
-----------------------------------------*/

.doriru-bg {
	background:url(../img/doriru/doriru_bg.jpg) center repeat-y;
}

.doriru-box {
	padding:20px;
	margin-top:20px;
}

.doriru-setumei {
	width:770px;
	margin:0 auto 30px auto;
	background-color:#FFFFFF;
	text-align:center;
}

.doriru-link {
	width:770px;
	margin:10px auto 0 auto;
	text-align:right;
}

.doriru-btn {
	clear:both;
	width:470px;
	margin:0 auto 20px auto;
	font-size:0;
	line-height:0;
}

h2{
	text-align:left;
}

h3{
	text-align:left;
}

p{
	text-align:left;
}


/*-----------------------------------------
	ログイン後
-----------------------------------------*/

.doriru-log-box {
	width:725px;
	margin:0 auto;
	padding:30px 0;
}

.doriru-log-top {
	margin-bottom:20px;
}

.doriru-log-btn {
	clear:both;
	width:725px;
	margin:20px auto 0 auto;
}

.doriru-log-btn li {
	float:left;
	width:235px;
	font-size:0;
	line-height:0;
}

.vol2-btn {
	margin:0 10px;
}

/*-----------------------------------------
	問題
-----------------------------------------*/

.que {
	clear:both;
	width:790px;
	margin-bottom:12px;
	padding:0 0 7px 0;
	font-weight:bold;
	color:#ff6c00;
	background:url(../img/common/line_orange.gif) bottom left repeat-x;
}

.que .icon {
	float:left;
	width:33px;
}

.que .txt {
	float:right;
	width:747px;
	text-align:left;
}

.sentaku {
	clear:both;
	width:747px;
	margin-bottom:20px;
	padding:0 0 0 43px;
}

.sentaku-select {
	float:left;
	width:623px;
	text-align:left;
}

.sentaku-select input {
	margin:0 5px 5px 0;
}

.kanren_link {
	float:right;
	width:114px;
}

.sentaku-btn {
	clear:both;
	width:790px;
	text-align:center;
}


.error-message {
	margin-top:10px;
	color:#DF0000;
	font-weight:bold;
}

/*-----------------------------------------
	答え合わせ
-----------------------------------------*/

.ans-tokuten {
	margin-bottom:15px;
	padding:5px 10px;
	text-align:left;
	font-weight:bold;
	font-size:131%;
	color:#ffffff;
	background-color:#ff7200;
}

.ans-waku {
	width:770px;
	padding:10px;
	background-color:#FFFFFF;
}

.ans-box {
	clear:both;
	width:770px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:2px dotted #cccccc;
}

.ans-box .q {
	float:left;
	width:655px;
	margin:7px 0 0 5px;
	text-align:left;
}

.ans-box .q-icon {
	font-weight:bold;
	font-size:131%;
	color:#ff7200;
}

.ans-box .seikai {
	float:right;
	width:70px;
	padding:10px 15px;
	text-align:center;
	color:#cc0000;
	font-weight:bold;
	background-color:#ffcccc;
}

.ans-box .fuseikai {
	float:right;
	width:70px;
	padding:10px 15px;
	text-align:center;
	color:#093c9d;
	font-weight:bold;
	background-color:#ccffff;
}


.ans-re-btn {
	clear:both;
	width:770px;
	margin:25px 0 20px 0;
	text-align:center;
}

.ans-re-btn li {
	display:inline;
	margin:0 2px;
}