@charset "UTF-8";

/* Q&A */

h3 { clear: both; width: 648px; height: 37px; text-indent: -9999px; }
.pagetitle10 { background: url(../images/rule/faq/img_pt_db_game.jpg) no-repeat left top; }
.pagetitle11 { background: url(../images/rule/faq/img_pt_db_card.jpg) no-repeat left top; }
.pagetitle20 { background: url(../images/rule/faq/img_pt_op_game.jpg) no-repeat left top; }
.pagetitle21 { background: url(../images/rule/faq/img_pt_op_card.jpg) no-repeat left top; }
.pagetitle30 { background: url(../images/rule/faq/img_pt_tr_game.jpg) no-repeat left top; }
.pagetitle31 { background: url(../images/rule/faq/img_pt_tr_card.jpg) no-repeat left top; }
.result {
	clear: both; margin: 2em auto -1em auto; width: 627px; height: 37px; text-indent: -9999px;
	background: url(../images/rule/faq/img_pt_result.jpg) no-repeat left top;
}

/*FAQの質問回答のtdの中リンク色みえづらいので色変えます*/
td a {	text-decoration: underline; }
td a:link		{ color: #069; }
td a:visited	{ color: #069; }
td a:hover		{ color: #09F; }
td a:active	{ color: #09F; }

/* 検索
-------------------------------------------------------*/
#faqsearch {
	margin: 1.5em auto 0 auto;
	background: url(../images/rule/faq/bg_search.jpg) no-repeat left top;
	width: 628px;
	height: 92px;
}
#faqsearch-free {
	margin-bottom: 1px;
	padding-top: 10px;
	height: 35px;
	border-bottom: 1px solid #666666;
	text-align: center;
}
#faqsearch-btn {
	padding-top: 9px;
	border-top: 1px solid #505050;
	text-align: center;
}
#faqsearch-free #free { width: 200px; }

#notfound {
	margin: 2em auto -1em auto;
	width: 627px;
	height: 200px;
}


/* 更新履歴
-------------------------------------------------------*/
#topics {
	clear: both;
	margin: 17px auto 0 auto;
	background: url(../images/rule/faq/bg_topics_t.jpg) no-repeat left top;
	width: 628px;
	height: 26px;
	text-indent: -9999px;
}
#list-topics {
	margin: 0 auto;
	padding: 1px;
	background: url(../images/rule/faq/bg_topics.gif) repeat-y left top;
	width: 626px;
	border-bottom: 1px solid #ffcc00;
}
#list-topics ul {
	overflow: auto;
	list-style-type: none;
	height: 68px;
}
#list-topics ul li {
	margin: 3px 0 0 10px;
	font-size: 95%;
	line-height: 1.3;
	text-decoration: none;
}
.newest { margin-right: 0.7em; color: #ff0000; font-size: 85%; font-weight: bold; }


/* Q&A内容
-------------------------------------------------------*/
#individual{
	width: 628px;
	margin: 2em auto 15px auto;
}

.category {
	display: block;
	margin: 0 auto 10px auto;
	padding: 3px 7px;
	color: #ffcc00;
	font-size: 153.9%;
	background-color: #666666;
}
.info_2 {
	display: block;
	margin: 0 auto 10px auto;
	padding: 2px 7px;
	color: #ffffff;
	background-color: #666666;
}

#individual table{
	background: #b0b0b0;
	margin-bottom: 5px;
	width: 100%;
	border-collapse: collapse;
}
.card_caption{
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	border-top: 1px solid #666666;
}
.l_u{
	background-color: #990000;
	width: 20%;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}
.r_u{
	background-color: #f9e8e8;
	width: 80%;
	color: #000000;
	padding: 5px;
	white-space: normal;
}
.l_b{
	background-color: #006699;
	width: 20%;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}
.r_b{
	background-color: #e7f0fa;
	width: 80%;
	color: #000000;
	padding: 5px;
	white-space: normal;
}
.card_link {
	background: #ffffff;
	color: #000000;
	text-align: right;
}

/**/

/* 勝利条件のルール変更についてのお知らせ
-------------------------------------------------------*/
.pagetitle_change { background: url(../image/rule/faq/img_change.jpg) no-repeat left top; }

#change_info {
	margin: 0 auto;
	padding: 1px;
	background: url(../image/rule/faq/bg_topics.gif) repeat-y left top;
	width: 626px;
	border-bottom: 1px solid #ffcc00;
	border-top: 1px solid #ffcc00;
}
#change_info p { padding:5px; }

