@charset 'UTF-8';

/*--------------------------------------------------
medBusiness
--------------------------------------------------*/
#medBusiness{margin-top:40px;}
#medBusiness .spItem{display:none;}
#medBusiness h2{font-size:40px; color:#00a0e9; opacity:0; position:relative;}
.ACT{position:relative;}
.scene .baloon{position:absolute; opacity:0;}
.scene h3{font-size:27px; color:#00a0e9;}
.scene a:hover{ text-decoration:none;}

#scene1{margin-top:-20px; height:612px; opacity:0;}
#scene1 .off{background:url(../images/scene_01_off.png) 0 0 no-repeat; width:100%; height:625px; position:absolute; top:0; opacity:1;}
#scene1 .color{background:url(../images/scene_01_on.png) 0 0 no-repeat; width:100%; height:625px; position:absolute; top:0; opacity:0;}
#scene1 .baloon{left:255px; top:68px;}

#scene2{margin-top:-80px; height:454px; opacity:0;}
#scene2 .off{background:url(../images/scene_02_off.png) 0 0 no-repeat; width:100%; height:454px; position:absolute; top:0; opacity:1;}
#scene2 .color{background:url(../images/scene_02_on.png) 0 0 no-repeat; width:100%; height:454px; position:absolute; top:0; opacity:0;}
#scene2 .baloon{left:592px; top:44px;}

#sec2 h2{z-index:13;}
#scene3{margin-top:-40px; height:519px; opacity:0; z-index:12;}
#scene3 .off{background:url(../images/scene_03_off.png) 0 0 no-repeat; width:100%; height:519px; position:absolute; top:0; opacity:1;}
#scene3 .color{background:url(../images/scene_03_on.png) 0 0 no-repeat; width:100%; height:519px; position:absolute; top:0; opacity:0;}
#scene3 .baloon{left:793px; top:100px;}

#sec3{height:450px; margin-top:30px;}
#scene4{width:49%; height:375px; opacity:0; top:-60px; right:-20px; position:absolute; z-index:11;}
#scene4 .off{background:url(../images/scene_04_off.png) 0 0 no-repeat; width:100%; height:375px; position:absolute; top:50px; right:0; opacity:1;}
#scene4 .color{background:url(../images/scene_04_on.png) 0 0 no-repeat; width:100%; height:375px; position:absolute; top:50px; right:0; opacity:0;}
#scene4 .baloon{left:242px; top:212px;}
#scene4 h3{position:absolute; right:0; bottom:-90px;}

#scene5{width:48%; height:375px; opacity:0; left:-20px; position:absolute; z-index:10;}
#scene5 .off{background:url(../images/scene_05_off.png) 0 0 no-repeat; width:100%; height:375px; position:absolute; top:0; right:0; opacity:1;}
#scene5 .color{background:url(../images/scene_05_on.png) 0 0 no-repeat; width:100%; height:375px; position:absolute; top:0; right:0; opacity:0;}
#scene5 .baloon{left:220px; top:151px;}
#scene5 h3{position:relative;}

#sec4{position:relative; margin-top:10px;}
#sec4 h2{position:absolute; top:0px; z-index:13; background-color:rgba(255,255,255,0.8);}
#scene6{height:534px; opacity:0; margin-top:20px}
#scene6 .off{background:url(../images/scene_06_off.png) 0 0 no-repeat; width:100%; height:534px; position:absolute; top:0; opacity:1;}
#scene6 .color{background:url(../images/scene_06_on.png) 0 0 no-repeat; width:100%; height:534px; position:absolute; top:0; opacity:0;}
#scene6 .baloon{left:120px; top:100px;}
div[id*="scene"] > a.popup-iframe > div.off, div[id*="scene"] > a.popup-iframe > div.color {background-size: cover !important}
.mfp-iframe-scaler {padding-top: 700px}

@media screen and (max-width:767px){
  #medBusiness h2{font-size:20px; font-weight:bold; opacity:1;}
  .scene{display:none;}
  #sec3{height:auto;}
  #sec3 h2{position:absolute; top:0; z-index:inherit;}
  #sec4{margin-top:0;}
  #sec4 h2{position:absolute; top:0; z-index:inherit;}

  #scene1,#scene2,#scene3,#scene4,#scene5,#scene6{margin:0; height:auto; opacity:1; position:relative;}
  #sec1,#sec2,#sec3,#sec4{margin-bottom:30px;}
  #medBusiness .spItem{display:block;}
  #medBusiness .spItem ul li{border-top:#fff 1px solid;}
  #medBusiness .spItem ul li a{
    display:block;
    padding:10px;
    background-color:#45b7f2;
    background-image:url(../../shared/images/sp_arrow_05.png);
    background-position:97% 50%;
    background-repeat: no-repeat;
    background-size:8px 11px;
    -moz-background-size:8px 11px;
    -webkit-background-size:8px 11px;
    color:#fff;
  }
}


