@charset "utf-8";

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

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


/*==================================
  Main Layout
==================================*/
/*--common--*/
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;}

dl#description {width:800px; margin-left:20px; padding:25px 0 10px;}
dl#description dt {width:275px; float:right;}
dl#description dd {width:500px; float:left;}
dl#description dd h3 {color:#bfbfbf; font-size:14px;}
dl#description dd h3 span {font-size:18px; margin:0 5px;}
dl#description dd h3 strong {font-size:18px; color:#fc6;}
dl#description dd p {padding-top:15px; color:#bfbfbf;}

ul#flow {width:800px; margin:0 0 15px 20px; list-style:none; background:url(./images/back_arrow.gif) left no-repeat;}
ul#flow li {width:240px; margin-right:40px; float:left;}
ul#flow li.none {margin:0;}
ul#flow li dl {background:#35312d; border-left:2px solid #73665a; padding:10px 0 10px 15px;}
ul#flow li dl dd {color:#bfbfbf; font-size:14px; font-weight:bold; padding-top:5px;}
ul#flow li p#gp {position:absolute; color:#fc6; background:url(./images/icon01.gif) left no-repeat; padding:3px 0 5px 22px; margin:-53px 0 0 150px;}
ul#flow li p#wp {position:absolute; color:#fc6; background:url(./images/icon02.gif) left no-repeat; padding:3px 0 5px 22px; margin:-30px 0 0 150px;}

p#caution {color:#f93; font-size:14px; margin:0 0 10px 20px;}
p#caution02 {color:#39c; font-size:14px; margin:0 0 10px 20px;}
p#caution03 {color:#f36; font-size:14px; margin:0 0 10px 20px;}
p#result {margin:0 0 10px 20px;}

div#entry-box {width:800px; margin-left:20px;}
div#entry-box div#entry-btn {width:180px; float:left;}
div#entry-box div#entry-text {width:590px; float:right; color:#bfbfbf;}
div#entry-box div#entry-btn ul {list-style:none;}
div#entry-box div#entry-btn ul li {margin-bottom:10px;}
div#entry-box div#entry-text h4 {padding-bottom:10px;}
div#entry-box div#entry-text ul {list-style:none; padding-bottom:15px;}
div#entry-box div#entry-text ul li {margin-bottom:5px; padding-left:18px; line-height:1.5;}
div#entry-box div#entry-text ul li#lm01 {background:url(./images/lm01.gif) left 3px no-repeat;}
div#entry-box div#entry-text ul li#lm02 {background:url(./images/lm02.gif) left 3px no-repeat;}
div#entry-box div#entry-text ul li#lm03 {background:url(./images/lm03.gif) left 3px no-repeat;}
div#entry-box div#entry-text ul li#lm04 {background:url(./images/lm04.gif) left 3px no-repeat;}
div#entry-box div#entry-text dl {padding-bottom:10px;}
div#entry-box div#entry-text dl dt {width:10em; float:left;}
div#entry-box div#entry-text dl dd {padding:0 0 7px 11em;}

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

div#profile-box {margin:10px 30px 10px 20px; background:#fff; border:5px solid #b2b2b2; padding:7px 10px;}
div#profile-box dl {padding-bottom:10px;}
div#profile-box dt {width:170px; float:left;}
div#profile-box dd {padding-left:185px;}
div#profile-box dd h3 {padding-bottom:10px;}
div#profile-box dd div {border:1px solid #ccc; margin:7px 200px 0 2px; padding:5px 10px;}

div#backnumber {width:800px; margin-left:20px; padding:0 0 15px;}
div#backnumber h3 {padding-bottom:15px;}
div#backnumber ul {list-style:none;}
div#backnumber ul li {width:116px; margin-right:5px; float:left; color:#bfbfbf;}
div#backnumber ul li dt {width:116px; height:116px; background:url(./images/line.gif); text-align:center;}
div#backnumber ul li dt img {padding:6px 0; _margin-top:6px;}
div#backnumber ul li dt.height img {padding:19px 0; _margin-top:19px;}
div#backnumber ul li dd {padding:5px; line-height:1.5;}
div#backnumber ul li dd span {font-size:10px;}
div#backnumber ul li dd a {color:#bfbfbf;}