@charset "utf-8";
/* CSS Document */


/*===============================================
共通部分
===============================================*/

html{
	zoom:50%;
	/*-moz-transform:scale(0.5,0.5) translate(-300px,-450px);
	overflor: auto;
	height:auto;*/
}

body{
	-webkit-print-color-adjust: exact;
	
}


#container{
	width:100%;
	height:auto;
	background:none;
}

#containerIn{
	width:100%;
	height:auto;
	background:none;
	
}

	
	

#container{
	width:100%;
	height:auto;
	background:url(../../../top/images/main.jpg) center top no-repeat;
}

#containerIn{
	width:100%;
	height:auto;
	background:url(../../common/images/sky_world_bg.jpg) center top no-repeat fixed;
}

	
	
	/* Header
	------------------------------------------------ */
	#headerSp{
		display:none;
	}
	
	#header{
		width:980px;
		height:auto;
		margin:0px auto;
	}
		#header h1{
			display:block;
			width:392px;
			float:left;
		}
		
		#header p.pan{
			display:block;
			width:580px;
			padding:20px 0px 0px 0px;
			text-align:right;
			float:right;
			color:#fff;
			font-size:11px;
		}
		
			#header p.pan a{
				color:#fff;
			}
		

				
			/* 中ページ */
			#mainIn{
				width:1036px;
				height:272px;
				margin:0px auto;
				background:none;
				padding:20px 0px 20px 0px;
			}
			

			
			#mainSp{
				display:none;
			}
			
			#mainSpIn{
				display:none;
			}



	/* gnavi
	------------------------------------------------- */
	#gnavi{
		width:980px;
		height:43px;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		background:url(../../common/images/gnavi_bg.jpg) repeat-x;
		
		border-radius:5px;		/* CSS3草案 */
		-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
		-moz-border-radius:5px;	/* Firefox用 */
		
	}
	
		#gnavi ul{
			display:block;
			width:980px;
			height:auto;
			margin:0px;
			padding:0px 0px 10px;
		}
		
			#gnavi ul li{
				display:block;
				width:163px;
				height:43px;
				float:left;
				background:url(../../../common/gnavi_hr.jpg) right top no-repeat;
			}
			
			#gnavi ul li a{
				display:block;
				height:33px;
				padding:10px 0px 0px 0px;
				color:#fff;
				text-align:center;
				
			}
			
			#gnavi ul li.noHr{
				background:none;
			}
	

			

				
				
				
	/* Contents
	------------------------------------------------ */
	#contents{
		width:942px;
		margin:0px auto;
		padding:0px 0px 25px 0px;
	}
	
		#contents p.pan{
			padding:7px 0px 7px 0px;
			text-align:right;
		}
		
		#contents h3{
			width:930px;
			height:33px;
			padding:10px 0px 0px 12px;
			color:#fff;
			font-weight:bold;
			font-size:16px;
			margin:0px 0px 13px;
			background:url(../../../common/bg_h3.jpg);
			
			border:1px solid #fff;
			
			border-radius:5px;
			-webkit-border-radius:5px;	
			-moz-border-radius:5px;	
		}
		
		#contents .section{
			width:942px;
			height:auto;
			margin:0px auto 20px 0px;
			padding:0px 0px 0px 0px;
			background:#fff;
			border:1px solid #fff;
		}
		
			.section h4{
				width:930px;
				height:auto;
				padding:6px 0px 6px 12px;
				background:#467387;
				color:#fff;
				font-size:16px;
				text-align:center;
				font-weight:bold;
			}
		
			.section .sectionBody{
				background:#fff;
				padding:15px;
			}
			
			.section .sectionBody p.read{
				padding:0px 0px 15px 0px;
			}
			
			.section .sectionBody p.readMaintenance{
				padding:0px 0px 15px 0px;
				border-bottom:1px dotted #ccc;
				margin:0px 0px 15px 0px;
			}
			
			.section .sectionBody p.read span{
				display:block;
				padding:10px 0px 0px 0px;
				font-weight:bold;
				font-size:14px;
				text-decoration:underline;
				
			}
			
			.section .sectionBody .tableBox{
					padding:0px 0px 15px 0px
			}
			
			.section .sectionBody .tableBox td{
					padding:6px;
					border-right:2px solid #ccc;
					border-top:2px solid #ccc;
				}
				
			.section .sectionBody .tableBox table{
				border-left:2px solid #ccc;
				border-bottom:2px solid #ccc;
			}
	
	/* Footer
	------------------------------------------------ */
	
	#footerCover{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:122px 0px 0px 0px;
		background:url(../../../common/footer_photo.jpg) center top repeat-x;
	}
		

		
		#footerCover #footerLink{
			text-align:center;
			padding:15px 0px 10px 0px;
			background:#fff;
		}
			#footerCover #footerLink img{
				margin:0px 12px;
			}
			
		#footerCover #footer{
			width:100%;
			padding:30px 0px;
			background:#242424;
			color:#fff;
			text-align:center;
		}
			



	
	#contents #printRead h3{
		width:700px;
		height:33px;
		padding:10px 0px 0px 12px;
		color:#fff;
		font-weight:bold;
		font-size:16px;
		margin:0px 0px 13px;
		float:left;
		background:url(../../common/images/bg_h3.jpg);
		
		border:1px solid #fff;
		
		border-radius:5px;
		-webkit-border-radius:5px;	
		-moz-border-radius:5px;	
	}
	
	#contents #printRead p.print{
		display:block;
		width:220px;
		height:auto;
		font-size:23px;
		font-weight:bold;
		color:#504009;
		cursor:pointer;
		border:none;
		float:right;
	}
		
		#contents #printRead p.print a{
			display:block;
			width:220px;
			height:47px;
			padding:10px 0px 0px 0px;
			font-size:17px;
			font-weight:bold;
			color:#504009;
			background:url(../images/btn_print.png) no-repeat;
			cursor:pointer;
			border:none;
			text-align:center;
		}
		

	.flowImages{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
		padding:15px 0px 0px 0px;
	}
	.flowImages:nth-of-type(n+2){
    margin-top: 3px;
  }
  .flowImages .flowSet{
    max-width: 292px;
    width: 32.02%;
    padding:10px;
    border:1px solid #ccc;
    box-sizing: border-box;
  }
  .flowImages .flowSet.flexibleSet{
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 602px;
    width: 66.01%;
  }
  .flowImages .flowSet.flexibleSet .flowSet__box{
    max-width: 270px;
    width: 46.56%;
  }
  .flowImages .flowSet.flexibleSet .flowSet__box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right: 1px dotted #ccc;
  }
  

		
			.flowSet .setImg{
				height:150px;
			}
		
			.flowSet p{
				padding:10px 0px 0px 0px;
				line-height:1.2em;
			}
			
	#secureArea{
		padding:0px 0px 5px 15px;
	}
	
		#secureArea .secureImg{
			width:700px;
			float:left;
			margin:0px 15px 0px 0px;
		}
	
		#secureArea .secureSet{
			width:155px;
			height:auto;
			margin:0px 0px 15px 0px;
			padding:5px;
			border:1px solid #ccc;
			text-align:center;
			float:left;
		}
		
		#secureArea .secureSet h5{
			font-weight:bold;
		}
		
			.secureSet .creditImg{
				padding:10px 0px;
			}
	
	
	#rosenArea{
		padding:0px 0px 5px 15px;
	}
	
		#rosenArea p.rosenLinkImg{
			display:none;
		}