/* sceneIndex
---------------------------------*/
.sceneIndex{margin-top:30px; padding:25px; border:#e9e9e9 1px solid; background-color:#f2fafe;}
.sceneIndex h3{font-size:26px; color:#00a0e9; font-weight:bold;}
.sceneIndex h4{margin-top:25px; font-size:20px; font-weight:bold;}
.sceneIndex h5{margin-top:20px; font-size:18px; font-weight:bold;}
.sceneIndex h5 a{color:#00a0e9;}
.sceneIndex h4 + h5{margin-top:0;}
.sceneIndex ul{overflow:hidden; zoom:1; margin-top:5px;}
.sceneIndex ul li{margin-right:20px; float:left;}

@media screen and (max-width:767px){
  .sceneIndex{padding:10px;}
  .sceneIndex h3{font-size:18px;}
  .sceneIndex h4{margin-top:15px; font-size:16px;}
  .sceneIndex h5{margin-top:10px; font-size:14px;}
}


/*--------------------------------------------------
Modal
--------------------------------------------------*/
#modalWin{
	background-color:#fff;
	display:none;
	padding:20px;
	width:400px;
	box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-webkit-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-moz-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
}

.modalClose {
	position: absolute;
	top: -50px;
	right: 0;
	display: block;
	width: 46px;
	height: 46px;
	background: url('../images/modal_close.png');
	z-index: 2;
}
.modalClose:hover{opacity:0.5;}
.accordion-close{display:none;}

.linkBtn{margin-top:15px;}
.linkBtn a{display:block; background-color:#f4f3f3; border:#e9e9e9 1px solid; padding:7px 10px; color:#00a0e9; text-align:center; font-size:12px; font-weight:bold;}
.linkBtn a:hover{background-color:#e9e9e9; text-decoration:none;}

@media screen and (max-width:767px){
	#modalWin{
		display:block!important;
		padding:0;
		width:100%;
		height:auto;
		left:inherit!important;
		top:inherit!important;
		overflow:hidden;
		position:relative!important;
		margin:20px 0 0 0!important;
		box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
	}
	.modalClose{display:none;}
	.accordion-close{display:block;}
	table.linkTable{display:block; margin-top:10px; width:100%;}
	table.linkTable tbody,
	table.linkTable tr{display:block;}
	table.linkTable th,
	table.linkTable td{display:block; padding:5px 10px; font-size:inherit;}
	table.linkTable th{text-align:left; font-weight:normal; vertical-align:middle; width:auto; border-bottom:none;}
}

/* tinybox
---------------------------------*/
.tbox{
	position:absolute;
	display:none;
	z-index:900;
	box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-webkit-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
	-moz-box-shadow:rgba(207, 207, 207, 0.65) 0px 0px 16px -2px;
}
.tinner{padding:15px; background:#fff url(../images/modal_preload.gif) no-repeat 50% 50%;}
.tmask{position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#fff; z-index:800; opacity:0.9!important;}
.tclose{position:absolute; top:0px; right:0; width:46px; height:46px; cursor:pointer; background:url(../images/modal_close.png) no-repeat}
.tclose:hover {opacity:0.6;}
.ie8 .tbox{border:#e9e9e9 2px solid;}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0; position:relative;}
#frameless .tclose {top:-50px; right:0;}

#frameOpen header,
#frameOpen #siteFunctions,
#frameOpen #breadCrumb,
#frameOpen footer{display:none;}
#frameOpen #wrapper{width:880px!important;}

#directOpen header,
#directOpen #breadCrumb,
#directOpen footer{display:block;}
#directOpen #siteFunctions {display: none}


/* Life modal
---------------------------------*/
#lifeScene{}
#lifeScene .inner{padding:30px 20px 20px; position:fixed; z-index:10; background-color:#fff;}
#lifeScene .inner h1{margin:0; padding:0; border:none; font-size:14px; line-height:1.2; font-weight:normal; color:#333;}
#lifeScene .inner h1 em{display:block; font-size:34px; font-weight:bold; color:#00a0e9; margin-top:5px;}
#lifeScene .inner h2{margin:20px 0 15px; font-size:18px; font-weight:bold;}

#lifeScene .sceneImg{position:fixed; width:900px; height:585px;}


#lifeScene ul{position:absolute; width:50%;}
#lifeScene ul li{position:fixed;}
#lifeScene ul li a:hover{opacity:0.8;}
.ie7 #lifeScene ul li a,
.ie8 #lifeScene ul li a{cursor:default;}
.ie7 #lifeScene ul li a:hover,
.ie8 #lifeScene ul li a:hover{opacity:1;}
#lifeScene article{
	width:50%;
	position:absolute;
	right:0;
	padding:20px;
	border-left:#f3f3f3 1px solid;
	border-bottom:#f3f3f3 1px solid;
	background:url(../images/bg_article.png) 0 0 repeat;
}
#lifeScene article section{margin-top:30px;}
#lifeScene article section:first-child{margin-top:0;}
#lifeScene article section h2{margin-bottom:7px; font-size:20px; color:#00a0e9; font-weight:bold; line-height:1.3;}
#lifeScene article section h3{font-weight:bold; margin-bottom:5px; line-height:1.3;}
#lifeScene article section .outline{font-weight:bold; margin-top:5px;}
#lifeScene article section .lumpL{margin-right:15px;}
#lifeScene article .prevTop{display:none;}

.modal1 #lifeScene .sceneImg,.modal1 #lifeScene article{top:331px;}
.modal2 #lifeScene .sceneImg,.modal2 #lifeScene article{top:331px;}
.modal3 #lifeScene .sceneImg,.modal3 #lifeScene article{top:359px;}
.modal4 #lifeScene .sceneImg,.modal4 #lifeScene article{top:387px;}
.modal5 #lifeScene .sceneImg,.modal5 #lifeScene article{top:387px;}
.modal6 #lifeScene .sceneImg,.modal6 #lifeScene article{top:275px;}

#directOpen #lifeScene{position:relative;}
#directOpen #lifeScene .inner{position:relative; padding:20px 0 30px;}
#directOpen #lifeScene .sceneImg{position:absolute; width:100%; height:auto; top:inherit;}
#directOpen #lifeScene ul,
#directOpen #lifeScene ul li{position:absolute;}
#directOpen #lifeScene article{position:relative; position:relative; top:inherit; right:inherit; float:right; padding:20px;}
#directOpen #lifeScene article section#s1{margin-top:0;}
#directOpen #lifeScene article .prevTop{display:block; margin-top:20px;}
#directOpen #lifeScene article .prevTop a{display:block; padding:10px; background-color:#45b6f2; color:#fff; text-align:center; font-size:18px;}
#directOpen #lifeScene article .prevTop a:hover{text-decoration:none; background-color:#2d9fdb;}

#frameOpen.tbAdjust #lifeScene article{height:545px;overflow:scroll;}

@media screen and (max-width:767px){
	#directOpen #lifeScene{min-height:inherit;}
	#directOpen .family #lifeScene{min-height:inherit;}
	
	#directOpen #lifeScene .inner h1{position:relative; top:inherit; left:inherit;}
	#directOpen #lifeScene .inner h1 em{font-size:24px;}
	#directOpen #lifeScene .inner h2{font-size:16px; margin:10px 0 5px;}
	#directOpen #lifeScene .sceneImg{width:100%; height:auto; overflow:hidden; text-align:center; position:relative;}
	#directOpen #lifeScene ul{display:none;}
	#directOpen #lifeScene article{width:auto; padding:20px 10px; border:none;}
	#directOpen #lifeScene article section h2{font-size:18px;}
	#directOpen #lifeScene article section .outline{margin-top:10px;}
	#directOpen #lifeScene article .prevTop a{font-size:14px;}
}