@charset "UTF-8";
@font-face {
  font-family: "Futura PT";
}

#sidebar-title-logo{
  position:absolute;
  top:-20px;
  left:-10px; 
  z-index: 100;
}
#mainContent {
  /* Container for the blog post in individal blog view */
  padding-left: 2%;
  width:640px;
  float: left;
  margin-top:0px;
  margin-left:23px;
  padding-right: 2%;
  padding-top: 10px;
  border:solid #5C9B00 thick ;
}
#sidebar {
  /* Sidebar*/
  position:relative;
  width: 190px;
  margin-left:732px;
  padding-left: 23px;
  padding-right: 23px;
  background-color: rgba(23,67,0,0.8);
  margin-top: 25px;
  padding-top: 32px;
  z-index:1;
}


#footer_last{
/*  position: absolute;
  top:2050px;
*/}

body{
  background-image:url(image/tokyow1420-800.png);
  background-repeat:no-repeat;
  background-position: 50% 50%;
  background-attachment:fixed;
  font-family: Futura PT;
}

a:link {
  color: #5C9B00;
}
a:visited {
  color: #5C9B00;
}
a:hover {
  color: #BAFF55;
}
a:active {
  color: ##5C9B00;
}
#mainwrapper{
  width:1000px;
    margin: 0 auto;
}
#mainwrapper header {
  /*Header */
  background-color:#5c9b00;
  margin-left:20px;
  margin-top:-76px;
  overflow: auto;
  font-family: Futura PT;
  font-style: normal;
  height:180px;
  width:950px;
}

#mainwrapper nav {
  /*Nav bar containing links in header */
  text-align: right;
  margin-top:-53px;
  margin-left:50px;
  float: left;
}


header nav a {
  /* Links in header */
  padding-right: 2%;
}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1;
  background: #5c9b00;
  color: #fff;

}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 160px;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #5c9b00;
  text-align: left;
}
.dropmenu li ul li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 161px;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li ul li{
  position: relative;
  top: -42px;
}

.dropmenu li ul li ul li a{
  padding: 13px 15px;
  background: #5c9b00;
  text-align: left;
}


.dropmenu li:hover > a{
}
.dropmenu li a:hover{
  background: #007100;
}

#menu-id-01 a:hover{
  background-image:url(image/menu_top.jpg);
}
.dropmenu  li #menu-id-02 a:hover{
  background-image:url(image/menu_about_on.jpg);
}

/* Navigation bar  view */
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.readmore{
  float:right;
  padding-right:2%;
  font-size:14px;
  font-weight:200;
  color:#5c9b00 !important;
}
.readmore2{
  float:left;
  padding-bottom:50px;
  padding-left:2%;
  font-size:1.5em;
  font-weight:200;
  color:#5c9b00 !important;
}
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
}
.comment {
  float:right;
  width: 60%;
}
.comment2 {
  float:right;
  width: 45%;
}
.sub-title{
  font-size:large;
  margin-bottom:10px;
}
#content #sidebar #ad-news {
  /* Container for text in sidebar */
  width: 100%;
  margin-top: 20px;
  float: none;
  overflow: auto;
  font-size:12px;
  color:#FFFFFF;
}

.copyright{
  padding-top:16px;
}
.logo-1{
  padding-top:10px;
  margin-right:10%;
  float:right;
}
.logo-2{
  padding-top:10px;
  margin-right:10%;
  float:right;
}
.logo{
  padding-top:-30px;
  padding-left:-30px;
}
#header-bg{
  background-color:#5c9b00 !important;
  margin-top: -100px;
}

.head{
  margin-top:20px;
}
.article {
  font-size:medium;
  text-align:justify;
  text-height:max-size;
  line-height:1.5em;
}
.center{
  display:block;
  margin:0 auto;
}
#textarea{
  width:400px;
  height:400px;
}
.va-top{
  vertical-align:text-top;
}
.textfield{
  width:400px;
}
/* CONTACT FORM */

