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


/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
	
#containerIn{
	width:100%;
	height:auto;
	background:url(../images/sp/sky_world_bg.jpg) center top no-repeat;
	-moz-background-size:100% auto;
	background-size:100% auto;
}


	
	
	/* Header
	------------------------------------------------ */
	
	#header{
		display:none;
	}
	
	#headerSp{
		width:100%;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		
	}
	
		#headerSp #header_acd{
			background:url(../images/sp/header_bg.png);
		}
		
			#header_acd a{
				display:block;
				width:147px;
				height:39px;
				text-indent:-9999px;
				background:url(../images/sp/header_menu.png) no-repeat;
				float:right;
			}
			
			#header_acd a.btnSpAcd{
				background:url(../images/sp/header_menu_up.png) no-repeat;
			}
				
		
		#gnaviSp{
			width:100%;
			height:auto;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			background:url(../images/gnavi_area_bg.jpg) repeat-x;
			display:none;
		}
		
			.gnaviIcon{
				background:url(../../../common/images/gnavi_area_bg_up.jpg) repeat-x;
			}
		
			#gnaviSp ul{
				display:block;
				width:100%;
				height:auto;
				margin:0px auto;
				padding:0px 0px 0px 0px;
				background:#a10000;
			}
			
				#gnaviSp ul li{
					display:block;
					width:100%;
					height:43px;
					float:none;
					border-top:1px solid #bf2e2e;
					border-bottom:1px solid #730000;
					
				}
				
				#gnaviSp ul li a{
					display:block;
					width:96%;
					height:43px;
					padding:10px 0 0 0;
					margin:0px auto;
					color:#fff;
					text-align:left;
					background:url(../images/sp/icon_gnavi.png) right 10px no-repeat;
				}
		
	#gnaviSp ul li:last-child{
		display:none;
	}
		#headerSp #mainAreaSp{
			width:100%;
			height:auto;
			padding:20px 0px;
			
		}
		
			#mainAreaSp p.logo{
				text-align:center;
			}
		
		
	
	#header{
		width:100%;
		height:auto;
		margin:0px auto;
		padding:6px 0px 0px 0px;
	}
		#header h1{
			display:block;
			width:235px;
			padding:0px 0px 0px 0px;
			margin:0px auto;
		}
			#header h1 img{
				width:235px;
			}
		
			#header p.pan{
				display:none;
			}
			
			
			#mainIn{
				display:none;
			}
			
			#mainSpIn{
				width:98%;
				margin:0px auto;
				padding:0px 0px 12px 0px;
				
			}


	
	/* G-Navigation
	------------------------------------------------ */
	#gnavi{
		display:none;
	}
	
				
	/* Contents
	------------------------------------------------ */
	#contents{
		width:100%;
		margin:0px auto;
		padding:0px 0px;
	}
	
		#contents p.pan{
			display:none;
		}

		#contents h3{
			width:94%;
			height:auto;
			padding:10px 0px 10px 2%;
			color:#fff;
			font-size:16px;
			margin:0px auto 13px auto;
			
			background:url(../images/bg_h3.jpg);
			
			border:1px solid #fff;
			border-radius:5px;
			-webkit-border-radius:5px;	
			-moz-border-radius:5px;	
		}
		
		#contents .section{
			width:96%;
			height:auto;
			margin:0px auto 20px auto;
			padding:0px 0px 0px 0px;
			background:#fff;
			border:1px solid #ccc;		
		}
		
			.section h4{
				width:98%;
				height:auto;
				padding:6px 0px 6px 2%;
				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 .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:46px 0px 0px 0px;
		background:url(../images/sp/footer_photo.jpg) center top no-repeat;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
		

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

}