table.list {
	margin: 20px auto 0 auto;
	border-collapse: collapse;
}
table.list tr th, table.list tr td {
	border: 1px solid #ff6600;
	height: 1.4em;
	padding:5px;
}
table.list tr th { background-color: #333333; font-weight: bold; width: 132px; }
table.list tr td { background-color: #ffe3c8;/*#ffcc99;*/ color: #000000; }
table.list tr th { line-height: 1.5em; }
table.list tr td.kaitei { font-weight: bold; color:#F00; }



.img_change {
	margin: 0 auto;
	width: 573px;
	padding:10px 0 10px 0;
}



/*拡大画像*/
#img_change1 { margin: 1em auto; background: url(../../image/rule/faq/img_change1.jpg) no-repeat left top; width:573px; height:1163px; }

ul.cardimg1 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg1 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:80px 5px 0px 80px;
	width: 109px; height: 160px;
}
ul.cardimg1 li img { margin: 0; }
ul.cardimg1 li div.zoomimg1 {
	display: none;
	position: absolute;
	left: -90px; top: -130px;
	margin: 0; padding: 0;
	background: none;
	width: 274px; height: 400px;
}
ul.cardimg1 li:hover { zoom: 1; z-index: 1; }
ul.cardimg1 li:hover div.zoomimg1 { display: block; margin: 0; z-index: 2; }


ul.cardimg2 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg2 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:-200px 0px 0px 340px;
	width: 82px; height: 120px;
}
ul.cardimg2 li img { margin: 0; }
ul.cardimg2 li div.zoomimg2 {
	display: none;
	position: absolute;
	left: -80px; top: -120px;
	margin: 0; padding: 0;
	background: none;
	width: 274px; height: 400px;
}
ul.cardimg2 li:hover { zoom: 1; z-index: 1; }
ul.cardimg2 li:hover div.zoomimg2 { display: block; margin: 0; z-index: 2; }


ul.cardimg3 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg3 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:220px 0px 0px 80px;
	width: 109px; height: 160px;
}
ul.cardimg3 li img { margin: 0; }
ul.cardimg3 li div.zoomimg3 {
	display: none;
	position: absolute;
	left: -90px; top: -130px;
	margin: 0; padding: 0;
	background: none;
	width: 274px; height: 400px;
}
ul.cardimg3 li:hover { zoom: 1; z-index: 1; }
ul.cardimg3 li:hover div.zoomimg3 { display: block; margin: 0; z-index: 2; }





#img_change2 { margin: 1em auto; background: url(../../image/rule/faq/img_change2.jpg) no-repeat left top; width:573px; height:816px; }

ul.cardimg4 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg4 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:25px 0 0px 390px;
	width: 109px; height: 160px;
}
ul.cardimg4 li img { margin: 0; }
ul.cardimg4 li div.zoomimg4 {
	display: none;
	position: absolute;
	left: -90px; top: -130px;
	margin: 0; padding: 0;
	background: none;
	width: 274px; height: 400px;
}
ul.cardimg4 li:hover { zoom: 1; z-index: 1; }
ul.cardimg4 li:hover div.zoomimg4 { display: block; margin: 0; z-index: 2; }


ul.cardimg5 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg5 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:235px 0 0px 435px;
	width: 109px; height: 160px;
}
ul.cardimg5 li img { margin: 0; }
ul.cardimg5 li div.zoomimg5 {
	display: none;
	position: absolute;
	left: -90px; top: -130px;
	margin: 0; padding: 0;
	background: none;
	width: 274px; height: 400px;
}
ul.cardimg5 li:hover { zoom: 1; z-index: 1; }
ul.cardimg5 li:hover div.zoomimg5 { display: block; margin: 0; z-index: 2; }




#img_change3 { margin: 1em auto; background: url(../../image/rule/faq/img_change4.jpg) no-repeat left top; width:573px; height:816px; }

ul.cardimg6 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg6 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:60px 0 0px 370px;
	width: 160px; height: 109px;
}
ul.cardimg6 li img { margin: 0; }
ul.cardimg6 li div.zoomimg6 {
	display: none;
	position: absolute;
	left: -130px; top: -90px;
	margin: 0; padding: 0;
	background: none;
	width: 400px; height: 274px;
}
ul.cardimg6 li:hover { zoom: 1; z-index: 1; }
ul.cardimg6 li:hover div.zoomimg6 { display: block; margin: 0; z-index: 2; }


ul.cardimg7 { list-style-type: none; margin:20px 0 0 0px; }
ul.cardimg7 li {
	behavior: url("../../css/csshover.htc");
	float: left;
	position: relative;
	margin:280px 0 0px 410px;
	width: 160px; height: 109px;
}
ul.cardimg7 li img { margin: 0; }
ul.cardimg7 li div.zoomimg7 {
	display: none;
	position: absolute;
	left: -130px; top: -90px;
	margin: 0; padding: 0;
	background: none;
	width: 400px; height: 274px;
}
ul.cardimg7 li:hover { zoom: 1; z-index: 1; }
ul.cardimg7 li:hover div.zoomimg7 { display: block; margin: 0; z-index: 2; }


/**/