@charset "utf-8";

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

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


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

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

div#found-box {margin:35px 250px;}
div#found-box h2 {padding:0 0 10px 0; margin:0;}
div#found-box dl dd {background:url(./images/btn_enter_ov.gif); width:298px; height:38px; overflow:hidden; margin:7px 0 0 26px;}
div#found-box dl dd a {display:block;}
div#found-box dl dd a:hover {background-color:transparent;}
div#found-box dl dd a:hover img {visibility:hidden;}
div#found-box p {width:320px; margin:13px 0 0 26px; font-size:10px; color:#8d8d8d; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
div#found-box p#fp-download {width:160px; height:15px; overflow:hidden; margin:10px 0 0 92px; background:url(./images/btn_fpdl_ov.gif);}
div#found-box p#fp-download a {display:block;}
div#found-box p#fp-download a:hover {background-color:transparent;}
div#found-box p#fp-download a:hover img {visibility:hidden;}

div#horoscope {margin-right:10px; padding:10px 0 40px;}
div#horoscope div#ranking-box {height:220px; overflow:hidden; background:url(./images/back_horoscope.gif); margin-bottom:20px;}
div#horoscope div#ranking-box h2 {position:absolute; margin:18px 0 0 27px; line-height:0; font-size:0;}
div#horoscope div#ranking-box p#date {position:absolute; margin:90px 0 0 21px; color:#336; font-size:10px;}
div#horoscope div#ranking-box p#date span {font-weight:bold; font-size:14px; margin-right:5px;}
div#horoscope div#ranking-box ul {list-style:none; padding:119px 0 0 12px;}
div#horoscope div#ranking-box ul li {width:68px; float:left; text-align:center;}
div#horoscope div#ranking-box ul li a {color:#c60; font-size:10px;}

div#horoscope ul.horoscope-list {background:url(./images/box_bottom.gif) bottom; padding-bottom:20px; list-style:none; margin-bottom:20px;}
div#horoscope ul.horoscope-list li {width:410px; float:left; background:url(./images/box_top.gif) top no-repeat; padding-top:15px;}
div#horoscope ul.horoscope-list li.none {float:right;}
div#horoscope ul.horoscope-list li dl {padding:0 10px 0 15px;}
div#horoscope ul.horoscope-list li dl dt {width:140px; float:left;}
div#horoscope ul.horoscope-list li dl dd {padding:10px 0 0 155px;}
div#horoscope ul.horoscope-list li dl dd ul {list-style:none;}
div#horoscope ul.horoscope-list li dl dd ul li {width:225px; float:none; background:none; padding:0; margin-bottom:7px;}
div#horoscope ul.horoscope-list li dl dd ul li img {margin-right:20px;}
div#horoscope ul.horoscope-list li dl dd ul li p {margin-top:3px; font-size:10px;}

div#horoscope div#box-top02 {background:url(./images/box_top02.gif); height:15px;}
div#horoscope div#kirei-box {background:url(./images/box_bottom02.gif) bottom; padding:0 15px 25px;}
div#horoscope div#kirei-box dl {padding:10px 15px 0;}
div#horoscope div#kirei-box dl dt {width:150px; float:left;}
div#horoscope div#kirei-box dl dd {padding:5px 0 0 170px; color:#333;}
div#horoscope div#kirei-box dl dd ul {list-style:none; padding-top:15px;}
div#horoscope div#kirei-box dl dd ul li {background:url(./images/lm.gif) left no-repeat; padding-left:15px; margin-bottom:5px;}
div#horoscope div#kirei-box dl dd ul li a {color:#333;}