/*
* Theme Name: WorldiCity
* Last Update: Aug 15 2014
* Version: 1.0
* Code Maked By Kiyo
*/

/*
----------------------------
	globalnavi
----------------------------
*/

#globalnaviOuter{
	display: block;
	width: 100%!important;
	height: 60px;
	clear: both;
	text-align: center;
	margin-bottom: 25px;
	background: url(../_images/nav/globalnaviBg.png) repeat-x 0 0;
}
	#globalnaviInner{
		display: block;
		width: 980px;
		height: 60px;
		margin: 0 auto;
	}
		#globalnaviInner ul{
			display: block;
			width: 980px;
			height: 60px;
			margin: 0 auto;
		}
			#globalnaviInner ul li{
				display: block;
				width: auto;
				height: 60px;
				float: left;
			}
				#gn00 a,#gn01 a,#gn02 a,#gn03 a,#gn04 a,#gn05 a,#gn06 a,#gn05 a,#gn06 a{
					display: block;
					width: auto;
					height: 60px;
					text-indent: -99999999999999em;
					overflow: hidden;
				}

					#gn00 a{width:  80px;background: url(../_images/nav/globalnavi.png) no-repeat    0px 0px;}
					#gn01 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat  -80px 0px;}
					#gn02 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -260px 0px;}
					#gn03 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -440px 0px;}
					#gn04 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -620px 0px;}
					#gn05 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -800px 0px;}


						#gn00 a:hover{width:  80px;background: url(../_images/nav/globalnavi.png) no-repeat    0px -60px;}
						#gn01 a:hover{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat  -80px -60px;}
						#gn02 a:hover{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -260px -60px;}
						#gn03 a:hover{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -440px -60px;}
						#gn04 a:hover{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -620px -60px;}
						#gn05 a:hover{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -800px -60px;}



				.home #gn00 a{width:  80px;background: url(../_images/nav/globalnavi.png) no-repeat   0px  -120px;}
				.company #gn01 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -80px  -120px;}
				.business #gn02 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -260px -120px;}
				.mansion #gn03 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -440px -120px;}
				.housing #gn03 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -440px -120px;}
				.rental #gn04 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -620px -120px;}
				.employment #gn05 a{width: 180px;background: url(../_images/nav/globalnavi.png) no-repeat -800px -120px;}
				/*.example #gn00 a{width:  77px;background: url(../_images/nav/globalnavi.png) no-repeat   0px  -120px;*/


	@media screen and (min-width:769px){
			#gn07,#gn08{display: none;}
			#gn07 a,#gn08 a{display: none;}
	}

.ie6 #gn07{display: none;}
.ie6 #gn08{display: none;}
.ie7 #gn07{display: none;}
.ie7 #gn08{display: none;}
.ie8 #gn07{display: none;}
.ie8 #gn08{display: none;}


	


/*グローバルを分ける場合に使用*/
	@media screen and (min-width:769px){
		#sidr{display: none;}
	}
	@media screen and (max-width:768px){
		#globalnaviOuter{display: none;}
	}

.ie6 #sidr{display: none;}
.ie7 #sidr{display: none;}
.ie8 #sidr{display: none;}


@media screen and (max-width:768px){
	.sidr {
	/* Default Settings */
		display: none;
		position: absolute;
		position: fixed;
		top: 0;
		height: 100%;
		z-index: 999999;
		width: 160px;
		overflow-x: none;
		overflow-y: auto;
		/* Theme Settings */
		/*font-family: "lucida grande", tahoma, verdana, arial, sans-serif;*/
		font-size: 13px;
		/*background: #333333;*/
		background: #061e32;
		color: white;
		-webkit-box-shadow: inset 0 0 20px 0px #000;
		-moz-box-shadow: inset 0 0 20px 0px #000;
		box-shadow: inset 0 0 20px 0px #000;
	}
		.sidr .sidr-inner {
			padding: 0 0 15px;
		}
		.sidr.left {
			left: -260px;
			right: auto;
		}
		.sidr ul {
			display: block;
			margin: 0 0 15px;
			padding: 0;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;
		}
			.sidr ul li {
				display: block;
				margin: 0;
				text-align: left;
				line-height: 40px;
				border-top: 1px solid #000;
				border-bottom: 1px solid #061e32;
			}
				.sidr ul li:hover, 
				.sidr ul li.active, 
				.sidr ul li.sidr-class-active {
					/*border-top: none;*/
					line-height: 40px;
				}
					.sidr ul li:hover > a,
					.sidr ul li:hover > span,
					.sidr ul li.active > a,
					.sidr ul li.active > span,
					.sidr ul li.sidr-class-active > a,
					.sidr ul li.sidr-class-active > span {
						-webkit-box-shadow: inset 0 0 20px 0px #000;
						-moz-box-shadow: inset 0 0 20px 0px #000;
						box-shadow: inset 0 0 20px 0px #000;
					}
					.sidr ul li a, 
					.sidr ul li span {
					display: block;
					text-decoration: none;
					padding-left: 15px;
					color: white;
					}
}


	@media screen and (min-width:769px){
	.sidr {
			/* Default Settings */
			display: block;
		}
	}