@charset "UTF-8";

/*
	ベース設定
	最終更新：2011_09_12
*/

/*--------------------------------------------------右スクロールバーを常に表示*/
*html body {
	overflow-y:visible;/*IE6のみ適用*/
}
*+html body {
	overflow-y:visible;/*IE7のみ適用*/
}
body {
	overflow-y:scroll;
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/*--------------------------------------------------html要素*/
html {
	color:#4c4c4c;
	background-color:#FFF;
}

/*--------------------------------------------------ヘッダー*/
header {
	width:1024px;
	margin:0 auto;
	height:100px;
}
/*--------------------------------------------------ロゴ*/
a#logo img{
	height:35px;
	margin-top:45px;
	margin-left:40px;
}

/*--------------------------------------------------コンテナ*/

.container-fluid {    padding: 0 0;}

img.headlogo{margin-top: 45px;}


/*ぱんくずリスト--------------------------------------------------*/


.breadcrumb {    padding: 8px 15px;    margin-bottom: 20px;    list-style: none;    background-color: #fff;    border-radius: 0px; font-size: 0.9em;}

/*common page--------------------------------------------------*/
h3{font-weight: 600;padding-bottom:1em;}
h3.green{color:#00aca8;}

h4{color: #00aca8; font-size: 1.5em; line-height: 1.6em;}
p{line-height: 1.8em;}


/*トップページ--------------------------------------------------*/

dl.whatsnews{margin-top: 2em;}
dl.whatsnews dt{float: left;}

.centerbox {width:85%; margin-bottom: 80px; background: #fff url(../images/back.jpg) right top; overflow: hidden; border: 1px #eee solid;}
div#head{height:220px; margin:0;  background-color: #00aca8; padding-top:3.5em;}
div#head h2,.centerbox h3{color:#fff; text-align: center; }


div.area1{padding-top:3em;}
div.area2 img{padding-top:3em;}

.centerbox #box1{text-align: center; padding-top:50px; padding-bottom: 40px;}
.centerbox #box1 h5{padding:1em 0 2.5em; font-size:1.3em; line-height: 1.8em; font-weight:600;}

.centerbox #box1 img.btn{ margin:2em; padding:1em;}

.centerbox #box1 .b1{ width:60%;}
.centerbox #box1 .b2{ width:45%; float:left;}

.centerbox #box2{background: #fff url(../images/back2.png)  no-repeat center bottom; padding-bottom: 270px;}


/*What’New<--------------------------------------------------*/

dl.whatsnews{padding-left:5em; border-left: 2px #666 solid; }
dl.whatsnews dt,dl.whatsnews dd{line-height: 2em; font-size: 0.9em;}
dl.whatsnews dt{font-weight: 100;}
dl.whatsnews dd{margin-left:14em;}

@media (max-width: 767px) {dl.whatsnews {padding-left:1em;}}

/*コンテンツ<--------------------------------------------------*/
/*ボード<--------------------------------------------------*/

  div.plate{width:70%;
    /*box-shadow*/
    box-shadow: 5px 5px 10px #ccc;
    -webkit-box-shadow: 5px 5px 10px #ccc;
    -moz-box-shadow: 5px 5px 10px #ccc;
    /*ボックスのデザイン*/
    margin-bottom: 2em;
    padding:1em 1em 1.5em 1em;
    border:1px solid #ccc;
  }

  div.plate img {margin:0.5em 0 1em 1.5em; float: right;}




/*フッター--------------------------------------------------*/

#f_menu{width:85%; margin-top:8em;}
#f_menu dl dt{border-bottom: 2px #00aca8 solid; margin-bottom: 0.8em; font-size: 0.9em;}
#f_menu dl dd{line-height: 2em;}

footer {	height:55px;	margin:0;	padding:23px 0;	font-size: 0.8em;	text-align: center;	color:#FFFFFF;	background:#4c4c4c;}
footer a{color:#fff;}  
footer a:hover{color:#ddd;}  

/*グローバルメニュー--------------------------------------------------*/


@media only screen and (min-width: 768px) {    /* Make Navigation Toggle on Desktop Hover */
    #example2 .dropdown:hover .dropdown-menu,    #example3 .dropdown:hover .dropdown-menu {        display: block;    }}


.navbar {    margin-bottom: 0px;}
.navbar {    border-radius: 0px;}

nav ul li.dropdown{width:210px; text-align: center; font-size: 1.3em;}
nav ul.dropdown-menu li{width:240px; padding:0.5em 0; font-size:1.1; line-height: 1.8em;}

.navbar-nav {    width: 1050px;    margin: 0 auto;    float: none;}

.navbar-default {
  background-color: #f4f4f4;
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: #fff;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #535362;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #535362;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #fff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  /*color: #535362;*/
  color: #fff;
  background-color: #00ACA8;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #00ACA8;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #00ACA8;
}
.navbar-default .navbar-toggle {
  border-color: #00ACA8;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #00ACA8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #777;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #777;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #535362;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
   left: 15px;
   z-index: 100;
}

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #000;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {    color: #777;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {    color: #535362;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {    color: #535362;    background-color: #00ACA8;}
}




/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
    z-index: 1;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}




/*--------------------------------------------------clearfix*/
.clearfix:after { content: "."; clear:both; display:block; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* hides clearfix from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end hide from IE-mac */

/*EOF*/