@charset "UTF-8";
/* CSS Document */

/* Tag
----------------------------------------------- */
* {
margin:0px;
padding:0px;
}
body{
color:#333;
font-size:0.85em;
font-family: 'Oswald', sans-serif;
}
img{
border:none;
}
li{
list-style:none;
}
ul{
padding:0;
margin:0;
}
p,h1,h2,h3,h4,h5,h6,h7{
margin:0;
}
:link    {
color:#016599;
}
:visited {
color: #016599;
}
a:hover   {
text-decoration:none;
}
a:active  {
color: #016599;
}
input,textarea,select{
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
margin: 3px 2pt !important;
padding: 3px 1pt;
font-size:1.0em;
}
input[type=submit],
input[type=reset],
input[type=button]
{
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,sans-serif;
}
select{
padding: 3px 10pt 3px 0px;
}

/* Layout
----------------------------------------------- */
#Page{
width:940px;
margin:0 auto;
background-color: #ffffff;
padding:0px 25px;
}
#ContentsBody{
float:left;
width:708px;
margin-right:10px;
}
#SideBar{
float:right;
width:200px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
padding:10px;

}
#Header{
margin-bottom:5px;
background:url(../img/img_banner.jpg) no-repeat right top;
}
#Footer{
font-size:0.85em;
}
#Wrap{
padding-top:30px;
margin-bottom:50px;
}

/* Header
----------------------------------------------- */
#Logo{
float:left;
}
#BannerContact{
float:right;
color: white;
font-weight: bold;
padding: 5px;
}

#HeaderGlobalMenu{
height:47px;
padding: 0px 1px 0px 1px;
border-bottom:2px solid #999999;
}

#HeaderGlobalMenu a{
display:inline;
height:47px;
float:left;
line-height: 47px;
text-align: center;
text-decoration: none;
font-size: 1.1em;
}
#HeaderGlobalMenu li a{
width: 134px;
}

#HeaderGlobalMenu .li-level-2 a{
width: 170px;
font-size: 1.0em;
}

#HeaderGlobalMenu .nav-item-5 a{
font-size: 1.0em;
}

/* Header Menu slidedown
----------------------------------------------- */
#HeaderGlobalMenu .nav-menu {
  overflow: hidden;
  width: 940px;
  margin: 0 auto;
  padding: 0;
  display: flex;
}

#HeaderGlobalMenu .nav-menu li {
  list-style: none;
}
#HeaderGlobalMenu .nav-menu li a {
  display: block;
  height: 47px;
  text-align: center;
  color: #333;
  background: #fff;
  box-sizing: border-box;
}
#HeaderGlobalMenu .nav-menu > li:hover > a {/*layer-1*/
  color: orange;
  background: #eee;
}
#HeaderGlobalMenu .nav-menu li ul {
  display: none;
  position: absolute;
  margin-top: 47px;
  z-index: 3;
  width: 160px;
}
#HeaderGlobalMenu .nav-menu > li li:hover > a {/*layer-2*/
  color: orange;
  background: #eee;
}
#HeaderGlobalMenu .nav-menu li ul li a{
  border-top: 1px solid #eee;
/*  height: 40px;
  display: block; */
}

/* Footer
----------------------------------------------- */
#FooterGlobalMenu{
height:50px;
padding-top:20px;
text-align: center;
}
#FooterGlobalMenu ul{
margin-left:20px;
color:#999;
}
#FooterGlobalMenu li{
margin-right:30px;
display: inline-block;
}
#FooterGlobalMenu a{
text-decoration:none;
}
#FooterGlobalMenu a:hover{
text-decoration:underline;
}
#FooterGlobalMenu ul li ul{
display: none;
}
#Copyright{
margin-top:10px;
height:50px;
color:#999;
text-align: center;
}

/* SideBar
----------------------------------------------- */
#SideBox{
margin-bottom:20px;
}
#SideBox h2{
background:url(../img/bg_head_about.jpg) no-repeat left top;
text-indent:-3000px;
height:28px;
}
#SideBox div{
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding:15px;
}
#SideBox div img{
margin-bottom:10px;
}
#SideBox p{
margin-bottom:10px;
}
#SideBox .more a{
background:url(../img/bg_button_more.gif) no-repeat left top;
width:66px;
height:21px;
display:block;
float:right;
text-indent:-3000px;
text-align:left;
}

