@charset "utf-8";

/***********************************
  NatureMuseumHokkaido
  www/search/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/

div#sky {background:url(./images/back.jpg) top center no-repeat; padding-top:35px; text-align:center;}

div#pan {width:900px; height:25px; overflow:hidden; background:url(./images/back_pan.gif); margin:0 auto;}
div#pan p {padding-left:10px; font-size:10px;}
div#pan p a {color:#fff;}

div#search-box {padding:30px 30px 30px 20px;}
div#search-box ul {list-style:none; padding:30px 0 40px;}
div#search-box ul li {float:left; background:url(./images/x.gif) right no-repeat;}
div#search-box ul li#date {width:310px;}
div#search-box ul li#date dl {width:210px; height:161px; overflow:hidden; background:url(./images/box01.gif);}
div#search-box ul li#time {width:280px;}
div#search-box ul li#time dl {width:180px; height:161px; overflow:hidden; background:url(./images/box02.gif);}
div#search-box ul li#area {width:210px; background:none;}
div#search-box ul li#area dl {width:210px; height:161px; overflow:hidden; background:url(./images/box01.gif);}
div#search-box ul li dl dt {padding:25px 0 20px 12px;} 
div#search-box ul li dl dd {color:#e6e6e6; font-size:14px; font-weight:bold; padding-left:20px;}
div#search-box ul li dl dd p {margin-top:15px;}
div#search-box ul li dl dd select {font-size:14px; font-weight:bold; margin:0 5px;}
div#search-box ul li#date select {width:50px;}
div#search-box ul li#date select#s-year {width:100px;}
div#search-box ul li#time select {width:110px;}
div#search-box ul li#area select {width:160px;}
div#search-box p#search-btn {text-align:center;}
div#search-box p#search-btn button {width:244px; background:none; border:none; cursor:pointer;}

p#sorry {line-height:1.25; margin-right:10px; padding-bottom:10px; text-align:center;}

/*  result
-----------------------------------*/
div#title-area {margin:10px 12px 0 2px;}
div#title-area h2 {float:left; width:500px;}
div#title-area p {width:118px; float:right; background:url(./images/btn_research_ov.gif);}
div#title-area p a {display:block;}
div#title-area p a:hover {background-color:transparent;}
div#title-area p a:hover img {visibility:hidden;}

p#title-time {margin:18px 10px 10px 0; text-align:center;}

div#photo-box {margin:0 22px 20px 12px;}
div#photo-box h3 {width:618px; padding:8px 0; background:url(./images/back_photo.gif); margin-left:100px;}
div#photo-box h3 img {margin-left:8px;}
div#photo-box ul {list-style:none; position:absolute; margin-top:-240px; width:816px;}
div#photo-box ul li#back-hour {width:100px; position:absolute;}
div#photo-box ul li#next-hour {width:100px; position:absolute; margin-left:716px;}
div#photo-box ul li#back-hour dt {width:25px; height:50px; background:url(./images/arrow01_ov.gif); margin-left:37px;}
div#photo-box ul li#next-hour dt {width:25px; height:50px; background:url(./images/arrow02_ov.gif); margin-left:38px;}
div#photo-box ul li dt a {display:block;}
div#photo-box ul li dt a:hover {background-color:transparent;}
div#photo-box ul li dt a:hover img {visibility:hidden;}
div#photo-box ul li dd p {margin-top:10px; text-align:center;}

div#photo-list {width:795px; margin-left:22px; background:url(./images/time_line.gif) bottom no-repeat; padding-bottom:17px;}
div#photo-list ul {list-style:none;}
div#photo-list ul li {float:left; padding:3px 0 3px 3px; background:url(./images/back_photo.gif);}
div#photo-list ul li.none {padding:3px;}
div#photo-list ul li.this img {border-bottom:2px solid #fff; padding-bottom:3px;}

p#photo-link {padding:15px 15px 10px; text-align:right; color:#999;}
p#photo-link a {margin:0 3px; color:#999;}

div.line {height:3px; margin:0 10px 0 0; background:url(./images/back_photo.gif);}

div#other-area {margin:0 10px 25px 0;}
div#other-area div#other-title {width:264px; height:115px; float:left; background:url(./images/back_hokkaido.gif) top right no-repeat;}
div#other-area div#other-title p {padding:12px;}
div#other-area div#other-title p img {margin-bottom:7px;}
div#other-area ul {list-style:none; float:left; width:574px; padding-top:15px;}
div#other-area ul li {float:left; margin-right:8px; width:74px;}
div#other-area ul li.none {margin:0;}
div#other-area ul li dt {background:url(./images/back_photo.gif); padding:5px; margin-bottom:3px;}

div#area-info {margin-right:10px;}
div#area-info h3 {background:url(./images/dott.gif) bottom repeat-x; padding:0 0 6px 5px;}
div#area-info ul {list-style:none; padding:12px 0;}
div#area-info ul li {width:164px; height:40px; float:left; margin-right:5px; overflow:hidden;}
div#area-info ul li#bnr-star {background:url(./images/bnr_star_ov.gif);}
div#area-info ul li#bnr-eat {background:url(./images/bnr_eat_ov.gif);}
div#area-info ul li#bnr-experience {background:url(./images/bnr_experience_ov.gif);}
div#area-info ul li#bnr-stay {background:url(./images/bnr_stay_ov.gif);}
div#area-info ul li#bnr-event {background:url(./images/bnr_event_ov.gif); margin:0;}
div#area-info ul li a {display:block;}
div#area-info ul li a:hover {background-color:transparent;}
div#area-info ul li a:hover img {visibility:hidden;}