/* Main CSS Japanese */

@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);

/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(https://fonts.googleapis.com/earlyaccess/nikukyu.css);
@import url(https://fonts.googleapis.com/earlyaccess/nicomoji.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
*/

body {
  font-family: Arial,sans-serif;
  font-size: 10pt;
  background-color: #ffffff;
  background-image: url("sozai/bg-maple.gif");
  background-repeat: repeat; }

#mainnav {text-align: center; }
#mainnav img {display: block; margin: 0 auto; }

a {text-decoration:none; }
a:hover {text-decoration:underline; }
a:link {color:#003333; } 
a:visited {color:#993366; } 
a:active {color:#003333; }

div {
	font-family: "Mplus 1p";
	font-size: 12pt; 
}

table {
        border-spacing: 15px;
        border-collapse: separate;
}

.image_caption {
        font-family: 'Rounded Mplus 1c';
        font-weight: 400;
        font-size: 13pt;
        color: #000000; }

.lang_selection {
        font-family: 'Rounded Mplus 1c';
        font-weight: 800;
        font-size: 12pt;
        color: #004444; }

.last_update {
	font-family: 'Rounded Mplus 1c';
        font-size: 18pt;
	font-weight: 800;
        color: #440044; }

.section_heading {
	font-family: 'Rounded Mplus 1c';
        font-size: 22pt;
	font-weight: 800;
        color: #004444; }

.section_caption {
        font-family: 'Rounded Mplus 1c';
        font-size: 12pt;
        font-weight: 400;
        color: #000000; }

.section_title {
        font-family: 'Rounded Mplus 1c';
        font-size: 30pt;
        font-weight: 800;
        color: #000000; 
        text-shadow: 4px 4px 4px #aaa; }

.subsection_heading {
        font-family: 'Rounded Mplus 1c';
        font-size: 22pt;
        font-weight: 800;
        color: #000000; 
        text-shadow: 4px 4px 4px #aaa; }

.subsection_caption {
        font-family: 'Rounded Mplus 1c';
        font-size: 12pt;
        font-weight: 400;
        color: #000000; }

.subsection_entry {
        font-family: 'Rounded Mplus 1c';
        font-size: 10pt;
        font-weight: 400;
        color: #000000; }

.photoframe {
        -webkit-box-shadow: 5px 11px 11px 7px rgba(0,0,0,0.28);
        -moz-box-shadow: 5px 11px 11px 7px rgba(0,0,0,0.28);
        box-shadow: 5px 11px 11px 7px rgba(0,0,0,0.28);
}

p.bg { 
	background-color:  #E6E6FA;
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial,sans-serif;
        letter-spacing: 0.1px;
	padding-left: 20px;
	border: none; }

em {
	font-weight: bold;
	font-size: 14pt;
	font-style: oblique;
	color: #008080; }

hr { 
  border-style: dotted;
  color:  #8FBC8F; }

.contact-area div{
    align: left;
}

.contact-form ul {
    width:750px;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}
.contact-form li{
    padding:12px; 
    border-bottom:1px solid #eee;
    position:relative;
}

.contact-form label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}

.contact-form input {
    height:30px; 
    width:220px; 
    padding:5px 8px;
}

.contact-form textarea {padding:5px 8px; width:700px; }

.contact-form button {margin-left:156px; height:30px;}

#footer-wrapper {
   bottom:0;
   left:0;
   position:fixed;
   background:#181B39;
   width: 100%;
   height:40px;
   opacity: 0.9;
}

#footer {
   position:relative;
   bottom:0;
   width:60%;
   height:40px;
   left:20%;
   right:40%;
   text-align:center;
   line-height:0px;
   display:flex;
   justify-content:space-between;
   font-family: 'Hannari';
   font-weight: 800;
   font-size: 18pt;
}


#footer a:link {
   color: #FBFBF6;
}

#footer a:visited {
   color: #FBFBF6;
}

#footer a:active {
   color: #FBFBF6;
}

#footer a:hover {
   color: #FBFBF6;
}