@charset 'utf-8';
/*
 * slider
 */
#slider{
	position: relative;
	width:100%;
	height: 480px;
	overflow: hidden;
	background: url(../img/loading.gif) no-repeat center center;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
}
#slider li{
	float: left;
}
#slider li img {
	width: 100%;
	height: auto;
}
#slider #prev,
#slider #next{
	position: absolute;
	top:220px;
	cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}

/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 730px;
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/sliders/dot.gif) repeat 0 0 #666;
	opacity: 0.8;
	filter: alpha(opacity=50);
}

#slider .slider_logo {
	position: absolute;
	top: 400px;
	left: 450px;
}

.top_header img {
	max-width: 234px;
	max-height: 75px;
}

.post h2 {
	font-size: 2em;
	background-color: rgba(0,174,232,0.5);
	padding: 5px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-o-border-radius: 1em;
	-ms-border-radius: 1em;
}

.post .announcements h3 {
	font-size: 1.8em;
}

.post .announcements div {
	font-size: 1.2em;
}

.introduction {

	margin-top: 40px;

}

.appeal {
	color: rgba(255,51,51,1);
	font-weight: bold;
}


.contact {
	margin-top: 3em;
}

.contact table {
	width: 100%;
	border: 1px solid #000000;
}

.contact caption {
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
}

.contact .td_logo  {
	width: 30%;
	padding: 1em;
}

.contact .td_contact {
	width: 70%;
	padding: 3em;
}

.contact img {
	width: 70%;
	height: auto;
}

.contact dl {
	font-size: 1.5em;
}


.contact dt {
	float: left;
	font-weight: bold;
	border-bottom: 1px dashed #000000;
}

.contact dd {
	margin-left: 7em;
	border-bottom: 1px dashed #000000;
}

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

 #slider .slider_logo {
	position: absolute;
	top: 10px;
	left: 10px;
 }

 .slider_logo {
	max-width: 131px;
	max-height: 48px;
 }

 .post .announcements h3 {
	font-size: 1.3em;
 }

 .post .announcements div {
	font-size: 1.0em;
 }

 .contact .td_logo  {
	width: 20%;
 }

 .contact .td_contact {
	width: 80%;
	padding: 1em;
 }

 .contact img {
	width: 100%;
	height: auto;
 }

 .contact dl {
	font-size: 0.8em;
 }

 .contact dt {
	float: left;
	font-weight: bold;
	border-bottom: none;
	margin-left: 0px;
 }

 .contact dd {
	border-bottom: none;
 }

}