@charset "UTF-8";

* {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
  "Osaka","ＭＳ Ｐゴシック", "MS P Gothic",
  Verdana,Arial, Helvetica, sans-serif;
}

body {
	background-color: #EEE;
	text-align: center;
}

div#wrapper {
	width: 800px;
	text-align: left;
	background-color: #FFF;
	margin: 10px auto;
	border-radius: 5px;
	border: solid 1px #CCC;
	box-shadow: 0px 0px 10px #CCC;
}

div#wrapper div#header {
	margin: 0px;
	border-radius: 5px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}

div#wrapper div#header h1 {
	color: #45B035;
	font-size: 150%;
	text-align: center;
	padding: 0px;
	margin: 15px 0px 15px 0px;
	text-decoration: underline;
}

div#wrapper div#header img {
	max-width: 100%; 
    height:auto;
}

div#wrapper div#container {
	color: #666;
	padding: 0px 20px 0px 20px;
}

div#wrapper p {
	color: #666;
	font-size: 90%;
	line-height: 180%;
	margin: 0px;
	padding: 0px;
}

div#wrapper div#footer {
	color: #000;
	clear: both;
	margin: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 90%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

.bg_yellow {
	padding: 20px 30px 20px 30px;
	background-color: #FFFBE4;
	margin: 0px 0px 15px 0px;
}

.leftbox {
	width: 20%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.rightbox {
	width: 77%;
	float: right;
	margin: 0px;
	padding: 0px;
}

.dashbox {
	margin: 0px 0px 20px 0px;
	padding: 13px 0px 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	clear: both;
}

div#wrapper div#container h2 {
	color: #00A0E9;
	font-size: 120%;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
}

div#wrapper div#container h2 a {
	color: #00A0E9;
}

div#wrapper div#container h2 a:hover {
	text-decoration: none;
}

.iraibox {
	text-align: right;
	margin-top: 10px;
}

.iraibox a {
	color: #FFF;
	text-decoration: underline;
}

.iraibox a:hover {
	text-decoration: none;
}

.icon_irai {
	padding: 0px 20px 0px 20px;
	background-color: #E60012;
	margin: 0px;
	color: #FFF;
	font-size: 90%;
	line-height: 180%;
	text-align: right;
}

.box10 {
	padding: 10px 0px 0px 0px;
}

.red {
	color: #E60012;
}

.orange {
	color: #F08300;
}


@media screen and (max-width: 800px) {
	body {
		padding: 0px;
		margin: 0px;
}
	div#wrapper {
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: none;
		border: none;
}
	div#wrapper div#header {
		border-radius: 0px;
		padding: 10px;
}

.bg_yellow {
	padding: 15px;
}

	div#wrapper div#header img {
	max-width: 96%; 
    height:auto;
}

	div#wrapper div#container img {
	max-width: 100%; 
    height:auto;
}

	div#wrapper div#container h2 {
	font-size: 150%;
}

	div#wrapper div#container h3 {
	font-size: 110%;
}

}