@charset "utf-8";

/* ==============================
全ページ用
============================== */

/* ------------------------------
汎用設定
------------------------------ */
body {
	color: #333333;
	background-color: #f9f9f9;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}
a:link {
	color: #21759b;
}
a:visited {
	color: #21759b;
}
h1,h2,h3,h4,h5,p,li,dt,dd,th,td {
	font-size: 1.0em;
	font-weight: normal;
}
em {
	font-weight: bold;
	font-style: normal;
}
strong {
	color: #ff3008;
}
small {
	font-size: 0.75em;
	font-weight: normal;
}
th p,td p {
	font-size: 1em;
}
th small,td small {
	font-size: 0.9em;
	font-weight: normal;
}
.clear-both {
	clear: both;
	overflow: hidden;
	height: 0px;
}


/* ------------------------------
ページ
------------------------------ */
#page {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	min-width: 240px;
}


/* ------------------------------
ヘッダー
------------------------------ */
#header {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
#site-title img {
	width: 100%;
	height: auto;
	max-width: 640px;
}
#header p {
	line-height: 1.5;
	margin-top: 5px;
}


/* ------------------------------
コンテンツ
------------------------------ */
#container {
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
}
#container p {
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contents h2 {
	font-size: 1.375em;
	font-weight: bold;
	background-color: #f5f5f5;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #3791d2;
	padding: 7px;
	margin-bottom: 15px;
}
#contents h3 {
	margin-top: 20px;
	padding-top: 3px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F8CF30;
	padding-left: 5px;
	padding-bottom: 3px;
}
#contents dl {
	line-height: 1.4;
	margin-bottom: 30px;
}
#contents dt {
	font-weight: bold;
}
#contents dd {
	margin-bottom: 10px;
}

#contents ul {
	margin-left: 1.5em;
}
#contents li {
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 5px;
}

.button a {
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	background-color: #f3f3f1;
	line-height: 44px;
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	height: 44px;
	display: block;
	border-radius: 4px;
}
.button a:hover {
	background-color: #ffeda4;
}


/* ------------------------------
フッター
------------------------------ */
#footer {
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#footer p {
	line-height: 1.35;
	margin-top: 10px;
	margin-bottom: 10px;
}
#copyright {
}


/* ------------------------------
メディアクエリ
------------------------------ */
@media only screen and (min-width: 640px){
#page {
	max-width: 960px;
}
.button a {
	font-size: 0.875em;
	line-height: 34px;
	width: 280px;
	height: 34px;
}
}


