
.title-block h1{
	margin-bottom: 85px !important;
}

#advance{
	padding-top: 0px;
}
#sp_advance{
	display:none;
}

@media screen and (max-width: 1200px) {
	#advance,
	section.milestone,
	section.milestone2,
	section .tabs,
	section .tabs .tab,
	section .tabs .set0,
	section .tabs .set1,
	section .tabs .set2,
	section .tabs .set3,
	section .tabs .current	{
		display:none;
	}
	#sp_advance{
	display:block;
	width:100%;
	text-align:center;
	}
	#downLoadBtn_sp{
		display: inline-block;
		width: 280px;
		height: 30px;
		padding-left: 40px;
		font-size: 1.4rem;
		line-height: 2.0em;
		vertical-align: middle;
		background-color: #5db3df;
		border-radius: 50px;
		color: #fff;
		word-break: keep-all;
	}
	#downLoadBtn_sp img{
		margin-top:5px;
		margin-left:30px;
	}
	.sp_pdf img{
		margin-bottom:30px;
	}

}

section.milestone{
	position: relative;
	display: block;
	margin: 0 auto;
	background-image: url(../img/investment/advancing/mainBg0.png);
	background-repeat: repeat-y;
}

section.milestone2{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 1110px;
	background-repeat: repeat-y;
}

section.milestone .bg_end:after,
section.milestone2 .bg_end:after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background-image: url(../img/investment/advancing/mainBg1.png);
}

section .tabs {
font-size: 0;
line-height: 0;
position: relative;
height: 47px;
width: 100%;
background: #fff;
}

section .tabs .tab {
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
height: 47px;
width: 100%;
display: none;
}
section .tabs .tab .pdf{
	display: block;
	position: absolute;
	left: 950px;
	bottom: -50px;
	z-index: 100;
}

#dl_unit{
	display:block;
	width:960px;
	margin:0 auto 0;
}

#downLoadBtn{
	display:block;
	float:right;
	margin-top:10px;
	margin-right:30px;
	width:120px;
	height:20px;
	padding:2px;
	font-size:13px;
	line-height:1.5em;
	color:#555458;
  font-family: "Helvetica",sans-serif;
}
#downLoadBtn:hover{
	display: block;
	float:right;
	margin-top:10px;
	margin-right:30px;
	width:120px;
	height:20px;
	padding:2px;
	font-size:13px;
	line-height:1.5em;
}
#downLoadBtn img{
	margin-bottom: 5px;
	margin-right: 3px;
}

#tgr_unit{
	display:inline-block;
	width: 300px;
	position:absolute;
	left: 618px;
	top: -100px;
}
#tgr_indicate{
	vertical-align:top;
}
#tgr_indicate.all{
	display: inline-block;
	margin-right: 8px;
}
#tgr_indicate.all img{
	vertical-align: middle;
}
#tgr_indicate.active{
	display: none;
}
#tgr_btn{
	display: inline-block;
}
#tgr_btn ul li{
	display: inline-block;
}

#tgr_btn li#allBtn a{
	color: #b5b4b5;
}

#tgr_btn li#allBtn.active a{
	color: #555458;
}
#tgr_btn li#activeBtn a{
	color: #555458;
}

#tgr_btn li a{
	font-family:"Helvetica",sans-serif;
	font-size:13px;
	display:inline-block;
	height:25px;
}
#tgr_btn li.active a,
#tgr_btn li a:hover{
	text-decoration:none;
}

section .tabs .set0 {
background-image: url(../img/investment/advancing/tab0.png);
background-size:100%;
}

section .tabs .set1 {
background-image: url(../img/investment/advancing/tab1.png);
background-size:100%;
}

section .tabs .set2 {
background-image: url(../img/investment/advancing/tab2.png);
background-size:100%;
}

section .tabs .set3 {
background-image: url(../img/investment/advancing/tab3.png);
background-size:100%;
}

section .tabs .current {
display: block !important;
}

section .tabs .button {
position: absolute;
cursor: pointer;
}

section .tabs .button0 {
left: 0px;
top: 0px;
width: 265px;
height: 45px;
}

section .tabs .button1 {
left: 280px;
top: 0px;
width: 265px;
height: 45px;
}

section .tabs .button2 {
left: 560px;
top: 0px;
width: 265px;
height: 45px;
}

