@charset "utf-8";

/*------------------------------------------------------------
  基本
-------------------------------------------------------------*/
html,body {
	background-image: url(../img/body_base.gif);
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
	}

#container {
	background-color: #fff;
	background-image: url(../img/bottom-gra.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 960px;
	margin: 0 auto;
	border: solid 1px #b0b0b0;
	}
	
#header {
	background-image: url(../img/header_base.gif);
	background-repeat: repeat-x;
	background-color: #427abc;
	height: 75px;
	line-height: 75px;
	border-bottom: solid 1px #b0b0b0;
	}
	
h1 {
	color: #fff;
	font-size: 2em;
	text-shadow: 0px 1px 4px #000;
	}
	
/*------------------------------------------------------------
  ボタン
-------------------------------------------------------------*/

#btn-area{
	width: 500px;
	margin: 100px auto 50px auto;
	}
	
#btn01 a {
	display:block;
	width:500px;
	background:url(../img/bt-01-1.png) no-repeat;
	height:55px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	margin: 0 auto;
	}
	#btn01 a:hover {
		background:url(../img/bt-01-2.png) no-repeat;
		}
	
#btn02 a {
	display:block;
	width:500px;
	background:url(../img/bt-02-1.png) no-repeat;
	height:55px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	margin: 0 auto;
	margin-top: 25px;
	}
	#btn02 a:hover {
		background:url(../img/bt-02-2.png) no-repeat;
		}

div.push_btn {
	height: 50px;
	}
	/* aタグ用スタイル */
	div.push_btn a {
		display: block;
		text-decoration: none;
		text-align: center;
		color: #333;
		}
	/* inputタグ用スタイル */
	div.push_btn input {
		border: none;
		outline: none;
		}
	/* aタグ、inputタグ共有スタイル */
	div.push_btn a,
	div.push_btn input {
		width:100%;
		position: relative;
		background: #e6e6e6;
		border-bottom: 3px solid #c8c8c8;
		transition: none;
			-webkit-transition: none;
		line-height: 50px;
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",メイリオ, Meiryo, verdana, sans-serif;
		font-size: 18px;
		border-radius: 10px;
		}
		div.push_btn a:hover,
		div.push_btn input:hover {
			top: -2px;
			border-width: 5px;
			}
		div.push_btn a:active,
		div.push_btn input:active {
			opacity: 0.8;
			top: 3px;
			border-bottom: none;
			}
	/* 赤色 */
	div.push_btn .red {
		background: #e74c3c;
		border-color: #c0392b;
		color: #fff;
		}
	/* 黄色 */
	div.push_btn .yellow {
		background: #f1c40f;
		border-color: #f39c12;
		color: #fff;
		}
	/* 青色 */
	div.push_btn .blue {
		background: #3498db;
		border-color: #2980b9;
		color: #fff;
		}
	/* 緑色 */
	div.push_btn .green {
		background: #2ecc71;
		border-color: #27ae60;
		color: #fff;
		}
		
.okiniiri {
	color: #ff0000;
	}

/*------------------------------------------------------------
  お知らせ
-------------------------------------------------------------*/

#info {
	background-color: rgb(240,240,240);
	/* border: solid 5px rgb(220,220,220);*/
	/* margin: 0 auto; */
	margin: 55px 30px;
	padding: 30px;
	text-align: left;
	/* color: #fff; */
	}
	#info h2 {
		font-size: 24px;
		font-weight: bold;
		}
	#info ul {
		margin-left: 2em;
		}
		#info ul.parent li {
			margin-top: 20px;
			}
			#info h3 {
				margin: 0px;
				padding-bottom: 10px;
				font-size: 20px;
				font-weight: bold;
				}
				#info ul.child li {
					margin: 10px 0;
					}
				#info strong {
					color: #ff0;
					font-size: 16px;
					}