@charset "utf-8";

/* --------------------------  map.html  ---------------------------------------- */

#map-top {width: 700px; height: 3px; background: url(../images/search/map/bg-top.jpg) left top no-repeat;}
#map-bottom {width: 700px; height: 3px; background: url(../images/search/map/bg-bottom.jpg) left top no-repeat;}
#map-area {width: 700px; height: 620px; background: url(../images/search/map/bg-center.jpg) left top repeat-y; position: relative;}

.map {width: 466px; height: 584px; margin: 0 auto; padding-top: 10px;}

a.area01, a.area02, a.area03, a.area04, a.area05, a.area06, a.area07, a.area08, a.area09, a.area10 {position: absolute;}
a.area01 {top: 12px; left: 172px; width: 134px; height: 47px;}
a.area02 {top: 88px; right: 150px; width: 181px; height: 59px;}
a.area03 {top: 180px; right: 130px; width: 159px; height: 58px;}
a.area04 {top: 317px; right: 93px; width: 135px; height: 47px;}
a.area05 {bottom: 182px; right: 172px; width: 173px; height: 58px;}
a.area06 {bottom: 25px; right: 160px; width: 242px; height: 99px;}
a.area07 {bottom: 67px; left: 114px; width: 145px; height: 60px;}
a.area08 {bottom: 208px; left: 25px; width: 229px; height: 58px;}
a.area09 {bottom: 268px; left: 204px; width: 120px; height: 60px;}
a.area10 {top: 212px; left: 198px; width: 174px; height: 60px;}


img.area01, img.area02, img.area03, img.area04, img.area05, img.area06, img.area07, img.area08, img.area09, img.area10 {position: absolute; display: none;}
img.area01 {top: 10px; left: 266px; width: 102px; height: 116px;}
img.area02 {top: 72px; right: 236px; width: 154px; height: 158px;}
img.area03 {top: 170px; right: 116px; width: 180px; height: 130px;}
img.area04 {top: 283px; right: 134px; width: 173px; height: 98px;}
img.area05 {bottom: 80px; right: 228px; width: 148px; height: 187px;}
img.area06 {bottom: 51px; right: 332px; width: 109px; height: 228px;}
img.area07 {bottom: 26px; left: 144px; width: 155px; height: 128px;}
img.area08 {bottom: 127px; left: 137px; width: 148px; height: 194px;}
img.area09 {bottom: 220px; left: 292px; width: 131px; height: 93px;}
img.area10 {top: 209px; left: 299px; width: 186px; height: 130px;}

#box-center {width: 700px; height: 120px; padding: 15px 0; background: url(../images/box-bg.jpg) left top repeat-y;}
#box-center ul.left {float: left; width: 300px; margin: 0 10px 0 60px;}
#box-center ul.right {float: left; width: 300px;}
#box-center li {padding-left: 15px; background: url(../images/arrow03.png) left 50% no-repeat; margin-bottom: 5px; color:#95549b;}
#box-center li a {color: #000;}
#box-center li a:hover {color: #95549b;}
#box-bottom {margin-bottom: 0;}

/* --------------------------  area01.html 〜　area10.html  ---------------------------------------- */

#left-content h2 {margin-top: -5px;}