@charset "UTF-8";


body {
    margin: 0;
    padding: 0;
    background-color: #FAFAF6;
}
#container {
    margin: auto;
    width: 950px;
    background: url(../img/top-back_low.jpg) repeat-y;
    text-align: center;
}
#header {
    margin: auto;
    height: 35px;
}
#contents {
    margin: auto;
    width: 836px;
    text-align: left;
}
#footer {
    margin: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 10px;
}

#map_button {
    margin: auto;
    width: 836px;
}
.area_button {
    width: 50%;
}
#map_button img {
//    width:100%;
}
#map_button img:hover {
    cursor:pointer;
}
#map_button .area_button {
    float: left;
}

#map_image {
    margin: auto;
    position: relative;
    width: 100%;
	height: 100%;
	padding: 62.559% 0 0;
}
#map_image .image_sub_base {
    position: absolute;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;

    z-index: 0;
}
#map_image .image_sub {
    position: absolute;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;

    display: none;
}

#nintei { width: 100%; text-align: center; }


.font_gothic {
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

.antialias {
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}

.antialias img{
    transform: rotate(-0.028deg);
    -o-transform: rotate(-0.028deg);
    -ms-transform: rotate(-0.028deg);
    -moz-transform: rotate(-0.028deg);
    -webkit-transform: rotate(-0.028deg);
}

a { outline: none; }

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}


/*---------------------------------------------------------------------------*/


/* Media Queries */
/*-------------------------------------*/

@media only screen and (min-width: 431px) and (max-width: 949px) {
    #header { width: 100%; height:10px; }
    #container { width: 100%; }
    #contents { width: 100%; }
    #footer { width: 100%; }

    #top_image { width: 100%; }

    #map_button, #map_button img { width: 100%; }
	#map_button .area_button { width: 50%; }

    #t_banner { margin-bottom:20px; }
    #map_image { width: 100%; }

    #nintei img { width: 50%;}
}

@media only screen and (max-width: 430px) {
    #header { width: 100%; height:10px; }
    #container { width: 100%; text-align: center; }
    #contents { width: 100%;  text-align: center; }
    #footer { width: 100%; padding: 10px 0; }

    #top_image { width: 100%; margin-bottom: 20px;}

    #map_button, #map_button .area_button, #map_button img { width: 100%; }
    #map_button { margin-bottom: 20px; }

    #t_banner { margin-bottom:20px; }
    #map_image { width: 100%; margin-bottom: 10px; }

    #nintei img { width: 100%;}
}