@charset "utf-8";

p,
div,
address,
table,
caption,
th,
td {
		font-style: normal;
		font-weight: normal;
		font-size: 100%;
		margin: 0;
		padding: 0;
}

img,
img a,
img a:hover { border: 0; }

body {
		text-align: center;
		font-size: 80%;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		margin: 0;
		padding: 0;
}

div#header {
		text-align: left;
		width: 900px;
		margin: 0 auto;
		padding-top: 80px;
}

div.header-inner {
		position: relative;
		width: 570px;
		padding: 0 0 0 330px;
		background: url(../image/logo-home.gif) no-repeat 0 0;
}

h1 {
		font-weight: normal;
		font-size: 100%;
		height: 30px;
		line-height: 30px;
		margin: 0 0 2em;
		padding: 0;
		background: url(../image/bg-headline01.jpg) repeat-x 0 100%;
		color: #06c;
}

h1 span {
		display: block;
		margin: 0;
		padding: 0 0 0 2.5em;
		background: url(../image/bg-h3-span.jpg) no-repeat 0 100%;
}

form {
		width: 540px;
		margin: 0;
		padding: 0 15px;
}

table {
		margin: 0 0 1em;
		padding: 0;
}

th,
td {
		vertical-align: top;
		text-align: left;
		padding: 0.5em 0;
}

th {
		width: 130px;
		line-height: 1.2em;
		color: #06c;
}

th span {
		font-size: 75%;
		padding-left: 0.5em;
		color: #c33;
}

td { width: 410px; }

#name,
#email,
#email_2,
#url,
#comment,
#comment2 {
		width: 400px;
		margin: 0;
		padding: 3px;
		border: 0;
		background: url(../image/bg-gray.jpg);
}

#comment { height: 10em; }
#comment2 { height: 20em; }

p.submit {
		margin: 0 0 1em;
		padding: 0 0 0 130px;
}

#submit,
#reset { padding: 0.5em 1em; }

p.error_message {
		font-size: 12px;
		height: 16px;
		line-height: 16px;
		margin: 0;
		padding: 0;
		color: #06f;
}

p.ex {
		font-size: 12px;
		height: 16px;
		line-height: 16px;
		margin: 0;
		padding: 0;
		color: #666;
}



/* ----- */
div#footer {
		text-align: left;
		padding: 0 0 10px;
}

/* #footer
------------------------------------------------------------------------------------------ */
#footer p.pagetop {
		width: 900px;
		height: 2em;
		line-height: 2em;
		overflow: hidden;
		margin: 0 auto 8em;
}

#footer p.pagetop span {
		display: block;
		margin: 0 280px 0 0;
		padding: 0;
}

#footer p.pagetop a {
		text-decoration: none;
		text-align: center;
		display: block;
		width: 8em;
		height: 2em;
		line-height: 2em;
		float: right;
		background-color: #06c;
		color: #fff;
}

#footer p.pagetop a:hover {		background-color: #eee;
		color: #06c;}

p.copyright {
		width: 900px;
		text-align: right;
		margin: 0 auto;
		padding: 0.5em 0;
		color: #06c;
}

p.copyright span { padding-left: 0.5em; }