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

/* ページトップスクロール　*/
#page-top{
   width:50px;
   height:50px;
   display:none;
   position:fixed;
   right:0.4em;
   bottom:78px;
   
   z-index:999999;
}
#page-top p{
   margin:0;
   padding:0;
   text-align:center;
/*   background:#2f3279;*/
   -webkit-transition:all 0.3s;
   -moz-transition:all 0.3s;
   transition:all 0.3s;
}
 
#page-top p:hover{
	/* background:#8b8b8b; */
}
 
#move-page-top{
   color:#2f3279;
   font-size:26pt;
/*
   line-height:50px;
*/
   text-decoration:none;
   display:block;
   cursor:pointer;
}
#move-page-top:hover {
	color:#6065C5;
}

/*  フッター表示切替ボタン */

.footer .button {
	position: fixed;
	right: 0.4em;
	bottom:15px;
	width: 50px;
	text-align: center;
/*
	padding: 10px;
*/
	color: #fff;
	cursor: pointer;
	z-index: 1000;
}
.footer .button span div {
	font-size:9pt;
}
.footer .button .up {
	color:#2f3279;
}
.footer .button .dn {
	color:#fff;
}



/* @group breadcrumb */

#breadcrumbs { 
    float: left; 
    width: 100%;
	height:32px;
    display: block; 
    margin: 1.2em 0 0.8em;
	overflow:hidden;
	z-index: 1;
}
#breadcrumbs ul { list-style: none; }

.crumbs { 
    display: block; 
	z-index: 1;
}
.crumbs li {  
    display: inline; 
	z-index: 1;
}

.crumbs li a, .crumbs li a:link, .crumbs li a:visited { 
    color: #666; 
    display: block; 
    float: left; 
    font-size: 8.5pt; 
    margin-left: -10px;
    padding: 7px 15px 11px 15px; 
    position: relative; 
    text-decoration: none; 
}
.crumbs li a { 
    background-image: url('../img/bg-crumbs.png');  
    background-repeat: no-repeat; 
    background-position: 100% 0; 
    position: relative; 
    width: auto; /* 15%; */
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.crumbs li a:hover { color: #333; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px; }
/*
    .crumbs li.first a span { 
    height: 29px; 
    width: 3px; 
    border-left: 1px solid #d9d9d9; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
}
*/
.crumbs li:first-child { 
}
.crumbs li:first-child a { 
    width: 4.2%; /* 30px; */
    height: 11px;
    margin: 0 0px 0 0;
    padding: 7px 0px 11px 15px; 
    z-index: 10;

    border-left: 1px solid #d9d9d9; 
/*
    position: absolute; 
    top: 0px; 
    left: 0px; 
*/
}

.crumbs li:last-child {
/* .crumbs li:last-child a { */
    color: #666; 
    display: block; 
    float: left; 
    font-size: 12px; 
    margin-left: -13px; 
    padding: 7px 17px 11px 25px; 
    position: relative; 
    text-decoration: none; 

    width: 32.3%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
    
    /* background-color: #eee; */
}    
.crumbs li:nth-child(2) a { z-index: 8; }
.crumbs li:nth-child(3) a { z-index: 7; }
.crumbs li:nth-child(4) a { z-index: 6; }
.crumbs li:nth-child(5) a { z-index: 5; }
.crumbs li:nth-child(6) a { z-index: 4; }