@charset "utf-8";

/**************************************************
 mainVisual
**************************************************/
#mainVisual{
	width: 90%;
	position: relative;
	background: url(../img/top/loading.gif) no-repeat center center;
	margin: 0 auto;
}

#mainVisual img{
	width: 100%;
	position: absolute;
	display: none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/**************************************************
 topWrapper
**************************************************/
#topWrapper{
	width: 960px;
	margin: 50px auto;
}

#topWrapper:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	_zoom: 1;
}

*:first-child+html #topWrapper:after{ zoom: 1; } /* IE7 */

/**************************************************
 leftColumn
**************************************************/
#leftColumn{
	width: 400px;
	float: left;
}

h3{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: normal;
	color: #FF5B26;
	background: url(../img/top/h3_bg.png) no-repeat 0 0;
	padding: 20px 0 0 20px;
}

p{
	font-size: 15px;
	font-size: 1.5rem;
	padding: 10px 20px 20px 20px;
}

#aboutHanger{background-color: #FFFFFF;}

#mapHanger{margin: 20px 0 0 0;}

#mapHanger h3{
	position: absolute;
}

#mapHanger img{width: 100%;}

/**************************************************
 rightColumn
**************************************************/
#rightColumn{
	width: 500px;
	float: right;
}

/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 640px){
	
#mainVisual{
	width: 100%;
	height: auto;
	padding: 0;
}

#mainVisual img{width: 100%;}

/** topWrapper **********/
#topWrapper{
	width: 100%;
	margin: 25px auto;
	padding: 10px;
}

/** leftColumn **********/
#leftColumn{
	width: 100%;
	float: none;
}

/** rightColumn **********/
#rightColumn{
	width: 100%;
	float: none;
	margin: 25px 0 0 0;
}