@charset "utf-8";


* {
 padding             : 0;
 margin              : 0;
}





ul{
 list-style          : none;
}

p {
 padding             : 0 0 0 0;
 margin              : 0;
}

a:link   { color : #3f3b3a; text-decoration : none;}
a:visited{ color : #3f3b3a; text-decoration : none;}
a:hover  { color : #3f3b3a; text-decoration : underline;}

img {
 max-width           : 100%;
 border              : 0;
}
.img100 {
 width               : 100%;
 border              : 0;
}

a img {
 border-top-style    : none;
 border-right-style  : none;
 border-bottom-style : none;
 border-left-style   : none;
}

a:hover img{
 opacity             : 0.5;
 filter              : alpha(opacity=50);
 -moz-opacity        : 0.5;
 -ms-filter          : "alpha(opacity=50)";
 background-color    : rgba(255, 255, 255, 0);
}

a img{
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
 -webkit-transition  : 0.2s;
 -moz-transition     : 0.2s;
 -o-transition       : 0.2s;
 -ms-transition      : 0.2s;
 transition          : 0.2s;
}


.clear-both{
 clear               : both;
}


.mt1 { margin-top : 1px; }
.mt2 { margin-top : 2px; }
.mt3 { margin-top : 3px; }
.mt4 { margin-top : 4px; }
.mt5 { margin-top : 5px; }
.mt6 { margin-top : 6px; }
.mt7 { margin-top : 7px; }
.mt8 { margin-top : 8px; }
.mt9 { margin-top : 9px; }
.mt10{ margin-top : 10px; }
.mt15{ margin-top : 15px; }
.mt20{ margin-top : 20px; }
.mt30{ margin-top : 30px; }
.mt40{ margin-top : 40px; }
.mt50{ margin-top : 50px; }
.mt60{ margin-top : 60px; }
.mt70{ margin-top : 70px; }
.mt80{ margin-top : 80px; }

.mb5 { margin-bottom : 5px; }
.mb10{ margin-bottom : 10px; }
.mb20{ margin-bottom : 20px; }

.ml1 { margin-left : 1px; }
.ml2 { margin-left : 2px; }
.ml3 { margin-left : 3px; }
.ml4 { margin-left : 4px; }
.ml5 { margin-left : 5px; }
.ml6 { margin-left : 6px; }
.ml7 { margin-left : 7px; }
.ml8 { margin-left : 8px; }
.ml9 { margin-left : 9px; }
.ml10{ margin-left : 10px; }
.ml20{ margin-left : 20px; }
.ml30{ margin-left : 30px; }

.alignleft   { float: left;  margin: 0 1em 1em 0;}
.alignright  { float: right; margin: 0 0 2em 2em;}
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top:1em;}

.textright  { float: right;}

.wht { color : #ffffff; }
.red { color : #e60039; }
.blu { color : #3A84BD; }
.grn { color : #75BD3A; }
.brn { color : #56391B; }
.ppl { color : #B763A4; }
.pnk { color : #ea609e; }
.blk { color : #231815; }


/*地図対策 ID名をあわせる*/
#example1 img,
#example2 img,
#map img {
  max-width: none;
  /* ... */
}













@media (max-width: 778px) {


	img {
	 width           : 100%;
	 border          : 0;
	}


	.fs { width: 60px;  height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	.fm { width: 90%; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	.fl { width: 90%; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	.fll{ width: 90%; background: #ffffff;border: solid 1px #A9A9A9; padding:10px;}

	select   { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
	textarea { width: 100%; height:10em; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}

	.modoru  { width : 200px; height : 50px; background: #666666; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand";}
	.soushin { width : 200px; height : 50px; background: #0063ab; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand"; margin-top : 10px;}
	.reset   { width : 60px; height : 25px; background: #F4F0F0;border: solid 0px #B2B2B0; cursor:  "hand";}


}