/*
@import "http://";
*/
@charset "utf-8";


body {
	font-size: 13px;
	*font-size: small; /* IE7 */
	*font: x-small; /* IE6 */
}

* {line-height: 1.6;font-size: 100%;}


.background_test {
    background: linear-gradient(to top, rgba(217, 175, 217, 0.7) 0%, rgba(151, 217, 225, 0.7) 100%),url(pic01.jpg);
}

html {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	color: #5D5D5D;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}


p {
	line-height: 1.9;
	text-align: justify;
	text-justify: distribute;
}


p, ul, ol, dl, table, pre {
	font-size: 100%;
	letter-spacing: 0.02em;
}

img {border: 0;	vertical-align: bottom;}


#out a {text-decoration: none;}

#out a:link {
	color: #337ED2;
	border-bottom: 1px solid #56AEE1;
}

#out a:visited {
	color: #56AEE1;
	border-bottom: 1px solid #56AEE1;
}

#out a:hover {
	color: #337ED2;
	border-bottom: 1px solid #337ED2;
}


#out {
	margin:0 auto 10px auto;
	text-align: left;
	width:700px;
}



#head {
	letter-spacing: 0.1em;
	text-align: left;
	margin:0px auto 20px auto;
	padding:25px;
	background-color:aquamarine;
}

#menu  {
	text-align:right;
	font-size:87%;
	color:#CCCCCC;

}

h1 {
	font-size: 160%;
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
}
h1 {
  position: relative;
  padding: 0.5em;
  background: #a6d3c8;
  color: white;
}

h1::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}

h2 {
	font-size: 100%;
	font-weight:normal;
	margin:0;
	padding:0;

}

h3 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 0 10px;
	border-left: 3px solid #cccccc;
}

h4 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 5px 10px;
	border-bottom: 1px solid #cccccc;
}
.ribbon11-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  width: 300px;
  background: #f1f1f1;
}
.ribbon11 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 0 -20px;
  width: calc(100% + 100px);
  font-size: 15px;
  color: white;
  background: #70c7ff;
}
.ribbon11:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6eb3e0;
}
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
#main{
	letter-spacing: 0.1em;
	font-size: 110%;
	margin:0 2em;
	line-height: 1.9;
}

#main ul {
	margin:0 5px 5px 0;
	padding: 3px;
	list-style: circle;
}

#main li {
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	padding: 0.3em 0 0.3em 0.1em;
}


#footer {
	margin: 3em 0 0 0;
	padding: 2em 0;
	background-color:aquamarine;
	line-height: 1.9;
	text-align: center;
	letter-spacing: 0.1em;
}

.copyright {
	font-size: 75%;
	margin: 0 15px 0 0;
	padding: 10px 0 20px 0;
	text-align: right;
	color:#888888;
	letter-spacing: 0.1em;
}



.copyright a:link,a:visited,a:hover {
	color: #888888;
	border-bottom:none;
	text-decoration: none;
}