@charset "utf-8";

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

@import "/common/css/base.css";
@import "/common/css/shadowbox.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#main {color:#bfbfbf;}
div#main .line01 {background:url(./images/line.gif) bottom no-repeat; padding-bottom:25px;}
div#main h2 {padding-bottom:25px;}
div#main div#grand-prix {padding:35px 0 20px;}
div#main div#grand-prix div#grand-prix-left {width:250px; float:left;}
div#main div#grand-prix div#grand-prix-left h3 {padding-bottom:10px;}
div#main div#grand-prix div#grand-prix-left p#month-theme {font-size:18px; color:#fc6; font-weight:bold; padding-bottom:13px;}
div#main div#grand-prix div#grand-prix-left p#month-theme span {font-size:14px; color:#bfbfbf; font-weight:normal;}
div#main div#grand-prix div#grand-prix-left dl {background:#35312d; border-top:2px solid #73665a; padding:15px 15px 5px;}
div#main div#grand-prix div#grand-prix-left dl dt {background:url(./images/dott01.gif) bottom repeat-x; padding-bottom:5px; margin-bottom:5px;}
div#main div#grand-prix div#grand-prix-left dl dd p {padding:0 5px 5px; line-height:1.4;}
div#main div#grand-prix div#grand-prix-left dl dd p span {font-size:10px;}
div#main div#grand-prix div#grand-prix-right {width:332px; float:right;}
div#main div#grand-prix div#grand-prix-right table td {width:332px; height:332px; background:url(./images/back_photo.gif); text-align:center;}
div#main div#grand-prix div#grand-prix-right table td img {max-height:320px; max-width:320px; overflow:hidden;}
div#main div#grand-prix div#grand-prix-right p {margin-top:5px; text-align:right;}

div#main dl.comment {background:url(./images/line.gif) bottom no-repeat; padding-bottom:10px; margin-bottom:25px;}
div#main dl.comment dt {background:url(./images/dott02.gif) bottom repeat-x; padding-bottom:5px;}
div#main dl.comment dd {padding:5px 0 20px;}

div#works-list {padding:15px 0;}
div#works-list ul {list-style:none; width:290px; margin-right:10px; float:left;}
div#works-list ul li {background:url(./images/lm02.gif) left 3px no-repeat; padding-left:18px; margin-bottom:7px; line-height:1.5;}
div#works-list ul li a {color:#bfbfbf;}

div#main ul.list {list-style:none; padding:10px 0 5px;}
div#main ul.list li {padding-bottom:45px;}
div#main ul.list li.none {padding-bottom:0;}
div#main ul.list li table {width:250px; float:left;}
div#main ul.list li table td {background:url(./images/back_photo.gif); text-align:center; width:250px; height:250px;}
div#main ul.list li table td img {max-height:240px; max-width:240px; overflow:hidden;}
div#main ul.list li div.works-box {width:330px; float:right;}
div#main ul.list li div.works-box dl {padding-bottom:15px;}
div#main ul.list li div.works-box dt {background:url(./images/dott02.gif) bottom repeat-x; padding-bottom:5px; margin-bottom:10px;}
div#main ul.list li div.works-box dd {padding-bottom:10px;}
div#main ul.list li div.works-box dd p {line-height:1.4; padding-bottom:15px;}
div#main ul.list li div.works-box dd p span {font-size:10px;}
div#main dl.comment02 {padding-top:15px;}
div#main dl.comment02 dt {background:url(./images/dott02.gif) bottom repeat-x; padding-bottom:5px;}
div#main dl.comment02 dd {padding:5px 0 20px;}

div#main div.line {height:3px; background:url(./images/back_photo.gif); margin-top:20px;}

div#main dl#next-theme {padding:10px 0;}
div#main dl#next-theme dt {width:60px; float:left;}
div#main dl#next-theme dd {padding:10px 0 0 70px;}
div#main dl#next-theme dd h3 {font-size:14px;}
div#main dl#next-theme dd h3 span {color:#fc6; padding:0 5px;}
div#main dl#next-theme dd p {padding-top:5px;}
div#main dl#next-theme dd p span {color:#fc6; padding:0 3px; font-weight:bold;}

div#main ul#entry-btn {list-style:none; padding:0 0 30px 105px;}
div#main ul#entry-btn li {width:180px; margin-right:20px; float:left;}
div#main ul#entry-btn li.none {padding-top:18px;}

div#side dl#theme {background:#000 url(/common/images/top_black.gif) top no-repeat; padding:5px;}
div#side dl#theme dt {width:50px; float:left;}
div#side dl#theme dd {padding:8px 0 0 60px;}
div#side dl#theme dd h3 {font-size:14px; color:#fc6; line-height:1.5;}
div#side dl#theme dd h3 span {color:#bfbfbf; font-size:12px; font-weight:normal;}
div#side ul#entry-list {list-style:none; padding:3px 20px;}
div#side ul#entry-list li {margin-bottom:8px;}
div#side ul#entry-list li.none {margin-bottom:15px;}
div#side h3#title-backnumber {background:#000; padding:8px;}
div#side div.black {background:#000;}
div#side ul#back-number {list-style:none; padding:0 8px;}
div#side ul#back-number li {background:url(./images/dott03.gif) top repeat-x; padding:10px 0;}
div#side ul#back-number li dt {width:64px; float:left; text-align:center;}
div#side ul#back-number li dd {padding-left:80px; color:#bfbfbf;}
div#side ul#back-number li dd a {color:#bfbfbf;}
div#side div.black p#more01 {margin:0 8px; padding:10px 0; text-align:right; background:url(./images/dott03.gif) top repeat-x; line-height:1;}
div#side div.black p#more01 a {background:url(./images/lm01.gif) left no-repeat; padding:0 7px 0 16px; color:#bfbfbf;}
div#side div#back-column {background:url(./images/back_column.gif); height:123px; overflow:hidden;}
div#side div#back-column dl {padding:62px 12px 0; color:#bfbfbf;}
div#side div#back-column dl dd a {color:#bfbfbf;}
div#side div#back-column dl dd p {text-align:right; line-height:1; margin-top:10px;}
div#side div#back-column dl dd p a {background:url(./images/lm01.gif) left no-repeat; padding:0 3px 0 16px;}