/*

	Theme Name: WP Basic Theme

	Theme URI: http://wordpress.org/

	Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.

	Version: 1.6

	Author: Michael Heilemann

	Author URI: http://binarybonsai.com/

	Tags: blue, custom header, fixed width, two columns, widgets

*/



/* common */

* { margin: 0px; padding: 0px; }

html, body { font-family: 'Helvetica Neue 55 Roman', Arial; font-size: 14px; color: #8c806e; }

input, select, textarea { font-family: 'HelveticaCECond', Arial; font-size: 14px; color: #8c806e; }

body { background: #fff; }

img { border: 0px; display: block; }

input { outline: none; }

fieldset { border: 0 none; }

ul { list-style: none; }

a { text-decoration: none; }

.clear { clear: both; height: 0px; overflow: hidden; }

.centering { margin: 0 auto; width: 1180px; position: relative; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'HelveticaCECondBold'; }

    

/* section  */

#section { position: relative; display: block; width: 100%; min-height: 100%; }



/* page wrap */

#page-wrap { margin: 0 auto; width: 100%; }



	/* header */

	#header-wrap { position: relative; width: 100%; }

	

		/* top block */

		.top-block { padding: 21px 0 30px 0; width: 100%; }

		.top-block .logo { float: left;  }

		.top-block .logo span { margin-top: -4px; display: block; font-size: 20px; color: #605444; font-family: 'TimesItalic'; }

		.top-block .search { padding-top: 9px; float: right; }

		.top-block form { float: right; }

		.top-block input[type="text"]{ padding: 0 10px; margin-right: 3px; width: 258px; float: left; box-shadow: inset 0 0 3px rgba(204,204,204,0.2); -webkit-box-shadow: inset 0 0 3px rgba(204,204,204,0.2); box-sizing: border-box; -webkit-box-sizing: border-box; height: 40px; line-height: 40px; border: 1px solid #eee; font-size: 18px; color: #eee; font-family: 'HelveticaCECondBold'; }

		.top-block input[type="text"]:focus { color: #999;  }

		.top-block input[type="submit"]{ outline: 1px solid #FFf; outline-offset: -2px; border: 0 none; float: left; cursor: pointer; width: 40px; font-size: 0; height: 40px; background: #cc0000 url(images/top-icon.png) center no-repeat; }

		.top-block input[type="submit"]:hover { background: #000 url(images/top-icon.png) center no-repeat; }

		.top-block .searchform label { display:none;}

	

		/* nav block */

		.nav-block { width: 100%; }
		
		.nav-block .menu a.tab { display: none; }
		
		.nav-block .centering { background: #cc0000; }

		.nav-block .menu { float: left; }

		.nav-block .menu li { float: left; text-transform: uppercase; font-size: 17px; letter-spacing: 0.5px; font-family: 'HelveticaCECondBold'; }

		.nav-block .menu li:first-child a { padding: 15px 23px 15px 25px; background: none; }

		.nav-block .menu li a { padding: 15px 21px; display: block; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.3); background: url(images/nav-sep.png) left repeat-y; }

		.nav-block .menu li a:hover { background: #000; }

		.nav-block .social { float: right; }

		.nav-block .social { padding: 14px 5px	 0 0; }

		.nav-block ul.cnss-social-icon li a img { width:28px; height: 26px; margin:0 !important;}

		.nav-block .social li { padding: 0 8px 0 0; float: left; }

	

	/* content */

	#content-wrap { padding: 29px 0 0 0; overflow: hidden; width: 100%; }

	

		/* left */

		#left-wrap { float: left; width: 380px; }

		#left-wrap.wide { width: 720px; }

		

			/* grid block */

			.grid-block { overflow: hidden; }

			.grid-block ul { margin-left: -20px; }

			.grid-block li { margin: 0 0 24px 20px; float: left; position: relative; width: 180px; }

			.grid-block li a { padding: 10px 0px; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; display: block; font-size: 17px; text-align: center; color: #fff; font-family: 'HelveticaCECondBold'; background: #cc0000; }

			.grid-block li a:hover { background: #000; }

		

		/* center */

		#center-wrap { width: 100%; }



			/* contact block */

			.contact-block { padding: 47px 0 0 0; }

			.contact-block .col1 { width: 379px; min-height: 184px; float: left; background: #cc0000; }

			.contact-block .inner { padding: 17px 20px 20px 20px; }

			.contact-block h3 { padding-bottom: 15px; font-size: 22px; color: #fff; }

			.contact-block p { padding-bottom: 8px; line-height: 17px; color: #fff; }

			.contact-block .btn { padding: 7px 35px 5px 35px; margin-top: 18px; display: inline-block; font-size: 18px; color: #fff; font-family: 'HelveticaCECondBold'; text-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.4); background: #920101; }

			.contact-block .btn:hover { background: #000; }

			.contact-block .gap { margin: 0 20px;}

			.contact-block input[type="text"]{ font-size: 18px; color: #666; border: 0 none; box-sizing: border-box; -webkit-box-sizing: border-box; width: 340px; height: 40px; line-height: 40px; background: #fff; }

			.contact-block input[type="submit"]{ padding: 6px 35px 5px 35px; cursor: pointer; border: 0 none; }

			.contact-block .address { color: #fff; }

			.contact-block .address a { color: #fff; }

			.contact-block .address a:hover { text-decoration: underline; }

			.contact-block .address span { padding-bottom: 14px; display: block; }

			 



			/* about block */

			.about-block { padding: 33px 0 0 4px; }

			.about-block h2 { padding-bottom: 28px; font-size: 30px; line-height: 35px; letter-spacing: -0.9px; color: #000; }

			.about-block p { padding-bottom: 33px; font-size: 16px; line-height: 26px; color: #333; letter-spacing: -0.4px; }

			.about-block p strong { font-family: 'HelveticaCECondBold'; }

			.about-block a.pic { margin-bottom: 28px; display: inline-block; }

		

		/* right wrap */

		#right-wrap { float: right; width: 782px; }

		#right-wrap.wide { width: 382px; }



			/* welcome block */

			.welcome-block { padding: 0 0 10px 0; }

			.welcome-block .inner { padding: 32px 35px 28px 20px; background: #333333; }

			.welcome-block h2 { font-size: 30px; letter-spacing: -0.9px; color: #fff; }

			.welcome-block p { padding: 9px 0 20px 3px; letter-spacing: -0.5px; font-size: 16px; line-height: 26px; color: #fff; }

			.welcome-block a.more { padding: 7px 20px; margin: 6px 0 0 4px; font-size: 18px; color: #fff; display: inline-block; font-family: 'HelveticaCECondBold'; background: #000; }

			.welcome-block a.more:hover { background: #cc0000; }

			.welcome-block ul { margin-left: -24px; }

			.welcome-block li { margin: 21px 0 0 24px; float: left; width: 244px; font-family: 'HelveticaCECondBold'; }

			.welcome-block li a { padding: 14px 10px 13px 10px; text-align: center; display: block; font-size: 17px; color: #181818; background: #d8d8d8; }

			.welcome-block li a:hover { color: #fff; background: #000; }

		

			/* facility block */

			.facility-block { padding: 31px 0 0 18px; }

			.facility-block h2 { font-size: 30px; letter-spacing: -0.9px; color: #181818; }

			.facility-block .left { float: left; width: 337px; }

			.facility-block .right { float: right; width: 362px; }

			.facility-block .right ul { padding-right: 25px; }

			.facility-block li:first-child { border: 0 none; }

			.facility-block li { padding: 16px 0 17px 2px; border-top: 1px solid #e6e6e6; }

			.facility-block h4 { padding-bottom: 10px; font-size: 18px; line-height: 22px; color: #cc0000; letter-spacing: -0.5px; }

			.facility-block p { padding-bottom: 7px; line-height: 18px; color: #000; }

			.facility-block a.read { padding: 0 12px 0 0; font-size: 14px; color: #cc0000; display: inline-block; background: url(images/facility-a-arrow.png) right no-repeat; }

			.facility-block a.read:hover { text-decoration: underline; }

			.facility-block span.date { padding-bottom: 5px; letter-spacing: -0.5px; font-size: 20px; line-height: 24px; color: #000; display: block; }

			.facility-block.single { padding: 31px 0 0 20px; }

			.facility-block.single .right { float: none; }

			.facility-block.single .left { padding: 20px 0 0 0; float: none; border-top: 1px solid #e6e6e6; }

			

			/* status-block */

			 

			.status-block { padding: 31px 0 0 18px; }

			.status-block h2 { font-size: 30px; letter-spacing: -0.9px; color: #181818; }

			.status-block .left { float: left; width: 337px; }

			.status-block .right { float: right; width: 362px; }

			.status-block .right ul { padding-right: 25px; }

			.status-block li:first-child { border: 0 none; }

			.status-block li { padding: 16px 0 17px 2px; border-top: 1px solid #e6e6e6; }

			.status-block h4 { padding-bottom: 10px; font-size: 18px; line-height: 22px; color: #cc0000; letter-spacing: -0.5px; }

			.status-block p { padding-bottom: 7px; line-height: 18px; color: #000; }

			.status-block a.read { padding: 0 12px 0 0; font-size: 14px; color: #cc0000; display: inline-block; background: url(images/facility-a-arrow.png) right no-repeat; }

			.status-block a.read:hover { text-decoration: underline; }

			.status-block span.date { padding-bottom: 5px; letter-spacing: -0.5px; font-size: 20px; line-height: 24px; color: #000; display: block; }

			.status-block.single { padding: 31px 0 0 20px; }

			.status-block.single .right { float: none; }

			.status-block.single .left { padding: 20px 0 0 0; float: none; border-top: 1px solid #e6e6e6; }

			

	/* book-block */		

			  

			.book-block { padding: 31px 0 0 18px; }

			.book-block h2 { font-size: 30px; letter-spacing: -0.9px; color: #181818; }

			.book-block .left { float: left; width: 337px; }

			.book-block .right { float: right; width: 362px; }

			.book-block .right ul { padding-right: 25px; }

			.book-block li:first-child { border: 0 none; }

			.book-block li { padding: 16px 0 17px 2px; border-top: 1px solid #e6e6e6; }

			.book-block h4 { padding-bottom: 10px; font-size: 18px; line-height: 22px; color: #cc0000; letter-spacing: -0.5px; }

			.book-block p { padding-bottom: 7px; line-height: 18px; color: #000; }

			.book-block a.read { padding: 0 12px 0 0; font-size: 14px; color: #cc0000; display: inline-block; background: url(images/facility-a-arrow.png) right no-repeat; }

			.book-block a.read:hover { text-decoration: underline; }

			.book-block span.date { padding-bottom: 5px; letter-spacing: -0.5px; font-size: 20px; line-height: 24px; color: #000; display: block; }

			.book-block.single { padding: 31px 0 0 20px; }

			.book-block.single .right { float: none; }

			.book-block.single .left { padding: 20px 0 0 0; float: none; border-top: 1px solid #e6e6e6; }

			

			

			

	/* footer wrap */

	#footer-wrap { padding-top: 47px; overflow: hidden; width: 100%; }

	

		/* footer block */

		.footer-block { padding: 20px 0 15px 0; width: 100%; background: #636363; }

		.footer-block .col1 { float: left; width: 390px; }

		.footer-block a.widget_sp_image-image-link { margin-left: 20px; display: inline-block; }

		.footer-block .menu { margin-left: 20px; width: 500px; }

		.footer-block .menu ul { overflow: hidden; }

		.footer-block .menu li:first-child { padding-left: 0; background: none; }

		.footer-block .menu li { padding: 0 5px; float: left; background: url(images/footer-sep.png) left no-repeat; }

		.footer-block .menu li a { font-size: 14px; color: #fff; font-family: 'HelveticaCECondBold'; }

		.footer-block .menu li a:hover { color: #cc0000; }

		.footer-block .menu p { padding-top: 8px; font-size: 12px; color: #fff; line-height: 14px; }

		.footer-block .social { float: right; }

		.footer-block .social { padding: 14px 0 0 0; }

		.footer-block .social li { padding: 0 0 0 8px; float: left; }

		.footer-block ul.cnss-social-icon li a img { width:28px; height: 26px; margin:0 !important;}

		.footer-block .menu-footermenu-container { float:right; padding-bottom:8px;}

		

		.page-block { width:100%; min-height:300px;}

		.page-block h2 {color: #000; font-size: 30px; letter-spacing: -0.9px; line-height: 35px; padding-bottom: 28px;}

		.page-block p{ padding-bottom: 10px; font-size:17px; line-height:24px; color:#000;}
		.page-block .post { padding:33px 0 0 4px;}

		

		.search-block { width:88%; padding:28px 86px; min-height:300px;}

		.search-block h3{ font-size:20px; padding-top:10px;}

		.search-block h3 a{ color:#000;}

		.search-block h2{ font-size:20px; padding-bottom:10px; color:#000;} 

		.hide { display:none;}
		



	@media only screen and (max-width: 1179px) {
		
		img { max-width: 100%; }
		.centering { padding: 0 15px; width: auto; }
		
		.nav-block .menu li:first-child a, .nav-block .menu li a { padding: 13px; }
		.nav-block .menu li { font-size: 16px; }
		
		#left-wrap { width: 38.7%; }
		
		#right-wrap { width: 60%; }
		
		
		
		.welcome-block ul { margin-left: -15px; }
		.welcome-block li { width: 30.8%; margin-left: 15px; }
		
		.facility-block .left { width: 48%; }
		.facility-block .right { width: 47%; }
		.facility-block { padding-top: 21px; }
		
		.facility-block h2 { font-size: 24px; }
		
		.facility-block h4 { font-size: 16px; }
		.facility-block span.date { font-size: 18px; }
		
		.contact-block { padding-top: 20px; }
		.contact-block .col1 { width: 31.9%; }
		.contact-block input[type="text"] { width: 100%; }
		
		#left-wrap.wide { width: 65%; }
		#right-wrap.wide { width: 33%; }
		.facility-block.single .right { width: 100%;  }
		.facility-block.single .left { width: 100%; }
		
		.contact-block.right .col1 { width: 100%; } 
		
		.page-block .post { padding-top: 0; }
		.facility-block.single {  padding-top: 0;}
		
		.book-block, .status-block { padding-top: 21px; } 
		
		
		.footer-block .menu { margin-left: 0; }
		.footer-block .col1 { width: 34%; }
		.footer-block .menu-footermenu-container { float: left; }
		
		
	}

		
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 1023px) {
		
		.grid-block li { width: 169px; min-height: 174px; }
		.welcome-block li { width: 30.7%; }
		.nav-block .menu li a { font-size: 12px; }
		
	
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.centering { padding: 0 10px;  }
		
		.book-block, .status-block { padding: 0; }
		
		.top-block { padding: 21px 0 10px; }
		.top-block .logo a img.attachment-full { width: 300px; }		
		
		#left-wrap { width: 38.8%; }
		.contact-block .col1 { width: 31.5%; min-height: 202px; }
		.contact-block .gap { margin: 0 17px; }
		
		
		.nav-block .menu li:first-child a, .nav-block .menu li a { padding: 11px; }
		.nav-block .social { padding-top: 6px; }
		.nav-block .social li { padding-right: 4px; }
		
		.grid-block ul { text-align: center; margin-left: 0; }
		.grid-block li { width: 133px; min-height: 133px; float: none; display: inline-block; margin: 0 5px;  }
		
		.contact-block .col1 { width: 31.7%; }
		.contact-block .inner { padding: 17px 16px 20px; }
		
		.facility-block h2 { font-size: 20px; }
		
		.welcome-block h2 { font-size: 27px; }
		.welcome-block li { width: 30.1%; }
		.facility-block { padding: 10px 0 05px; }
		
		.page-block { padding-bottom: 20px; min-height: 217px; }
		
		#footer-wrap { padding-top: 20px; }
		.footer-block .menu { width: 45%; } 		
		.footer-block ul.menu { width: auto; }

		
	
	}

	
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#content-wrap { padding: 10px 0 0; }
		
		.page-block h2 { padding-bottom: 10px; }
		  
		.top-block { padding: 21px 0; }
		.top-block .logo { float: none; width: 260px; margin: auto; }
		.top-block .logo a img.attachment-full { width: 250px; }
		.top-block .search { float: none; overflow: hidden; width: 280px; margin: auto; }
		.top-block input[type="text"] { width: 214px; }
		
		
		.nav-block .menu a.tab { padding: 10px 10px 6px; display: block; background-color: #cc0000; }
		.nav-block .menu a.tab span { width: 30px; height: 3px; margin-bottom: 4px; display: block; background-color: #fff; }
			
		.nav-block .centering { background: none; }
		.nav-block .menu { float: none; } 
		.nav-block .menu li { float: none; display: block; }
		.nav-block .menu li:first-child a { padding: 0 0 0 10px; }
		.nav-block .menu li a { padding: 0 0 0 10px; display: block; font-size: 15px; line-height: 30px; background: none; }
		
		.nav-block ul.menu { float: none; display: none; background-color: #cc0000;  }
		.nav-block .social { padding: 20px 0 0; float: none; }
		
		#left-wrap { width: 100%; }
		#right-wrap { width: 100%; }
		
		.grid-block li { margin-bottom: 10px; }
		
		.welcome-block .inner { padding: 15px; }
		
		.welcome-block ul { margin-left: 0; }
		.welcome-block li { float: none; width: 100%; margin: 10px 0 0; }
		.welcome-block li a { padding: 10px; }
		
		.facility-block .left { width: 100%; }
		.facility-block .right { width: 100%; }
		.facility-block .right ul { padding-right: 0; }
		
		.contact-block .gap { margin: 0; }
		.contact-block .col1 { width: 100%; min-height: inherit; margin-top: 10px; }
		
		.footer-block .col1 { width: 100%; float: none; text-align: center; }
		.footer-block a.widget_sp_image-image-link { margin: auto; }
		.footer-block .menu { margin: 0; width: 100%; }
		.footer-block .menu-footermenu-container { float: none; }
		
		.footer-block .social { padding-top: 10px; float: none; }
		
		
		.footer-block .menu li:first-child { padding: 0 5px; }
		
		.footer-block .menu li { float: none; display: block; background: none; }
		.footer-block .menu li a { display: block; line-height: 25px; }
		
		
		
		.status-block, .book-block { padding: 0 15px; }
		
		#left-wrap.wide { width: 100%; } 
		#right-wrap.wide { width: 100% }
		.facility-block.single { padding-left: 0; }
		
		
		
		
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (min-width: 768px) {
		
		

		.nav-block .menu ul { display: block !important; }
		
	
	}