@charset "utf-8";

body	{ 
	border-bottom: solid 5px #ff3300;
}

/* nav */
.nav {
	clear: both;
	position: relative;
	margin: 0 0 5px 0;
	padding: 5px;
	background: #eee;
}
.nav ul {
	margin: 0;
	padding: 5px;
	background: #FF3300;
	background: -moz-linear-gradient(#FF3300 0%, #d13516 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF3300), color-stop(100%, #d13516));
	background: -webkit-linear-gradient(#FF3300 0%, #d13516 100%);
	background: linear-gradient(#FF3300 0%, #d13516 100%);
	text-align: center;
}
.nav li {
	margin: 0 0;
	padding: 8px 10px;
	list-style: none;
	display: inline-block;
	border-right: solid 1px #eee;
	background: #FF3300;
	background: -moz-linear-gradient(#FF3300 0%, #d13516 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF3300), color-stop(100%, #d13516));
	background: -webkit-linear-gradient(#FF3300 0%, #d13516 100%);
	background: linear-gradient(#FF3300 0%, #d13516 100%);
}
.nav li.last {
	border-right: none;
}
.nav li:hover {
	background: #ff3300;
}

.nav a {
	text-decoration: none;
	color: #fff;
	line-height: 100%;
}
.nav a:hover {
}

#social { clear: both; text-align: right; }

/* #top-msg { background: #974E1E url('../img/top-msg-bg.jpg'); height: 378px; margin-bottom: 10px; }*/
#top-msg { background: #B8783A url('../img/top-msg-bg2.jpg'); height: 378px; margin-bottom: 10px; }

#top-msg #top-msg-text { float: left; padding-top: 50px; padding-left: 50px; }
#top-msg #top-photo { float: right; margin-right: 10px; margin-top: 10px;}

.midashi { background: #ff3300; color: #fff; font-weight: bold; text-align: center; padding: 5px 5px 2px 5px; margin-bottom: 5px; }

.corner	{ border: solid 2px #ff3300; padding: 5px 0; }

.r_border { border-right: 2px solid #ff3300; }


/* responsive
------------------------ */
.slicknav_menu {
	display:none;
}

#mobile-menu {
		display:none;
}


/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

	body	{ border-bottom: none; }

	.nav	{
		display:none;
	}

	.js #mobile-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

	#container, #header, div#head-box, #footer { width: 100%; }

	div#header {
		height: auto;
	}

	div#head-box {
		padding: 10px 0;
	}

	div#head-box .fLeft { float: none; }

	div#head-box img {
		width: 95%;
		height: auto;
	}

	div#head-box .fLeft { float: none; clear: both; }

	#social a img { width: 32px; height: auto; }

	#top-msg { height: auto; padding: 20px 0 10px 0; margin-bottom: 10px; }
	#top-msg #top-msg-text { float: none; padding-top: 0px; padding-left: 0; text-align: center; }
	#top-msg #top-msg-text img { width: 96%; height: auto; }
	#top-msg #top-photo { float: none; margin: 0 0; padding-top: 10px; text-align: center; }

	.corner	{ border: none; padding: 0; }

	.r_border { border-right: none; border-bottom: solid 2px #ff3300; padding-bottom: 5px; }

	iframe { width: 100%; }

	img	{
		max-width: 100%;
		height: auto;
	}

	div.pagetop { margin: 0; padding: 0; text-align: center; }

	#secondary-nav { display: none; }

	div#footer { height: auto; background: url('../img/square.gif') repeat; }
/*	#foot-box { height: auto; } */
	div#foot-box { padding: 5px 0; }
	div#foot-box span { font-size: 10px; padding: 0 0 0 0; line-height: 1em; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	img	{
		max-width: 420px;
		height: auto;
	}
}

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	.nav li { padding: 8px 3px; font-size: 0.9em; }
	#top-msg { height: 285px; }
	#top-msg #top-msg-text img { width: 450px; margin-top: -20px; }
	#top-msg #top-photo img { width: 200px; }
}