@charset "shift_jis";

#wards {}
#wards .areaAnchor { display: inline-block; vertical-align: top; width: 248px; margin: 1em 1em 1em 0; border: 1px solid #ffb2dc; background: #fff2f9; text-align: center;}
/* for IE7 */
*:first-child+html #wards .areaAnchor { display: inline; height: 1%;}
/* for IE 6 or sooner */
* html #wards .areaAnchor { display: inline; height: 1%;}

#higashinada.areaAnchor {}
#nada.areaAnchor   { border-color: #ffc963; background-color: #fff8eb;}
#chuo.areaAnchor   { border-color: #f28edb; background-color: #fff2fa;}
#hyogo.areaAnchor  { border-color: #ffcc9e; background-color: #fff5eb;}
#kita.areaAnchor   { border-color: #b4e381; background-color: #f5ffeb;}
#nagata.areaAnchor { border-color: #ffb2b2; background-color: #fff0f0;}
#suma.areaAnchor   { border-color: #8adcff; background-color: #ebf9ff;}
#tarumi.areaAnchor { border-color: #bfd4ff; background-color: #edf2ff;}
#nishi.areaAnchor  { border-color: #decab6; background-color: #f7f1eb;}

#wards div > div { display: block; width: 248px;}

#wards div h3 { margin: 0; padding: 0; border: none; background: transparent;}
/* for IE7 */
*:first-child+html #wards div h3 img { display: block; margin: -1px 0;}
/* for IE 6 or sooner */
* html #wards div h3 img { display: block; margin: -1px 0;}

#wards div p { padding: 8px; line-height: 1.2;}
/* #wards div p { height: auto !important; height: 11.5em; min-height: 11.75em; padding: 8px; line-height: 1.2;} */
#wards div p img { display: block; margin: 0 auto 4px;}
#wards div ul { list-style: none; margin: 0; padding: 0 0 8px;}
#wards div ul a { padding: 0 15px; background: url(/img/arrow_green.gif) no-repeat 0 50%;}

#wards .areaAnchorOver { cursor: pointer; background: #fff;}


@media print {

#contents h2 { clear: both;}

}