p {
font-size: 15px;
}

/*トップの見出し*/
h1{
font-size: 25px;
color: black;
}

h2 {
font-size: 45px;
color:black;
}

h3 {
font-size: 14px;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, 'serif';
}

h4 {
font-size: 40px;
font-family: Arial, Helvetica, "sans-serif";
}

.main {
  margin-left: 10em;
  margin-right: 10em;
  padding-top: 0px;
}

.sub {
  margin-left: auto;
  margin-right: auto;
  width:500px;
}

div.block {
padding-left: 0em;
padding-right: 1em;
padding-top: 6em;
}

div.box {
padding-top: 2em;
padding-bottom: 1em;
width: 62%;
margin: 0 auto;
} 

/*menu bar*/
ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #ffffff;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
}
ul.topnav li {
	float: center;
}
ul.topnav li a {
	display: block;
	padding: 12px 16px;
	text-align: center;
	text-decoration: none;
	color: black;
}
ul.topnav li a:hover:not(.active) {
	background-color: #c8aad0;
}
ul.topnav li a.active {
	background-color: #9f79b5;
}

}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}

.header{
  position:fixed;
  background-color: white;
  top:0;
  width:100%;
  z-index:24;
}

/*何の意味もない*/
.topimage {
  position: absolute; 
  top: 170px; 
  left: 0px; 
  width: 520px;
  background-color: white;
  font-size: 90px;
}

.arrow {
  /*padding-left: 10em;*/
  padding-bottom: 5em;
  padding-top:1em;
  padding-left: 0em;
}

.line {
  padding-bottom: 7em;
}

/*フロートを利用したレイアウト*/
.container {
  overflow: hidden;
  *zoom: 1;
  float: right;
  width: 100%;
  padding-top: 20px;
}

.container-item-a {
  float: right;
  width: 50%;
}

.container-item-b {
  float: right;
  width: 20%:
}

.container-item-c {
  float: right;
  width: 20%;
}

.container-item-d {
  float: right;
  width: 10%;
}

.paraone {
  margin-left: 1em;
  margin-right: 3em;
  padding-top: 0px;
}

.paratwo {
	width: 60%;
	margin: 0 auto;
	padding-top: 10px;
}

.paratwo-main {
	text-align: center;
	padding-top: 20px;
}

.paratwo-sub {
	text-align: left;
	padding-top: 30px;
	padding-bottom: 15px;
}

.seemore {
	text-align: center;
}

.top {
  text-align: center;
  padding-top: 35px;
}