body {
  background-color:    #ccffcc;
  white-space:         nowrap;
  vertical-align:      middle;
}

h1 {
  text-align:          center;
  font-size:           xx-large;
  font-weight:         bold;
}

.classSelect {
  font-size:           large;
  border-top-width:    thin;
  border-left-width:   thin;
  border-right-width:  medium;
  border-bottom-width: medium;
}

.classInputArea {
  border-top-width:    thick;
  border-left-width:   thick;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           large;
  vertical-align:      middle;
  background-color:    #fff0d0;
}

.classCalculatableInputArea {
  border-top-width:    thick;
  border-left-width:   thick;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           large;
  vertical-align:      middle;
  background-color:    #d0f0ff;
}

.classCalculatableInputAreaForSetRGBFreeChangeByFunc {
  border-top-width:    thick;
  border-left-width:   thick;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           large;
  background-color:    #d0f0ff;
}

.classOutputArea {
  border-top-width:    thin;
  border-left-width:   thin;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           large;
  vertical-align:      middle;
  color:               #0000ff;
  background-color:    #f0f0f0;
  cursor:              default;
}

.classInputTextArea {
  width:               99%;
  border-top-width:    thick;
  border-left-width:   thick;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           x-large;
  background-color:    #fff0d0;
}

.classCalculatableInputTextArea {
  width:               99%;
  border-top-width:    thick;
  border-left-width:   thick;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           x-large;
  background-color:    #d0f0ff;
}

.classOutputTextArea {
  width:               99%;
  border-top-width:    thin;
  border-left-width:   thin;
  border-right-width:  thin;
  border-bottom-width: thin;
  font-size:           x-large;
  color:               #0000ff;
  background-color:    #f0f0f0;
  cursor:              default;
}

.classButton {
  vertical-align:      middle;
  border-top-width:    thin;
  border-left-width:   thin;
  border-right-width:  medium;
  border-bottom-width: medium;
}

.classDivFile         {
  display:             none;
}

.classGraphCanvasArea {
  text-align:          center;
}

.classGraphsButtonArea {
  text-align:          center;
}

.classTdParameterForSetRGBFreeChangeByFunc {
  border-style:        solid;
  border-width:        1px;
}

.classTrPaletteGradationSelectColor {
  border-style:        solid;
  border-width:        1px;
  background-color:    #ffffff;
}

.classPColorSelectColor {
  background-color:    #ffffff;
  margin-left:         20px;
  border-style:        solid;
  border-width:        thin;
  border-color:        #000000;
  width:               340px;
  height:              50px;
}

#idCanvasBackgroundCanvas {
  z-index:             1;
  background-color:    #ffffff;
}

#idCanvasFractalCanvas {
  z-index:             2;
}

#idCanvasFrameCanvas {
  z-index:             3;
}

#idCanvasProgressCanvas {
  z-index:             5;
}

#idCanvasSelectAreaCanvas {
  z-index:             4;
}

#idCanvasCrossHairCursorCanvas {
  z-index:             6;
}

#idPPaletteCanvasArea {
  text-align:          center;
}

#idCanvasPaletteCanvas {
  background-color:    #ffffff;
}

#idPPolynomial       {
  background-color:    #f0f0f0;
  margin-left:         30px;
  border-style:        solid;
  border-width:        thin;
  border-color:        #000000;
  overflow:            auto;
  height:              130px;
  width:               500px;
}

#idPolynomialHead      {
  color:               #0000ff;
  background-color:    #f0f0f0;
}

#idPolynomialBody      {
  color:               #ff0000;
  background-color:    #f0f0f0;
}

#idPNewtonSolutionColor{
  background-color:    #f0f0f0;
  margin-left:         30px;
  border-style:        solid;
  border-width:        thin;
  border-color:        #000000;
  overflow:            auto;
  height:              130px;
  width:               500px;
}

#idNewtonSolutionColorHead {
  color:               #0000ff;
  background-color:    #f0f0f0;
}

#idNewtonSolutionColorBody {
  color:               #ff0000;
  background-color:    #f0f0f0;
}

#idPColorTable       {
  background-color:    #f0f0f0;
  margin-left:         20px;
  border-style:        solid;
  border-width:        thin;
  border-color:        #000000;
  overflow:            auto;
  height:              120px;
  width:               290px;
}

#idColorTableHead      {
  color:               #0000ff;
  background-color:    #f0f0f0;
}

#idColorTableBody      {
  color:               #ff0000;
  background-color:    #f0f0f0;
}

#idCanvasWorkCanvas {
  display:             none;
}

#idSpanPointPickUpCorrect,
#idDivPolynomial,
#idDivFractalConst,
#idDivFractalCalcDotPartParameter,
#idDivFractalCalcOptionParameter,
#idDivFractalPaletteUsePattarn1cycleParameter,
#idDivFractalPalette2Parameter,
#idDivFractalPaletteUsePattarn1cycle2Parameter,
#idDivFractalPaletteUsePattarn1cycle2Parameter,
#idDivFractalPalette2Parameter,
#idDivEditNewtonPaletteInformation,
#idCanvasPalette2Canvas,
#idSpanPalette2CanvasCommand,
#idRadioEditPalette2EditMenu,
#idTableParameterForSetRGBFreeChangeByFunc1,
#idTableParameterForSetRGBFreeChangeByFunc2,
#idTableParameterForSetRGBFreeChangeByFunc3,
#idTableParameterForSetRGBFreeChangeByFuncR,
#idDivPaletteCulcurateParameter,
#idDivPaletteManualParameter,
#idDivFrameColorIndivisuallyParameter,
#idDivFrameColorIndivisually2Parameter,
#idDivFrameColorIndivisually3Parameter,
#idDivFrameWidthIndivisuallyParameter,
#idDivFrameWidthIndivisually2Parameter,
#idDivFrameWidthIndivisually3Parameter,
#idDivCrossHairCursorParameter,
#idDivSelectAreaParameter,
#idDivBodyBackgroundParameter,
#idDivProgressColorParameter {
  display:             none;
}