@charset "utf-8";

/*
* Navi Style
* Last Update: 2007-09-26
*
* 4-1.	Navi
* 4-1-1.	Dialog (DO NOT CHANGE THESE VALUES)
* 4-1-2.	Theme Images
* 4-1-3.	Theme Content
*/

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

	4-1.	Navi

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

.overlay_dialog {
	background-color: #00f;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
	background-color: #00f;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/* ------------------------------------------------------------------
	4-1-1.	Dialog (DO NOT CHANGE THESE VALUES)
------------------------------------------------------------------ */

.dialog {
	display: block;
	position: absolute;
	line-height: 1;
}

.dialog table.table_window {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: none;
	width: 100%;
}

.dialog table.table_window td,
.dialog table.table_window th {
	padding: 0;
}

.dialog .title_window {
	-moz-user-select:none;
}

/* ------------------------------------------------------------------
	4-1-2.	Theme Images
------------------------------------------------------------------ */

.dialog_nw {
	width: 18px;
	height: 30px;
	background-color: transparent;
	background-image: url("../img/navi/top_left.gif");
	background-repeat: no-repeat;
}

.dialog_n {
	height: 30px;
	background-color: transparent;
	background-image: url("../img/navi/top_mid.gif");
	background-repeat: repeat-x;
	line-height: 1;
}

.dialog_ne {
	width: 6px;
	height: 30px;
	background-color: transparent;
	background-image: url("../img/navi/top_right.gif");
	background-repeat: no-repeat;
}

.dialog_w {
	width: 4px;
	background-color: transparent;
	background-image: url("../img/navi/center_left.gif");
	background-repeat: repeat-y;
}

.dialog_e {
	width: 4px;
	background-color: transparent;
	background-image: url("../img/navi/center_right.gif");
	background-repeat: repeat-y;
}

.dialog_sw {
	width: 4px;
	height: 28px;
	background-color: transparent;
	background-image: url("../img/navi/bottom_left.gif");
	background-repeat: no-repeat;
}

.dialog_s {
	height: 28px;
	background-color: transparent;
	background-image: url("../img/navi/bottom_mid.gif");
	background-repeat: repeat-x;
}

.dialog_se {
	width: 16px;
	height: 28px;
	background-color: transparent;
	background-image: url("../img/navi/bottom_right.gif");
	background-repeat: no-repeat;
}

.dialog_sizer {
	width: 16px;
	height: 28px;
	background-color: transparent;
	background-image: url("../img/navi/bottom_right_resize.gif");
	background-repeat: no-repeat;
	cursor: nw-resize;
}

.dialog_close {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 2000;
	width: 21px;
	height: 21px;
	background-color: transparent;
	background-image: url("../img/navi/close.gif");
	background-repeat: no-repeat;
	cursor: pointer;
}

.dialog_minimize {
	position: absolute;
	top: 6px;
	right: 6px;
/*	right: 29px;*/
	z-index: 2000;
	width: 21px;
	height: 21px;
	background-color: transparent;
	background-image: url("../img/navi/minimize.gif");
	background-repeat: no-repeat;
	cursor: pointer;
}

.dialog_maximize {
	position: absolute;
	top: 6px;
	right: 51px;
	z-index: 2000;
	width: 21px;
	height: 21px;
	background-color: transparent;
	background-image: url("../img/navi/maximize.gif");
	background-repeat: no-repeat;
	cursor:pointer;
}

.dialog_close:hover,
.dialog_minimize:hover,
.dialog_maximize:hover {
	background-position: 0 -21px;
}

/* ??Rgﾍ??Aq?EBhE?{^s?ﾔ??・
#owin .dialog_close,
#owin .dialog_minimize,
#owin .dialog_maximize {
	display: none;
}
*/

/* ------------------------------------------------------------------
	4-1-3.	Theme Content
------------------------------------------------------------------ */

.dialog_title {
	margin-top: 9px;
	float: left;
	width: 100%;
	height: 21px;
	color: white;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	text-indent: 9px;
}

.dialog_content {
	overflow: auto;
	background-color: white;
}

.dialog_content iframe {
	vertical-align: bottom;
}

.top_draggable,
.bottom_draggable {
	cursor: move;
}

.wired_frame {
	display: block;
	position: absolute;
	border: 1px dashed black;
}

/* ------------------------------------------------------------------
	4-1-4.	Navi Content
------------------------------------------------------------------ */

div#naviContent {
	margin: 0;
	background-image: none;
	font-size: 100%;
	text-align: left;
}

div#naviContent dl.question {
	margin: 10px;
	padding: 15px;
	border: 1px solid #c7c7c7;
	background-image: url("../img/bg/grd_gray.gif");
	background-repeat: repeat-x;
}

div#naviContent dl.question dt {
	margin-bottom: 30px;
	padding: 20px;
		padding-left: 40px;
	border: 1px solid #525252;
	background-color: #6e6965;
	color: white;
		font-size: 110%;
		line-height: 120%;
		text-indent: -2em;
}

div#naviContent dl.question dt a {
	color: white;
}

div#naviContent dl.question dd form ul {
	list-style: none;
}

div#naviContent dl.question dd form ul li {
	_height: 1px;
	margin-top: 1em;
	margin-right: 30px;
	margin-bottom: 3px;
	padding-left: 32px;
	min-height: 1px;
/*	line-height: 2em;*/
	background-image: url(../img/mark/site_arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 16px 50%;
}

div#naviContent dl.question dd form ul li:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#naviContent dl.question dd form ul li img {
	float: right;
	margin: 0 5px 5px 0;
}

div#naviContent dl.question dd form ul.button {
	margin-top: 20px;
	margin-bottom: 20px;
}

div#naviContent dl.question dd p.undo {
	margin-left: 5px;
		margin-top: 40px;
	padding-left: 19px;
	background-image: url("../img/mark/site_arrow_square.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

div#naviContent div.result {
	margin: 10px;
	padding: 15px;
	border: 1px solid #c7c7c7;
	background-color: #f4f4f4;
}

div#naviContent div.result table {
	margin-top: 10px;
}

div#naviContent div.result table td {
	padding: 0.8em 0;
	border-bottom: 1px solid #c7c7c7;
	vertical-align: middle;
}

div#naviContent div.result table td.number {
	width: 2em;
	font-weight: bold;
	text-align: center;
}

div#naviContent div.result table td.str {
	padding-right: 10px;
	width: 350px;
}

div#naviContent div.result table td.answer {
	text-align: center;
}

div#naviContent div.result table td.answer span {
	padding: 0.3em 0;
	border: 1px solid #c7c7c7;
	display: block;
	width: 145px;
	background-color: white;
}

div#naviContent div.result dl {
	margin-top: 10px;
	padding: 1px;
	border: 1px solid #c7c7c7;
	background-color: white;
}

div#naviContent div.result dl dt {
	padding: 0.2em 0;
	background-image: url("../img/bg/result_dt.gif");
	color: white;
	font-weight: bold;
	text-align: center;
}

div#naviContent div.result dl dd {
	_height: 1px;
	min-height: 1px;
	padding: 10px;
}


div#naviContent div.result dl dd:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

div#naviContent div.result dl dd p {
	float: right;
	width: 220px;
}

div#naviContent div.result dl dd p em {
	font-weight: bold;
}

div#naviContent div.result dl dd p.thumb {
	float: left;
	width: 223px;
}