
a:link { color: #0000CC; text-decoration: none; }
a:visited { color: #0000CC; text-decoration: none; }
a:active { color: #0000CC; text-decoration: none; }
a:hover { color: #0066FF; text-decoration: underline; }

a:hover img {
  opacity: .75;
}


.font_s{
	font: inherit;
	font-size: 80%;
	line-height:100%;}
	
.font_m{
	font: inherit;
	font-size: 100%;
	line-height:120%;}
	
.font_l{
	font: inherit;
	font-size: 120%;
	line-height:140%;}
	
	
.logo-header{
	
	width:100%; 
	background:url(../img/form_header.gif);
	padding:0 0 .5em 0;
	
}

.logo-header h1 {
	font-size:12px;
	line-height:120%;
	text-align:center; 
	font-weight:normal;
	
	
}


.logo {
		margin:5px auto 0 auto;
	}

header {
width:100%;
}
header nav {
text-align: center;
margin-bottom:10px;
}
header nav ul {
margin: 0;
padding: 1em 1em 1.5em 1em;
list-style-type: none;
}
header nav ul li {
display: inline;
padding:1em 1.5em;
border-width: 0 2px 0 0 ; border-style: dotted; border-color: #FFF;
}

header nav ul li#top {
display: inline;
padding:1em 1.5em;
border-width: 0 2px 0 2px; border-style: dotted; border-color: #FFF;
}

header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
}
header nav a {color: #FFF !important;  text-decoration:none; font-weight:600; font-family: 'Open Sans', sans-serif;}
header nav a:hover,
.a:focus,
.a:active,
.a.active {
  color: #FFFF66!important; text-decoration:none 
}




.btn0 span{font-size:100%}

.btn0{width:90%; padding:auto;margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #BBBBBB ;border-color: #BBBBBB;border: none;height:65px;}

.btn0:hover,
.btn0:focus,
.btn0:active,
.btn0.active {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
  text-decoration: none; 
}

.btn1 span{font-size:100%}

.btn1{width:90%;padding:5px; margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #d43076 ;border-color: #d43076;border: none;height:65px;}

.btn1:hover,
.btn1:focus,
.btn1:active,
.btn1.active {
  color: #fff;
  background-color: #990033;
  border-color: #990033;
  text-decoration: none; 
}

.btn2 span{font-size:100%}

.btn2{width:90%;padding:5px; margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #FF9900;border-color: #FF9900;border: none;height:65px;}

.btn2:hover,
.btn2:focus,
.btn2:active,
.btn2.active {
  color: #fff;
  background-color: #FF6600;
  border-color: #FF6600;
  text-decoration: none; 
}

.btn3 span{font-size:100%}

.btn3{width:90%; padding:auto;margin:5px;color:#FFF !important;font-weight:bold;font-size:140%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #009999;border-color: #009999;border: none;height:65px;}

.btn3:hover,
.btn3:focus,
.btn3:active,
.btn3.active {
  color: #fff;
  background-color: #006666;
  border-color: #006666;
  text-decoration: none; 
}


.list-btn span{font-size:100%}

.list-btn{width:90%; padding:auto;margin:2px;color:#FFF !important;font-weight:bold;font-size:120%;text-align:center;display:block;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #009999;border-color: #009999;border: none;height:58px;}

.list-btn:hover,
.list-btn:focus,
.list-btn:active,
.list-btn.active {
  color: #fff;
  background-color: #006666;
  border-color: #006666;
  text-decoration: none; 
}

img.img-responsive {
	display: block;
	width: 100%;
}

img.img-responsive_sp {
	display: block;
	width: 50%;
	text-align: center;
	margin:auto;
}

table.list{width:100%;border:1px #CCCCCC solid;border-collapse:collapse;border-spacing:0;margin-top:1%}
table.list th{padding:10px;border:1px #CCCCCC solid;border-width:0 1px 1px 1px;}
table.list td{padding:10px;border:1px #CCCCCC solid;border-width:0 0 1px 1px;}

footer{

	width:100%;
	height:160px;
	background-color:#888;
	color:#FFF;
	text-align:center;
	margin-top:35px;
	font-size:14px;
	line-height:120%;
	padding:1em 5%;
	
}


.scroller{
	text-align:center;
	font-size: 26px; 
	cursor: hand; 
	cursor:pointer; 
	display:block; 
	border:1px solid #BBB; 
	background-color:#222; 
	color:#FFF; 
	width:65px; 
	height:65px;
	margin-right:5px;
	padding:5px;
	
	}

.scroller:hover { background-color:#888; text-decoration: none; }

.scroller p{margin:10px auto; overflow: hidden;}


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

header nav ul li {
padding:1em 0.8em;
font-size:85%;
}

header nav ul li#top {
padding:1em 2em;
font-size:85%;
}

}

@media only screen and (max-width: 767px) {
	
	body {
		padding: 0;
		margin: 0;
	}
	

.logo-header h1 {
	margin:60px 10px 0 10px;
	font-size:12px;
	line-height:120%;
	text-align:left; 
	font-weight:normal;
	
	
}


.btn0 span{font-size:85%}
.btn0{font-size:120%;padding:auto;margin:3px;height:50px;}

.btn1 span{font-size:85%}
.btn1{font-size:120%;padding:auto;margin:3px;height:50px;}

.btn2 span{font-size:85%}
.btn2{font-size:120%;padding:auto;margin:3px;height:50px;}

.btn3 span{font-size:85%}
.btn3{font-size:120%;padding:auto;margin:3px;height:50px;}

.list-btn span{font-size:75%}
.list-btn{font-size:100%;padding:auto;margin:3px;height:45px;}


footer{

	width:100%;
	height:140px;
	margin-top:25px;
	font-size:12px;
	line-height:110%;
	padding:1em 2%;
	
}

.scroller{
	
	font-size: 18px; 
	
	width:45px; 
	height:45px;
	
	}

	
}

@media screen and (max-width: 480px) {
	body {
		padding: 0;
		margin: 0;
	}
	

.btn0 span{font-size:75%}
.btn0{font-size:70%;padding:auto;margin:1px;height:40px;}

.btn1 span{font-size:75%}
.btn1{font-size:70%;padding:auto;margin:1px;height:40px;}

.btn2 span{font-size:75%}
.btn2{font-size:70%;padding:auto;margin:1px;height:40px;}

.btn3 span{font-size:75%}
.btn3{font-size:70%;padding:auto;margin:1px;height:40px;}

.list-btn span{font-size:75%}
.list-btn{font-size:90%;padding:auto;margin:1px;height:40px;}

footer{

	width:100%;
	height:120px;
	margin-top:25px;
	font-size:10px;
	line-height:110%;
	padding:1em 2%;
	
}

.scroller{
	
	font-size: 14px; 
	
	width:35px; 
	height:35px;
	
	}


img.img-responsive_sp {
	display: block;
	width: 90%;
}

}