html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: "Rounded Mplus 1c";
	font-weight: 300;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	color: #555555;
	font-size: 17px;
}

@media screen and (max-width: 767px) {
  body {
	font-weight: 400;
  }
  .pc_only {
  	display: none;
  }
}

.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

@media screen and (min-width: 768px) {
  .sp_only {
	display: none;
  }
}

h1 {
	margin: 0;
	padding: 0;
	background: url(../images/logo.png) no-repeat;
	width: 325px;
	height: 47px;
}

h1 span { display: none; }

p { line-height: 2.0; }

.alC { text-align: center; }

.red { color: #e90909; }

.small { font-size: 14px; }
.large { font-size: 24px; font-weight: 400; }

@media screen and (max-width: 767px) {
  .large { font-weight: 500; }
}

.mgt20 { margin-top: 20px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }

.w_hyaku { width: 100%; }

#menu {
	float: right;
	font-size: 14px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li:first-child {
	margin-left: 0;
}

#menu li a {
	text-decoration: none;
	color: #ffffff;
	padding-bottom: 3px;
}

#footer {
	color: #ffffff;
}

#footer p#copy {
	font-size: 12px;
}


ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0 0 0 25px;
	padding: 0;
}

a:hover img.bnr {
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	img.bnr {
		width: 100%;
		max-width: 600px;
	}
}





/* blog start */

#blog {
	margin: 0;
	padding: 20px 20px 0 20px;
}

#blog h2 {
	float: left;
	font-weight: 300;
	font-size: 14px;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0;
	line-height: 1;
}

#blog p {
	font-size: 14px;
	white-space: none;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

#blog a {
	color: #ffffff;
	text-decoration: none;
}

#blog a:hover {
	text-decoration: underline;
}

/* blog end */