@charset "utf-8";
/* CSS Document */

#main-wrapper { /* 新 */
	background: #008100 url("/images/index/new/background.jpg") no-repeat fixed center top;
}
#main_inner { /* 新 */
	margin: 0 auto;
	padding: 10px 10px 30px;
	width: 945px;
	background: #FFFFFF;
}

#contents {
	margin: 10px auto;
	width: 650px;
	background-color: #FAFAFA;
}
#contents .upper .ttl_page {
	margin: 0 auto;
	text-indent: -9999px;
	width: 220px;
	height: 102px;
	background: url("/images/mytra/rulequiz/yakyu_rule_quiz.gif") no-repeat;
}
#main {
	margin: 10px auto 30px;
}
.lower .ttl_page {
	margin: 0 auto;
	text-indent: -9999px;
	width: 320px;
	height: 80px;
	background: url("/images/mytra/rulequiz/gree.gif") no-repeat;
}

/*ルールクイズ枠*/
.frame_top {
	height: 11px;
	background: url("/images/mytra/rulequiz/haikei_top.gif") no-repeat;
}
.frame_top {
	height: 11px;
	background: url("/images/mytra/rulequiz/haikei_top.gif") no-repeat;
}
.frame_top0 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top0.gif") no-repeat;
}
.frame_top1 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top1.gif") no-repeat;
}
.frame_top2 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top2.gif") no-repeat;
}
.frame_top3 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top3.gif") no-repeat;
}
.frame_top4 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top4.gif") no-repeat;
}
.frame_top5 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top5.gif") no-repeat;
}
.frame_top6 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top6.gif") no-repeat;
}
.frame_top7 {
	height: 45px;
	background: url("/images/mytra/rulequiz/haikei_top7.gif") no-repeat;
}
.frame_middle {
	margin-bottom: 20px;
}
.frame_bottom {
	height: 11px;
	background: url("/images/mytra/rulequiz/haikei_top.gif") no-repeat;
}

/*** クイズ ***/

/* ジャンル */
.frame_middle .category {
	text-align: center;
	padding-top: 40px;
}
/* 名前 */
.frame_middle .member_name {
	padding-bottom: 30px;
	font-size: 28px;
}
.frame_middle .frame_text {
	padding-bottom: 50px;
	font-size: 24px;
	line-height: 1.2em;
}
.frame_middle .category .coice {
	position: relative;
	padding-bottom: 20px;
}
.frame_middle .category .coice .new-choice {
	position: absolute;
	line-height:38px;
	left: 165px;
	font-weight:bold;
	color:#FF0000;
}
.frame_middle .category_messgage {
	line-height: 1.4em;
	font-size: 14px;
	padding: 20px 0;
}
.frame_middle .howtouse_title {
	font-size: 24px;
	line-height: 1.4em;
	color: #00A0DC;
	font-weight: bold;
}
.frame_middle .howtouse_cont dt {
	float: left;
	clear:both; 
	width: 1.2em;
	font-size: 16px;
	line-height: 1.2em;
}
.frame_middle .howtouse_cont dd {
	padding-bottom: 5px;
	margin-left: 1.2em;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
}
.frame_middle .howtouse_headline {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: normal;
}

.spass {
	margin: 40px 0;
	text-align: center;
}
.coiceoption1, .coiceoption2, .coiceoption3 {
	width: 170px;
	margin: 0 auto 20px;
	line-height: 38px;
	padding: 0 0 0 70px;
	font-size: 20px;
	text-align: left;
}
.coiceoption1 {
	background: url("/images/mytra/rulequiz/spass_1no.gif") no-repeat;
}
.coiceoption2 {
	background: url("/images/mytra/rulequiz/spass_2no.gif") no-repeat;
}
.coiceoption3 {
	background: url("/images/mytra/rulequiz/spass_3no.gif") no-repeat;
}
.coiceoption1 a, .coiceoption2 a, .coiceoption3 a {
	text-decoration: none;
	color: #F5B42D;
	font-weight: bold;
}
.coiceoption1 a:hover, .coiceoption2:hover a, .coiceoption3:hover a {
	text-decoration: none;
	color: #00A0DC;
	font-weight: bold;
}
.spass_join {
	margin: 40px auto;
	width: 450px;
}
.frame_middle .spass_title {
	font-size: 24px;
	line-height: 1.4em;
	color: #F5B42D;
	font-weight: bold;
}
.frame_middle .spass_cont dt {
	float: left;
	clear:both; 
	width: 1.2em;
	font-size: 16px;
	line-height: 1.4em;
}
.frame_middle .spass_cont dd {
	padding-bottom: 10px;
	margin-left: 1.2em;
	font-size: 16px;
	line-height: 1.4em;
}
.spass_text {
	color: #F5B42D;
}

