@charset "utf-8";

/*----------------------------------------------------------------------

 Common
 
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
   #noscript
----------------------------------------------------------------------*/

#noscript {
	clear:both;
}

#noscript {
	background-color:#666;
	color:#fff;
	font-size:0.9em;
	line-height:1.5;
  margin:0;
	padding:10px;
}

/*----------------------------------------------------------------------
   #wrap
----------------------------------------------------------------------*/

#wrap {
	overflow:hidden;
	text-align:left;
}

/*----------------------------------------------------------------------
   .container
----------------------------------------------------------------------*/

.container {
	clear:both;
  padding-right:10px;
  padding-left:10px;
	position:relative;
}

/*----------------------------------------------------------------------

 #gHeader

----------------------------------------------------------------------*/

#gHeader {
	background-color:#fff;
	height:44px;
	margin:0;
}

#gHeader .container {
  padding:0;
}

#gHeader #top a,
#gHeader #top .act {
	background:url(../../img/common/head/logo_s.png) no-repeat 0 0;
	background-size:131px;
	display:block;
	left:0;
	font-size:0;
	line-height:0;
	height:44px;
	position:absolute;
	top:0;
	text-indent:-9999px;
	width:132px;
  z-index:200;
}

#gHeader #identifier {
	display:none;
}

#gHeaderRightBlock {
	display:none;
}

/*----------------------------------------------------------------------

 #gMenu
	 
----------------------------------------------------------------------*/

#gMenu.js {
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:150;
}

#gMenu.js.active {
	z-index:202;
}

#gMenu .container {
  padding:0;
}

#gMenu.js #menu {
	border-left:1px #ccc solid;
	color:#fff;
	cursor:pointer;
	display:block;
	float:right;
  height:44px;
	margin:0;
	position:relative;
  width:44px;
}

#gMenu.js.active #menu {
	background-color:#0865cd;
}

#gMenu.js #menu:after {
	bottom:0;
	color:#0865cd;
  content:"\e804";
	font:2em "fontello";
	height:1em;
	line-height:1;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	width:1em;
}

#gMenu.js.active #menu:after {
	color:#fff;
  content:"\e805";
}

/*----------------------------------------------------------------------
 nav
----------------------------------------------------------------------*/

#gMenu ul.lv1 {
	background-color:#0865cd;
  margin-top:0;
	width:100%;
}

#gMenu.js ul.lv1 {
	margin-top:44px;
}

#gMenu ul.lv2 {
  font-size:0.9em;
	margin-top:0;
}

#gMenu li {
	position:relative;
}

#gMenu a,
#gMenu span {
	align-items:center;
	color:#fff;
  cursor:pointer;
	display:flex;
  min-height:44px;
	padding:10px 55px 10px 20px;
	position:relative;
	text-decoration:none;
}

#gMenu .on a,
#gMenu .on span {
	background-color:#1757c0;
}

#gMenu a:after {
	border-top:2px #fff solid;
	border-right:2px #fff solid;
	bottom:0;
	content:"";
	display:block;
	height:8px;
	margin:auto;
	position:absolute;
	right:19px;
	transform:rotate(45deg);
	top:0;
	width:8px;
}

#gMenu  .parent > a:after {
  display:none;
}

#gMenu ul.lv2 a,
#gMenu ul.lv2 span {
  padding-left:40px;
}

#gMenu ul.lv2 a:after {
	border-top:1px #fff solid;
	border-right:1px #fff solid;
	bottom:0;
	content:"";
	display:block;
	height:5px;
	margin:auto;
	position:absolute;
	right:19px;
	transform:rotate(45deg);
	top:0;
	width:5px;
}

/*  .icon
----------------------------------------------------------------------*/

#gMenu .icon {
	height:44px;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
	width:100%;
	z-index:1;
}

#gMenu .icon:after {
	border-top:2px #fff solid;
	border-right:2px #fff solid;
	bottom:4px;
	content:"";
	display:block;
	height:8px;
	margin:auto;
	position:absolute;
	right:17px;
	transform:rotate(135deg);
	top:0;
	width:8px;
}

#gMenu .icon.active:after {
	bottom:-5px;
	transform:rotate(-45deg);
}


/*----------------------------------------------------------------------
 #close
----------------------------------------------------------------------*/

#gMenu #close {
	background-color:#333;
	cursor:pointer;
	color:#fff;
	margin-top:0;
	padding:26px 20px;
	text-align:center;
}

/*----------------------------------------------------------------------

 #mainContents
	 
----------------------------------------------------------------------*/

#mainContents {
	background-color:#fff;
	border-top:1px #ccc solid;
	clear:both;
	overflow:hidden;
}

/*----------------------------------------------------------------------
   #breadCrumb
----------------------------------------------------------------------*/

#breadCrumb .container {
  padding-right:0;
  padding-left:0;
}

#breadCrumb p {
	font-size:90%;
  margin:0;
  padding:10px;
}

/*----------------------------------------------------------------------
   #contents
----------------------------------------------------------------------*/

#contents {
	overflow:hidden;
}

/*  .section
----------------------------------------------------------------------*/

.section {
	clear:both;
	overflow:hidden;
}

/*  #pagetop
----------------------------------------------------------------------*/

#pagetop {
	clear:both;
  font-size:0;
  height:44px;
  margin:40px 10px 0 0;
	text-align:right;
}

#pagetop a {
  background:url(../../img/common/pagrtop_sp.png) no-repeat center;
  background-size:100%;
  display:inline-block;
  height:44px;
  width:44px;
	text-decoration:none;
}

#pagetop a img {
  opacity:0;
}

#pagetop a.moving {
  bottom:20px;
  position:fixed;
  right:10px;
}

#pagetop a img {
  background-color:transparent;
}

/*----------------------------------------------------------------------

 #gFooter

----------------------------------------------------------------------*/

#gFooter {
  clear:both;
  padding-top:20px;
}

#gFooter .container {
  padding:0 0 5px;
}

#gFooter ul.list-utility {
	background-color:#e5e5e5;
	margin-top:0;
  padding:0 10px;
}

#gFooter ul.list-utility li {
	border-top:1px #bfbfbf solid;
}

#gFooter ul.list-utility a {
	color:#333;
	display:block;
	padding:10px 25px 10px 0;
	position:relative;
	text-decoration:none;
}

#gFooter ul.list-utility .act {
	display:none;
}

#gFooter ul.list-utility a:after {
	border-top:1px #353535 solid;
	border-right:1px #353535 solid;
	bottom:0;
	content:"";
	display:block;
	height:8px;
	margin:auto;
	position:absolute;
	right:5px;
	transform:rotate(45deg);
	top:0;
	width:8px;
}

/*----------------------------------------------------------------------
 .identifier
----------------------------------------------------------------------*/

#gFooter .identifier {
	margin:20px 10px 10px;
	text-align:center;
}

/*----------------------------------------------------------------------
 #copyright
----------------------------------------------------------------------*/

#gFooter #copyright {
	margin:10px;
	text-align:center;
}