html {
	text-align:center;
	background-color:#E6E6FA;
	background-attachment: fixed;
	font-family: "メイリオ",Meiryo,verdana;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

a {color:#7058a3;}
a:link {color:#7058a3;}
a:visited {color:#7058a3;}
a:hover {color:#7058a3;}
a:active {color:#7058a3;}

/*PC環境
--------------------------------------------------*/
@media only screen and (min-width: 780px) {
/* タイトル */
img.title{ width: 500px; }

/* メニュー */
#menubar {
	padding-top:1%;
	margin-bottom: 2%;
  }
#menubar ul { padding:0px;}
#menubar li {
	display: inline;
	margin-right:10px;
  }
#menubar li a {
	text-decoration: none;
	background: white;
	padding: 10px 15px;
	color: black;
	font-size: 15px;
	letter-spacing: 0.1em;
	border: 2px solid #7058a3;
	-webkit-transition: all 0.2s
  }
#menubar li a:hover {
	border: 2px solid #7058a3;
	border-radius: 15px;
	background: #fff;
  }

.sp{ display: none; }
}

/*スマホ・タブレット環境
--------------------------------------------------*/
@media screen and (max-width: 779px) {
/* タイトル */
img.title{ width: 90%; }

/* メニュー */
#menubar {
	text-align:top;
	margin-bottom: 2%;
    }
#menubar ul {
	padding:0px;
	padding-top: 10px;
	}
#menubar li { display: inline;}
#menubar li a {
	text-decoration: none;
	background: white;
	padding: 10px 15px;
	color: black;
	font-size: 12px;
	letter-spacing: 0.1em;
	border: 2px solid #7058a3;
	-webkit-transition: all 0.2s
    }
#menubar li a:hover {
	border: 2px solid #7058a3;
	border-radius: 10px;
	background: #fff;
    }

.pc{ display: none;}
}

/* FONT SIZE
--------------------------------------------------*/
	.size1 {font-size:10px;}
	.size2 {font-size:13px;}
	.size3 {font-size:16px;}
	.size4 {font-size:18px;}
	.size5 {font-size:24px;}
	.size6 {font-size:32px;}
	.size7 {font-size:48px;}

/* FONT COLOR
--------------------------------------------------*/
	.white {color:white;}
	.black {color:black;}
	.pumpkin {color:#DB5425;}
	.red {color:red;}
	.blue {color:blue;}
	.yellow {color:yellow;}
	.gray {color:gray;}
	.midori{color:#00793D;}

/* FONT
--------------------------------------------------*/
	.verdana {font-family: verdana;}
	.right { text-align:right; }
	.left { text-align:left; }

/*
--------------------------------------------------*/
	h1 { margin-top: 0; margin-bottom: 0; }
	h2 { margin-top: 0; margin-bottom: 0; }
	h3 { margin-top: 0; margin-bottom: 0; }
	h4 { margin-top: 0; margin-bottom: 0; }
	h5 { margin-top: 0; margin-bottom: 0; }
	h6 { margin-top: 0; margin-bottom: 0; }