/* Document */
/* ----------------------------------------- */
/*  主要ナビゲーション・メニュー（共通）     */
/* ----------------------------------------- */
/* トップメインコンテンツメニュー */
#usrlogin #TopMenu {
    display: none;
}
#TopMenu {
    width:auto;
    /* min-width:1000px; */
    height:50px;
    margin:10px 0 0 0;
    padding:6px 20px 0 20px;
    z-index: 12;
    background-image: -webkit-linear-gradient(left, #1c387f, #3d3c93);
    background-image: -o-linear-gradient(left, #1c387f, #3d3c93);
    background-image: linear-gradient(to right, #1c387f, #3d3c93);
}
/* 申請用 */
header#member #TopMenu {
    display: none;
}
#view1 #TopMenu , #view3 #TopMenu {
	background-image: -webkit-linear-gradient(left, #0d795b, #6ebe54);
	background-image: -o-linear-gradient(left, #0d795b, #6ebe54);
	background-image: linear-gradient(to right, #0d795b, #6ebe54);
}
#view2 #TopMenu , #view4 #TopMenu {
	background-image: -webkit-linear-gradient(left, #00649a, #009cd9);
	background-image: -o-linear-gradient(left, #00649a, #009cd9);
	background-image: linear-gradient(to right, #00649a, #009cd9);
}

#TopMenu:after {
    content: "";
    display: block;
    clear: both;
    height:0;
    overflow: hidden;
}
#TopMenu li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	font-size:100%;
}
#TopMenu li a {
	padding:8px 10px 8px 10px;
	margin-right:10px;
    /*color:#F5F7E5;
    border:1px solid #F5F7E5;*/
    color:#000;
    border:1px solid #231815;
  	text-decoration:none;
    font-weight:normal;
}
#TopMenu a:hover {
    color:#152373;
background-image: -webkit-linear-gradient(#F5F7E5, #FCFDD0);
background-image: -o-linear-gradient(#F5F7E5, #FCFDD0);
background-image: linear-gradient(#F5F7E5, #FCFDD0);
}
#TopMenu #sel a {
    color:#fff;
    text-decoration:none;
    background:#231815;
/*
background-image: -webkit-linear-gradient(#3c455f, #363c4d);
background-image: -o-linear-gradient(#3c455f, #363c4d);
background-image: linear-gradient(#3c455f, #363c4d);
*/
}
#TopMenu em {
    letter-spacing:1px;
    font-size:110%;
    font-style:normal;
}
#TopMenu em.en { letter-spacing:0; }

/* ページトップへ戻る */
.pageTop {
    position:relative;
    width:100%;
    height:0;
    margin:0 auto;
}

.pageTop a {
    position: fixed;
    bottom: 5px;
    right:0;
    display: block;
    width: 75px;
    height:75px;
	background:url(../material/btn_top.png) 0 0 no-repeat;	
}
.pageTop a:hover {
	filter:alpha(opacity=85);
	opacity:0.85; white-space:nowrap;
}
.pageTop a em { display:none; }

/* ----------------------------------------------------------------------- */
/* ▼ページ用ナビゲーション                                                */
/* ----------------------------------------------------------------------- */

/* ページ  */
.pg A {
  padding-left:3px; padding-right:2px;
}
.pg A:hover {
  color:#ffc3b2; background-color:#C15D3E;
}
.pg_sel { /* 選択時 */
  padding-left:3px; padding-right:2px;
  color:#fff; background-color:#365E74;
}

/* ボタン設定【次・戻のボタン用】 */
.sty5 A { /* ブルー */
  text-decoration:none;
  font-size:12px; font-weight:bold; letter-spacing:1px;
  /* height:18px; margin-top:1px; padding:3px 2px 1px 2px;
  color:#eeffef; background:#6297A4; border:1px solid #cddee2;
  border-right:1px solid #426871; border-bottom:1px solid #426871; */
  width:auto;
  height:auto;
  margin:0;
  padding:3px 5px 2px 5px;
  color:#eeffef;
  background:#2681b9;
  box-shadow: 0 1px 2px rgba(23, 73, 103, .8);
  border-radius: 5px;
  transition: background-color 0.5s ease-in;
  border:none;
  vertical-align:baseline;
}
.sty5 A span.material-icons { /* アイコン */
  font-size:14px; vertical-align:-15%;
}
.sty5 A:hover { /* 赤（マウスオーバー色） */
  color:#ffc3b2; background:#C15D3E;
  /* border:1px solid #ffc3b2;
  border-right:1px solid #9c441e; border-bottom:1px solid #9c441e; */
}
.sty5-mglf { /* 左マージン */
  margin-left:20px;
}
.sty5-mgrg { /* 右マージン */
  margin-right:20px;
}

#TopMenu .swiper-container {
    width:99%;
    margin:0;
}
#TopMenu .swiper-slide {
    min-width:90px;
}
#TopMenu .spc70 {
    min-width:70px;
}
#TopMenu .spc100 {
    min-width:100px;
}
#TopMenu .spc200 {
    min-width:200px;
}
#TopMenu .swiper-slide a {
    display: block;
	padding:8px 10px 8px 10px;
    height:20px;
    /*color:#F5F7E5;
    border:1px solid #F5F7E5;*/
    color:#000;
    background: #eee;
    border:1px solid #231815;
  	text-decoration:none;
    font-weight:normal;
}
#TopMenu .swiper-slide a:hover {
    color:#670404;
    background:#fbdad6;
/*
    color:#152373;
background-image: -webkit-linear-gradient(#F5F7E5, #FCFDD0);
background-image: -o-linear-gradient(#F5F7E5, #FCFDD0);
background-image: linear-gradient(#F5F7E5, #FCFDD0);
*/
}
#TopMenu .swiper-slide #sel a {
    color:#fff;
    text-decoration:none;
    background:#e60012;    
}

/* footer menu */
#footerMenu {
    width:100%;
    margin:10px 0 0 0;
    padding:15px 0;
    background:#eee;
}
#footerMenu:after {
    content: "";
    display: block;
    clear: both;
    height:0;
    overflow: hidden;
}
#footerMenu ul {
    width:620px;
    margin:0 auto;
    padding:0;
}
#footerMenu ul li {
    display: inline-block;
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	font-size:100%;
}
#footerMenu ul li a {
	padding:8px 10px 8px 10px;
	margin-right:10px;
    color:#000;
  	text-decoration:none;
    font-weight: normal;
}
#footerMenu ul li a:hover {
    color:#F80206;
    text-decoration:underline;
}