/* Contents
----------------------------------------------- */
#News1 h2{
background:url(../img/bg_head_news_1.jpg) no-repeat left top;
}
#News2 h2{
background:url(../img/bg_head_news_2.jpg) no-repeat left top;
}
#News1 h2,
#News2 h2{
margin-bottom:5px;
}
#News1 h2 a,
#News2 h2 a{
display:block;
text-indent:-3000px;
height:32px;
}
#News1,
#News2{
margin-bottom:50px;
}
#News1 li,
#News2 li{
border-bottom:1px dotted #666;
padding-bottom:10px;
padding-top:10px;
}
#News1 .date,
#News2 .date{
width:115px;
float:left;
padding-left:5px;
}
#News1 .title,
#News2 .title{
width:506px;
float:left;
}
#ContentsBody h2.contents-head{
background:url(../img/bg_head_contents.jpg) no-repeat left center;
color:#FFF;
margin-bottom:30px;
height:32px;
padding-left: 15px;
line-height:32px;
font-size:16px;
}
h3.contents-head{
margin-bottom:20px!important;
padding:5px 10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666666;
color:#000;
}
h4.contents-head{
padding:5px 10px;
border-left-width: 8px;
border-left-style: solid;
border-left-color: #016599;
margin:10px 0 20px 0!important;
color:#016599;
}
#ContentsBody p {
line-height: 2em!important;
}
#ContentsBody .section {
margin:0 0 20px 35px;
}
#ContentsBody ul.section,
.post ul{
margin:0 35px 20px 35px;
}

/* widget
----------------------------------------------- */
.widget{
margin-top:30px;
}
.widget h2
{
border-bottom:1px dotted #666666;
font-family:Arial, Helvetica, sans-serif;
padding:5px 0px 5px 0;
font-size:14px;
margin-bottom:10px;
vertical-align:bottom;
}
.widget ul,
.widget table
{
margin-left:20px;
}
.widget ul li
{
background:url(../img/bg_list_circle.gif) no-repeat left 8px;
padding-left:16px;
line-height:20px!important;
font-size:12px;
}

/* map
----------------------------------------------- */
#map{
    margin-left:30px;
    margin-bottom:30px;
}

/* Blog
----------------------------------------------- */
.post{
margin-left:0!important;
margin-right:0!important;
}
.blog-description{
margin-left:0!important;
margin-bottom:20px;
}
.blog-calendar th{
    border-bottom:1px solid #e2e2e2;
}
.blog-calendar th,
.blog-calendar td
{
    padding:3px 5px;
}
.blog-calendar .sunday{
    color:#ff6633;
}
.blog-calendar .saturday{
    color:#3366FF;
}
.blog-calendar .today{
    background-color:#e2e2e2;
}
#BlogComment{
    margin-top:40px;
    padding:0 10px;
}
#BlogCommentList{
    padding:10px 20px;
    margin-top:20px;
}
#BlogCommentAddForm{
    padding:10px 20px;
}
#BlogCommentList .comment{
    padding-bottom:8px;
    border-bottom:1px dashed #CCCCCC;
    margin-bottom:20px;
}
#ContentsBody ul.section li,
.post ul li{
background:url(../img/bg_list_circle.gif) no-repeat left center;
padding-left:20px;
margin-bottom:10px;
}

/* clearfix
----------------------------------------------- */
.clearfix:after
{
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix
{
display: inline-block;
}
.clearfix
{
display: block;
}

/* row-table-01
----------------------------------------------- */
table.row-table-01
{
width:100%;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 1em 0;
white-space: normal;
border-collapse:separate;
}
table.row-table-01 th
{
text-align: right;
padding:4px 8px;
font-weight:normal;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #016599;
font-size:0.85em;
color:#016599;
}
table.row-table-01 tr td
{
background-color: #ffffff;
padding:10px 8px;
vertical-align:top;
text-align: left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}

/* customize-navi
----------------------------------------------- */
.customize-navi{
    background-color:#f2ffde;
    padding:10px;
    margin: 10px 0 10px 0;
}

/* edit-link
----------------------------------------------- */
.edit-link{
    padding:10px;
}

/* cakePHP parts
----------------------------------------------- */
.error-message
{
color:#C30;
}
.required
{
color:#fff!important;
font-size:16px;
}
.form-error
{
background:#F8E2DE;
}
.message
{
color:#F30;
font-weight:bold;
margin:20px;
}
.error
{
color:#C00;
}
.error em
{
color:#06C;
font-style:normal;
font-weight:bold;
}
.submit
{
text-align:center;
}
/* topページレイアウト
----------------------------------------------- */
.box{
  display: table-cell;
  vertical-align: top;
}

.boxContainer{
  width: 100%;
  display: table;
  table-layout: fixed;
}

.box img {
width: 95%;
}

.catch_area{
font-size: 1.5em;
padding: 20px;
text-align: center;
}

/* topページレイアウト
----------------------------------------------- */
.nagare_table{
font-size: 0.85em;
width: 680px
font-family: 'Oswald', sans-serif;
}


/* 概要ページ
----------------------------------------------- */

#gaiyou_table{
width: 650px;
border-collapse:collapse;
margin: auto;
}
#gaiyou_table th{
background: #ddd;
width: 25%;
padding:10px;
}

#gaiyou_table td{
padding:10px;
}

#gaiyou_table tr{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#kyokasyou{
width: 650px;
margin: auto;
text-align: center;
}