@charset "UTF-8";

/*──────────────────────────────────────────────

	canvasの表示/非表示パネル

──────────────────────────────────────────────*/

#canvas_tab {
	position:fixed;
	width:52px;
	left:5px;
	bottom:90px;
	height:120px;
	padding-top:13px;
	padding-left:5px;
	background-image:url(../common/canvas_display/bg.jpg);
	background-repeat:no-repeat;
}

#canvas_tab li {
	margin-bottom:4px;
}


/*──────────────────────────────────────────────

	右タブ

──────────────────────────────────────────────*/

#tab_right {
	text-align:left;
}

ul#answerBox {
	padding-bottom:60px;
	width:100%;
	position:relative;
	top:20px;
}

.answerBox {
	position:absolute;
	height: 562px;
	width:100%;
	top:0;
	right:0;
}

.answerContents {
	position:absolute;
	top:0;
	right:-917px;
	width: 917px;
	height: 100%;
}
/*
#answer6 .answerContents,
#answer7 .answerContents,
#answer8 .answerContents,
#answer9 .answerContents,
#answer10 .answerContents,
#answer11 .answerContents,
#answer12 .answerContents {
	right:-917px;
	width: 917px;
	right: 0px;
}
*/

.answerTab {
	cursor:pointer;
	position:absolute;
	top:0;
	left:-28px;
}

#answer6 .answerTab,
#answer7 .answerTab,
#answer8 .answerTab,
#answer9 .answerTab,
#answer10 .answerTab,
#answer11 .answerTab,
#answer12 .answerTab {
	cursor:pointer;
	position:absolute;
	top:0;
	left:-56px;
}

#answer2 .answerTab,
#answer7 .answerTab {
	top:52px;
}

#answer3 .answerTab,
#answer8 .answerTab {
	top:104px;
}

#answer4 .answerTab,
#answer9 .answerTab {
	top:156px;
}

#answer5 .answerTab,
#answer10 .answerTab {
	top:208px;
}

#answer11 .answerTab {
	top:260px;
}

#answer12 .answerTab {
	top:312px;
}

#tabR_dd {
	/*top:450px;*/
	top: 400px;
}


/*──────────────────────────────────────────────

	4.paging

──────────────────────────────────────────────*/

#paging li {
	position:absolute;
	top:20px;
	width:38px;
	height:53px;
}

#prev {
	left:55px;
}

#next {
	right:55px;
}