@charset "utf-8";

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

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


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

div#flashcontent {width:100%; height:430px; margin-bottom:12px;}

div#box-weathers {width:900px; height:78px; margin:0 auto 24px;}
div#box-sunmoon {width:443px; height:78px; background:url(./images/frame_weather.gif); float:left;}
div#box-sunmoon h2 {float:left; margin:8px 11px 0 0; padding-left:9px;}
div#box-sunmoon div#box-sun {width:121px; height:60px; background:url(./images/box_sun.gif); float:left; margin-top:8px; overflow:hidden;}
div#box-sunmoon div#box-moon {width:121px; height:60px; background:url(./images/box_moon.gif); float:left; margin-top:8px; overflow:hidden;}
div#box-sunmoon ul {list-style:none; padding:17px 0 0 9px;}
div#box-sunmoon ul li {width:48px; float:left;}
div#box-sunmoon ul li p {text-align:center; color:#adadad;}
div#box-weather {width:443px; height:78px; overflow:hidden; background:url(./images/frame_weather02.gif); float:right;}
div#box-weather h2 {display:none;}
div#box-weather p#bnr-weather {position:absolute; margin:48px 0 0 328px; width:115px; height:30px; overflow:hidden;}

div#box-weather dl {width:190px; height:50px; overflow:hidden; background:url(./images/back_hokkaido.gif) right top no-repeat; margin:15px 12px 0 0; position:absolute;}
div#box-weather dl dt {float:right; color:#adadad; font-size:14px; font-weight:bold; width:4em; text-align:center; padding-top:16px;}
div#box-weather dl dd {padding-left:6px;}
div#box-weather ul {list-style:none; padding-top:6px; position:absolute; width:130px; margin:0 7px 0 202px;}
div#box-weather ul li {width:61px; height:67px; overflow:hidden; float:left; margin-right:4px;}
div#box-weather ul li p {padding-top:15px; text-align:center;}
div#box-weather div {padding:17px 10px 0 0; float:right;}
div#box-weather div select {width:90px;}

div#box-photo {width:900px; height:80px; margin:0 auto 24px;}
div#box-photo dl {width:278px; float:left; background:url(./images/arrow.gif) right top no-repeat;}
div#box-photo dl dt {padding:5px 0 12px 10px;}
div#box-photo dl dd {padding-left:10px;}
div#box-photo ul {list-style:none;}
div#box-photo ul li {float:left; margin-right:13px;}
div#box-photo ul li img.border {border:1px solid #333;}
div#box-photo ul li.none {margin:0;}

div#box-main {width:900px; margin:0 auto; padding-bottom:25px;}
div#box-main div#box-main-left {width:586px; float:left;}
div#box-main div#box-main-left p#sorry {line-height:1.25; padding:0 3px 10px;}
div#box-main div#box-main-left div#box-search {height:94px; background:url(./images/box_search.gif); overflow:hidden; margin-bottom:20px;}
div#box-main div#box-main-left div#box-search h2 {padding:13px 0 0 87px; font-size:0; line-height:0;}
div#box-main div#box-main-left div#box-search div select {font-size:14px; font-weight:bold; width:160px;}
div#box-main div#box-main-left div#box-search div {padding:11px 0 0 87px; float:left;}
div#box-main div#box-main-left div#box-search div select#area02-s {margin-right:37px;}
div#box-main div#box-main-left div#box-search button {width:100px; background:none; border:none; margin:5px 0 0 15px; cursor:pointer;}

div#box-main div#box-main-left ul#bnr-area {list-style:none;}
div#box-main div#box-main-left ul#bnr-area li {float:left; margin-right:10px;}
div#box-main div#box-main-left ul#bnr-area li.none {margin:0; float:right;}
div#box-main div#box-main-left ul#bnr-area li img.pat10 {margin-top:10px;}

