@charset "utf-8";
/* CSS Document */
span.head_red {
	color: red;
	font-size:80%;
}
body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	line-height: 150%;
	color: #333;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
}
footer, header, hgroup, nav, section {
	display: block;
}
.gp_box {
	display: block;
	height: auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.note_left {
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
	line-height: 200%;
	clear: both;
	font-size:100%;
	padding-left:1em;
	text-indent:-1em;
}

.note_red {
	font-weight: bold;
	color: #F03;
	font-size: 120%;
}
.note_left button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	width: 80px;
}
#title01 {
	background-color: #EE7A11;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}
#title02 {
	background-color: #FB883C;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}
#title03 {
	background-color: #EA7DC1;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}
#title04 {
	background-color: #8E9DD9;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}
#title05 {
	background-color: #43967B;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}
#title06 {
	background-color: #85C82B;
	padding-left: 10px;
	clear: both;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: 40px;
	padding-right: 0px;
}

h2 {
	font-size: 150%;
	color: #036;
	width: 34%;
	float: left;
}
.tangen01 {
	color: #BB1B09;
}
.n01 {
	color: #F63;
}

.tangen02 {
	color: #A94114;
}
.n02 {
	color: #FF8040;
}
.tangen03 {
	color: #803498;
}
.n03 {
	color: #F69;
}
.tangen04 {
	color: #26478A;
}
.n04 {
	color: #69C;
}
.tangen05 {
	color: #063;
}
.n05 {
	color: #6C9;
}
.tangen06 {
	color: #348B4F;
}
.n06 {
	color: #9C3;
}
.c01 {
	color: #A22BA2;
	font-size: 110%;
}
.c02 {
	color: #039;
	font-size: 110%;
}


.to_top a {
	clear: both;
	background-image: url(../images/to_top.gif);
	height: 24px;
	width: 90px;
	float: right;
	display: block;
	margin-bottom: 30px;
	margin-top: 10px;
}
a {
	text-decoration: none;
}


.to_top a span {
	display: none;
}


h3 {
	font-size: 140%;
	clear: both;
	float: left;
	width: 410px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #333;
	line-height: 2.4em;
}
.f_white {
	color: #FFF;
}

h4 {
	clear: both;
	width: 400px;
	float: left;
	padding-left: 20px;
	font-size: 120%;
	padding-top: 5px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
h5 {
	clear: both;
	width: 390px;
	float: left;
	padding-left: 30px;
	font-size: 100%;
	padding-top: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}


.f_10 {
	font-size: 90%;
	font-weight: normal;
}
#note_left {
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: both;
}
.note_red {
	font-weight: bold;
	color: #F03;
	font-size: 120%;
}
#note_left button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
	width: 80px;
}


button {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	width: 120px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 3px;
}
#head {
	font-size: 180%;
	background-image: url(../images/hyoushi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 75px;
	width: 600px;
	font-weight: normal;
	padding-left: 100px;
	float: left;
	padding-top: 50px;
	line-height: 180%
}
#head02 {
	font-size: 180%;
	background-image: url(../images/hyoushi2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 75px;
	width: 400px;
	font-weight: normal;
	padding-left: 100px;
	float: left;
	padding-top: 50px;
	color: #333;
}

.list {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	width: 50%;
}
.list .btn {
	list-style-type: none;
	float: left;
	padding-right: 5px;
}

.list .btn button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.list .btn button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #d1d1d1), color-stop(0.5, #e1e1e1), color-stop(0.99, #a2a2a2), to(#ccc));
}
.list .btn button:active {
	background: #ccc;
}


.btn_02 button {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	width: 250px;
	font-weight: normal;
	height: 22px;
	float: left;
	display: block;
	clear: both;
	margin-bottom: 10px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 10px;
}
.btn_02 button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.btn_02 button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #d1d1d1), color-stop(0.5, #e1e1e1), color-stop(0.99, #a2a2a2), to(#ccc));
}
.btn_02 button:active {
	background: #ccc;
}

.g_navi {
	width: 100%;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 10px;
}
.g_navi .navi {
	list-style-type: none;
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
}
.navi button {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	width: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	height: 30px;
	display: block;
}


.navi button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.navi button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #d1d1d1), color-stop(0.5, #e1e1e1), color-stop(0.99, #a2a2a2), to(#ccc));
}
.navi button:active {
	background: #ccc;
}
.list_s {
	padding: 0px;
	float: left;
	overflow: hidden;
	width: 50%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.list_s .btn {
	list-style-type: none;
	float: left;
	padding-right: 5px;
}

.list_s button {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	width: 50px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 3px;
}
.list_s button {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.list_s button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #d1d1d1), color-stop(0.5, #e1e1e1), color-stop(0.99, #a2a2a2), to(#ccc));
}
.list_s button:active {
	background: #ccc;
}

#head button {
	margin-top:6px;
	margin-bottom:2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
#head button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #d1d1d1), color-stop(0.5, #e1e1e1), color-stop(0.99, #a2a2a2), to(#ccc));
}
#head button:active {
	background: #ccc;
}
#head button {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	cursor: pointer;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
	width: auto;
	height: 22px;
	line-height: 10px;
	margin-right: auto;
	margin-left: 50px;
	padding: 0px 7px; 0px;
	margin-top: 0px;
	vertical-align: middle;

}
.note_left button {
	width: 100px;
	margin-top: 1px;
	vertical-align: top;

}