#footer .linkBoxs:after,
#footer .links:after,
.cont:after,
.section:after,
.block:after,
.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#footer .linkBoxs,
#footer .links,
.cont,
.section,
.block,
.row {
    zoom: 1;
}

html,body {
  height: 100%;
}
body {
    font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

/* PAGETOP */
#pageTop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 11;
}

/* HEADER */
#header {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	height: 128px;
	text-align: left;
	background-color: #fff;
}

#header .sfc {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
}
#header .logo {
	position: absolute;
	left: 10px;
	top: 21px;
}

/* GLOBALNAVIGATION */
#globalNavigation {
	position: fixed;
	left: 0;
	top: 48px;
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	text-align: left;
}
#globalNavigation .box {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 68px;
	text-align: left;
	overflow: hidden;
}
#globalNavigation ul {
	box-sizing: border-box;
	padding: 17px 0 0 0;
	font-size: 15px;
	font-weight: bold;
    line-height: 32px;
	display: block;
	float: right;
}
#globalNavigation li {
	padding-left: 35px;
	float: left;
}
#globalNavigation li a {
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	color: #000;
	display: block;
}
#globalNavigation li a:hover {
	border-bottom: solid 2px #4a94bd;
	color: #4a94bd;
	text-decoration: none;
}
#globalNavigation li.active a {
	border-bottom: solid 2px #4a94bd;
}

/*LOCALNAVIGATION */
#localNavigation {
	position: absolute;
	right: 0;
	top: 525px;
	width: 160px;
	z-index: 10;
	text-align: left;
}
#localNavigation ul {
	width: 160px;
	overflow: hidden;
}
#localNavigation li {
	background-color: rgba(74,148,189,0.8);
	margin-left: 160px;
	margin-bottom: 4px;
	width: 160px;
	height: 64px;
	font-size: 13px;
	line-height: 1.4;
}
#localNavigation li a {
	padding-left: 18px;
	height: 64px;
	color: #fff;
	display: block;
}
#localNavigation li a:hover {
	text-decoration: none;
}
#localNavigation li span {
	height: 64px;
	display: table-cell;
	vertical-align: middle;
}


/* PAGEBODY */
#pageBody {
	padding-top: 128px;
	margin: 0 auto;
	max-width: 1640px;
}
#contents {}

#contents .section {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#contents .init {
	position: relative;
	-webkit-transform: translate(0px, 30px);
	-moz-transform: translate(0px, 30px);
	-ms-transform: translate(0px, 30px);
	transform: translate(0px, 30px);
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#contents .activeView {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all  1s ease;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* PAGEBOTTOM */
#pageBottom {
	background-color: #d9d9d9;
}

#moreBLK {
	background-color: #ececec;
}
#moreBLK .cont {
	position: relative;
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
#moreBLK .pack {
	margin-left: 520px;
	padding: 48px 0 0 0;
}
#moreBLK h3 {
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}
#moreBLK p {
	margin-bottom: 28px;
	font-size: 13px;
	line-height: 1.55;
}
#moreBLK .image {
	padding: 40px 0 25px 60px;
	float: left;
}
#moreBLK .balloon{
  position: absolute;
  top: -30px;
  left: 200px;
}
#moreBLK .balloon_con{
  position: relative;
  background-color: #336699;
  padding: 16px;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
}
#moreBLK .balloon_con:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 60px;
  /* margin-left: -15px; */
  border: 15px solid transparent;
  border-top: 15px solid #336699;
}
#moreBLK .balloon_con.sa {
  opacity: 0;
  transition: all .2s ease-out;
}
#moreBLK .balloon_con.sa.show {
  opacity: 1;
  transform: none;
}
#moreBLK .balloon_con.sa--up {
  transform: translateY(-20px) ;
}

/* FOOTER */
#footer {}
#footer .linkBoxs {
	margin: 0 auto;
	padding: 33px 0 39px 0;
	width:960px;
	text-align: left;
}
#footer .links {
	width: 460px;
	float: left;
}
#footer .linkBoxs .dl3,
#footer .linkBoxs .dl2 {
	border-top: solid 1px #fff;
	margin-top: 13px;
	padding-top: 16px;
}
#footer .links2 {
	width: 460px;
	float: right;
}
#footer .links2 h4,
#footer .links dt {
	background: url(/ie/lineup/proudio/common/img/icn_hed.png) no-repeat left center;
	margin-bottom: 11px;
	padding-left: 22px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	color: #000;
}
#footer .links2 dt,
#footer .links dd {
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
}
#footer .links2 dd,
#footer .links dd.link {
	background: url(/ie/lineup/proudio/common/img/f_arw.png) no-repeat left center;
	padding-left: 10px;
	font-size: 14px;
	line-height: 1.5;
}
#footer .links2 dd a,
#footer .links dd.link a {
	color: #000;
}

#footer .copyright {
	border-top: solid 1px #fff;
	padding: 23px 0 22px 0;
	text-align: center;
}

/* FOOTER */
#pagetopNavi {
	position: fixed;
	z-index: 9999;
	right: 35px;
	bottom: 40px;
	display: none;
}