@charset "UTF-8";
/*
* Theme Name: WorldiCity
* Last Update: Oct 07 2014
* Version: 2.0
* Code Maked By Kiyo
*/



/*
----------------------------
	localnavi h3
----------------------------
*/

.side-header{
	display: block;
	min-height:30px;
	height: auto !important;
	height: 30px;
	background: url(../_images/aside/sideh3Bg.png) no-repeat left bottom;
	margin: 0;
	margin-bottom: 30px;
	clear: both;
	}
	.side-header h3{
		display: block;
		min-height:30px;
		height: auto !important;
		height: 30px;
		position: relative;
		margin: 0;
	}
		.side-header-title{
			display: block;
			color: #061e32;
			font-size: 13px;
			font-weight: normal;
			letter-spacing: 0.1em;
			margin-left: 5px;
			margin-top: 5px;
			width: auto;
			float: left;
		}
		.side-header-title-sub{
			display: block;
			color: #819cb3;
			font-size: 50%;
			font-weight: normal;
			margin-left: 5px;
			margin-top: 9px;
			width: auto;
			float: left;
		}


/*
----------------------------
	localnavi ul
----------------------------
*/


#localnaviarea ul{
	display: block;
	width: 240px;
	margin-bottom: 50px;
	text-align: left;
	padding: 0 0 0 0.5em;
}
	@media screen and (max-width:768px){
		#localnaviarea ul{
			width: 96%;
			margin: 0 auto 2em;
		}
	}

	#localnaviarea ul li{
		display: block;
		margin-bottom: 0.1em;
		padding-bottom: 0.1em;
		background: url(../_images/aside/arrow.png) no-repeat left 10px;
		padding-left: 10px;
		}

		#localnaviarea ul li a{
			/*color: #333;*/
				font-size: 90%;
			}

	#localnaviarea ul li ul{
		margin-bottom: 0em;
	}




/*
----------------------------
 banner area
----------------------------
*/

a.imagenone:after{
        content: ""!important;
        margin-left: 0px;
}


@media screen and (min-width:591px) and (max-width:768px){
		#bnarea{
			width: 590px;
			margin: 50px auto 0;
			height: 160px;
		}
}

@media screen and (max-width: 590px) {
		#bnarea{
			width: 100%;
			margin: 30px auto 0;
		}
}



.bnSumai
.bnInq
.bnYc
.bnEmp{
		display: block;
		width: 285px;
		margin-bottom: 10px;
		text-align: center;
	}
		.bnSumai a,
		.bnInq a,
		.bnYc a,
		.bnEmp a{
			display: block;
			width: 285px;
			margin: 0 auto 10px;
		}
		.bnSumai a:after{
			content:none;
		}
		.bnSumai a:hover,
		.bnInq a:hover,
		.bnYc a:hover,
		.bnEmp a:hover{
				background: #fff;
				filter:alpha(opacity=80);
				-moz-opacity: 0.8;
				opacity: 0.8;
		}

@media screen and (min-width:591px) and (max-width:768px){
		.bnSumai,
		.bnInq,
		.bnYc,
		.bnEmp{
					float: left;
					margin: 5px;
			}
		}

@media screen and (max-width: 590px) {
		.bnSumai,
		.bnInq,
		.bnYc,
		.bnEmp{
					display: block;
					width: 90%;
					margin-bottom: 20px;
			}
		}