@charset 'UTF-8';
/*===========================================
frame.css

This file is a guideline only.
Please do not included in actually creating the site.
===========================================*/

.FrameHeading1{margin:50px 0 15px; padding:20px; font-size:18px; background-color:#333; color:#fff; font-weight:bold;}
.FrameHeading2{margin:40px 0 15px; padding:5px 10px; font-size:18px; background-color:#ddd; font-weight:bold;}

.FrameCode{margin:30px 0; padding:15px; border:#ccc 1px solid; background-color:#ffffe8;}
/*.columnBlock > div[class^="gw"],
.columnBlock > div[class^="gn"]{background-color:#eee;}*/
.columnBlock > div[class^="gw"] > p,
.columnBlock > div[class^="gn"] > p{padding:10px;}

.index .columnBlock > div[class^="gw"],
.index .columnBlock > div[class^="gn"]{background-color:transparent;}





/*--------------------------------------------------
langChange
--------------------------------------------------*/
#langChange {
  position: fixed;
  top: 180px;
  right: 30px;
  padding: 8px 15px;
  background-color: #ee6a00;
  color: #fff;
  cursor: pointer;
  border-radius: 7px;
  z-index: 100;
}
#langChange:hover{background-color:#f28d3c;}

.JPlang.active{}
.JPlang.hide{display:none;}
.ENlang{display:none;}
.ENlang.active{display:block;}
.ENlang.hide{display:none;}

span.JPlang.active,
span.ENlang.active,
em.JPlang.active,
em.ENlang.active{display:inline-block;}

li span.JPlang.active,
li span.ENlang.active{display:inline;}

@media screen and (max-width:767px){
  #langChange{top:50px;}
}