/* ルールクイズ 問題 */
.frame_middle .question {
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1.2em;
}
.frame_middle .question div {
	display: table-cell;
	vertical-align: middle;
}
.frame_middle .question div.limg {
	width: 125px;
}
* html .frame_middle .question div {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .frame_middle .question div {/* IE 7 */
	display:inline;
	zoom:1;
}
/* ソーシャルメディア */
.frame_middle .social_item {
	padding-top: 10px;
	text-align: right;
}
.frame_middle .social_item .fb-like > span {
	vertical-align: top !important;
}
/* ルールクイズ 回答 */
.frame_middle .answer {
	padding-left: 35px;
	padding-top: 20px;
	font-size: 20px;
	line-height: 1.2em;
}
.frame_middle .answer div {
	display: table-cell;
	vertical-align: middle;
}
.frame_middle .answer div a {
	text-decoration: none;
	color: #000000;
}
.frame_middle .answer div.limg {
	width: 80px;
}
* html .frame_middle .answer div {/* IE 6 */
	display:inline;
	zoom:1;
}
*:first-child+html .frame_middle .answer div {/* IE 7 */
	display:inline;
	zoom:1;
}
/* ルールクイズ ゲージ */
.frame_middle .gauge {
	position: relative;
	height: 103px;
	line-height: 1.2em;
	padding-top: 20px;
}
.frame_middle .gauge0 {
	background: url("/images/mytra/rulequiz/gauge0.gif") no-repeat;
}
.frame_middle .gauge10 {
	background: url("/images/mytra/rulequiz/gauge10.gif") no-repeat;
}
.frame_middle .gauge20 {
	background: url("/images/mytra/rulequiz/gauge20.gif") no-repeat;
}
.frame_middle .gauge30 {
	background: url("/images/mytra/rulequiz/gauge30.gif") no-repeat;
}
.frame_middle .gauge40 {
	background: url("/images/mytra/rulequiz/gauge40.gif") no-repeat;
}
.frame_middle .gauge50 {
	background: url("/images/mytra/rulequiz/gauge50.gif") no-repeat;
}
.frame_middle .gauge60 {
	background: url("/images/mytra/rulequiz/gauge60.gif") no-repeat;
}
.frame_middle .gauge70 {
	background: url("/images/mytra/rulequiz/gauge70.gif") no-repeat;
}
.frame_middle .gauge80 {
	background: url("/images/mytra/rulequiz/gauge80.gif") no-repeat;
}
.frame_middle .gauge90 {
	background: url("/images/mytra/rulequiz/gauge90.gif") no-repeat;
}
.frame_middle .gauge100 {
	background: url("/images/mytra/rulequiz/gauge100.gif") no-repeat;
}
/* ルールクイズ ゲージ正解数 */
.frame_middle .gauge_count {
	position : absolute;
	top: 35px;
	right: 23px;
	width: 56px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}

/* ルールクイズ 正解・不正解画像 */
.frame_middle .result_img {
	position: relative;
}
/* ルールクイズ ここでクイズをやめる */
.frame_middle .stop_img {
	padding-bottom: 20px;
	text-align: right;
}
/* ルールクイズ 正解時の前問題正解率 */
.frame_middle .correct_rate {
	padding-left: 140px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
}
/* ルールクイズ 不正解時の前問題正解 */
.frame_middle .right_text {
	margin: 6px auto 10px;
	padding-bottom: 6px;
	width: 320px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	border-bottom: solid 1px #000000;
}
.frame_middle .right_text {
	amargin: 0;
	apadding: 0
}
.frame_middle .right_text dt {
	float: left;
	clear:both; 
	width: 40px;
}
.frame_middle .right_text dd {
	margin-left: 40px;
}

/* ルールクイズ 不正解時の前問題正解率 */
.frame_middle .incorrect_rate {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
/* ルールクイズ 不正解時の前問題正解 */
.frame_middle .end_text {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 24px;
	line-height: 1.2em;
}
/* ルールクイズ 終了時の連続正解記録 */
.frame_middle .end_renzoku {
	position: relative;
	padding: 30px 0;
	line-height: 1em;
}
.frame_middle .renzoku_count {
	position : absolute;
	top: 32px;
	left: 250px;
	width: 110px;
	font-size: 60px;
	line-height: 1em;
	text-align: center;
}
/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.frame_middle .seikai_count {
	top: 39px;
}
.frame_middle .renzoku_count {
	top: 40px;
}
}

/*** ランキング ***/

/* ランキング 連続正解記録 */
.frame_middle .ranking {
	text-align: center;
	padding-top: 40px;
}
.frame_middle .rank_renzoku {
	font-size: 24px;
	line-height: 1.2em;
	color: #00A0DC;
	font-weight: bold;
}
.frame_middle .rank_title {
	padding-bottom: 20px;
}
.frame_middle .kiroku {
	font-size: 36px;
	line-height: 1.2em;
}
/* ランキング ランク*/
.frame_middle .allrank_container {
	padding-left: 80px;
	padding-top: 20px;
	font-size: 24px;
	line-height: 1.2em;
}
.frame_middle .rank_container {
	padding-left: 120px;
	padding-top: 10px;
	font-size: 16px;
}
/* ルールクイズ ジャンルタイトル */
.frame_middle .allrank_category {
	padding-bottom: 20px;
	font-size: 16px;
}
.frame_middle .rank_category {
	padding-bottom: 20px;
}
/* ルールクイズ メッセージ */
.frame_middle .rank_message {
	padding-left: 50px;
	padding-bottom: 20px;
	font-size: 16px;
}
/* ルールクイズ 順位 */
.frame_middle .allrank {
	padding-left: 40px;
	padding-bottom: 0.4em;
	width: 530px;
	font-size: 24px;
	line-height: 1.2em;
}
.frame_middle .rank {
	padding-left: 60px;
	padding-bottom: 0.4em;
	width: 470px;
	font-size: 16px;
}
.frame_middle .rank_crown {
	float : left;
	width: 2.5em;
	line-height: 24px;
	text-align: right;
}
.frame_middle .rank_crown img {
	vertical-align: text-bottom;
}
.frame_middle .rank_l {
	float : left;
	padding-top: 0.2em;
	width: 3.0em;
	text-align: right;
}
.frame_middle .rank_c {
	float : left;
	padding-top: 0.2em;
	padding-right: 2.3em;
	width: 6.8em;
	text-align: right;
}
.frame_middle .rank_r {
	float : left;
	padding-top: 0.2em;
	text-align: left;
}

/* ニックネーム */
.frame_middle .handle_upper {
	height: 90px;
	text-align: center;
}
.frame_middle .handle_lower {
	height: 200px;
	text-align: center;
}
.frame_middle .nickname_txt {
	margin-top: 40px;
	color: #FF0000;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
.frame_middle .nickname_message {
	padding: 20px 0;
}
.frame_middle .nick_input {
	margin-bottom: 20px;
	width: 300px;
	height: 40px;
	font-size: 24px;
}
.frame_middle .display_nickname {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
.frame_middle .display_nickname2 {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
.frame_middle .nickname_link a {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2em;
}
/* ルールクイズ バー*/
.frame_middle .bar img {
	height: 2px;
	font-size: 0px;
}
.frame_middle .bar5 img {
	padding: 5px 0;
	height: 2px;
	font-size: 0px;
}
.frame_middle .bar10 img {
	padding: 10px 0;
	height: 2px;
	font-size: 0px;
}
.frame_middle .bar20 img {
	padding: 20px 0;
	height: 2px;
	font-size: 0px;
}
.frame_middle .bar30 img {
	padding: 30px 0;
	height: 2px;
	font-size: 0px;
}

/* ルールクイズ リンク */
.linkimg {
	text-align: center;
	padding-bottom: 20px;
}
/* ルールクイズ ランキングリンク */
.ranklinkimg {
	text-align: right;
}

.red_bold {
	color: #FF3835;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.mb20 {
	margin-bottom: 20px;
}
.mb50 {
	margin-bottom: 50px;
}
.center {
	text-align: center;
}

.error_message {
	padding-top: 30px;
	padding-bottom: 80px;
	text-align: center;
	font-size: 24px;
	line-height: 1.4em;
}
.clearfix {width:100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }

/* フッター */
.quiz_footer {
	padding-bottom: 10px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
}
.quiz_footer ul {
	margin: 0;
	padding: 0;
	width: 650x;
}
.quiz_footer li {
	display: inline;
	list-style-type: none;
	border-left: 1px solid #000000;
}
.quiz_footer li.first-link {
	border-left: none;
}
.quiz_footer li a {
	padding:0 0.7em;
	text-decoration: none;
	color: #000000;
}
.copy {
	font-family: 'Times New Roman', 'Times';
}