@charset "UTF-8";

/*** reset ***/
html, body, header, footer, nav, main, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0; padding: 0;
}
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}
body {
	font: 12px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 1.8;
	color: #1d1a17;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #f6f6f6;
}
img { border: 0; vertical-align: middle; }
a:link    {color: #938478; text-decoration: none;}
a:active  {color: #938478; text-decoration: none;}
a:visited {color: #938478; text-decoration: none;}
a:hover   {color: #fcfcfc; text-decoration: underline;}

li { list-style-type: none; }
p { margin-bottom: 1em; }
main { display: block; }
/*** reset END ***/


/*** header ***/
header {
	margin: 0 auto;
	max-width: 768px;
	padding: 70px 0;
	background-color: #26211d;
}
h1 {
	text-align: center;
}
@media screen and (max-width: 767px) {
	header { padding: 50px 0; }
}
@media screen and (max-width: 539px) {
	header { padding: 25px 0; }
	h1 img {
		width: 64px;
		height: 64px;
	}
}
/*** header END ***/


/*** nav ***/
nav {
	margin: auto;
	max-width: 768px;
	font-size: 8pt;
	font-weight: bold;
}
nav ul {
	margin: -40px 0 0;
	height: 40px;
	overflow: hidden;
}
nav ul li {
	width: 80px;
	text-align: center;
	float: right;
}
nav ul li a {
	padding: 9px 0;
	height: 22px;
	display: block;
}
nav ul li a:link    { color: #938478; background-color: #26211d; text-decoration: none;}
nav ul li a:active  { color: #938478; background-color: #26211d; text-decoration: none;}
nav ul li a:visited { color: #938478; background-color: #26211d; text-decoration: none;}
nav ul li a:hover   { color: #ffffff; background-color: #26211d; text-decoration: none;}

@media screen and (max-width: 539px) {
	nav { font-size: 8pt;}
	nav ul li { width: 54px; }
	nav ul li a { padding-top: 17px; }
}
/*** nav END ***/



/*** main ***/
main {
	margin: auto;
	padding: 0 0 44px;
	max-width: 768px;
	text-align: center;
	color: #666666;
	background-color: #ffffff;
}

main a:link    {color: #888888; text-decoration: none; background-color: #ffffff; }
main a:active  {color: #888888; text-decoration: none; background-color: #ffffff; }
main a:visited {color: #888888; text-decoration: none; background-color: #ffffff; }
main a:hover   {color: #999999; text-decoration: none; background-color: #f4f4f4; }

#about main a:link    {color: #888888; text-decoration: underline; background-color: #ffffff; }
#about main a:active  {color: #888888; text-decoration: underline; background-color: #ffffff; }
#about main a:visited {color: #888888; text-decoration: underline; background-color: #ffffff; }
#about main a:hover   {color: #999999; text-decoration: underline; background-color: #ffffff; }

h2 {
	font-size: 9pt;
	margin-bottom: 40px;
	padding: 20px 0;
	color: #ffffff;
	background-color: #938478;
}
@media screen and (max-width: 539px) {
	h2 { font-size: 8pt; padding: 8px 0; margin-bottom: 20px; }
}

main section.main_group {
	margin: auto;
	padding-bottom: 22px;
	width: 90%;
	overflow: hidden;
}
h3 {
	margin: 0 auto 12px;
	padding-bottom: 5px;
	width: 90%;
	text-align: left;
	color: #938478;
	font-size: 9pt;
	border-bottom: 1px solid #eaeaea;
}
main section.main_group p#information {
	text-align: left;
	padding-left: 44px;
	font-size: 9pt;
}
@media screen and (max-width: 539px) {
	main section.main_group p#information {
		parring-right: 16px;
		padding-left: 12px;
		font-size: 8pt;
	}
}

main a {
	display: block;
	margin-bottom: 34px;
	padding: 10px 0;
	float: left;
	width: 25%;
	text-align: center;
	border-radius: 22px;
}
@media screen and (max-width: 767px) {
	main a { width: 33%; margin-bottom: 20px; }
}
@media screen and (max-width: 539px) {
	h3 { text-align: center; margin-bottom: 5px; }
	main a { width: 50%; margin-bottom: 8px; }
}
@media screen and (max-width: 369px) {
	main section.main_group { width: 100%; }
	h3 { width: 100%; }
	main a { margin-bottom: 0; }
}

main a img {
	margin-bottom: 10px;
}
main a p.title {
	margin-bottom: 0.2em;
	font-size: 9pt;
	font-weight: normal;
	line-height: 1.35;
	text-align: center;
}
@media screen and (max-width: 369px) {
	main a p.title { font-size: 8pt; }
}

#about main section.main_group {
	text-align: left;
}
#about main section.main_group a {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
}
#about main section.main_group p {
	width: 80%;
	margin: 0 auto 1em;
}
@media screen and (max-width: 539px) {
	#about main section.main_group a {
		text-align: center;
		width: 100%;
	}
	#about main section.main_group p {
		text-align: center;
	}
}
/*** main END ***/


/*** footer ***/
footer {
	margin: auto;
	padding: 32px 0;
	max-width: 768px;
	text-align: center;
	border-top: 3px solid #938478;
	color: #938478;
	font-size: 8pt;
	background-color: #26211d;
}
footer p {
	margin: 0;
}
@media screen and (max-width: 539px) {
	footer { padding: 24px 0; }
}
/*** footer END ***/