@charset "utf-8";

/***********************************
  NatureMuseumHokkaido
  www/dowmload/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;}

div#download {margin-right:10px; padding:10px 0 40px; color:#bfbfbf;}
div#download h2 {margin-bottom:25px;}

/*--index--*/
div#download dl#catch {padding-bottom:25px;}
div#download dl#catch dt {margin-bottom:10px;}
div#download ul#download-menu {list-style:none;}
div#download ul#download-menu li {width:201px; float:left; margin-right:12px;}
div#download ul#download-menu li.none {margin-right:0;}
div#download ul#download-menu li dt {margin-bottom:10px;}
div#download ul#download-menu li dd {padding:0 5px;}
div#download ul#download-menu li dd p {margin-top:5px;}

/*--blogparts--*/
div#blogparts {margin-left:40px; width:800px;}
div#blogparts div#blogparts-image {width:160px; float:left;}
div#blogparts div#blogparts-main {width:570px; float:right;}
div#blogparts-main div {background:#35312d; border-top:2px solid #73665a; padding:10px 15px; margin-top:15px;}
div#blogparts-main div ul {list-style:none; padding-top:10px;}
div#blogparts-main div ul li {padding:0 0 10px 20px;}
div#blogparts-main div ul li#no01 {background:url(./images/icon01.gif) left 2px no-repeat;}
div#blogparts-main div ul li#no02 {background:url(./images/icon02.gif) left 2px no-repeat;}
div#blogparts-main div ul li#no01 p {border:1px solid #544c44; margin-top:7px; padding:7px 20px;}
div#blogparts-main div ul li#no02 p {padding:5px 0 0 1em; text-indent:-1em;}

/*--wallpaper--*/
div#wallpaper-setting {width:420px; float:left;}
div#wallpaper-setting div {margin-top:15px; background:#35312d; border-top:2px solid #73665a; padding:15px;}
div#wallpaper-setting div p {margin-bottom:10px;}
div#wallpaper-setting div dt {width:43px; float:left;}
div#wallpaper-setting div dd {padding-left:43px;}
div#wallpaper-setting div dd ul {list-style:none; padding-bottom:5px;}
div#wallpaper-setting div dd ul li {margin-bottom:5px; padding-left:18px;}
div#wallpaper-setting div dd ul li.icon01 {background:url(./images/icon01.gif) left 1px no-repeat;}
div#wallpaper-setting div dd ul li.icon02 {background:url(./images/icon02.gif) left 1px no-repeat;}
div#wallpaper-setting div dd ul li.icon03 {background:url(./images/icon03.gif) left 1px no-repeat;}
div#wallpaper-setting div dd ul li.icon04 {background:url(./images/icon04.gif) left 1px no-repeat;}
div#wallpaper-map {width:380px; float:right;}

