@import url(http://mplus-fonts.sourceforge.jp/webfonts/general-j/mplus_webfonts.css);

body{
	font-size: 74%;
	text-align: center;
font-family:'M+ Type-2 (general-j) Regular', sans-serif;
	line-height: 1.9;
	background: #fff;
	letter-spacing: 2.3px;}

#wrp{
	width: 500px;
	margin: 20px auto 0 auto;
	padding: 0;
}

#header{
	margin: 0px;
	padding:15px;
	height: 65px;
	text-align: center;
	vertical-align: middle;
background: #000;
color: #fff;
border-radius: 25px;
}

#nav{
padding:20px 0;
	margin:0;
	height: 30px;
	text-align:center;
	vertical-align: middle;
}

#content{
	padding:0;
	margin:0;
	height:auto;
	border: 0;
}

ul {
list-style: none;
text-align: center;
}

li {
display: inline-block;
position: relative;
text-align:center;
padding: 0 10px 10px 10px;
}

li a{
position: relative;
border: 0;
color:#000;
text-decoration:none;
font-size: 15px;
}h1 {
	font-size:35px;
	letter-spacing: 5px;
	margin: 0;
}

h2{
padding: 0 10px;
font-size: 18px;
letter-spacing: 5px;
margin: 0 0 10px 0;
color: #fff;
}
h2:first-letter{
color:#000;
font-size:1.8em;
background: #fff;
border-radius: 10px;
padding: 3px;
margin: 0 5px;
}

h3{
padding: 0 10px;
font-size: 15px;
letter-spacing: 5px;
margin: 0 0 10px 0;
}
h3:first-letter{
color:#fff;
font-size:1.8em;
background: #000;
border-radius: 10px;
padding: 3px;
margin: 0 5px;
}


p {
  color: #fff;
  font-size:14px;
  text-align: justify;
  text-justify: inter-ideograph;
  margin:0 0 15px 0;
  
}

.box{
	width: 470px;
	height:auto;
	margin: 0px;
	padding: 15px;
	color:#000;
	text-align:left;
background: #000;
color: #fff;
border-radius: 25px;
}

.box2{
	width: 470px;
	height: auto;
	margin: 0px;
	padding: 15px;
	color:#000;
	text-align:left;
}

a{
position: relative;
border: 0;
color:#ccc;
text-decoration:none;
border-bottom: #ccc 1px dashed;
}

a:hover {
color:#cccccc;
}

strong {
background:linear-gradient(transparent 80%, #999 0%)
}