BODY
{
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  margin-left : 20px;
  border : none;
  padding-top : 0px;
  padding-bottom : 0px;
  padding-left : 0px;
  padding-right : 0px;

  background-color : #F0FFF0;

  color : #000000;	/* 文字色 */
  font-size : 20px;	/* 文字サイズ */
  font-family: "ＭＳ Ｐゴシック",sans-serif;

  line-height : 25px;
}

DIV.Main
{
  width : 1100px;
  height : 1000px;
}

IMG
{
  width : 98%;
  background-repeat : no-repeat;
}

IMG.Small
{
  width : 50%;
  height : 50%;
  background-repeat : no-repeat;
}

IMG.SSmall
{
  width : 30%;
  height : 30%;
  background-repeat : no-repeat;
}

IMG.PDF
{
  width : 8%;
  height : 8%
  background-repeat : no-repeat;
}

DIV.TopBar
{
  background-color : #006400;
  width : 100%;
  height : 20px;
}

IMG.TopBar
{
  width : 1100px;
  height : 300px;
}

DIV.TopDetail
{
  color : #000000;
  font-size : 20px;

  text-align : center;
}

DIV.DetailLeft
{
  float : left;

  width : 75%;
}

DIV.DetailRight
{
  float : right;

  width : 25%;
}

/* お問い合わせボタン */
.square_btn{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #3bc918;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.square_btn:active {/*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

H1
{
  padding: .5em .75em;
  background-color: #87FF87;
  border-left: 6px solid #ccc;
  width : 90%;
}

H2
{
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #ccc;
  border-bottom: 1px solid #ccc;
  width : 90%;
}

H3.Title
{
	padding: 1em;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
        text-align : center;
}
H4.Title {
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
}

DIV.TopFrame
{
  border-style: solid;
  border-width: 3px;
  width : 800px;
  height : 50px;

  border-color : #006400;
  color : #006400;
  font-size : 30px;
  font-weight: bold;

  line-height : 50px;
  text-align : center;

  margin-top : 10px;
  margin-bottom : 10px;
}

DIV.RightFrame
{
  border-style: solid;
  border-width: 3px;
  width : 250px;
  height : 30px;

  border-color : #006400;
  color : #006400;
  font-size : 18px;

  font-weight: bold;
  line-height : 30px;
  text-align : center;

  margin-top : 10px;
  margin-bottom : 10px;
}


DIV.FooterBar
{
  margin-top : 470%;
  background-color : #006400;

  width : 100%;
  height : 20px;
}



/** メニュー */
/* --- メニュー2 開始 --- */
DIV.nav2 {
width: 100%; /* ナビゲーションの幅 */
background: #008000 repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #004600 solid; /* 上境界線 */
border-bottom: 1px #008000 solid; /* 下境界線 */
margin: 10px 0;
font-size: 80%;
}
DIV.nav2 UL.nl {
width: 1100px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #008000 repeat-x top; /* メニューの背景 */
border-left: 1px #004600 solid; /* メニューの左境界線 */
border-right: 1px #008000 solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}
DIV.nav2 UL.nl li {
width: 10%; /* 項目の幅 */
float: left;
}
DIV.nav2 UL.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #008000 solid; /* リンクエリアの左境界線 */
border-right: 1px #004600 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 太字 */
}
DIV.nav2 UL.nl li a:link {
color: #ffffff;
}
DIV.nav2 UL.nl li a:visited {
color: #ffffff;
}
DIV.nav2 UL.nl li a:hover {
color: #ffff00;
}
DIV.nav2 UL.nl li a:active {
color: #ffff00;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

PRE.ESP {
  margin-top : 10px;
  margin-bottom : 1px;
  margin-left : 10px;
  margin-right : 1px;
}

.result{
  /*margin:2em 0;*/
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.result:before, .result:after{
  content: '';
  position: absolute;
  top: -10px;
  width: 2px;
  height: -webkit-calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: black;
}
.result:before {left: 10px;}
.result:after {right: 10px;}
.result p {
  margin: 0; 
  padding: 0;
}