﻿body {
    background-color: #f5f5f5;
}

.universal-logo {
	color: #9daee0;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	padding: 2px 10px;
	background-color: #26499d;
}

/*ヘーダー画像ここから*/
@media screen and (max-width: 768px) {
	#headerwrap {
  	background: url(img/top_image_smart4.png) center bottom no-repeat;
  	background-size: cover;
  	opacity: 0.9;
	text-align: center;
}
	#headerwrap h1 {
	color: #ffffff;
	text-shadow: 1px 3px 6px #222222, 0 0 0 #000, 1px 3px 6px #444444;
	font-size: 30px;
	font-weight: bold;
	margin-top: 350px;
	}
}
@media screen and (min-width: 769px) {
	#headerwrap {
  	background: url(img/hp_top_image.gif) center bottom no-repeat;
  	background-size: cover;
  	opacity: 0.9;
	text-align: center;
}
	#headerwrap h1 {
	color: #ffffff;
	text-shadow: 1px 3px 6px #222222, 0 0 0 #000, 1px 3px 6px #444444;
	font-size: 50px;
	font-weight: bold;
	margin-top: 550px;
	min-height: 100px;
	}
}
/*ヘーダー画像ここまで*/

#notice {
	margin-top: 20px;
}

#notice .panel-about {
	background: url(img/camcy.png) left center no-repeat;
	background-size: 35px;
	background-color: #65ab31;
}

#notice h2 {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 40px;
	color: #ffffff;
}

#notice h2 small {
	color: #ffffff;
	padding-left: 5px;
}

.text16 {
	font-size: 16px;
}

.linkto2017 {
	font-size: 20px;
	margin-top: 10px;
}

.glyphicon-padding {
	letter-spacing: 10px;
}

.textdeco a {
	text-decoration: none;
}

.each-pic {
	float: left;
	padding: 5px;
}

#courses .title {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	margin-bottom: 20px;
}

#courses h2 {
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ffffff;
}

#courses .panel-winter {
	background: url(img/icon-snowman.png) 2px center no-repeat;
	background-size: 28px;
	padding-left: 32px;
	background-color: #0075c2;
}

#courses .panel-spring {
	background: url(img/icon-cow.png) 2px center no-repeat;
	background-size: 28px;
	padding-left: 32px;
	background-color: #ff69b4;
}

#courses .panel-summer {
	background: url(img/icon-campfire.png) 2px center no-repeat;
	background-size: 28px;
	padding-left: 32px;
	background-color: #e6b422;
}

#courses .panel-seattle {
	background: url(img/icon-seattle.png) 2px center no-repeat;
	background-size: 28px;
	padding-left: 32px;
	background-color: #00ada9;
}

#past-camps {
	margin-bottom: 40px;
}

#past-camps .title {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	text-align: center;
}

#related-links {
  	background-color: #f8e58c;
  	color: #444444;
	width: 100%;
	padding: 40px 10px;
	font-size: 16px;
}

#related-links ul {
	list-style-type: none;
}

#logos {
	background-color: #ffffff;
}

.logo-height1 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.logo-height2 {
	padding-top: 5px;
}

.copyright {
	font-size: 14px;
	background-color: #393e4f;
	color: #ffffff;
	text-align: center;
	padding-top: 12px;
	line-height: 80%;
}
#searchbox1 form{
 font-size: 1.3em;
}

#searchbox1 form select{
 padding:5px;
}

#searchbox1 form .search2 input{
 padding: 3px 10px;
}