@charset "utf-8";


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

Name: add_style.css

Create: 2016.03.17
Update: 

Copyright 2014 Hitachi, Ltd.

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

body{
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

p.title{
	border-bottom: #F0F0E1 1px solid;
	padding:5% 15px 7%;
	margin:0 auto 1%;
}

h2{
	margin:0;
	padding:0;
}

img{
	max-width:100%;
	vertical-align:bottom;
}
p{
	margin:0;
	padding:0;
}
h2 a:link, h2 a:visited {
background-image:none; 
}
#PopUpContents{
    padding: 0;
}

#hightech-main{
	width:1024px;
	margin:0 auto;
}

#mainArea{
	background: url(/image/jp/casestudies/backimg.png) no-repeat top;
	text-align:center;
}
#mainArea p.title{
    border-bottom: #F0F0E1 1px solid;
    padding: 5% 15px 7%;
    margin: 0 auto 1%;
}
.main{
	overflow:hidden;
}

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

.bxslider a.linkArea{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-1329px;
	z-index:999;
}

.bxslider a.linkArea:hover{
    background-color:#FFF;
    filter:alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
}

#mainArea p{
	margin-top: 0.9%;
	margin-bottom:40px;
	padding: 1.1% 3% 0;
	line-height:1.7;
	font-size:88%;
}

#mainArea p.backimgparts{
	margin: -13px auto 0;
	padding:0;
	width: 936px;
}

#indexArea{
	font-size:75%;
	margin-top: 4%;
	padding-bottom: 80px;
}



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


#mainArea3 .readArea{
  left: 12%;
}

.bx-wrapper #mainArea img,
.bx-wrapper .readArea img{
	display:inline;
}



.readArea p.title+p{
	margin-top:20px;
	font-size:113%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin-bottom:0;
}
.readArea p.title+p+p{
	margin-bottom:0;
	font-size:88%;
	font-weight:bold;
	line-height:1.8;
	text-align:left;
}
.name{
	position:absolute;
	bottom:22px;
	left: 50px;
	max-width:100%;
}


.copy{
	position:absolute;
	top: 6%;
	left: 5%;
}

.copyright{
	position: absolute;
	font-size: 0.8em;
	bottom: 3%;
	right: 13px;
	color: #ffffff;
}



#indexArea .floatL{
	width:295px;
	margin-right:39px;	
}
#indexArea .floatL+.floatL+.floatL{
	margin-right:0;	
}

#indexArea p{
	margin-top: 3%;
}

#indexArea p+p{
	margin: 3% 0;
}

.floatL{
	float:left;
}
.floatR{
	float:right;
}

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

.btnPageTop{
	width:56px;
	height:56px;
	position:fixed;
	right:20px;
	bottom:60px;
}
.mb0{
	margin-bottom:0;
}

.ClearFix {
    zoom: 1;
}
.ClearFix:after {
    content: "";
    display: block;
    clear: both;
}