@import url(http://fonts.googleapis.com/css?family=Wendy+One);
@import url('http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 62.5%; /* 10px */
}
a {
	text-decoration: none;
	color: black;
}
a:hover { color: red; }

div.clear { clear: both }

/*---header---*/

header {
	margin: 0 auto;
	padding-top: 2rem;
	width: 80%;
	text-align: center;
}
header p {
	font-size: 0.8rem;
}
header img {
	width: 100%;
}
header address {
	font-family: 'Wendy One', sans-serif;
	font-size: 1.7rem;
	color: #593A71;
	margin-top: 5px;
}
header address a {
	color: #593A71;
}

/*---nav---*/

nav {
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
nav a {
	display: block;
	font-size: 1.8rem;
	background-color: red;
	padding: 1.5rem 0rem 1.5rem 0rem;
	margin-top: 1.5rem;
	color: white;
}
nav a:hover {
	color: yellow;
}
nav a.print {
	background-color: #F5A25B;
}
nav a.support {
	background-color: #43A19F;
}
nav a.history {
	background-color: #D95355;
}

/*---section---*/

section {
	clear: both;
}
section article {
	margin: 0 auto;
	width: 80%;
	padding: 3rem 0rem 3rem 0rem;
}
section article img {
	float: left;
	margin: 0.6rem 1rem 0rem 0rem;
	width: 50%;
}
section article h2 {
	color: white;
	text-align: center;
	font-size: 2.3rem;
	line-height: 3rem;
}
section article p {
	color: white;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 1rem 0rem 1rem 0rem;
}
section article .item {
	background-color: white;
	padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	margin: 1rem 0rem 1rem 0rem;
	font-size: 1rem;
	line-height: 2rem;
	text-align: justify;
	text-justify: inter-ideograph;
}
section article .item p {
	font-size: 1.5rem;
}

/*---aboutus---*/

#aboutus article {
	font-size: 1rem;
	line-height: 2rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*---print---*/

#print {
	background-color: #F5A25B;
}
#print article .item p {
	color: #F5A25B;
}

/*---support---*/

#support {
	background-color: #43A19F;
}
#support article .item p {
	color: #43A19F; 
}
#support article .item .freejan {
	text-align: center;
	padding: 1rem;
	margin-top: 1rem;
	display: block;
	padding: 1rem;
	line-height: 1rem;
	color: white;
	background-color: #43A19F;
}
#support article .item .freejan span {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2rem;
}
#support article .item .freejan:hover {
	color: yellow;
}

/*---history---*/

#history {
	background-color: #D95355;
}
#history article .item p {
	color: #D95355;
}
table {
	width: 100%;
	line-height: 1.5rem;
	border-top: thin silver solid;
	border-left: thin silver solid;
	margin-bottom: 2rem;
}
th,td {
	padding: 5%;
	border-bottom: thin silver solid;
	border-right: thin silver solid;
	width: 90%;
	display: block;
}
th {
	background-color: whitesmoke;
}

/*---privacy---*/

#privacy article h2 {
	font-size: 1.8rem;
	color: #593A71;
	padding-bottom: 1.5rem;
}
#privacy article p {
	color: black;
	font-size: 0.8rem;
	text-align: left;
	padding: 0.5rem 0rem 0.5rem 0rem;
}
#privacy article h3 {
	font-size: 1rem;
	background-color: #593A71; 
	color: white;
	padding: 0.5rem 1rem 0.5rem 1rem;
	margin: 1.5rem 0rem 1rem 0rem;
}
#privacy article h4 {
	color: #593A71;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 2rem 0rem 1rem 0rem;
}
#privacy article h5 {
	font-size: 0.8rem;
	text-align: right;
}

/*---footer---*/

footer {
	margin: 0 auto;
	padding: 3rem 0rem 3rem 0rem;
	text-align: center;
	background-color: white;
}
footer article {
	margin: 0 auto;
	width: 80%;
	padding: 1rem 0rem 1rem 0rem;
}
footer article p {
	color: black;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 1rem 0rem 1rem 0rem;
}
footer h1 {
	font-size: 0.8rem;
	line-height: 1.2rem;
}
footer span {
	display: block;
	font-size: 0.8rem;
}
footer span.space {
	display: none;
}
footer img {
	width: 50px;
	height: 30px;
}

/*---タブレット---*/
@media all and ( min-width: 480px ) {
	header p {
		font-size: 1.2rem;
	}
	header address {
		font-size: 2.8rem;
		margin-top: 10px;
	}
	nav a {
		font-size: 1.2rem;
		padding: 2rem 0rem 2rem 0rem;
	}
	section article img {
		width: 160px;
		margin: 0.8rem 1.5rem 0rem 0rem;
	}
	th,td {
		padding: 3.5%;
		width: auto;
		display: table-cell;
	}
	table.enkaku th, table.enkaku td {
		padding: 3.5%;
		width: 93%;
		display: block;
	}
	footer img {
		width: 75px;
		height: 45px;
	}
}

/*---PC---*/
@media all and ( min-width: 768px ) {
	header address {
		font-size: 4rem;
		margin-top: 10px;
	}
	nav a {
		font-size: 1.2rem;
		width: 33%;
		padding: 2.5rem 0rem 2.5rem 0rem;
		float: left;
	}
	#aboutus article {
		padding:4.5rem 0rem 4.5rem 0rem;
	}
	th,td {
		padding: 2%;
		width: auto;
		display: table-cell;
	}
	table.enkaku th, table.enkaku td {
		padding: 2%;
		width: auto;
		display: table-cell;
	}
	footer span {
		display: inline;
	}
	footer span.space {
		display: inline;
	}
	footer img {
		width: 100px;
		height: 60px;
	}
}