@charset "UTF-8";
/* CSS Document */
html,body{
    width: 100%;
}

html {
  background-color: transparent;
  background-image: none;
}

body{
	font-family: Avenir, 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 180%;
    text-align: justify;
    color: #333;;
    -webkit-font-smoothing: antialiased;
    background: #ebf8ff;
	-webkit-text-size-adjust:100%
}

a{
	outline:none;
	color:#0066cc;
	text-decoration:none;
}
a:link {
	color:#333;
}
a:visited {
	color:#333;
}
a:hover {
	color:#189ad6;
}
a:active {
	color:#189ad6;
}

/* a:hover img ------------------------------------*/

a:hover img{
	opacity:0.8;
}

/* sb-toggle-right ------------------------------------*/

.sb-toggle-right{
	display:none;
}

/* .cf ------------------------------------*/
.cf:before, .cf:after {content:' '; display:table;}
.cf:after {clear:both;}
.cf {*zoom: 1;} /* For IE 6/7*/

/* .wrapper ------------------------------------*/
#wrapper{
	width:100%;
	padding:0;
	margin:0;
	overflow: hidden;
}
#wrapper:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}

/* .inner ------------------------------------*/
.inner{
	width:990px;
	text-align:left;
	margin:0 auto;	
}
.inner:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}

/* float ------------------------------------*/
.floatLeft{
    float:left;
	margin:0 30px 20px 0;
}

.floatRight{
    float:right;
	margin:0 0 20px 30px;
}


/* header ------------------------------------*/
header{
	width: 100%;
	height:80px;
    position: relative;
    min-width: 990px;
    box-sizing: border-box;
	background:#FFF;
    margin: 0px;
    padding: 20px 20px 0 20px;
	display:block;
}

header h1{
    position:absolute;
	top:20px;
	left:20px;
}

header nav{
    position:absolute;
	top:25px;
	right:0px;
}

header nav ul{
	
}

header nav ul li{
	display:inline-block;
	margin:0 20px 0 0;
	font-size:80%;
}

/* globalNav ------------------------------------*/

.globalNav{
	display:block;
	background:#f5f7f9;
	padding:10px 0 5px 0;
}

.globalNav ul{
	letter-spacing: -.40em;
	margin:0;
}

.globalNav ul li{
	text-align:center;
	letter-spacing: normal;
	display:inline-block;
	margin:0;
	width:25%;
	box-sizing:border-box;
	border-right:1px solid #CCC;
}

.globalNav ul li:nth-of-type(1){
	border-left:1px solid #CCC;
}

.globalNav ul li a{
	display:block;
	font-size:90%;
	font-weight:bold;
}

.globalNav ul li a:hover{
	color:#189ad6;
}

.globalNav ul li a.current{
	color:#189ad6;
}

.globalNav ul li span{
	color:#189ad6;
	font-family: 'Roboto', sans-serif;
	font-size:70%;
	display:block;
	line-height:100%;
	letter-spacing:2px;
}


/* contentsWrap ------------------------------------*/
.contentsWrap{
	padding:50px 0;
	width:100%;
}

/* annotation ------------------------------------*/
.annotation{
	font-size:75%;
	line-height:150%;
	margin-top:10px;
	margin-bottom:10px;
}

/* footer ------------------------------------*/

footer {
    width: 100%;
	min-width: 990px;
    box-sizing: border-box;
	background:url(../img/footerBg.jpg) no-repeat top center;
	background-size:cover;
	margin:60px 0 0 0;
}

.footerBn_s{
	margin:0 auto 30px auto;
}

.footerBn_s ul{
	letter-spacing: -.40em;
	margin:0 auto;
}

.footerBn_s ul li{
	display:inline-block;
	letter-spacing: normal;
	margin:0 6px 10px 0;
	border:1px solid #CCC;
	box-sizing:border-box;
}

.footerBn{
	margin:0 auto 30px auto;
}

.footerBn ul{
	letter-spacing: -.40em;
	margin:0 auto;
}

