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

*
{
	margin:0px;
}

html
{
	overflow-y:scroll;
	touch-action:manipulation;
	height:100%;
}

body
{
	font-family:"メイリオ","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	
	font-size:62.5%;
	
	position:relative;
	
	/*長押しタッチのポップアップ制限*/
	-webkit-touch-callout:none;
	-moz-touch-callout:none;
	touch-callout:none;
	
	/*ブラウザ側での画像のドラッグでの選択を制限*/
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select: none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	user-select:none;
	
	background-color:#505050;
	
	-webkit-appearance:none;
}

math
{
	margin:0px;
	padding:0px;
	line-height:1em;
}

table
{
	font-size:62.5%;
}

div
{
	margin:0px;
	padding:0px;
}

p
{
	line-height:1em;
	position:relative;
}

h1,h2,h3,h4,h5
{
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	
	line-height:1em;
	font-size:1em;
	
	color:#FFFFFF;
	font-weight:bold;
	background-color:#57709D;
	text-align:left;
	
}

math
{
	font-size:1.5em;
}

input, textarea
{
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	-webkit-appearance: none;
	outline:0;
}

input[type="image"]
{
	-webkit-appearance:none;
	border-radius:0;
}


input[type="text"], input[type="email"], input[type="tel"], textarea
{
	font-size:1em;
}

*
{
	-webkit-appearance:none;
}

