@charset "Shift_JIS";

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

Name: add_style.css

Create: 2016.03.17
Update: 

Copyright 2014 Hitachi, Ltd.

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

#mainArea{
  position: relative;
  background: url(/image/jp/casestudies/astronomy/main_pc.png) no-repeat bottom;
	background-size: cover;
	width:100%;
	height:562px;
}


.readArea{
	position:absolute;
	top: 16%;
	right: 12%;
	background:url(/image/jp/casestudies/astronomy/read_bg.png);
	width:366px;
	padding: 25px 30px;
	color:#fff;
	text-align:center;
}

.readArea h1+p{
	margin-top:20px;
	font-size:113%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin-bottom:0;
}
.readArea h1+p+p{
	margin-bottom:0;
	font-size:88%;
	font-weight:bold;
	line-height:1.8;
	text-align:left;
}
.read{
	border-top:#6A6B6F solid 1px;
	padding-top:32px;
	margin-top:35px;	
}

.center{
	text-align:center;
}
.annotation{
	max-width: 924px;
	margin: 0 auto;
	padding-bottom: 60px;
	font-size:75%;
	text-align:right;
	clear:both;
}

@media (max-width:640px){
	.annotation{
		text-align:left;
		margin-left: 30px;
	}
}

.pdfLinkArea{
	max-width: 924px;
	margin: 0 auto;
	padding: 30px 0 0;
	text-align: right;
}

.pdfLinkArea .ButtonStyle2 li{
	float:right;
}

.btnPageTop{
	width: 56px;
	height: 56px;
	position: absolute;
	right: -7px;
	bottom: -80px;
}
.mb0{
	margin-bottom:0;
}

/*navCurrent
--------------------------- */

#pageNav ul li.on a{
	background: #E60027;
}

@media (max-width: 840px){
	.copy{
    position: absolute;
    top: 12px;
    left: 5%;
	}
	.copy img{
		width:60%;
	}
}

/* smartphone
--------------------------- */
@media (max-width: 640px){
	
	#pageNav li:hover span{
		display:none;
	}
	
	#PopUpContainer {
		width: 100%;
		min-width: 320px;
		text-align: left;
		background-color: #ffffff;
	}
	* html body .Liquid {border-left: 320px solid #ffffff;}
	* html body .MinWidth {
		position: relative;
		margin-left: -320px;
	}
	
	#mainArea{
		width:100%;
		height: 600px;
	}
	.readArea{
		position:absolute;
		top: 20%;
		right: 0;
		left: 0;
		margin: 0 13% 20px;
		background: url(/image/jp/casestudies/astronomy/read_bg.png);
		width:auto;
		padding: 35px 30px;
		color: #fff;
		text-align: center;
	}
	.readArea h1+p{
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.8;
	}
	.readArea h1+p+p{
		margin-bottom:0;
		font-size:12px;
		font-weight: normal;
		line-height: 1.8;
	}

	.copy{
    position: absolute;
    top: 5%;
    left: 5%;
	}
	.name{
		position:absolute;
		bottom: -33px;
		left: 20px;
		max-width:90%;
	}
	
	h1 img,
	section img {
		width: 100%;
		height: auto;
	}
	
	.sectionBottom{
		background: #222;
		width: auto;
		margin: 0 auto 0;
		padding: 50px 66px 10px 30px;
	}
	
	.floatL,
	.floatR{
		width: 100% !important;
		margin: 0 !important;
		float: none;
	}
	.imgBlock .floatL,
	.imgBlock .floatR{
		max-width: none;
	}
	
}