@charset "utf-8";


* {
 padding             : 0;
 margin              : 0;
}

ul{
 list-style          : none;
}

p{
 float               : left;
 display             : inline;
 margin              : 0 0 1em 0;
}



.bd_b_dot{
 border-bottom       : 1px dotted #ffffff;
}



a.foot:link   { color : #737373; text-decoration : none;}
a.foot:visited{ color : #737373; text-decoration : none;}
a.foot:hover  { color : #737373; text-decoration : underline;}

a:link   { color : #ffffff; text-decoration : none;}
a:visited{ color : #ffffff; text-decoration : none;}
a:hover  { color : #e15a00; text-decoration : underline;}

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


img {
 max-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.4s;
 -moz-transition     : 0.4s;
 -o-transition       : 0.4s;
 -ms-transition      : 0.4s;
 transition          : 0.4s;
}


a.pclink:hover img{
 opacity             : 1;
 filter              : alpha(opacity=100);
 -moz-opacity        : 1;
 -ms-filter          : "alpha(opacity=100)";
}


.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;
  /* ... */
}






.fs { width: 60px;  height:20px; background: #ffffff;border: solid 1px #A9A9A9; padding:1px;}
.fm { width: 120px; height:20px; background: #ffffff;border: solid 1px #A9A9A9; padding:1px;}
.fl { width: 200px; height:20px; background: #ffffff;border: solid 1px #A9A9A9; padding:1px;}
.fll{ width: 200px; background: #ffffff;border: solid 1px #A9A9A9; padding:1px;}

select   { width: 120px; height:24px; background: #ffffff;border: solid 1px #A9A9A9; padding:2px;}
textarea { width: 200px; 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: #e15a00; color : #ffffff; border: solid 0px #B2B2B0; cursor:  "hand"; margin-top : 10px;}
.reset   { width : 60px; height : 25px; background: #F4F0F0;border: solid 0px #B2B2B0; cursor:  "hand";}



















@media (max-width: 778px) {





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














}