section .tabs .button3 {
left: 840px;
top: 0px;
width: 265px;
height: 45px;
}
section #btnportfolio{
	position: absolute;
	left: 840px;
	top: 0px;
	width: 265px;
	height: 45px;
}

section .milestoneHead {
position: relative;
height: 127px;
}

section .milestoneHead h2 {
position: absolute;
left: 24px;
top: 8px;
font-family: Times New Roman, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:2.2em;
line-height: 1em;
color:#0091D1;
font-weight:normal;
padding-top: 30px;
}

section .milestoneHead .sliderBg {
position: absolute;
right: 34px;
top: 80px;
width: 446px;
height: 13px;
background-image: url(../img/investment/advancing/sliderBg0.png);
}

section .milestoneHead .slider {
position: absolute;
left: 646px;
top: 78px;
width: 390px;
height: 13px;
}

.ui-slider .ui-slider-handle{
	background-image: url(../img/investment/advancing/sliderButton0.png) !important;
}


section .milestoneMain {
position: relative;
margin:0 auto 0;
}
section .milestoneMain .content .unitContainer{
	height:100%;
}


section .milestoneMain .content .unitContainer .title {
	display: block;
	font-size: 0;
	line-height: 0;
	padding:20px 5px 15px 5px;
	height: 51px;
}

section .milestoneMain .content .unitContainer .gauges {
position: relative;
}

section .milestoneMain .content .unitContainer .gauges .gaugeHeads {
display: inline-block;
width: 155px;
vertical-align: top;
}

section .milestoneMain .content .unitContainer .gauges .gaugeHeads ul li {
display: inline-block;
font-size: 0;
line-height: 0;
height: 38px;
width: 155px;
vertical-align: top;
margin-top: 15px;
background-color: #ffffff;
}
section .milestoneMain .content .unitContainer .gauges .gaugeHeads ul li.close{
	margin-top: 3px;
}

