/*

common.css
ver2017.06.05

06.05 footer line-height調整
12.15 copyraightマージン調整
11.22 footerフォントサイズ調整

・header
・footer
・page-top
・content共通

 */


/* -- header -- */

#header {
		background: url(../images/bg_header.png) repeat-x bottom;
		z-index: 100;
		position: relative;
		height: 78px;
}


.header_inner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 76px;
	/*overflow: hidden;*/

}
#header h1{
	margin-top: 15px;
	width: 144px;
	height: 45px;
	float: left;
}
#header h1 a{
display: block;
	background: url(../images/logo_link.png) left center no-repeat;
	text-indent: -9999px;
	width: 144px;
	height: 45px;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
#header h1 a{
    background: url(../images/logo_link@2x.png) left center no-repeat;
	background-size: 144px 45px;
  }
}

.header_inner nav {
float: right;
width: auto;
}
#header ul { /*float: right;*/ font-size: 13px; /*padding-top: 25px;*/ }
#header ul li{ /*display: inline-block; padding-right: 55px;*/}
/*.header ul li:last-child { padding-right: 10px}*/



/* -- パンくず -- */

.breadcrumb-wrapper { 
margin: 0 auto;
width: 980px;
font-size: 11px;
margin-bottom: 25px;
}

.breadcrumb-wrapper ul li { 
float: left;
padding-right: 10px;}

.breadcrumb-wrapper ul li a {
	color: #333;
}
.breadcrumb-wrapper ul li span
	{
	padding-right: 10px;}
	
.breadcrumb-wrapper ul li a:hover {
	text-decoration: none;
	color: #666;
}

.breadcrumb-wrapper ul li:not(:last-child):after
{
	content:">" ;
	color: #aaa ;	
}

.breadcrumb-wrapper ul li .home {
	text-indent: -9999px;
	width: 14px;
	height: 15px;
	display: inline-block;
	background: url(../../common/images/icon_home.png) no-repeat center center;}

@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
.breadcrumb-wrapper ul li .home {
background: url(../../common/images/icon_home@2x.png) no-repeat center center;
background-size: 14px auto;}	
}

/* -- pagetop -- */

.page-top { 
position: fixed;
right: 30px;
bottom: 30px;
z-index: 1000;}

.page-top { 
background: rgba(0,0,0,0.5);
background: #333\9;
border-radius: 50%;
 }

.page-top-btn {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: url(../../common/images/icon_arrow_up.png) center center no-repeat;
  background-size: 19px 11px;
  -webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 2010;
}

.page-top:hover {
	background: rgba(0,0,0,0.7)}


/* -- contents -- */

#contentArea { width: 980px; margin: 0 auto;}


/* -- footer -- */

#footer { background: #454545; width: 100%;}
.footer-inner{
	width: 980px;
	margin: 0 auto;
	color: #efefef;
	padding: 20px 0;
	}

.footer-inner ul {
	clear: both;
	overflow: hidden;}

.footer-inner ul li {
	float: left;
	width: 163px;
	margin: 30px 0;
	font-size: 13px
	}
.footer-inner ul li a {
color: #efefef;
}

.footer-inner ul li dt {
	font-size: 16px;
	margin-bottom: 22px;
	color: #b3b3b3;
	}
.footer-inner ul li dd {	
	font-size: 12px;
	margin: 1.6em 20px 1.6em 0;
	line-height: 1.8;
}

.footer-inner ul li.unite {
	font-size: 15px;
	}

#footer .copy{ 
text-align : center;
color: #7e7e7e;
font-size: 10px;
padding: 20px;
margin: 0 ;
}