@charset "UTF-8";

/* ===================================================================== 
  __clearfix
===================================================================== */

/* "Micro clearfix" */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}




/* minimum setting */

body  {
  width: 100%;
  margin: 1em 0;
  color: #222;
  font-family: sans-serif;
}


a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
  margin: 0 0 0.5em;
  line-height: 1.1;
  font-family: "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;
  letter-spacing: -1px;
}

p{
  margin: 0 0 1em;
  line-height: 1.4;
  color: #333;
}

ul{
  margin: 0 0 2em;
  padding: 0 0 0 1em;
  /* list-style-position: inside; */
}


/* Base Layout */

#wrapper{
  width:95%;
  margin: 0 auto;;
}

header{
  width:100%;
}

header img{
  max-width: 100%;
}

nav {
  margin: 0;
}

#common-contents{
  margin: 2em 0 1em;
}

#common-contents-top{
  margin: 0.5em 0 1em;
}


article.main{
  width:100%;
}

section{
  margin: 0 0 2em;
}

aside.side{
  width:100%;
}

footer{
  width:100%;
}


/* Design */

header h1 {
  font-size:2.3em;
  margin: 0 0 0.2em;
}

p.tagline{
  font-size:0.9em;
  text-align:left;
  text-transform: uppercase;
  color:#555;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #000;
}

nav ul li {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  line-height: 2.5em;
  color:#fff;
  border-bottom: 1px solid #333;
}

nav ul li a {
    color:#fff;
}

nav ul li a.langchange{
    color:#FFFF00
}


.main h1 {
  font-size: 1.6em;
}

article.main h2{
  font-size: 1.3em;
  margin-top: 1.3em;
}

aside.side h1 {
  font-size: 1.3em;
  color: #333;
  border-bottom: 1px dotted #444;
}

aside.side ul li {
  font-size: 1.1em;
  line-height: 1.5;
}

small {
  text-transform: uppercase;
}



figure{
    text-align:center;
}

figure img{
    max-width:90%;
    border:solid gray 1px;
}

figurecaption{
    display:block;
    text-align:center;
    font-weight:bold;
    margin-top:1em;
    margin-bottom:2em;
}


.right{
    text-align:right;
}

.memo{
    margin-left:1.0em;
    text-indent:-1.0em;
}

.footnote{
    margin-left:1.8em;
    text-indent:-1.8em;
}



table, td,th{
  border:solid 1px #888888;
}

td,th{
    padding: 2px 4px;
}

th{
    background-color:#cccccc;
}

.fb-like{
    width:100%;
    margin:0px;
}

p#readmore{
    background: url("../images/plus.gif") left 5px no-repeat;
    padding-left:15px;
    font-size: 100%;
    margin-top:-20px;
    margin-left:30px;
    visible;color:#00f;
    cursor: pointer;
}



@media only screen and (min-width: 541px){

nav {
  margin: 0;
  padding: 0;
  background-color: #000;
}

nav ul {
  padding: 1px 0;
}

nav ul li {
  float:left;
  width: 100px;
  margin: 0;
  text-align: center;
  line-height: 2.5em;
  border-left: 1px solid #222;
  border-right: 1px solid #eee;
  border-bottom: none;
}

article.main {
  width: 64%;
  float: left;
}

aside.side {
  width: 30%;
  float: right;
}

aside.side ul li {
  font-size: 1em;
}


}