@charset "utf-8";

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

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


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

div#main-visual {background:url(./images/main_visual.jpg) top center no-repeat; padding-top:185px;}

/*--main--*/
div#contents div#main div.white-top {margin-top:0;}
div#contents div#main div.white-body {padding:10px 20px;}
div#contents div#main div.white-body h2.index-title {background:url(./images/title_column.gif) top no-repeat; font-size:14px; color:#e3d3a1; padding:15px 10px 15px 60px; margin-bottom:10px;}
div#contents div#main div.white-body h2.index-title span {font-size:12px; font-weight:normal;}
div#contents div#main div.white-body h2.index-title a {color:#e3d3a1; text-decoration:none;}
div#contents div#main div.white-body h2.index-title a:hover {text-decoration:underline;}
div#contents div#main div.white-body div.new-entry {padding:0 10px 35px;}
div#contents div#main div.white-body div.new-entry p.detail {text-indent:0; text-align:right; margin-top:5px;}
div#contents div#main div.white-body div.new-entry p.detail a {background:url(./images/lm03.gif) left no-repeat; padding-left:16px;}
div#contents div#main div.white-body div#profile-box dl {padding-bottom:20px;}
div#contents div#main div.white-body div#profile-box dt {width:166px; float:right;}
div#contents div#main div.white-body div#profile-box dd {padding:0 180px 0 10px;}
div#contents div#main div.white-body div#profile-box dd h3 {background:url(./images/line.gif) bottom repeat-x; padding-bottom:15px;}
div#contents div#main div.white-body div#profile-box dd p {margin-bottom: 5px; padding:0 10px 0 5px;}

div#contents div#main div.white-body ul.text-navi {list-style:none; padding-bottom:15px;}
div#contents div#main div.white-body ul.text-navi li.gotop {text-align:center;}
div#contents div#main div.white-body ul.text-navi li.gotop a {background:url(./images/lm02.gif) left no-repeat; padding-left:16px;}
div#contents div#main div.white-body ul.text-navi li.prev {float:left; margin-top:-1.25em;}
div#contents div#main div.white-body ul.text-navi li.prev a {background:url(./images/lm01.gif) left no-repeat; padding-left:16px;}
div#contents div#main div.white-body ul.text-navi li.next {float:right; margin-top:-1.25em;}
div#contents div#main div.white-body ul.text-navi li.next a {background:url(./images/lm03.gif) right no-repeat; padding-right:16px;}
div#contents div#main div.entry {padding-bottom:25px;}
div#contents div#main div.entry h2 {background:url(./images/title_title.gif) top no-repeat; font-size:14px; color:#e3d3a1; padding:10px; margin-bottom:10px;}
div#contents div#main div.entry h2 span {font-size:12px; font-weight:normal;}
div#contents div#main div.entry p {padding:15px 10px 0;}

/*--side--*/
div#side div#side-backnumber-box {background:#000; padding:5px;}
div#contents div#side h3.side-top {padding-bottom:0;}
div#side div#side-backnumber-box ul {list-style:none; background:url(./images/dott01.gif) top repeat-x; padding-top:10px; color:#bfbfbf;}
div#side div#side-backnumber-box ul li {padding:0 5px 12px 10px; line-height:1.5;}
div#side div#side-backnumber-box ul li.none {background:url(./images/dott01.gif) bottom repeat-x;}
div#side div#side-backnumber-box ul li a {color:#bfbfbf;}

div#side div#side-profile-box {background:#000; padding:5px 5px 10px;}
div#side div#side-profile-box h3 {background:url(./images/dott01.gif) bottom repeat-x; padding-bottom:4px;}
div#side div#side-profile-box dl {padding:10px;}
div#side div#side-profile-box dl dt {width:80px; float:left;}
div#side div#side-profile-box dl dd {padding:10px 0 0 95px; font-size:10px; line-height:1.6;}
div#side div#side-profile-box dl dd span {color:#bfbfbf;}
div#side div#side-profile-box dl dd strong {color:#bfbfbf; font-size:14px;}
div#side div#side-profile-box p {padding:0 5px 0 10px; color:#bfbfbf; margin-bottom: 5px;}
div#side div#side-profile-box p.line {background:url(./images/dott01.gif) bottom repeat-x; padding-bottom:7px;}