/* index.html用 */

body {
	background-image: url(../img/b4-113.gif);
}

div#box {
	width: 800px;
	text-align:left;
	margin:5em auto 0px auto;
	background-color: #fff;
	padding: 2em;
}

div.title {
	text-align: center;
}

div.body {
	text-align: center;
}

div.body h1 {
	font-family: "HGS行書体";
	font-size: xx-large;
	margin: 0 0;
}

div.body h2 {
	font-size: large;
	margin: 0 0;
}

div.body .form {
	margin: 1em 0 0 0;
	width: 400px;
}

div.body form p {
	font-size: x-small;
	text-align: center;
	margin : 0.2em 0 0 0;
}

input.button {
	padding: 0.2em 1em;
}

div.tyushaku {
	margin: 2em 0 0 0;
}

div.blank {
	margin: 2em 0 0 0;
}

div.twitter {
	margin: 1em 0 0 1em;
}

div.facebook {
	margin: 1em 0 0 1em;
}

div.googleplus {
	margin: 1em 0 0 1em;
}

div.bottom {
    margin-bottom: 5em;
}

div.back {
    margin-top: 1em;
}

div.tyushaku p {
	font-size: x-small;
	text-align: left;
	margin: 0.5em 0;
}

div.copylight p {
	margin: 2em 0 0 0;
	text-align: right;
	font-size: xx-small;
}

.text {
	width: 20em;
}

.imgsh {
	position:relative;
	top: 0px;
}

div.copylight a:link {
	color: black;
}

div.copylight a:visited {
	color: black;
}

div.copylight a:active {
	color: black;
	font-style: italic;
}

div.copylight a:hover {
	color: black;
	font-style: italic;
}

/* sengoku.php用 */
.name {
	font-size: large;
	text-align: center;
}

.result {
	margin: 3em auto 0 auto;
	font-size: large;
	text-align: left;
	width: 27em;
}

.name strong{
	font-family: "HGS行書体";
	font-size: xx-large;
}

.communication {
	margin: 3em 0 0 0;
}

.communication .name strong{
	font-family: "HGS行書体";
	font-size: x-large;
}