/* CSS Document */
/*Hana no Miyako*/
/* Base ===================================== */
#hana {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
#hana p, h1, h2, h3, h4, h5 { margin-bottom: 0 }
/* Title ===================================== */
#hana h1#title {
    height: 170px;
    background: url(../images/title.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
/* Contents ===================================== */
#hana #oojimap {
    width: 900px;
    height: 550px;
    margin: 0 0 10px 0;
}
#hana #text { margin: 0 0 20px 0 }
#hana #text h2 {
    height: 65px;
    background: url(../images/subtitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #search { margin: 0 0 10px 0 }
#hana #search h2 {
    height: 70px;
    background: url(../images/searchTitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #search h3#area {
    height: 45px;
    background: url(../images/searchArea.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #naviArea {
    width: 840px;
    height: 75px;
    margin: 15px auto;
}
#hana #naviArea ul li {
    width: 840px;
    height: 75px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#hana #naviArea ul li a {
    height: 75px;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: url(../images/naviArea.jpg) no-repeat;
    text-indent: -9000px;
}
#hana #naviArea ul li#west { width: 280px }
#hana #naviArea ul li#center { width: 280px }
#hana #naviArea ul li#east { width: 280px }
#hana #naviArea ul li#west a { background-position: 0px 0 }
#hana #naviArea ul li#center a { background-position: -280px 0 }
#hana #naviArea ul li#east a { background-position: -560px 0 }
#hana #naviArea ul li#west a:hover { background-position: 0px  100% }
#hana #naviArea ul li#center a:hover { background-position: -280px  100% }
#hana #naviArea ul li#east a:hover { background-position: -560px  100% }
#hana #search h3#genre {
    height: 45px;
    background: url(../images/searchGenre.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #naviGenre {
    width: 840px;
    height: 75px;
    margin: 15px auto;
}
#hana #naviGenre ul li {
    width: 840px;
    height: 75px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#hana #naviGenre ul li a {
    height: 75px;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    background: url(../images/naviGenre.jpg) no-repeat;
    text-indent: -9000px;
}
#hana #naviGenre ul li#sights { width: 280px }
#hana #naviGenre ul li#hothouse { width: 280px }
#hana #naviGenre ul li#market { width: 280px }
#hana #naviGenre ul li#sights a { background-position: 0px 0 }
#hana #naviGenre ul li#hothouse a { background-position: -280px 0 }
#hana #naviGenre ul li#market a { background-position: -560px 0 }
#hana #naviGenre ul li#sights a:hover { background-position: 0px  100% }
#hana #naviGenre ul li#hothouse a:hover { background-position: -280px  100% }
#hana #naviGenre ul li#market a:hover { background-position: -560px  100% }
#hana #pickup {
    height: 415px;
    margin: 0 0 20px 0;
    background: url(../images/pickupBase.gif) 0 0 no-repeat;
}
#hana #pickup h2 {
    width: 230px;
    height: 80px;
    background: url(../images/pickupTitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #pickup a:link {
    color: #dd2726;
    text-decoration: none;
}
#hana #pickup a:visited {
    color: #dd2726;
    text-decoration: none;
}
#hana #pickup a:active {
    color: #dd2726;
    text-decoration: underline;
}
#hana #pickup a:hover {
    color: #dd2726;
    text-decoration: underline;
}
#hana .shopArea {
    font-size: 85%;
    color: #666;
}
#hana .shopName {
    margin: 0 0 5px 0;
    line-height: 1.2;
}
#hana .shopDetail {
    font-size: 93%;
    color: #333;
}
/* Slideshow -------------- */
#hana #top-osusume {
    width: 860px;
    padding: 0 20px;
}
#hana .photo { margin-bottom: 5px }
#hana div.osusume {
    width: 200px;
    float: left;
}
#hana div.osusume-inner {
    width: 180px;
    margin: 0 auto;
}
#hana div.osusume-inner img { margin: 5px 0 }
#hana #osusume_leftbtn {
    cursor: pointer;
    float: left;
    height: 300px;
    width: 30px;
    background: url(../images/btnLeft.gif) 10px center no-repeat;
}
#hana #osusume_rightbtn {
    cursor: pointer;
    float: left;
    height: 300px;
    width: 30px;
    background: url(../images/btnRight.gif) 2px center no-repeat;
}
#hana .slides_container {
    width: 800px;
    float: left;
}
#hana .slides { float: left }
#hana .slides_container div.slides {
    width: 800px;
    height: 300px;
    display: block;
}
#hana .pagination { display: none }
#hana #schedule {
    width: 550px;
    float: left;
}
#hana #shopping h3 {
    height: 80px;
    background: url(../images/shoppingTitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #shopping p { margin: 5px 0 20px 0 }
#hana #calendar h3 {
    height: 80px;
    background: url(../images/calendarTitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #calendar p { margin: 5px 0 0 0 }
#hana #sp {
    width: 320px;
    margin: 0 0 20px 0;
    background: url(../images/bgStripe.gif) 0 0 repeat;
    float: right;
}
#hana #sp h4 {
    height: 120px;
    background: url(../images/spTitle.gif) 0 0 no-repeat;
    text-indent: -9000px;
    font-size: 0px;
    line-height: 0px;
}
#hana #sp p {
    margin: 10px 15px;
    font-size: 93%;
}
#hana #sp img {
    margin: 0 15px 0 0;
    float: right;
}
#hana #banner {
    width: 320px;
    float: right;
}
#hana #banner img { margin: 0 0 10px 0 }
#hana #banner a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#hana #editor {
    margin: 20px 0 0 0;
    padding: 5px 0 0 0;
    font-size: 93%;
    border-top: #000 solid 1px;
}
#hana #editor h4 {
    margin: 0 0 5px 0;
    font-size: 123.1%;
    font-weight: bold;
}

#title div { padding: 8px 0 20px; }

/* Font ===================================== */
#hana .size3XS {
    /* 9px */
    font-size: 69%;
}
#hana .size2XS {
    /* 10px */
    font-size: 77%;
}
#hana .sizeXS {
    /* 11px */
    font-size: 85%;
}
#hana .sizeS {
    /* 12px */
    font-size: 93%;
}
#hana .sizeL {
    /* 14px */
    font-size: 108%;
}
#hana .sizeXL {
    /* 16px */
    font-size: 123.1%;
}
#hana .size2XL {
    /* 18px */
    font-size: 138.5%;
}
#hana .size3XL {
    /* 20px */
    font-size: 153.9%;
}
/* Clear ===================================== */
#hana .clear {
    clear: both;
    height: 0px;
    font-size: 0px;
}