body
{
  margin:0px;
  padding:0px;
  font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;;
  }

div{
  overflow-wrap:break-word;
  word-wrap: break-word;
  box-sizing: border-box;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
}

input{
  box-sizing: border-box;
}

textarea{
  box-sizing: border-box;
  resize:none;
}

a,a:hover,a:visited{
  color: inherit;
}
div.Middle{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
}
div.Center{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;
}
div.Right{
  width:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.MiddleCenter{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;
}
div.MiddleRight{
  width:100%;
  height:100%;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}
div.Full
{
  position:relative;
  width:100%;
  height:100%;
}
input.Full
{
  position:relative;
  width:100%;
  height:100%;
}
textarea.Full
{
  position:relative;
  width:100%;
  height:100%;
}
img.Full
{
  position:relative;
  width:100%;
  height:100%;
}
select.Full
{
  position:relative;
  width:100%;
  height:100%;
}
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }

.dropmenu{
  *zoom: 1;
  font-size:12px;
  list-style-type: none;
  width: 100%;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 16.666666666667%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  height:30px;
    background: white; // #8a9b0f;
    color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  color:black;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:99;
}
.dropmenu li ul li{
  top:-10px;
  width:170px;
}
.dropmenu li ul li a{
  padding: 15px 15px;
  height:10px;
  ;
  //--------------------------------------------------------------------
  ?>
  border-left: 1px solid #7c8c0e;
  border-right: 1px solid #7c8c0e;
    text-align: left;
  font-size:10px;
}
.dropmenu li:hover > a{
  }
.dropmenu li a:hover
{
    color:blue;
}


a.dropmenuBottom
{
  border-bottom: 1px solid #7c8c0e;
}



#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
#menu-hamburger-toggle:checked + .menu-hamburger-icon span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}
#menu-hamburger-toggle:checked + .menu-hamburger-icon span:nth-child(2) {
  opacity: 0;
}
#menu-hamburger-toggle:checked + .menu-hamburger-icon span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}
/* オーバーレイ背景 */
.hamburger-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  z-index: 1;
}

#menu-hamburger-toggle:checked ~ .hamburger-overlay {
  opacity: 1;
  pointer-events: auto;
}

#menu-hamburger-toggle:checked ~ .menu-hamburger {
  left: 0; /* ← 開いたときは左0へ */
}

.menu-hamburger-icon {
  width: 40px;
  height: 30px;
  position: absolute; /* ← fixedにして常に左上固定 */
  top: 20px;
  right: 10px;
  cursor: pointer;
  z-index: 3;
  display: inline-block;
}
.menu-hamburger-icon span {
  display: block;
  height: 4px;
  margin: 6px 0;
  background: #333;
  border-radius: 2px;
  transition: 0.4s;
}
.menu-hamburger {
  position: fixed;
  top: 0;
    left: -100%; /* ← 初期位置を左へ */
  width: 100%;
    height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  transition: left 0.4s ease;
  z-index: 2;
}
.accordion-toggle
{
  display: none;
}
.accordion-Label
{		/*タイトル*/
  padding: 1em;
  display: block;
  color: #fff;
  background:#019ac6;
}
.accordion-Label::before
{		/*タイトル横の矢印*/
  content:"";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top:calc( 50% - 3px );
  right: 20px;
  transform: rotate(135deg);
}
.accordion-Label,
.accordion-content
{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.accordion-content
{		/*本文*/
  height: 0;
  margin-bottom:10px;
  padding:0 20px;
  overflow: hidden;
}
.accordion-toggle:checked + .accordion-Label + .accordion-content
{	/*開閉時*/
  height: auto;
  padding:20px ;
  transition: all .3s;
}
.accordion-toggle:checked + .accordion-Label::before
{
  transform: rotate(-45deg) !important;
}
div.WindowTitleBar
{
  position:absolute;
  width:100%;
  height:40px;

  border-bottom:1px solid black;

  background: -webkit-repeating-linear-gradient(0deg, #cccccc, #cccccc 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(0deg, #cccccc, #cccccc 2px, #fff 2px, #fff 4px);

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:16px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      font-size:18px;
    }
    @media all and ( min-width: 1024px )    {
      font-size:18px;
    }
  }
  @media ( orientation: landscape )  {
    font-size:18px;
  }
}

div.WindowTitleText
{
  background-color:#fafafa;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:20px;
  padding-right:20px;
  font-weight: bold;
  
  border:1px solid #f0f0f0;
}

div.WindowBody
{
  position:absolute;
  width:100%;
  height:100%;
  padding-top:40px;
}
div.TableHeader
{
  position:sticky;
  top:0%;
  left:0%;
  width:100%;
  height:50px;
  font-weight:bold;
  background-color:#F8F8F8;
  border-top:1px solid black;
  border-bottom:1px solid black;
  border-right:1px solid black;
  z-index:1;
}

