@import url("base2_s.css");

div.middle { padding: 15px 0 0;}

p.toptext { margin: 10px 0; font-size: 12px;}
p.toptext em { font-style: normal;}

div.pickup { clear: both; margin: 12px 1px; padding: 1px 0 0; border: 1px solid #DDDDDD; text-align: center;}
div.pickup a { display: inline-block; width: 47%; margin: 0 1px 1px; padding: 3px 0; border: 1px solid #BBBBBB; background: #EEEEEE; text-align: center; color: #333; font-size: 83%;}
div.pickup a img { width: 90%; height: auto; margin: 3px 0; border: 1px solid #BBB;}
div.pickup a:hover { background: #02018B; color: #FFF;}


/* topics -------------- */

div.topics { margin: 25px 0 25px;}
div.topics h2 { margin: 0 0 5px; padding: 1px; border: 1px solid #999;}
div.topics h2 a { display: block; padding: 2px; background: #666; font-family: Geneva, Arial, Helvetica, sans-serif; color: #CCC; text-decoration: none; font-weight: bolder; font-size: 16px;}
table { width: 100%; margin: auto; font-size: 83%;}
th,td { border-bottom: 1px dotted #CCC; vertical-align: top;}
th { padding: 5px 5px 0 0; font-weight: normal; white-space: nowrap;}
td { padding: 5px 0 3px;}
tfoot td { padding: 5px 2px; text-align: right;}
.contents table a { text-decoration: none;}
.contents table a:hover { text-decoration: underline;}

div.topi-link { padding: 10px;}
.contents table a.rover  {
width:10em;
margin:3px 0;
padding: 2px 5px;
border-width:1px;
border-style:solid;
border-color:#ccc #666 #666 #ccc;
color:#333;
background-color:#FFF;
text-decoration:none;
}
.contents table a.rover:hover {
padding:3px 4px 1px 6px;
border-color:#666 #ccc #ccc #666;
color:#333;
background-color:#EEE;
}
.contents table a.rover:hover { text-decoration: none;}

ul.nmlist { padding: 0; list-style-type: none;}
ul.nmlist li { margin: 0 0 8px;}
ul.nmlist a { display: block;}
ul.nmlist a:hover { background: #FFEEDD;}

div.area { margin: 0 0 25px; padding: 0 0 12px; border: 1px solid #AAA; background: url(../img/home/aichi_map.gif) center no-repeat; font-size: 90%;}
div.area h2 { margin: 1px; padding: 3px 5px; background: #F1EEDE; color: #696141; font-weight: normal;}
div.area p { margin: 10px 15px 15px;}
div.area ul { float: none; list-style-type: none;}
div.area ul.a2 { margin: 0 0 18px; padding: 0 0 0 60px;}
div.area ul.a3 li { display: inline; padding: 0 14px 0 0;}
div.area a { padding-left: 10px; background:  url(../img/home/area_arrow.gif) left center no-repeat; color: #333; text-decoration: none;}
div.area a:hover { color: #FF9900; text-decoration: underline;}

div.intro { margin: 25px 0;}
div.intro h2 { color: #FF9933; font-size: 120%; letter-spacing: 2px;}
div.intro h2 span { padding-left: 15px; color: #999; font-weight: normal; letter-spacing: normal;}
div.intro p { margin: 12px 0; font-size: 90%;}
div.intro strong { font-weight: normal;}

div.mobile { clear: both; padding: 20px 0 0;}

.side { border: 1px solid #FFEECC;}
.side h2 { padding: 4px 0 0; border-top: 1px solid #FF9900; border-right: 1px solid #FF9900; background: #FFBB44; color: #FFF; font-size: 16px; line-height: 1; letter-spacing: 2px; font-weight: normal;}
.side h3 { padding: 2px 0 2px 10px; background: #FFF3DD; color: #DD6600; font-size: 14px; font-weight: normal; letter-spacing: 2px;}
.side ul { background: #FFF9F3; list-style-image: url(../img/home/area_arrow.gif); font-size: 80%; color: #777;}
.side a { color: #333;}
.side a:hover { color: #FF6600; text-decoration: underline;}

/* .bxslider -------------- */

ul.bxslider { padding: 0;}
ul.bxslider li { text-align: center; list-style-type: none;}
ul.bxslider li img { margin: auto;}