@charset "utf-8";

/* update 2013/11/07 */

@media only screen and (min-width: 1025px){

#globalnav ul {
  width: 952px;
}

#globalnav li {
  font-weight: bold;
  line-height: 1.5;
  width: 20%;
  float: left;
  background: url(../img/globalnav-bg.png) repeat center;
}

#globalnav li a {
  height: 49px;
  padding-top: 7px;
  display: block;
  color: #000029;
  text-decoration: none;
  background: url(../img/globalnav-line.png) no-repeat right;
}

#globalnav li a:hover {
  text-decoration: underline;
}
  
a#menu {
  display: none;
  }
}

@media only screen and (max-width:1024px){
  #globalnav {
  clear: both;
  width: 100%;
  margin: 0 auto;
}
	
#globalnav a.menu {
  width: 100%;
  display: block;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  border: 1px solid #2a588b;
  background: #00529c url(img/menuOpen.png) no-repeat 5px 10px;
}
	
#globalnav a#menu span {
  padding-left:35px;
}

#globalnav a.menuOpen {
  border-bottom: 0;
  color: #2a588b;
  background: #fff url(img/menuOpen.png) no-repeat 5px -32px;
}

#globalnav a#menu:hover {
  cursor: pointer;
}
	
.panel {
  display: none;
  width: 100%;
  position: relative;
  right: 0;
  top: 0;
  z-index: 1;
  border: 1px solid #515151;
}

#globalnav ul {
  margin: 0;
  padding:0;
}

#globalnav ul li {
  float: none;
  clear: both;
  width: 100%;
  height: auto;
  line-height: 1.2;
}

#globalnav ul li a,nav#globalnav ul li.current-menu-item li a {
  display: block;
  padding: 15px 10px;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #6586ab;
  background: #2a588b;
}

#globalnav ul li a span {
  display: none;
}
 
#globalnav ul li.current-menu-item a,nav#globalnav ul li a:hover,nav#globalnav ul li.current-menu-item a,nav#globalnav ul li a:active, nav#globalnav ul li li.current-menu-item a, nav#globalnav ul li.current-menu-item li a:hover, nav#globalnav ul li.current-menu-item li a:active {
  color: #327cab;
  background: #214a78;
}

#globalnav ul li li a, nav#globalnav ul li.current-menu-item li a, nav#globalnav ul li li.current-menu-item a {
  padding-left:40px;
  background:#2a588b url(img/sub1.png) no-repeat 30px 50%;
}

#globalnav ul li li.current-menu-item a,nav#globalnav ul li li a:hover, nav#globalnav ul li.current-menu-item li a:hover {
  background:#214a78 url(img/sub1.png) no-repeat 30px 50%;
}
	
#globalnav ul li li:last-child a {
  background:#2a588b url(img/subLast.png) no-repeat 30px 50%;
}

#globalnav ul li li:last-child.current-menu-item a,nav#globalnav ul li li:last-child a:hover,nav#globalnav ul li.current-menu-item li:last-child a:hover {
  background:#214a78 url(img/subLast.png) no-repeat 30px 50%;
}
	
.panel {
  float: none;
}
	
#mainimg {
  margin-bottom: 14px;
  }
}

@media only screen and (max-width: 952px){
#wrapper, #header, .inner {
  width: 100%;
}

#header h1 {
  padding: 14px 28px;
}

#header h2 {
  padding: 0 28px;
}

#header ul {
  padding: 14px 28px;
}

#mainimg img {
  width: 100%;
  height: auto;
}

#content, #sidenav {
  clear: both;
  width: 90%;
  float: none;
  margin:0 auto;
  padding:14px 0;
}

#individual #content {
  clear: both;
  width: 90%;
  float: none;
  margin:0 auto;
  padding:14px 0;
}

#individual #sidenav {
  clear: both;
  width: 90%;
  float: none;
  margin:0 auto;
  padding:14px 0;
  background-image: none;
}

h4 {
  color: #fff;
  background: #00529c;
  border: 1px solid #ccc;
}

.maptit {
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 0;
}

#googlemap {
  width: 100%;
  height: 266px;
}

#sidenav {
  padding-top: 56px;
}

#sidebnr {
  text-align: center;
  margin: 0 auto;
}

#sidebnr ul li {
  float: left;
  padding-right: 14px;
  }

#individual #sidenav h3 {
  padding: 14px 0 0 14px;
  width: auto;
  color: #000029;
  background: url(../img/side-res.png) repeat-x;
  border: 1px solid #ccc;
  border-bottom: 0;
}

#individual #sidenav p {
  width: auto;
  color: #fff;
  background: url(../img/res3.png) repeat-x;
  border: 1px solid #ccc;
}

#individual #sidenav #mapad p {
  height: auto;
  color: #000;
  border: 1px solid #ccc;
}

#individual #sidenav .sidetop {
  width: auto;
  color: #fff;
  background: url(../img/res3.png) repeat-x;
  border: 1px solid #ccc;
}

#individual #sidenav ul {
  color: #fff;
  margin: 0 0 28px 0;
  line-height: 0;
}

#individual #sidenav ul li a {
  height: auto;
  padding: 7px 14px;
  color: #fff;
  width: auto;
  background-image: none;
  background-color: #2a588b;
  line-height: 1.7;
}

#individual #sidenav ul .long a {
  height: auto;
  padding: 7px 14px;
  color: #fff;
  width: auto;
  background-image: none;
  background-color: #2a588b;
}

#individual #sidenav .sidebtn {
  width: auto;
  height: auto;
  margin: 0;
  padding-left: 14px;
}

#individual #sidenav .bg2 {
  background: url(../img/res2.png) repeat-x;
}

#individual #sidenav .bg3 {
  background: url(../img/res1.png) repeat-x;
}

#individual #sidenav .bg4 {
  background: url(../img/res3.png) repeat-x;
}
}


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


@media only screen and (max-width: 644px){
#header {
  text-align: center;
}

#header h1, #header h2, #header ul {
  float: none;
}

#footer ul {
  text-align: left;
  padding: 14px;
  }
}

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

.br-sp {
 display:block;
}

#content {
  font-size: 110%;
}

.left-img {
   float: none;
   text-align: center;
}

.right-img {
   float: none;
   text-align: center;
}


}