.copyright {
	font-size: 70%;
	color: #300;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.footer {
}

.trial {
	font-size: 80%;
	color: #300;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.information {
	width: 85%;
	color: #300;
	padding-left: 10%;
	padding-right: 5%;
	padding-top: 5px;
}

.main {
	color: #300;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

h1 {
	font-size: 120%;
	background-color: #FCF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FCC));
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 5%;
}

h2 { 
　　 font-size: 120%;
	color: #900;
}

intro {
	display: none;
}

.section {
	font-size: 100%;
}

nav {
	background: #282e37;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC), to(#F9C));
	margin: 0 auto;
	width: 242px;
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

nav li {
	float: left;
	text-align: center;
	border-left: 1px solid #FFF;
}

nav li:first-child {
	
	border-top-left-radius: 5px;
	border-bottom-left-raidus: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

nav li:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-raidus: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

nav li.active {
	background: -webkit-gradient(linear, left top, left bottom, from(#F9C), to(#FFC));
}

nav a {
	color: #300;
	text-decoration: none;
	width: 120px;
	padding: 8px 0;
	display: block;
}

article {
	width: 90%;
	border: 1px solid #F69;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #fff;
	padding: 10px;
	margin: auto auto;
	min-height: 200px;
	clear: both;
}

article:not(.active) {
	display: none;
}
	

/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.ss {
	color: #300;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.topics {
	padding: 10px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.index {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
}