/*--------------------------
   respond_ stylesheet
--------------------------*/
@charset "utf-8";

@media screen and (max-width:4000px) {
	h1 {
		margin:0;
		padding: 10px 10px;
		font-size:1em;
		background:#2F4468;
		color:#fff;
	}
	table.question {
		padding:10px;
		font-size:1.3em;		
	}

	table.bogi {
		margin:10px auto;
		border-spacing: 4px;
		width:90%;
		border:2px solid #777;
		border-radius:10px;
		overflow:hidden;
	}
	table.bogi td {
		padding:10px;
		border-spacing: 4px;
		line-height:30px;
		font-size:1.2em;
		background:#f1f1f1;
		border-bottom:2px solid #ccc;
		cursor:pointer;
	}

	table.jilmun {
		margin:10px auto;
		border-spacing: 0px;
		width:98%;
		border:1px solid #000;
		border-radius:5px;
		overflow:hidden;
		background: #DDD;
	}
	table.jilmun td {
		padding:10px;
		border-spacing: 4px;
		line-height:30px;
		font-size:1.2em;
		background:#95EFEF;
		border-bottom:2px solid #ccc;
		cursor:pointer;
	}

	table.example {
		margin:10px auto;
		border-spacing: 4px;
		width:98%;
		border:2px solid #777;
		border-radius:10px;
		overflow:hidden;
	}
	table.example td {
		padding:10px;
		border-spacing: 4px;
		line-height:30px;
		font-size:1.2em;
		background:#f1f1f1;
		border-bottom:2px solid #ccc;
		cursor:pointer;
	}
	table.example tr:last-child td {
		border:none;
	}
	table.example td:hover,
	table.example td.on {
		background:#999;
		color:#fff;
	}
	table.example td text {
		display:block;
		width:99%;
		margin:auto;
	}
	table.example td textarea {
		display:block;
		width:99%;
		margin:auto;
	}
	fieldset {
		padding:0;
		border:none;
		text-align:center;
	}
	fieldset input[type="button"],
	fieldset input[type="submit"] {
		width:98%;
		padding:30px;
		border:none;
		border-radius:10px;
		background:#296FC1;
		color:#fff;
		font-size:1.3em;
		font-weight:bold;
		letter-spacing:5px;
		cursor:pointer;
	}
	fieldset input[type="button"]:hover,
	fieldset input[type="submit"]:hover {
		background:#E09325;
	}

	/* intro */
	h1.intro {
		text-align:center;
		font-size:1.3em;
	}
	div#intro .Img {
		width:100%;
		height:auto;
		background:#ddd;
		text-align:right;
	}
	div#intro .Img img {
		max-width:100%; margin:0;
	}
	div#intro p {
		width:90%;
		margin:20px auto;
		font-size:1.3em;
	}

	div.update {
		width:98%;
		margin:10px auto;
		border-radius:10px;
		background:#ddd;
		word-wrap: break-word;
		font-size:1.3em;
	}

	/* start+end page */
	div.message {
		width:98%;
		margin:10px auto;
		border-radius:14px;
		background:#ddd;
	}
	div.message pre {
		padding:25px;
		word-wrap: break-word;
		white-space: pre-line;
		font-size:1.1em;
	}
}

@media screen and (max-width:767px) {
}

@media screen and (max-width:479px) {
}