.footerBn ul li{
	display:inline-block;
	letter-spacing: normal;
	margin:0 35px 20px 0;
	border:1px solid #CCC;
	box-sizing:border-box;
}

.footerBn ul li:nth-of-type(4n+4){
	margin:0 0 20px 0;
}

.footerTxt{
	padding:30px 0;
	background:url(../img/bgWhite45.png);
}

.footerTxt .inner{
	
}

.footerTxt ul{
	margin:0 0 0 0;
}

.footerTxt ul li{
	display:inline-block;
	font-size:85%;
	font-weight:bold;
	margin:0 20px 0 0;
}

.footerTxt h2{
	margin:40px 0 20px 0;
}

.footerTxt p.adress{
	font-size:80%;
	font-weight:bold;
}

.footerTxt p.copyright{
	font-size:70%;
	font-family: 'Roboto', sans-serif;
}

.footerTxt p span{
	margin:0 30px 0 0;
}

#toPageTop{
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index:998;
}

/* -------------------------------------------------------*/
/* max-width: 768px ------------------------------------*/
/* -------------------------------------------------------*/

@media only screen and (max-width: 768px) {

/* float ------------------------------------*/
.floatLeft{
    float:none;
	margin:0 0 20px 0;
}

.floatRight{
    float:none;
	margin:0 0 20px 0;
}

.floatTxt{
	width:100%;
}

.sb-toggle-right{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	
}


/* .inner ------------------------------------*/
.inner{
	width:100%;
	box-sizing:border-box;
	padding-right:20px;
	padding-left:20px;
}

/* header ------------------------------------*/
header{
    min-width: 100%;
	height:60px;
	padding: 0 0 0 0;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
header nav{
	display:none;
}
header h1{
    position:absolute;
	top:16px;
	left:10px;
}
header h1 img{
	width:200px;
	height:auto;
}
/* globalNav ------------------------------------*/

.globalNav{
	display:none;
}

/* footer ------------------------------------*/

footer {
	min-width: 100%;
}

.footerBn_s ul li,
.footerBn ul li,
.footerBn ul li:nth-of-type(4n+4){
	width:49%;
	margin:0 1% 10px 0;
}

.footerBn_s ul li img,
.footerBn ul li img{
	width:100%;
	height:auto;
}

.footerTxt{
	line-height:150%;
}

.footerTxt ul li{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #333;
}

.footerTxt ul li a{
	display:block;
}

.footerTxt h2 img{
	width:250px;
	height:auto;
}

.footerTxt p span{
	display:block;
}


#toPageTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index:998;
}

/* sb-slidebar ------------------------------------*/
.sb-slidebar>ul{
	padding:0 0 100px 0;
}

.sb-slidebar>ul>li{
	color: rgb(255,255,255); 
}

.sb-slidebar>ul>li>a{
	width:100%;
	padding:15px 10px 15px 15px;
	box-sizing:border-box;
	border-top:1px solid #62c6e9;
	line-height:140%;
}

.sb-slidebar ul li a:link{
	color:#fff;
}

.sb-slidebar>ul>li:nth-last-of-type(2)>a{
	border-bottom:1px solid #62c6e9;
}

.sb-slidebar ul li.closeBtn a{
	text-align:right;
	border-top-style:none;
	padding:20px 20px;
	margin:0 ;
}

.sb-slidebar ul li a{
	color: rgb(255,255,255);  
	display:block;
}


.sb-slidebar ul li a span {
	display:block;
	font-size:80%;
	padding:0;
}

.sb-slidebar ul li ul li a{
	width:100%;
	padding:10px 20px 10px 40px;
	box-sizing:border-box;
	margin:0;
	border-bottom:1px dotted #62c6e9;
	line-height:140%;
	font-size:90%;
}

.sb-slidebar ul li ul li:first-child a{
	padding:0 20px 10px 40px;
}

.sb-slidebar ul li ul li:last-child a{
	padding:10px 20px 10px 40px;
	border-bottom-style:none;
}
	
}