@charset "UTF-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #e3e3e3;
}
.bg {
	background-image: url(images/bg.png);
	width: 172px;
	background-repeat: repeat-y;
}
.top_title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 36px;
	color: #999;
	padding-top: 10px;
	padding-left: 15px;
}
.sub_title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 15px;
	color: #0198DB;
	padding-bottom: 10px;
	padding-left: 15px;
	text-decoration: none;
}

.sub_title_link {
	color: #0198DB;
	text-decoration: none;
}
.navi {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color:#999;
	display:block;
}
.navi a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 21px;
	color: #FFF;
	text-decoration: none;
	padding-right: 20px;
}
.navi a:hover {
	color: #0198DB;
}
.navi_link {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 18px;
	color: #0198DB;
	text-decoration: none;
}
.title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 16px;
	color: #0198DB;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.text {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: justify;
	padding-right: 15px;
}
.text_center {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: center;
	padding-right: 15px;
}
.text_blue {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #0198DB;
	text-align: justify;
}
.text_blue_center {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #0198DB;
	text-align: center;
}
.text_blue_strong {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color: #0198DB;
	text-align: justify;
	font-weight: bold;
}
select {
	width: 250px;
	padding: 5px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	background-color: #FFF;
}
input[type=text] {
	width: 240px;
	padding: 5px;
	text-shadow: 0px 1px 0px #fff;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #717171;
	-webkit-box-shadow: 1px 1px 0px #efefef;
	-moz-box-shadow: 1px 1px 0px #efefef;
	box-shadow:  1px 1px 0px #efefef;
	background-color: #FFF;
}
input[type=text]:focus {  
    -webkit-box-shadow: 0px 0px 5px #007eff;  
    -moz-box-shadow: 0px 0px 5px #007eff;  
    box-shadow: 0px 0px 5px #007eff;  
}  
input.fail {
	background-color: #ff4848;
	text-shadow: 0px 1px 0px #666;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #ff4848;
	-moz-box-shadow: 0px 0px 5px #ff4848;
	box-shadow: 0px 0px 5px #ff4848;
}
select.fail {
	background-color: #ff4848;
	text-shadow: 0px 1px 0px #666;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #ff4848;
	-moz-box-shadow: 0px 0px 5px #ff4848;
	box-shadow: 0px 0px 5px #ff4848;
}
.red {
	color: #ff4848;

}
.hidden {
	display: none;
}