div.TableLine
{
  position:relative;
  width:100%;
  height:30px;
  border-bottom:1px solid black;
  border-right:1px solid black;
}

div.TableCell
{
  position:absolute;
  height:100%;
  font-size:12px;
  padding:5px;
  border-left:1px solid black;
}
.loadingScreen
{
  width:200px;
  height:200px;
  box-sizing:border-box;
  border-radius:50%;
  border-top:10px solid #e74c3c;
  position:relative;
  animation:a1 2s linear infinite;
}

.loadingScreen:before,.loadingScreen:after
{
  content:'';
  width:200px;
  height:200px;
  position:absolute;
  left:0;
  top:-10px;
  box-sizing:border-box;
  border-radius:50%;
}
.loadingScreen:before
{
  border-top:10px solid #e67e22;
  transform:rotate(120deg);
}
.loadingScreen:after
{
  border-top:10px solid #3498db;
  transform:rotate(240deg);
}

.loadingScreen span
{
  text-align:center;
  width:200px;
  height:200px;
  position:absolute;
  line-height:200px;
  color:#fff;
  animation:a2 2s linear infinite;
}

@keyframes a1
{
  to{
    transform:rotate(360deg);
  }
}

@keyframes a2
{
  to{
    transform:rotate(-360deg);
  }
}

div.LoadingPage
{
  position:fixed;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
}
div.LoadingPageBackground
{
  position:absolute;
  width:100%;
  height:100%;
  background-color:gray;
  opacity:0.7;
}
div.LoadingPageBody
{
  position:absolute;
  width:100%;
  height:100%;
}
.slideinLeft {
  animation: slideinLeft 3s;
}

@keyframes slideinLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity; 1;
    transform: translateX(0);
  }
}

.shake {
  display: inline-block;
  animation: shake 0.3s infinite;
}

