@charset "shift_jis";

html {
    font-size : 55%; 
}

@media screen and (min-width : 600px){
    html{ font-size : 70%;} 
}

@media screen and (min-width : 768px){
    html{ font-size : 87.5%;} 
}
 
@media screen and (min-width : 1024px) {
    html{ font-size : 100%}; 
}

body{
	font-size: 75%;
	line-height: 2;
   	margin: 0px;
	padding: 0px;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	background-color: #cee4ae;
}

#wrapper {
	font-family: "ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","メイリオ","ＭＳ Ｐゴシック";
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
    border: 0px;
    text-align : left; 
    background-color: #ffffff;
    padding: 14px;
    color:#3a2727;
} 

.page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;

}

.mnline {
   border-bottom: 9px solid #875e64;
   padding-bottom: 2px;
}

h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #875e64;
}

h2 {
	height:40px;
	width:80%;
	margin:0px 0px 5px 0px;
	padding:7px 0px 0px 3px;
	font-size:200%;font-weight:bold;
	border:2px solid #875e64;
	border-width:0px 0px 3px 0px;
	text-align: left;
}

h3 {
	height:40px;
	width:300px;
	margin:0px 0px 5px 20px;
	padding:7px 0px 0px 3px;
	font-size:20px;font-weight:bold;
	border:2px dotted #875e64;
	border-width:0px 0px 3px 0px;
	text-align: left;
}

ul {
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

li {
   margin-top: -5px;
   margin-bottom: -5px;
   padding-top: 0px;
   padding-bottom: 0px;
}

#menu {
  width:100%;
  padding:0;
  margin:0;
  list-style-type: none;
}
#menu li {
  width:20%;
  float:right;
  padding:0;
  margin:0;
  text-align:center;
}
#menu li a {
  width:auto;
  color:#fff;
  font-size:+1;
  font-weight:bold;
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#866;
  background-image: -moz-linear-gradient(top, #a88 0%, #977 50%, #866 50%, #977 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a88), color-stop(0.50, #977), color-stop(0.50, #866), color-stop(1, #977));
  border-left:1px solid #644;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
             -1px 0px 0px rgba(225,225,225,0.3) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #866;
}
#menu li a:hover {
  background:#755;
  background-image: -moz-linear-gradient(top, #755 0%, #644 50%, #533 50%, #644 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #755), color-stop(0.50, #644), color-stop(0.50, #533), color-stop(1, #644));
  box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
             -1px 0px 0px rgba(225,225,225,0) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #866;
}
#menu li:first-child a{
  border-radius:0 5px 5px 0;
  border-left:0;
  box-shadow:-1px 0px 0px rgba(225,225,225,0.3) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #866;
}
#menu li:last-child a{
  border-radius:5px 0 0 5px;
  box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
              0px 1px 1px rgba(0,0,0,0.1) inset,
              0px -1px 1px rgba(0,0,0,0.3) inset,
              0px 1px 3px #866;
}