div#box-main div#box-main-left div#horoscope-box {background:url(./images/back_horoscope.gif); height:116px; overflow:hidden; margin-top:15px;}
div#horoscope-box div#horoscope-ranking {width:385px; float:left; color:#bfbfbf;}
div#horoscope-box div#horoscope-ranking h3 {padding:11px 0 0 5px;}
div#horoscope-box div#horoscope-ranking p#horoscope-more {width:90px; overflow:hidden; float:right; margin-top:-20px;}
div#horoscope-box div#horoscope-ranking p#horoscope-more a {background:url(./images/lm01.gif) left no-repeat; padding-left:16px;}
div#horoscope-box div#horoscope-ranking ul {list-style:none; padding:15px 0 0 10px;}
div#horoscope-box div#horoscope-ranking ul li {width:120px; float:left;}
div#horoscope-box div#horoscope-ranking ul li dt {margin-bottom:8px;}
div#horoscope-box div#horoscope-ranking ul li dt span {margin-left:8px;}
div#horoscope-box div#horoscope-ranking ul li dd img {margin-left:2px;}
div#horoscope-box div#horoscope-today {width:191px; float:right;}
div#horoscope-box div#horoscope-today h3 {padding:13px 0; line-height:0; font-size:0;}
div#horoscope-box div#horoscope-today dt {width:50px; float:left;}
div#horoscope-box div#horoscope-today dd {padding:5px 0 0 55px;}
div#horoscope-box div#horoscope-today dd span {font-size:14px; font-weight:bold; color:#bfbfbf; margin-right:5px;}
div#horoscope-box div#horoscope-today dd select {width:80px;}
div#horoscope-box div#horoscope-today dd p {margin-top:7px; line-height:1;}
div#horoscope-box div#horoscope-today p#horoscope-more02 {float:right; padding-right:5px;}
div#horoscope-box div#horoscope-today p#horoscope-more02 a {background:url(./images/lm01.gif) left no-repeat; padding-left:16px;}

div#area-box {height:146px; background:url(./images/back_area.gif); margin-top:15px; overflow:hidden;}
div#area-box h3 {position:absolute; font-size:0; line-height:0; margin:11px 0 0 13px;}
div#area-box p {position:absolute; font-size:0; line-height:0; margin:48px 0 0 13px;}
div#area-box ul {list-style:none; position:absolute;}
div#area-box ul li {position:absolute; height:14px; font-size:0; line-height:0; overflow:hidden;}
div#area-box ul li a {display:block;}
div#area-box ul li a:hover {background-color:transparent;}
div#area-box ul li a:hover img {visibility:hidden;}
div#area-box ul li#area-asa {width:109px; background:url(./images/area_asa_ov.gif); margin:47px 0 0 197px;}
div#area-box ul li#area-sap {width:109px; background:url(./images/area_sap_ov.gif); margin:67px 0 0 197px;}
div#area-box ul li#area-hak {width:109px; background:url(./images/area_hak_ov.gif); margin:87px 0 0 197px;}
div#area-box ul li#area-mon {width:145px; background:url(./images/area_mon_ov.gif); margin:14px 0 0 429px;}
div#area-box ul li#area-obi {width:109px; background:url(./images/area_obi_ov.gif); margin:34px 0 0 429px;}
div#area-box ul li#area-ura {width:120px; background:url(./images/area_ura_ov.gif); margin:54px 0 0 429px;}
div#area-box dt {position:absolute; font-size:0; line-height:0; margin:111px 0 0 19px;}
div#area-box dd p#movie-obi {position:absolute; width:153px; height:20px; overflow:hidden; margin:114px 0 0 260px; background:url(./images/movie_obi_ov.gif);}
div#area-box dd p#movie-asa {position:absolute; width:153px; height:20px; overflow:hidden; margin:114px 0 0 418px; background:url(./images/movie_asa_ov.gif);}
div#area-box dd p a {display:block;}
div#area-box dd p a:hover {background-color:transparent;}
div#area-box dd p a:hover img {visibility:hidden;}

div#box-main-left ul#bnr-space {list-style:none; padding-top:15px;}
div#box-main-left ul#bnr-space li {width:186px; float:left; margin-right:14px;}
div#box-main-left ul#bnr-space li.none {margin:0;}
div#box-main-left ul#bnr-space li p {font-size:10px; padding:3px 0 0 3px;}

div#box-main div#box-main-right {width:302px; float:right;}
div#box-main div#box-main-right ul.rss-list {list-style:none; width:94px; position:absolute; margin:-21px 0 0 208px;}
div#box-main div#box-main-right ul.rss-list li {float:left; margin-right:5px;}
div#box-main div#box-main-right ul.link-list {list-style:none; padding:10px 5px 5px;}
div#box-main div#box-main-right ul.link-list li dt {width:6em; float:left;}
div#box-main div#box-main-right ul.link-list li dd {padding:0 0 7px 6em;}
div#box-main div#box-main-right ul.link-list li dd a {color:#bfbfbf; text-decoration:none;}
div#box-main div#box-main-right ul.link-list li dd a:hover {text-decoration:underline;}