h3.area-title {background:url(./images/dott01.gif) bottom repeat-x; padding:10px 0 3px;}
ul.dl-list {list-style:none; padding:5px 0 10px; margin-right:-5px;}
ul.dl-list li {width:164px; float:left; margin-right:5px; padding:0;}
ul.dl-list li.none {margin:0;}
ul.dl-list li dt {font-weight:bold; padding:5px 0 5px 5px;}
ul.dl-list li dt span {font-size:10px;}
ul.dl-list li dd ul {list-style:none; font-size:10px; padding:5px 0 0 0; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
ul.dl-list li dd ul li {width:75px; float:left; margin-bottom:3px; overflow:hidden;}
ul.dl-list li dd ul li a {color:#bfbfbf; text-decoration:none; background:url(./images/icon_download.gif) left no-repeat; padding-left:20px;}
ul.dl-list li dd ul li a:hover {color:#fff; text-decoration:underline;}

/*--mobile--*/
div#mobile {width:840px;}
div#mobile div#mobile-image {width:240px; float:left;}
div#mobile div#mobile-image p {padding-bottom:15px;}
div#mobile div#mobile-image p img {margin-bottom:5px;}
div#mobile div#mobile-main {width:570px; float:right;}
div#mobile-main div {background:#35312d; border-top:2px solid #73665a; padding:10px 15px 20px; margin-top:15px;}
div#mobile-main div h4 {padding:8px 0;}
div#mobile-main div p {padding-bottom:5px;}
div#mobile-main div ul {list-style:none; padding:0;}
div#mobile-main div ul li {margin-bottom:5px; padding-left:20px;}
div#mobile-main div ul li.no01 {background:url(./images/icon01.gif) left 2px no-repeat;}
div#mobile-main div ul li.no02 {background:url(./images/icon02.gif) left 2px no-repeat;}
div#mobile-main div ul li.no03 {background:url(./images/icon03.gif) left 2px no-repeat;}
div#mobile-main div ul li.no04 {background:url(./images/icon04.gif) left 2px no-repeat;}
div#mobile-main dl {padding-top:15px;}
div#mobile-main dl dt {width:100px; float:left;}
div#mobile-main dl dd {padding:10px 0 0 115px;}
div#mobile-main dl dd p {padding-top:10px;}

/*--iphone--*/
div#iphone {width:840px;}
div#iphone ul#image-iphone {list-style:none; padding:15px 0 0;}
div#iphone ul#image-iphone li {width:195px; float:left; margin:0 20px 20px 0;}
div#iphone ul#image-iphone li.none {margin:0 0 20px 0;}
div#iphone div {background:#35312d; border-top:2px solid #73665a; padding:10px 15px 20px; margin-top:20px;}
div#iphone div ul {list-style:none; padding:10px 0 0;}
div#iphone div ul li {margin-bottom:5px; padding-left:20px;}
div#iphone div ul li#no01 {background:url(./images/icon01.gif) left 2px no-repeat;}
div#iphone div ul li#no02 {background:url(./images/icon02.gif) left 2px no-repeat;}
div#iphone div ul li#no03 {background:url(./images/icon03.gif) left 2px no-repeat;}
div#iphone div ul li#no04 {background:url(./images/icon04.gif) left 2px no-repeat;}
div#iphone div ul li#no01 p#app-bn {float:right; padding-right:15px;}

/*--special--*/
div#special {margin-left:15px; width:810px;}
div#special div#special-image {width:335px; float:left;}
div#special div#special-text {width:420px; float:right;}

div#special div#special-image h3 {font-size:14px; color:#909090; padding:0 0 5px 2px;}
div#special div#special-image ul {list-style:none; font-size:10px; padding:5px 0 0 0; width:160px; margin-left:175px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
div#special div#special-image ul li {width:75px; float:left; margin-bottom:3px; overflow:hidden;}
div#special div#special-image ul li a {color:#bfbfbf; text-decoration:none; background:url(./images/icon_download.gif) left no-repeat; padding-left:20px;}
div#special div#special-image ul li a:hover {color:#fff; text-decoration:underline;}

div#special div#special-text h3 {padding-bottom:10px;}
div#special div#special-text div {margin-top:15px; background:#35312d; border-top:2px solid #73665a; padding:15px;}
div#special div#special-text div p {margin-bottom:10px;}
div#special div#special-text div dt {width:43px; float:left;}
div#special div#special-text div dd {padding-left:43px;}
div#special div#special-text div dd ul {list-style:none; padding-bottom:5px;}
div#special div#special-text div dd ul li {margin-bottom:5px; padding-left:18px;}
div#special div#special-text div dd ul li.icon01 {background:url(./images/icon01.gif) left 1px no-repeat;}
div#special div#special-text div dd ul li.icon02 {background:url(./images/icon02.gif) left 1px no-repeat;}
div#special div#special-text div dd ul li.icon03 {background:url(./images/icon03.gif) left 1px no-repeat;}
div#special div#special-text div dd ul li.icon04 {background:url(./images/icon04.gif) left 1px no-repeat;}