section .milestoneMain .content .unitContainer .gauges .gaugeHeads ul li img {
display: block;
font-size: 0;
height: 0;
height: 100%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars {
display: inline-block;
vertical-align: top;
width: 882px;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li {
display: block;
font-size: 0;
line-height: 0;
height: 38px;
margin-top: 15px;
width: 100%;
height: 38px;
position: relative;
background-image: url(../img/investment/advancing/bar0.png);
background-repeat: repeat-x;
overflow: hidden;
}
section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li.close {
margin-top: 3px;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.range {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #C0DA9F 0%, #88BC44 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#C0DA9F), to(#88BC44));
background: linear-gradient(top, #C0DA9F 0%, #88BC44 100%);
background: -ms-linear-gradient(top, #C0DA9F, #88BC44);
background: url('../img/investment/advancing/bar_green.png');
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.active {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #9AC58C 0%, #65AA4B 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#9AC58C), to(#65AA4B));
background: linear-gradient(top, #9AC58C 0%, #65AA4B 100%);
background: -ms-linear-gradient(top, #9AC58C, #65AA4B);
background: url('../img/investment/advancing/acbar_green.png');
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.range.TERMINATED {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #CCCCCC 0%, #ABABAB 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#CCCCCC), to(#ABABAB));
background: linear-gradient(top, #CCCCCC 0%, #ABABAB 100%);
background: -ms-linear-gradient(top, #CCCCCC, #ABABAB);
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.active.TERMINATED {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #AFAFAF 0%, #8D8D8D 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#AFAFAF), to(#8D8D8D));
background: linear-gradient(top, #AFAFAF 0%, #8D8D8D 100%);
background: -ms-linear-gradient(top, #AFAFAF, #8D8D8D);
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.range.COMPLETE {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #90B8E0 0%, #549FD5 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#90B8E0), to(#549FD5));
background: linear-gradient(top, #90B8E0 0%, #549FD5 100%);
background: -ms-linear-gradient(top, #90B8E0, #549FD5);
/*background: linear-gradient(top, #CCCCCC 0%, #CDFFFF 100%);*/
/*background: -ms-linear-gradient(top, #CCCCCC, #CDFFFF);*/
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li img.active.COMPLETE {
position: absolute;
top: 0;
height: 38px;
background: -moz-linear-gradient(top center, #90B8E0 0%, #549FD5 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#90B8E0), to(#549FD5));
background: linear-gradient(top, #90B8E0 0%, #549FD5 100%);
background: -ms-linear-gradient(top, #90B8E0, #549FD5);
}

li span.continu.ACTIVE{
	display:inline-block;
	position: absolute;
	width:10px;
	height:38px;
	margin:0px;
	padding:0px;
	background:url(../img/investment/advancing/continu_bar.png);
}

li span.continu.COMPLETE{
	display:inline-block;
	position: absolute;
	width:10px;
	height:38px;
	margin:0px;
	padding:0px;
	background:url('../img/investment/advancing/continu_bar_comp.png');
}

li span.continu.TERMINATED{
	display:inline-block;
	position: absolute;
	width:10px;
	height:38px;
	margin:0px;
	padding:0px;
	background:url(../img/investment/advancing/continu_bar_close.png);
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar0 {
left: 5%;
width: 15%;
}
section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .acbar0 {
left: 5%;
width: 10%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar1 {
left: 10%;
width: 17%;
}
section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .acbar1 {
left: 10%;
width: 7%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar2 {
left: 10%;
width: 10%;
}
section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .acbar2 {
left: 10%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar3 {
left: 10%;
width: 10%;
}
section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .acbar3 {
left: 10%;
width: 7%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar4 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar5 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar6 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar7 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar8 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar9 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar10 {
left: 5%;
width: 5%;
}

section .milestoneMain .content .unitContainer .gauges .gaugeBars ul li .bar11 {
left: 5%;
width: 5%;
}

section .current {
display: block !important;
margin:0 auto 0;
}

section .set0 {
display: none;
}

section .set1 {
display: none;
}

section .set2 {
display: none;
}

section .set3 {
display: none;
}

#ScrollUnit, #ScrollUnit3, #ScrollUnit5 {
  position: relative;
  margin: 0px auto;
  padding: 0;
  margin-left: 182px;
  width: 884px;
  overflow: hidden; }

#ScrollUnit .content, #ScrollUnit3 .content, #ScrollUnit5 .content {
	width: 884px;
	height: 52px;
}

#ScrollUnit2, #ScrollUnit4, #ScrollUnit6 {
	position: relative;
	margin: 0px auto;
	padding: 0;
	margin: 5px 27px 15px 27px;
	width: 1063px;
	height: 540px;
	overflow: hidden;
}


#ScrollUnit2 .content, #ScrollUnit4 .content, #ScrollUnit6 .content {
width: 1045px;
}

#set3 #allproject{
	margin: 0 auto;
	width: 1100px;
	margin-left:4px;
}

#set3 #activeproject{
	margin: 0 auto;
	width: 1100px;
	margin-left:4px;
}

#set3_wrap{
	margin-top:66px;
	margin-bottom:30px;
}

#set3 #allproject{
	display:block;
}
#set3 #activeproject{
	display:none;
}

/* to make scrollbars always visible */

.GraphSample{
	display:inline-block;
	position: absolute;
	right: 0;
	top: -50px;
}

span.updatetop{
	display:block;
	float:right;
	width:100px;
	height:15px;
	padding-bottom:5px;
	margin-top:-20px;
	font-size:11px;
/*	font-family:"Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;*/
	color:#7A7A79;
}
span.update{
	display:block;
	float:right;
	width:900px;
	height:50px;
	text-align:right;
	padding-bottom:5px;
	font-size:11px;
	color:#7A7A79;
}

.lead {
	color: #1892d1;
	font-size: 0.9rem;
	margin-bottom: 10px;
	font-family: Times New Roman, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/*-----------------------------------------------------------*/

@media screen and (max-width: 768px) {
	.advance_jp,
	.advance_en{
	overflow:scroll;
	}

	section.milestone{
		position: relative;
		display: block;
		margin: 0 auto;
		width: 1110px;
		background-image: url(../img/investment/advancing/mainBg0.png);
		background-repeat: repeat-y;
		overflow:scroll;
	}

}
/*-----------------------------------------------------------*/
[lang="en"] p.caution{
	text-align:right;
	font-size:1.3rem;
}
[lang="ja"] p.caution{
	text-align:right;
	font-size:1.2rem;
}