@keyframes shake {
  0% { transform: translate(0, 0); }
  25% { transform: translate(2px, 2px); }
  50% { transform: translate(0, 0); }
  75% { transform: translate(-2px, -2px); }
  100% { transform: translate(0, 0); }
}
div.ImageBox
{
  position:relative;
  width:50%;
  float:left;
  padding:5px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      width:100%;
      padding-left:10%;
      padding-right:10%;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      width:100%;
      padding-left:10%;
      padding-right:10%;
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.header
{
  position:relative;
  width:100%;
  height:150px;
  font-size:10px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      height:70px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.headerbody
{
  width:100%;
  height:100%;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.header_menu
{
  position:absolute;
  width:100%;
  height:70px;
  bottom:0px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      display:none;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.header_menu-hamburger_icon
{
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      display:none;
    }
    @media all and ( min-width: 1024px )    {
      display:none;
    }
  }
  @media ( orientation: landscape )  {
    display:none;
  }
}
div.main
{
  position:relative;
  width:100%;
  height:auto;
}

div.mainbody
{
  width:100%;
  height:100%;
  background-color:white;
}

div.PageTitle
{
  position:relative;
  margin-top:20px;
  width:100%;
  height:100px;
  font-size:28px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:18px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}






div.ArticleTitle
{
  position:relative;
  width:100%;
  height:auto;
  font-size:36px;
  margin-top:50px;
  padding:20px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:20px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.ArticleSubTitle
{
  position:relative;
  width:100%;
  height:auto;
  text-indent:1em;
  line-height:2;
  font-size:16px;
  font-weight:bold;
  padding-bottom:15px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:12px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}


div.Article
{
  position:relative;

  width:650px;

  height:auto;
  padding-bottom:50px;
  text-indent: 1em;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      width:80%;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      width:500px;
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}


div.ParagramTitle
{
  position:relative;
  width:100%;
  height:auto;
  text-indent:1em;
  line-height:2.2;
  font-size:16px;
  font-weight:bold;
  padding-bottom:15px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:12px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.Paragram
{
  position:relative;
  width:100%;
  height:auto;
  text-indent:1em;
  margin-top:20px;
  line-height:2;
  font-size:16px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:10px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.footer
{
  position:relative;
  margin-top:20px;
  padding-top:20px;
  width:100%;
  height:auto;
  border-top:2px solid #c0c0c0;
  margin-bottom:20px;
}

div.footerbody
{
  width:100%;
  height:100%;
  font-size:12px;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size: 10px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.Footer_Address
{
  position:relative;
  left:10%;
  width:300px;
  height:auto;
}

div.Footer_CopyRight::after
{
  position:relative;
  width:100%;
  height:50px;
  font-size:12px;
  padding:5px;

  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center;

  content: "Copyright © 社会福祉法人恵泉福祉会 認定こども園 吉見光の子 モンテッソーリこどもの家 All Rights Reserved.";

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      white-space: pre;
      font-size: 10px;
      text-align:center;
      content: "Copyright © 社会福祉法人恵泉福祉会\A 認定こども園 吉見光の子 モンテッソーリこどもの家\A All Rights Reserved.";
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsViewSearchLineBox
{
  position:relative;
  width:70%;
  margin-bottom:20px;
}

div.NewsViewSearchLink
{
  position:relative;
  float:left;
  margin-top:5px;
  margin-left:20px;
  font-size:12px;
}
div.NewsView_ListLine
{
  position:relative;
  width:80%;
  height:30px;
  border-bottom:1px solid #d0d0d0;
  font-size:14px;
  
  margin-top:20px;
  margin-left:10%;
  margin-right:10%;
  min-width:300px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      height:40px;
      padding-left:3%;
      padding-right:3%;
      width:74%;
      font-size:12px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.NewsView_ListLine_attr
{
  position:absolute;
  width: 35%;
  height: 30%;
  font-size:10px;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      top:0px;
      left:35%;
      width: 65%;
      height:20px;
      font-size:12px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.NewsView_ListLine_date
{
  position:absolute;
  top:30%;
  width: 35%;
  height: 70%;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      top:0px;
      left:3%;
      height:20px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}


div.NewsView_ListLine_title
{
  position:absolute;
  left:35%;
  width: 65%;
  height: 100%;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      top:20px;
      left:3%;
      height:20px;
      width:100%;
      padding-right:3%;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.NewsView_ListLine_title_new
{
  position:absolute;
  right:0%;
  width: 50px;
  height: 100%;
  color:red;
}

div.NewsView_Title
{
  position:relative;
  margin-top:20px;
  width:100%;
  height:100px;
  font-size:28px;
  font-weight:bold;
  text-decoration:underline;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:18px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_SlideFrame
{
  position: relative;
  width: 70%;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  padding:20px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      height: 200px;
    }https://hikarinoko.tech-a.co.jp/
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      height: 250px;
    }
    @media all and ( min-width: 1024px )    {
      height: 300px;
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_Description
{
  position: relative;
  width: 70%;
  height: auto;
  text-indent: 1em;
  color: #202020;
  margin:20px;
}
div.NewsView_Description_Entry
{
  position: relative;
  text-indent: 1em;
  margin-top:10px;
  font-size:16px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:12px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_Photo
{
  position: relative;
  width: 70%;
  height: auto;
  margin-top:20px;
}
div.NewsView_PhotoCaption
{
  position: relative;
  width: 70%;
  height: 30px;
  font-weight:bold;
  font-size:16px;
}
div.NewsView_PhotoList
{
  position: relative;
  width: 70%;
  height: auto;
  margin-top:20px;
}

img.NewsView_PhotoList
{
  width:45%;
  height:auto;
  float:left;
  margin:10px;
  
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      width:100%;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
      width:100%;
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_File
{
  position: relative;
  width: 70%;
  height: auto;
  margin:10px;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}

div.NewsView_File::before
{
  content: "【ダウンロード】";

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      white-space: pre;
      content: "【ダウンロード】\A";
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_Link
{
  position: relative;
  width: 70%;
  height: auto;
  margin:10px;
}
div.NewsView_SubTitle
{
  position: relative;
  width: 70%;
  height: auto;
  margin-top:40px;
  font-size:20px;
  font-weight:bold;

  border-bottom:1px solid black;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      font-size:14px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.NewsView_Movie
{
  position: relative;
  width: 70%;
  height: auto;
  margin:20px;
}
div.NewsView_MovieCaption
{
  position: relative;
  width: 70%;
  height: 30px;
  top:-20px;
  font-weight:bold;
  font-size:16px;
}
div.ContentArea
{
  position:relative;
  width:70%;
  height:auto;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
      width:100%;
      padding:20px;
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.ContentAreaMainTitle
{
  position:relative;
  height:auto;
  font-size:30px;
  font-weight:bold;

  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:center;
  justify-content:center;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.ContentAreaTitle
{
  position:relative;
  margin-top:50px;
  height:auto;
  font-size:20px;
  font-weight:bold;
  border-bottom:1px solid black;
  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.ContentAreaSubTitle
{
  position:relative;
  width:100%;
  height:auto;
  margin-top:10px;
  font-size:12px;
  font-weight:bold;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.ContentAreaBody
{
  position:relative;
  width:100%;
  margin-top:20px;
  padding-left:50px;
  height:auto;
  font-size:16px;
  text-indent: 1em;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}
div.ContentAreaSubBody
{
  position:relative;
  width:100%;
  padding-left:30px;
  height:auto;
  font-size:12px;

  @media ( orientation: portrait )  {
    @media all and ( max-width: 599px )    {
    }
    @media all and ( min-width: 600px ) and ( max-width: 1023px )    {
    }
    @media all and ( min-width: 1024px )    {
    }
  }
  @media ( orientation: landscape )  {
  }
}