/* 発見工房クリエイトホームページのスタイル */

/* フォント指定（Uikitを上書き） */
html {
    font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "メイリオ", "Meiryo","Helvetica Neue", Helvetica, Arial, sans-serif; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
  "メイリオ", "Meiryo","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.uk-navbar-nav a {
    font-family: "Yu Gothic UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "Meiryo UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

.uk-nav a {
    font-family: "Yu Gothic UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
    "Meiryo UI","Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* サイドバー領域 */
#sidebar {
    background-color:#99ccff;
    padding:20px;
    height:100%;
}
#sidebar h3 {
    text-align:center;
}
#side-menu li {
    background-color: #6495ED;
    margin-top:5px;
}
#side-menu li.uk-nav-divider {
    background-color:transparent;
    padding-top:10px;
    padding-bottom:10px;
}
#side-menu ul.uk-nav-sub {
    display:none;
}
#side-menu ul.active {
    display:block;
}
.uk-nav-sub li {
    margin-left:10px;
}
#side-menu a {
    padding-left:8px;
    padding-right:4px;
}
#side-menu a:link,
#side-menu a:active,
#side-menu a:visited {
    color:#ffffff;
}
#side-menu a:hover {
    color:#ffff3f;
}

/* トップバー領域 */
#topbar {
    background-image:none;
    background-color:#6495ED;
    padding-top:5px;
    padding-bottom:5px;
}
#topbar a {
    text-align:center;
    font-size:18px;
}
#topbar a:link,
#topbar a:active,
#topbar a:visited
{
    color:#ffffff;    
}
#topbar a:hover {
    color:#ffff3f;
}

/* 本文領域 */
#main {
    background-color:#ffffff;
}
#top-title {
    text-align:center;    
}
#lead {
    border-radius:10px;
    background-color:#E1F0FF;
    padding:20px;
    margin:20px auto 20px auto;
    max-width:600px;
}
#lead p {
    color:#205678;
    padding:0;
    margin:0;    
}
#topics {
    margin-top:40px;
    margin-bottom:30px;
}
#topics h2{
    background-color: #FFCCFF;
    color:#cc0099;
    margin:0;
    padding:5px 15px 5px 15px;
    vertical-align: middle;
}
#topics ul {
    padding-left:15px;
}
#banner {
    margin-top:20px;
    margin-bottom:30px;
}
#banner h4 {
    text-align:right;
}
#banner .uk-panel {
    border:solid 1px #6495ED;
    margin-top:10px;
}
#page-title{
    text-align:center;
    background-image:url("../images/banner_bg2.gif");
}
#page-contents {
    margin-top:20px;
    margin-bottom:20px;
}
h1{
    color:#4682B4;
	text-align:center;
}
h2.pop {
	color:#CC0099;
	border-bottom:dotted 1px #CC0099;
}
h3.pop {
	color:#6495ED;
	border-left:solid 5px #6495ED;
	padding-left:7px;
}
ul.pop {
	list-style-image:url("../images/bullet.gif");
	margin-top:10px;
	margin-left:30px;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:0;
}
/* 水平並び Description List */
dl.info{
    margin:10px;
    overflow: hidden;    
}
.info dt{
	font-weight:bold;
    width: 90px;
    float: left;
    clear: both;
}
.info dd {
	margin-left:90px;
}
/* 表組みの罫線追加 */
.border-top {
    border-top:1px solid #ddd;
}
.border-right {
    border-right:1px solid #ddd;
}
#explore {
    width:85%;
}
#explore h3{
    text-align:center;
}
#explore a {
    text-decoration: none;
}
#explore li {
    margin-top:20px;
}
#schedule h3, #schedule2 h3 {
    color:#D76A01;
    margin-top:0;
}
#schedule thead, #schedule2 thead {
    background-color: #eee;
}
#schedule, #schedule2 {
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
}
#schedule figure, #schedule2 figure, #schedule0 figure {
    margin-top:0;
    margin-left:20px;
    margin-right:10px;
    text-align:center;   
}
#schedule figcaption, #schedule2 figcaption, #schedule0 figcaption {
	font-size:0.8em;
	color:#555555;
    text-align:center;   
}
/*
#schedule th, #schedule2 th {
    text-align:center;
}*/
.apply {
    width:80px;
    margin-top:5px;
    margin-left:10px;
    text-align:center;
}
.apply p {
    margin:0;
    padding:0;
    font-size:0.8em;
    line-height:0.8em;
    color:#0000ff;
}
#report h3, #report2 h3 {
    color:#D76A01;
}
#report figure, #report2 figure {
    margin-top:0;
    margin-left:10px;
    margin-right:0px;
    text-align:center;   
}
#report figcaption, #report2 figcaption {
	font-size:0.8em;
	color:#555555;
    text-align:center;   
}
#mail-form {
    width:90%;
}
#mail-sent {
    margin-top:50px;
    width:70%;
    color:#006600;
}

/* ふしぎの国のたんけん　ページスタイル */
body.episode{
	background-color:#003399;
	background-image:url("../images/bg2.gif");
}
.episode .content{
    padding:30px;
    background-color:#FFFFEE;    
}
.episode h1{
	color:#CC9933;
	text-align:right;
    padding-top:30px;
	padding-bottom:50px;
    margin-bottom:30px;
	border-bottom:solid 2px #CC9933;
}
@media screen and (min-width: 768px) {
    .episode h1 {
        background-image:url("../images/episode_logo.gif");
        background-repeat:no-repeat;
        background-position:0px 10px;
    }
}
.episode .uk-breadcrumb {
	color:#DEEDFA;
}
.episode .uk-breadcrumb a:link,
.episode .uk-breadcrumb a:visited {
    color:#DEEDFA;
}
.episode .uk-breadcrumb a:active,
.episode .uk-breadcrumb a:hover {
    color:#FFFF00;
}
.episode table {
    width:80%;
    margin:auto;
}
.episode td {
    text-align:center;
    vertical-align: bottom;
}
.episode .fig600 {
    max-width:600px;
    margin:auto;
}
.episode figure {
    text-align:center;
}
.episode figcaption {
    color:#996633;
    margin-top:5px;
    text-align:center;    
}
.episode figure img {
    border:solid 1px #cccc99;
}
ul.page-nav {
    width:300px;
    list-style:none;
    margin:30px auto auto auto;
}
.page-nav li {
    float:left;
    margin-right:15px;
}
.episode .pagetop {
    color:#DEEDFA;        
}
.episode footer {
    color:#DEEDFA;    
}

/* ページトップ アイコン　*/
.pagetop {
    display:none;
    position:fixed;
    z-index:200;
    bottom:20px;
    right:20px;
    font-size:2.0em;
}

/* フッター領域 */
footer {
    border-top:solid 1px #999999;
    padding-top:15px;
    text-align:center;
}

/* カラー指定 */
.c_or {
    color:#D76A01;
}
.c_red {
    color:#ff0000;
}