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

	import設定
	
----------------------------------------------------*/
/* Webブラウザのデフォルトスタイルのリセット */
@import url("common.css");

/*----------------------------------------------------

	サイト全体の共通設定

----------------------------------------------------*/
#o_stage_menu ul {
    width: 180px;
	height: 300px;
	list-style-type: none;
	background-image: url(../img/trivia/menu1.jpg);
	list-style-position: inside;
}
#o_stage_menu li {
	float: left;
	list-style-position: inside;
}


#o_stage_menu li a {
	display: block;
	height: 50px;
	width: 180px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}


/* 左メニュー */

#o_stage_menu li.o_menu_01 a {
    margin-top:55px;
}
#o_stage_menu li.o_menu_01 a.on,
#o_stage_menu li.o_menu_01 a:focus,
#o_stage_menu li.o_menu_01 a:hover {
	background: url(../img/trivia/menu2.jpg) no-repeat 0px -55px;
}

#o_stage_menu li.o_menu_02 a.on,
#o_stage_menu li.o_menu_02 a:focus,
#o_stage_menu li.o_menu_02 a:hover {
	background: url(../img/trivia/menu2.jpg) no-repeat 0px -105px;
}

#o_stage_menu li.o_menu_03 a.on,
#o_stage_menu li.o_menu_03 a:focus,
#o_stage_menu li.o_menu_03 a:hover {
	display: block;
	background: url(../img/trivia/menu2.jpg) no-repeat 0px -155px;
}
#s_stage_contain {
    float:left;
	height: 100%;
	width: 900px;
	position:relative;
}
#s_stage_left {
	float:left;
	width: 520px;
}
#s_stage_left .space{
    float:left;
}
.ap_text {
	width: 870px;
	height: 265px;
	padding-top: 80px;
	line-height: 25px;
	background-image:url(../img/trivia/ap_text.jpg);
	padding-left: 30px;
	background-repeat: no-repeat;
}
.space_margin_left{
    float:left;
	padding-left:20px;
}

.qa {
	clear:left;
	width: 810px;
	padding-left: 60px;
	margin-bottom:30px;
	background-image: url(../img/trivia/qa.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
.qa1 {
	clear:left;
	width: 810px;
	padding-left: 60px;
	background-image: url(../img/trivia/qa.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	
}
.title {
    clear:left;
	font-size:18px;
	margin-top:20px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.syosai {
    clear:left;
    margin-top:20px;
	line-height: 20px;
}

.t_stage {
    float: left;
	margin-top: 10px;
}
.to_top {
	float: right;
	margin-top: 5px;
	background: url(../img/to_top.jpg) no-repeat;
	height: 30px;
	width: 120px;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
}
.botan_onsen {
    float: right;
	height: 36px;
	width: 240px;
	margin-top:10px;
	margin-bottom:20px;
}
.botan_onsen a.onsen{
    float: right;
	background: url(../img/trivia/botan_onsen1.jpg) no-repeat;
	height: 36px;
	width: 240px;
}
.botan_onsen a.onsen:active,
.botan_onsen a.onsen:hover {
	background: url(../img/trivia/botan_onsen2.jpg) no-repeat;
}