table{
  margin:0 20px 20px;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #e0e0e4;
  width:520px;
}
table th{
  font-size:95%;
  padding:20px;
  text-align:right;
  background:#f4f4f5;
  border:1px solid #e0e0e4;
  border-width:0 1px 1px 0;
}
table td{
  font-size:95%;
  padding:20px;
  border-bottom:1px solid #e0e0e4;
}
.formSubmitButton{
  margin:0 20px 20px;
  text-align:center;
  padding:20px;
  background:#f4f4f5;
  border:1px solid #e0e0e4;
}
input.text{
  font-size:100%;
  border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
  border-style:solid;
  border-width:1px;
  padding:2px;
}
textarea{
  font-size:100%;
  border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
  border-style:solid;
  border-width:1px;
  padding:2px;
}
#fixmain{
  display: block;
}
#content #mainContent{
  background-color:rgba(253,253,253,0.65)
}
#content #mainContent2{
  background-color:rgba(253,253,253,0.65)
}
#content #mainContent h1, #content #mainContent h2    {
  /* Styling for main headings */
  color:rgba(61,61,61,1.00);
}
#content #mainContent2 h1, #content #mainContent2 h2    {
  /* Styling for main headings */
  color:rgba(61,61,61,1.00);
}
#content #mainContent h3 {

  /*Captions ot Taglines */
  font-family: Futura PT;
  font-style: normal;
  font-weight: 200;
  color:rgba(61,61,61,1.00);
}
#content #mainContent2 h3 {

  /*Captions ot Taglines */
  font-family: Futura PT;
  font-style: normal;
  font-weight: 200;
  color:rgba(61,61,61,1.00);
}
#content #mainContent #bannerImage {
  /*Container for main banner image */
  width: 100%;
  background-color: rgba(208,207,207,1.00);
}
#content #mainContent2 #bannerImage {
  /*Container for main banner image */
  width: 100%;
  background-color: rgba(208,207,207,1.00);
}
#content #mainContent p {
  /* All paragraphs under maincontent */
  color: rgba(61,61,61,1.00);
  font-family: Futura PT;
  font-style: normal;
  font-weight: 100;
  font-size:medium;
  text-align: justify;
}
#content #mainContent2 p {
  /* All paragraphs under maincontent */
  color: rgba(61,61,61,1.00);
  font-family: Futura PT;
  font-style: normal;
  font-weight: 100;
  font-size:medium;
  text-align: justify;
}
#content #mainContent #authorInfo {
  /* Author info section */
  background-color: rgba(208,207,207,1.00);
}
#content #mainContent2 #authorInfo {
  /* Author info section */
  background-color: rgba(208,207,207,1.00);
}
#content #mainContent #authorInfo h2, #content #mainContent #authorInfo p {
  color: rgba(255,255,255,1.00);
  padding-left: 2%;
  padding-top: 11px;
}
#content #mainContent2 #authorInfo h2, #content #mainContent #authorInfo p {
  color: rgba(255,255,255,1.00);
  padding-left: 2%;
  padding-top: 11px;
}
#content #mainContent #authorInfo p {
  color: rgba(255,255,255,1.00);
  padding-left: 2%;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-right: 2%;
}
#mainContent2 {
  /* Container for the blog post in individal blog view */
  padding-left: 2%;
  width:898px;
  float: left;
  margin-top:10px;
  margin-left:23px;
  padding-right: 2%;
  padding-top: 10px;
  border:solid #5C9B00 thick ;
  margin-bottom:30px;
}
#content #mainContent2 #authorInfo p {
  color: rgba(255,255,255,1.00);
  padding-left: 2%;
  padding-top: 0px;
  padding-bottom: 11px;
  padding-right: 2%;
}

#tta_table{
  margin: 0 auto;
  width: 700px;
  border-left: 0;
  border-right: 0;
  color:#3c3c3c;
}