input[type="button"],input[type="submit"]
{
	-webkit-appearance:none;
	border-radius:0px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus
{
	
	background-color:#ffffff;
	outline:none;
	font-size:1em;
	vertical-align:middle;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input[type="image"]:focus
{
	outline:none;
}

input:select, textarea:select
{
	outline:none;
}

.checkLine
{
	padding-left:1em;
	text-indent:-1em;
	vertical-align:middle;
}

.numberBlock
{
	display:inline-block;
	text-indent:0px;
	vertical-align:middle;
	margin-bottom:10px;
}

input[type="number"]
{
	-moz-appearance:textfield;
	
	border:none;
	outline:none;
	
	font-size:1em;
	
	text-align:center;
	vertical-align:middle;
}

input[type="number"].lineText
{
	width:40px;
	
	cursor:default;
	
	-ms-user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
	user-select:none;
	
	vertical-align:middle;
}

input[type="number"].lineNumber
{
	width:40px;
}

input[type="text"].listInput
{
	border:none;
	
	text-align:center;
	width:70px;
	
	font-size:1.5em;
	
	margin:0px;
	padding:0px;
}

input[type="image"].upBtn
{
	display:inline-block;
	
	vertical-align:middle;
	
	cursor:pointer;
}

input[type="image"].downBtn
{
	display:inline-block;
	
	vertical-align:middle;
	
	cursor:pointer;
}

input.dataText
{
	width:80px;
	
	border:1px solid #171F7E;
	background-color:#ffffff;
	outline:none;
	border-radius:6px;
	font-size:24px;
	
	text-align:center;
	
	-moz-box-shadow:1px 1px 0px 0px #AAAAAA;
	-webkit-box-shadow:1px 1px 0px 0px #AAAAAA;
	box-shadow:1px 1px 0px 0px #AAAAAA;
}

image#menuOpen
{
	position:absolute;
	z-index:200;
}


img
{
	margin:0px;
	padding:0px;
	
	/*タッチの長押し制限*/
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

p
{
	line-height:2em;
}


h1#title
{
	height:40px;
	
	margin-top:0px;
	margin-bottom:20px;
	
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	
	position:relative;
}

h1#title span#heading
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	overflow:hidden;
	
	font-size:2.8em;
	line-height:1em;
	
	position:absolute;
	top:8px;
	left:20px;
}

h1#title span#pageNumber
{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	overflow:hidden;
	
	font-size:2.8em;
	line-height:1em;
	
	position:absolute;
	top:8px;
	right:30px;
}

input.text
{
	width:30px;
}

input#rightBtn,#leftBtn,#upBtn,#downBtn,#frontBtn
{
	font-size:2em;
	margin-left:20px;
}

p#modelControl
{
	-webkit-touch-callout:none;
}

#contents
{
	text-align:left;
	margin:0px;
	padding:0px;
}

#main
{
	text-align:left;
	margin:0px auto;
	padding:0px;
	position:relative;
	background-color:#FFFFFF;
	
	overflow:hidden;
	
	display:none;
}

a:link
{
	color:#154796;
	text-decoration:none;
}

a:visited
{
	color:#154796;
	text-decoration:none;
}


a:hover
{
	color:#57709D;
	text-decoration:underline;
}


a:active
{
	color:#888888;
	text-decoration:underline;
}

#menuBlock
{
	position:absolute;
	display:block;
	
	margin:0px;
	padding:0px;
	
	text-align:left;
	font-Size:2.4em;
	overflow:hidden;
	background-color:#FFFFFF;
	z-index:890;
}

#closeBlock
{
	float:left;
	
	margin:0px;
	padding:0px;
	
	text-align:right;
}

#controlBlock
{
	float:left;
	
	margin:0px;
	padding:0px;
}

.controlItem
{
	position:relative;
	border-bottom:1px #999999 solid;
	padding:10px 20px;
	vertical-align:middle;
	font-size:0.7em;
}

.controlItem_bottom
{
	border-bottom:none;
}

.controlItem img
{
	line-height:1em;
	vertical-align:middle;
}

.controlItem p
{
	line-height:1em;
	vertical-align:middle;
}

.controlItem p.marginBottom
{
	margin-bottom:10px;
}

.controlItem span
{
	line-height:1em;
	vertical-align:middle;
}

.controlItem p.form
{
	font-size: 1.5em;
}

.controlItem p.indent
{
	margin-left:32px;
	vertical-align:middle;
}

.controlItem p.topPadding
{
	margin-top:10px;
	vertical-align:middle;
}

.controlItem span
{
	line-height:1em;
}

#toolBlock
{
	position:absolute;
	top:-1px;
	right:0px;
	border-left:1px #999999 solid;
	
	z-index:900;
	
	text-align:center;
	
	width:50px;
	height:100%;
}

.toolBtn
{
	-webkit-appearance: none;
	
	width:50px;
	height:auto;
	line-height:1em;
	
	border:none;
}

.toolBtn#fileBtn
{
	display:none;
}

#toolBox
{
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:1em;
	position:relative;
	width:50px;
	background-color:#E5E5E5;
}

.toolBoxBtn
{
	float:left;
	display:inline-block;
	border:none;
	width:50px;
	height:50px;
	line-height:1em;
}

hr
{
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
	
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	
	border-top:1px #999999 solid;
	border-right:0px #999999 solid;
	border-bottom:0px #999999 solid;
	border-left:0px #999999 solid;
}

hr.toolHr
{
	display:block;
	position:absolute;
	left:2px;
	border:none;
	border-top:1px #222222 dashed;
	height:1px;
	width:46px;
}

img.penModeImage
{
	border:1px #222222 solid;
	line-height:1em;
	margin:0px;
	padding:0px;
}

img#logoImage
{
	width:36px;
	height:auto;
	position:absolute;
	bottom:5px;
	left:7px;
	
	cursor:pointer;
}

/*ふきだし*/
.balloon
{
	position:absolute;
}

.box
{
	width:240px;
}


/*以下コンテンツごとの設定*/
#contentBlock
{
	width:920px;
	font-size:1.6em;
	
	margin-bottom:0px;
	
	padding-bottom:0px;
	
	position:relative;
}

#formulaConfig
{
	display:none;
	float:left;
	width:400px;
	text-align:center;
	font-Size:1.4em;
}

#leftConfig
{
	position:relative;
	width:400px;
	float:left;
	background-color:#FFFFFF;
}

#formulaBlock
{
	font-size:0.75em;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
	text-align:left;
}

#arrowBlock
{
	position:relative;
	background-image:url(../img/arrow_back.png);
	background-repeat:repeat-y;
	padding-left:20px;
}

#arrowBlock img#arrow_head
{
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

#optionBlock
{
	width:580px;
}

#optionBlock p
{
	margin-left:5px;
	margin-right:5px;
}

.opOkPar
{
	line-height:1em;
	vertical-align:middle;
}

.contentModal
{
	position:relative;
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}

#modalBlock
{
	font-size:2.4em;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.5);
	
	text-align:center;
	
	display:none;
	
	z-index:1000;
}

#modalInner
{
	display:inline-block;
	position:absolute;
	
	z-index:1001;
}

img.modalClose
{
	top:5px;
	right:5px;
	cursor:pointer;
	margin:0px;
	padding:0px;
}

.typeBlock0
{
	width:180px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:left;
}

.typeBlock1
{
	width:200px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:left;
}

.typeBlock2
{
	width:230px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:left;
}

.typeBlock3
{
	width:230px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
}

.typeBlock4
{
	width:350px;
	
	margin-left:auto;
	margin-right:auto;
	
	text-align:center;
}

#areaBlock
{
	vertical-align:text-bottom;
}

#alertBlock
{
	/*
	position:absolute;
	top:0px;
	left:0px;
	*/
}

.leftBlock
{
	float:left;
}

.rightBlock
{
	float:right;
}

.updownBlock
{
	float:left;
	width:40px;
}

.lineBlock
{
	float:left;
	text-align:center;
	margin-right:10px;
}


#graphBlock
{
	overflow:hidden;
	position:relative;
	float:left;
}

#numLineBlock
{
	margin-top:20px;
	margin-right:80px;
	overflow:hidden;
	position:relative;
	float:right;
}

#triangleBlock
{
	padding:0px;
	border:1px #000000 solid;
	text-align:center;
	width:auto;
	
	position:relative;
	width:800px;
	height:500px;
}

#modelBlock
{
	margin-bottom:10px;
	padding:0px;
	border:1px #000000 solid;
	text-align:center;
	
	position:relative;
	width:800px;
	height:450px;
}

iframe
{
	position:absolute;
	margin:0px;
	padding:0px;
	left:0px;
}

input[type="text"]#addInput
{
	background:none;
	border:1px #171F7E solid;
	position:absolute;
	top:0px;
	left:0px;
	padding:5px;
	line-height:0em;
	font-size:16px;
	display:none;
	
	-webkit-appearance:none;
	
	width:300px;
	
	z-index:150;
}

.innerBox
{
	margin-right:40px;
	margin-bottom:10px;
}

#svgCanvas
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	
	margin:0px;
	padding:0px;
}

svg.textSvg
{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:default;
}


a.tab-default
{
	display:block;
	float:left;
	width:164px;
	height:40px;
	
	opacity:1;
	
	text-decoration:none;
	font-size:1.8em;
	font-weight:bold;
	color:#FFFFFF;
	
	background-color:#57709D;
	border:2px #57709D solid;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	
	overflow:hidden;
}

a.tab-selected
{
	display:block;
	float:left;
	width:164px;
	height:40px;
	
	text-decoration:none;
	font-size:1.8em;
	font-weight:bold;
	color:#57709D;
	
	background-color:#FFFFFF;
	border:2px #57709D solid;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	
	overflow:hidden;
}

p.exp
{
	font-size:0.75em;
}

a#changeBtn
{
	display:inline-block;
	width:auto;
	
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	line-height:2em;
	font-weight:bold;
	color:#FFFFFF;
	
	text-align:center;
	
	background-color:#57709D;
	border-radius:10px;
	
	overflow:hidden;
}

#configBlock
{
	position:absolute;
	bottom:10px;
	right:55px;
	width:40px;
	text-align:center;
	z-index:300;
}

#tabBlock
{
	width:860px;
	height:40px;
	position:absolute;
	top:50px;
	left:50px;
	z-index:98;
}

#tabContent
{
	border-top:solid 0px #57709D;
	border-left:solid 2px #57709D;
	border-right:solid 2px #57709D;
	border-bottom:solid 2px #57709D;
	
	background-color:#FFFFFF;
	width:856px;
	height:400px;
	
	position:absolute;
	top:40px;
}

#inputBlock
{
	width:820px;
	margin-top:20px;
	margin-left:20px;
	
	font-size: 2.8em;
}

input[type=radio],input[type=checkbox]
{
    display: inline-block;
}

input[type=radio] + label,input[type=checkbox] + label
{
    position: relative;
    display: inline-block;
    
    line-height: 1em;
    cursor: pointer;
}

.checkBlock
{
	text-align:left;
	font-size:1em;
	margin-bottom:10px;
}

.contentCheckLine
{
	font-size:1.4em;
	margin-bottom:10px;
}

label.changeLabel
{
	display:none;
}

#box0,#box1,#box2,#box3,#box4,#box5
{
	display:inline-block;
}

#box1,#box2,#box3,#box4
{
	display:none;
}

span#aSpan00,#aSpan10,#qSpan10,#aSpan20,#pSpan20,#aSpan30,#pSpan30,#qSpan30,#aSpan40,#bSpan40,#cSpan40
{
	display:inline;
}

span#aSpan01,#aSpan11,#qSpan11,#aSpan21,#pSpan21,#aSpan31,#pSpan31,#qSpan31,#aSpan41,#bSpan41,#cSpan41
{
	display:none;
}

span.display
{
	color:#000000;
}

span.hide
{
	color:#FFFFFF;
}

span#alert
{
	color:#FF0000;
	font-size:16px;
	line-height:1em;
	/*display:none;*/
	margin-bottom:20px;
}

span.selectable
{
	color:#007AC5;
	cursor:pointer;
}

span.exception
{
	display:inline-block;
	padding:3px;
	font-size:1em;
}

img.equalImg
{
	height:0.75em;
	width:auto;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}

img.imageBtn
{
	vertical-align:middle;
	cursor:pointer;
}

#decisionBlock
{
	width:820px;
	position:absolute;
	bottom:20px;
}


#selectBlock
{
	font-weight:bold;
	
	position:absolute;
	top:10px;
	left:10px;
	
	z-index:90;
}

.numberSelect
{
	float:left;
	margin-right:20px;
}

p.marker
{
	float:left;
	border:1px solid #57709D;
	line-height:1.6em;
	padding-right:5px;
	font-weight:bold;
	
	margin-right:10px;
}

p.marker span.leftSpan
{
	color:#FFFFFF;
	background-color:#57709D;
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
}

p.marker span.rightSpan
{
	background-color:#FFFFFF;
	display:inline-block;
	padding-left:5px;
}

p.qNumber
{
	float:left;
	display:inline-block;
	margin-right:40px;
}

p.selectText
{
	display:block;
	float:left;
	margin-right:10px;
}

.selectBox
{
	display:inline-block;
	float:left;
	width:50px;
	text-align:center;
}

p.selected
{
	border:2px solid #171F7E;
	background-color:#FFFFFF;
	border-radius:6px;
	margin-bottom:2px;
}

p.pPulldown,.qPulldown
{
	display:none;
	border:2px solid #171F7E;
	background-color:#FFFFFF;
}

p.commonBtn
{
	display:inline-block;
	width:auto;
	cursor:pointer;
	
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	font-size:0.75em;
	line-height:2em;
	color:#007AC5;
	
	text-align:center;
	
	vertical-align:middle;
	
	background-color:#FFFFFF;
	
	border:2px solid #007AC5;
	
	overflow:hidden;
}


p.imageBtn
{
	display:inline-block;
	width:auto;
	cursor:pointer;
	
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	text-decoration:none;
	line-height:2em;
	color:#000000;
	
	text-align:center;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:1px 1px 0px 0px #AAAAAA;
	-webkit-box-shadow:1px 1px 0px 0px #AAAAAA;
	box-shadow:1px 1px 0px 0px #AAAAAA;
	
	background:-webkit-linear-gradient(top, #FFFFFF, #CACACA);
	background:-moz-linear-gradient(top, #FFFFFF, #CACACA);
	background:-ms-linear-gradient(top, #FFFFFF, #CACACA);
	background:linear-gradient(top, #FFFFFF, #CACACA);
	
	border:1px solid #171F7E;
	
	overflow:hidden;
	vertical-align:central;
	line-height:0em;
}

p.offBtn
{
	display:inline-block;
	width:auto;
	cursor:pointer;
	
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	height:30px;
	line-height:30px;
	font-weight:bold;
	
	color:#FFFFFF;
	font-size:1.0em;
	text-align:center;
	
	background-color:#999999;
	border-radius:10px;
	border:2px solid #999999;
	vartical-align:bottom;
	
	overflow:hidden;
}

p.onBtn
{
	display:inline-block;
	width:auto;
	cursor:pointer;
	
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	height:30px;
	line-height:30px;
	font-weight:bold;
	
	color:#57709D;
	font-size:1.0em;
	text-align:center;
	
	background-color:#FFFFFF;
	border-radius:10px;
	border:2px solid #57709D;
	vartical-align:bottom;
	
	overflow:hidden;
}

p.toggleOn
{
	display:inline-block;
	
	margin:0px;
	
	text-align:center;
	
	cursor:pointer;
	height:30px;
	
	padding-left:20px;
	padding-right:20px;
	
	background:-webkit-linear-gradient(top, #FFFFFF, #CACACA);
	background:-moz-linear-gradient(top, #FFFFFF, #CACACA);
	background:-ms-linear-gradient(top, #FFFFFF, #CACACA);
	background:linear-gradient(top, #FFFFFF, #CACACA);
	
	border:1px solid #171F7E;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	
	-moz-box-shadow:1px 1px 1px 1px #AAAAAA;
	-webkit-box-shadow:1px 1px 1px 1px #AAAAAA;
	box-shadow:1px 1px 1px 1px #AAAAAA;
	
	vertical-align:middle;
	
	cursor:pointer;
}

p.toggleOff
{
	display:inline-block;
	
	margin:0px;
	
	text-align:center;
	
	cursor:pointer;
	height:30px;
	
	padding-left:20px;
	padding-right:20px;
	
	background:-webkit-linear-gradient(top, #CACACA, #888888);
	background:-moz-linear-gradient(top, #CACACA, #888888);
	background:-ms-linear-gradient(top, #CACACA, #888888);
	background:linear-gradient(top, #CACACA, #888888);
	
	border:1px solid #171F7E;
	
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	
	-moz-box-shadow:1px 0px 1px 1px #AAAAAA;
	-webkit-box-shadow:1px 1px 1px 1px #AAAAAA;
	box-shadow:1px 1px 1px 1px #AAAAAA;
	
	vertical-align:middle;
	
	cursor:pointer;
}

p.descText
{
	display:inline-block;
	width:auto;
	
	padding-left:10px;
	text-decoration:none;
	line-height:2em;
	font-weight:bold;
	color:#000000;
	margin-bottom:20px;
	text-align:center;
	background-color:#FFFFFF;
	overflow:hidden;
}

p.buttonFront
{
	display:inline-block;
	width:auto;
	cursor:default;
	
	text-decoration:none;
	line-height:2em;
	color:#000000;
	
	text-align:center;
	
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	
	overflow:hidden;
}

p.buttonAfter
{
	display:inline-block;
	width:auto;
	cursor:default;
	
	text-decoration:none;
	line-height:2em;
	color:#000000;
	
	text-align:center;
	
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	
	overflow:hidden;
}

p.blankBtn
{
	display:none;
	width:auto;
	cursor:pointer;
	
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	line-height:2em;
	color:#FFFFFF;
	
	text-align:center;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:1px 1px 0px 0px #AAAAAA;
	-webkit-box-shadow:1px 1px 0px 0px #AAAAAA;
	box-shadow:1px 1px 0px 0px #AAAAAA;
	
	background:-webkit-linear-gradient(top, #CACACA, #606060);
	background:-moz-linear-gradient(top, #CACACA, #606060);
	background:-ms-linear-gradient(top, #CACACA, #606060);
	background:linear-gradient(top, #CACACA, #606060);
	
	border:1px solid #171F7E;
	
	overflow:hidden;
}

p.guide
{
	font-size:1em;
	color:#00274E;
	font-weight:bolder;
}

p.windowGuide
{
	font-size:0.75em;
	color:#000000;
	font-weight:bolder;
	text-align:left;
	
	padding-left:10px;
	margin-right:20px;
	border-left:2px #171F7E solid;
	border-bottom:2px #171F7E solid;
}

p#startBtn
{
	display:inline-block;
	width:auto;
	cursor:pointer;
	
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	line-height:2em;
	font-weight:bold;
	color:#FFFFFF;
	
	margin-bottom:20px;
	
	text-align:center;
	
	background-color:#57709D;
	border-radius:10px;
	
	overflow:hidden;
}

p#arrayPar
{
	display:block;
	position:relative;
	margin-left:40px;
}

span#arraySpan
{
	position:relative;
}

span.dragText
{
	position:absolute;
	font-family:Times New Roman;
	vertical-align:text-bottom;
	cursor:default;
	padding-left:5px;
	padding-right:5px;
}

a#showBtn
{
	display:inline-block;
	width:auto;
	
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	line-height:2em;
	font-weight:bold;
	color:#FFFFFF;
	
	margin-bottom:20px;
	
	text-align:center;
	
	background-color:#57709D;
	border-radius:10px;
	
	overflow:hidden;
}

a.linkBtn
{
	display:inline-block;
	width:auto;
	
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
	line-height:2em;
	font-weight:bold;
	color:#FFFFFF;
	
	margin-bottom:20px;
	
	text-align:center;
	
	background-color:#57709D;
	border-radius:10px;
	
	overflow:hidden;
}

a#backBtn
{
	position:absolute;
	top:10px;
	right:10px;
	z-index:99;
}

a#recordBtn,a#clearBtn
{
	float:left;
	margin-right:20px;
}

table#polyTable
{
	background-color:#FFFFFF;
	text-align:center;
	font-size:1.4em;
	border-collapse:collapse;
	border-spacing:0;
}

table#polyTable th
{
	background-color:rgba(233,227,206,1);
	font-weight:normal;
	border:1px solid #000000;
	padding:5px;
}

table #polyTable tr,th,td
{
	border:1px solid #000000;
	background-color:#FFFFFF;
	padding:5px;
}

table#dataTable
{
	background-color:#FFFFFF;
	text-align:center;
	font-size:0.8em;
	border-collapse:collapse;
	border-spacing:0;
}

table#listTable
{
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:10px;
	padding:0px;
}

table.symTable
{
	display:inline;
	margin:0px;
	padding:0px;
	
	line-height:1em;
	border-collapse: collapse;
	
	vertical-align:bottom;
}

table.symTable tr td
{
	margin:0px;
	padding:0px;
}

table.symTable td.td0
{
	border-top:1px #FFFFFF solid;
	border-right:0px #000000 solid;
	border-bottom:0px #000000 solid;
	border-left:0px #000000 solid;
	
}

table.symTable td.td1
{
	border-top:1px #000000 solid;
	border-right:0px #000000 solid;
	border-bottom:0px #000000 solid;
	border-left:0px #000000 solid;
	
	vertical-align:bottom;
}

table.accTable
{
	text-align:center;
	font-size:1em;
	border-collapse:collapse;
	border-spacing:0;
}

table.accTable th
{
	font-weight:normal;
	background-color:#EBF3D8;
}

table.accTable th.leftTh
{
	border-left:none;
}

table.accTable th.rightTh
{
	border-right:none;
}

table.accTable td.ceil
{
	border:none;
}

table.accTable td.leftTd
{
	border-left:none;
}

table.accTable td.rightTd
{
	border-right:none;
}

table.accTable td#lineTd
{
	background-image:-moz-linear-gradient(to top right,
                        transparent, transparent 49.5%,
                        black 49.5%, black 50.5%,
                        transparent 50.5%, transparent);
						
	background-image:-webkit-linear-gradient(to top right,
                        transparent, transparent 49.5%,
                        black 49.5%, black 50.5%,
                        transparent 50.5%, transparent);
						
	background-image:linear-gradient(to top right,
                        transparent, transparent 49%,
                        black 49.5%, black 50.5%,
                        transparent 50.5%, transparent);
}

table.frac
{
	display:inline-block;
	margin:0px;
	padding:0px;
	line-height:1em;
	border-collapse: collapse;
	
	text-align:center;
	vertical-align:middle;
	
}

table.frac td.numer
{
	border:none;
	font-size:0.625em;
	line-height:1em;
	padding:0px 0px 2px 0px;
}

table.frac td.denom
{
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:none;
	font-size:0.625em;
	line-height:1em;
	padding:2px 0px 0px 0px;
}

table.buttonControl
{
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px;
	
	font-weight:bolder;
	
	line-height:1em;
	border-collapse: collapse;
	border:none;
	text-align:center;
	vertical-align:middle;
	border-spacing:0;
}

table.buttonControl tr td
{
	border:none;
}

table.simuTable
{
	display:inline-block;
	margin:0px 10px 0px 0px;
	padding:0px;
	
	line-height:1em;
	border-collapse: collapse;
	border:none;
	text-align:center;
	vertical-align:middle;
	border-spacing:0;
}

table.simuTable th
{
	color:#FFFFFF;
	background-color:#57709D;
	padding:10px;
}

table.simuTable td
{
	width:100px;
	padding:10px;
	
	border:1px #000000 solid;
}

input.polyText
{
	text-align:center;
	border:0px;
	background-color:#FFFFFF;
	border-radius:0px;
	font-size:1em;
}

input.polyText:focus
{
	text-align:center;
	border:0px;
	background-color:#FFFFFF;
	border-radius:0px;
	font-size:1em;
}

input[type="image"].spanChangeBtn
{
	display:inline-block;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:8px;
	
	width:24px;
	height:24px;
	
	text-indent:0em;
	
	text-decoration:none;
	line-height:2em;
	color:#878787;
	
	text-align:center;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	
	-moz-box-shadow:1px 1px 0px 0px #AAAAAA;
	-webkit-box-shadow:1px 1px 0px 0px #AAAAAA;
	box-shadow:1px 1px 0px 0px #AAAAAA;
	
	background:-webkit-linear-gradient(top, #FFFFFF, #CACACA);
	background:-moz-linear-gradient(top, #FFFFFF, #CACACA);
	background:-ms-linear-gradient(top, #FFFFFF, #CACACA);
	background:linear-gradient(top, #FFFFFF, #CACACA);
	
	border:1px solid #171F7E;
	
	overflow:hidden;
	
	cursor:pointer;
}

.spanChangeBlock
{
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	border:1px solid #171F7E;
	
	text-align:center;
	padding:10px;
}

.spanChangeBlock p
{
	margin-left:5px;
	margin-right:5px;
}

.bracBlock
{
	margin:0px;
	padding:0px;
}

.bracBlock img
{
	margin:0px;
	padding:0px;
}

.bracBlock img.bracTop
{
	position:absolute;
	top:0px;
	left:0px;
}

.bracBlock img.bracCenter
{
	position:absolute;
	left:0px;
}

.bracBlock img.bracBottom
{
	position:absolute;
	bottom:0px;
	left:0px;
}

span.update
{
	margin-left:10px;
	font-size:0.75em;
	padding-left:2px;
	padding-right:2px;
}

span.borderNum
{
	display:inline-block;
	border:1px #000000 solid;
	line-height:1.2em;
	padding-left:2px;
	padding-right:2px;
}

table.expTable
{
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	font-size:1.2em;
	border-collapse:collapse;
	border-spacing:0;
	
	margin-right:20px;
	margin-bottom:20px;
}

table.expTable th
{
	background-color:#57709D;
	color:#FFFFFF;
}

table.expTable caption
{
	text-align:left;
}

.expParagraph
{
	padding-top:1.4em;
}

.videoBlock
{
	width:640px;
	text-align:center;
	margin:10px auto;
	position:relative;
}

span.times
{
	font-family:"Times New Roman";
	font-style:italic;
	vertical-align:middle;
}

span.uTimes
{
	font-family:"Times New Roman";
	vertical-align:middle;
}


/*ヘルプ*/
#helpBlock
{
	margin:0px;
	padding:0px;
	line-height:0px;
	display:none;
}

#helpBlock
{
	margin:0px;
	padding:0px;
}

#helpImageBlock
{
	float:left;
	width:820px;
	background-color:#FFFFFF;
	margin:0px;
	border:1px #9C9C9C solid;
	padding:20px;
}

#helpTabBlock
{
	float:left;
	margin:0px;
	padding:0px;
	width:30px;
}

img.helpTabImage
{
	/*長押しタッチのポップアップ制限*/
	touch-callout:none;
	user-select:none;
	
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	
	/*ブラウザ側での画像のドラッグでの選択を制限*/
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	
	margin:0px 0px 5px 0px;
	padding:0px;
}

#versionCheckBlock
{
	display:none;
	text-align:center;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:10px 20px;
}

#checkFrame
{
	display:none;
}

#versionOpen
{
	margin:5px;
}

#versionClose
{
	margin:5px;
}

/*ユークリッド互除法用の背景色*/
span.euc0
{
	background-color:#D5E8C2;
}
span.euc1
{
	background-color:#D2ECFB;
}
span.euc2
{
	background-color:#CFB8D8;
}
span.euc3
{
	background-color:#FDE9BC;
}
span.euc4
{
	background-color:#8DC224;
}
span.euc5
{
	background-color:#009FE8;
}
span.euc6
{
	background-color:#B373D8;
}
span.euc7
{
	background-color:#9E792A;
}
span.euc8
{
	background-color:#4E8E54;
}
span.euc9
{
	background-color:#257889;
}


/*和事象の確率*/
span.eventA
{
	background-color:#D5E8C2;
}

span.eventB
{
	background-color:#D2ECFB;
}

span.eventAB
{
	background-color:#F6F4E5;
}

span.eventU
{
	background-color:#FFFFFF;
}
#eventBalloon
{
	position:absolute;
	top:20px;
	left:20px;
	padding:5px;
	border-radius:10px;
	height:auto;
	width:300px;
	border: 1px solid #000000;
	background-color:#FFFFFF;
	text-align:center;
	display:none;
	
	cursor:default;
}

#eventBalloon:before
{
	position: absolute;
	right: 50%;
	top: -28px;
	content:" ";
	border-bottom: 14px solid #000000;
	border-right: 7px solid transparent;	
	border-top: 14px solid transparent;	
	border-left: 7px solid transparent;		
}

#eventBalloon:after
{
	position: absolute;
	right: 50%;
	top: -26px;
	content:" ";
	border-bottom: 14px solid #fff;
	border-right: 7px solid transparent;	
	border-top: 14px solid transparent;	
	border-left: 7px solid transparent;		
}

#animeSlider
{
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
}


#minConfig
{
	float:left;
	vertical-align:middle;
}

#maxConfig
{
	float:right;
	vertical-align:middle;
}

span.configText
{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:0px 5px;
	color:#000000;
	line-height:1em;
}

img.sliderConfigBtn
{
	cursor:pointer;
	line-height:1em;
	vertical-align:middle;
	margin:0px 5px;
	padding:0px;
	
}

img.imgBtn
{
	cursor:pointer;
	line-height:1em;
	vertical-align:middle;
	margin:0px;
	padding:0px;
}

img.iconBtn
{
	cursor:pointer;
}

table#loadingTable
{
	width:100%;
	height:100%;
	
	margin:0px;
	padding:0px;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
	border:0px;
	opacity: 0.8;
	position:absolute;
	left:0px;
	top:0px;
	z-index:10000;
	color:#FFFFFF;
	font-size:1.5em;
}

table#loadingTable td
{
	vertical-align: middle;
	border:0px;
	background-color:#000000;
}

img#loadingGif
{
	margin:0px;
	padding:0px;
}

img#menuOpen
{
	cursor:pointer;
	position:absolute;
	z-index:200;
}

img#menuClose
{
	cursor:pointer;
}