@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: 835px;
    text-align: left;
}
#footer {
    margin: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 10px;
}


#asmap_button { 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%; }


    #asmap_button 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%; }


    #asmap_button img { width: 100%;}
}
