/******************************************************************************

 header

******************************************************************************/
#header {
	font-size:12px;
	height: 55px;
	/*
	left: 0;
	position: fixed;
	top: 0;
	*/
	width: 100%;
	z-index:200;
}
#header h1 a {
	background: url(../img/logo_pentax_K1.png) left top no-repeat;
	background-size: 106px 22px;
	display: block;
	float: left;
	height: 22px;
	margin: 15px 10px 15px 15px;
	width: 106px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#header li {
	float: right;
}
#header li a {
	color:#ffffff;
	display: block;
	line-height:22px;
	margin:15px 5px 15px 0;
	text-decoration:none;
}
#header li a:hover {
	color:#999999;
	text-decoration:none;
}
#header li span {
	color:#ffffff;
	display: block;
	line-height:22px;
	margin:15px 10px 0 0;
	text-align:center;
	padding-right:0.5em;
	width:6em;	
	cursor:pointer;

	background:url(../images/icon_arrow_w_d.png) right 0.5em no-repeat;
	background-size: 12px 8px;
}
#header li#language {
	margin-right:0;
}
#header li#language ul {
	display:none;
}
#header li#language ul li a {
	margin-top:-5px;
	padding-right:0.5em;
	width:6em;	
	text-align:center;
}

@media only screen and (min-width:768px){/*PC*/
	#header {
		font-size:14px;
		height: 85px;
	}
	#header h1 a {
		background-size: 204px 36px;
		height: 36px;
		margin: 24px 0 0 30px;
		width: 204px;
	}
	#header li a {
		margin:30px 0 0 20px;
	}
	#header li span {
		margin:30px 0 0 20px;
	}
	#header li#language {
		margin-right:30px;
	}
	#header li#language ul li a {
	margin-top:3px;
	padding-right:0.5em;
	width:6em;	
	text-align:center;
}

}



/******************************************************************************

 footer

******************************************************************************/
#footer {
	border-top: solid 1px #2e2e2e;
	padding-top:70px;
	padding-bottom:40px;
	width: 100%;
	position:relative;
}
#footer #copy {
	color:#ffffff;
	font-size:10px;
/*	height:10px;*/
	margin:0 auto 20px auto;
	text-align:center;
}
#footer #footerLogo a {
	background: url(../images/logo_ricoh.png) left top no-repeat;
	background-size: 95px 33px;
	display: block;
	height: 33px;
	margin: 0 auto 50px auto;
	width: 95px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	
	
}
#footer ul {
		position:relative;
		margin: 0 auto 0 auto; padding-bottom:95px;
	width: 95px;
	z-index:100;
}
#footer #fb {
	float: left;
}
#footer #twitter {
	float: right;
}
#footer li a {
	display: block;
}
#footer #fb a,
#footer #twitter a {
	height: 25px;
	margin: 0;
	width: 25px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

	box-shadow:0 0 3px #aaaaaa, 0 0 3px #000000, 0 0 5px #000000;
	-webkit-box-shadow:0 0 3px #000000, 0 0 3px #aaaaaa, 0 0 5px #000000;
	-moz-box-shadow:0 0 3px #000000, 0 0 3px #aaaaaa, 0 0 5px #000000;
}
#footer #fb a {
	background: url(../images/icon_fb.png) left top no-repeat;
	background-size: 25px 25px;
}
#footer #twitter a {
	background: url(../images/icon_twitter.png) left top no-repeat;
	background-size: 25px 25px;
}

@media only screen and (min-width:768px){
	#footer #copy {
		font-size:12px;
		height: 14px;
	}
	#footer #footerLogo a {
		bottom: 15px;
		right: 40px;
	}
	#footer ul {
		position:relative;
		margin: 0 auto 0 auto; padding-bottom:95px;
	}
}



/******************************************************************************

 pagetop

******************************************************************************/
#pagetop a {
	background: url(../images/icon_arrow_w_u.png) left top no-repeat;
	background-size: 50px 32px;
	clear: both;
	display: block;
	height: 32px;
	margin: 0 auto 5em auto;
	width: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#pagetop a:hover {
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}