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



/* ANCHOR
-----------------------------------------*/
#priceAnchor{
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}

	#priceAnchor li{
		width: 478px;
		float: left;
		border: solid 1px #000032;
	}
	
	#priceAnchor li:first-child{
		margin-right: 20px;
	}
	
		#priceAnchor li:before{
			background: #000032;
			width: 100px;
			float: left;
			clear: left;
			text-align: center;
		}
		
		#priceAnchor li:first-child:before{
			content: url(images/menu_contract.png);
			height: 44px;
			padding-top: 6px;
		}
		
		#priceAnchor li:last-child:before{
			content: url(images/menu_spot.png);
			height: 47px;
			padding-top: 3px;
		}
		
		#priceAnchor li a{
			display: block;
			line-height: 50px;
			text-align: center;
			font-size: 16px;
			text-decoration: none;
		}




/* HEADER
-----------------------------------------*/
#priceHeader{
	width: 100%;
	background: #f5f5f5;
}

	#priceHeaderMain{
		width: 100%;
		background: url(images/header_back.jpg) no-repeat center center;
		padding: 70px 0;
	}
	
		#priceHeaderMain h2{
			text-align: center;
			font-size: 28px;
			font-weight: bold;
			line-height: 52px;
		}
		
		#priceHeaderMain h2 strong{
			font-weight: bold;
		}
		
		#priceHeaderMain p{
			margin-top: 30px;
			text-align: center;
			font-size: 14px;
			line-height: 26px;
		}
		
	#priceHeader ul{
		width: 980px;
		margin: 0 auto;
		padding: 50px 0;
	}
	
		#priceHeader li{
			background: #fff;
			padding: 30px;
			margin-top: 20px;
		}
		
		#priceHeader li:nth-child(1){ border-left: solid 10px #009944; margin-top: 0; }
		#priceHeader li:nth-child(2){ border-left: solid 10px #ea5504; }
		/* #priceHeader li:nth-child(3){ border-left: solid 10px #00a0e9; }
		#priceHeader li:nth-child(4){ border-left: solid 10px #ffce00; } */
		
			#priceHeader li dt{
				font-size: 18px;
				font-weight: bold;
			}
			
			#priceHeader li dt strong{
				font-weight: bold;
			}
			
				#priceHeader li dt span{
					font-size: 24px;
					font-weight: bold;
					margin-left: 15px;
				}
				
			#priceHeader dd{
				margin-top: 20px;
			}
			
				#priceHeader dd p:first-child{
					width: 680px;
					float: left;
					font-size: 14px;
					line-height: 24px;
				}
				
				#priceHeader dd p:last-child{
					width: 220px;
					float: right;
					border: solid 1px #7d0101;
					border-radius: 5px;
					text-align: center;
					line-height: 46px;
					font-size: 18px;
					font-weight: bold;
					color: #7d0101;
				}
				
					#priceHeader dd p:last-child span{
						font-size: 24px;
						font-weight: bold;
						margin-left: 5px;
					}
					


/* PACK
-----------------------------------------*/
.packBox{
	width: 1280px;
	margin: 100px auto 0 auto;
	padding-top: 50px;
}

#superlite{ border-top: solid 10px #00a0e9; }
#lite{ border-top: solid 10px #009944; }
#standard{ border-top: solid 10px #ea5504; padding-bottom: 100px; }
#premium{ border-top: solid 10px #ffce00; padding-bottom: 100px; }

	.packBox h3{
		text-align: center;
		font-size: 24px;
		font-weight: bold;
	}
	
		.packBox h3 span{
			font-size: 32px;
			font-weight: bold;
		}
		
		.packBox h3 strong{
			font-weight: bold;
		}
		
	.packCatch{
		font-size: 16px;
		margin-top: 30px;
		text-align: center;
	}
	
	.packMain{
		margin-top: 30px;
		padding: 30px;
		display: table;
		height: 450px;
	}
	
	
		.packMain p{
			display: table-cell;
			vertical-align: middle;
			padding: 0 100px 0 20px;
			font-size: 14px;
			line-height: 26px;
		}
		
			.packMain p span{
				font-size: 16px;
				font-weight: bold;
				color: #7d0101;
			}
			
			.packMain p span strong{
				font-weight: bold;
			}
			
	.packSub{
		background: #f5f5f5;
		padding: 30px 150px;
	}
	
		.packSub dl{
		}
		
			.packSub dt{
				font-size: 22px;
				background: url(images/ico_check.png) no-repeat left center;
				padding-left: 37px;
				margin: 40px 0 20px 0;
			}
			
			.packSub dd{
				line-height: 20px;
			}
			
		.packSub p{
			margin-top: 50px;
			border: solid 1px #7d0101;
			border-radius: 5px;
			line-height: 50px;
			font-size: 20px;
			font-weight: bold;
			color: #7d0101;
			text-align:center;
		}
		
			.packSub p span{
				font-size: 32px;
				font-weight: bold;
				margin-left: 15px;
			}
			
		.packList{
			margin-top: 30px;
			background: #fff;
			padding: 30px;
		}
		
			.packList h4{
				font-size: 22px;
				float: left;
			}
			
				.packList h4 span{
					display: block;
					font-size: 18px;
					margin-left: -10px;
					line-height: 30px;
					
				}
				
			.packList ol{
				width: 330px;
				float: left;
				margin-left: 45px;
			}
			
			.packList ol.firstList{
				border-left: solid 1px #d8d8d8;
				padding-left: 45px;
			}
			
				.packList li{
					line-height: 22px;
				}
			
			.packList ul{
				margin-top: 30px;
			}
			
				.packList li a{
					color: #01437d;
				}
			
			


/* CONTRACT
-----------------------------------------*/
#priceContract,#priceSpot{
	width: 100%;
	padding: 70px 0;
}

#priceContract{ background: #f5f5f5; }

	#priceContract h2,#priceSpot h2{
		font-size: 28px;
		text-align: center;
		padding-top: 60px;
	}
	
		#priceContract h2{ background: url(images/ico_contract.png) no-repeat center top; }
		#priceSpot h2{ background: url(images/ico_spot.png) no-repeat center top; }
	
	
	#priceContract div,#priceSpot div{
		width: 980px;
		margin: 0 auto;
	}
	
		#priceContract h3,#priceSpot h3{
			margin-top: 50px;
			font-size: 20px;
		}
		
		#priceContract table,#priceSpot table{
			margin-top: 20px;
			width: 100%;
		}
		
			#priceContract th,#priceContract td,#priceSpot th,#priceSpot td{
				padding: 10px;
				border: solid 1px #b8b8b8;
				text-align: center;
				vertical-align: middle;
				line-height: 16px;
			}
			
			#priceContract th,#priceSpot th{
				padding: 15px 10px;
				background: #dce8f9;
				white-space: nowrap;
				font-weight: bold;
				position: relative;
			}
			
			.sl{ background: #00a0e9 !important; color: #fff;  width: 100px; }
			.lite{ background: #009944 !important; color: #fff;  width: 100px; }
			.std{ background: #ea5504 !important; color: #fff; width: 100px; }
			.pre{ background: #ffce00 !important; color: #fff; width: 100px; }
			
			.sl:before,.lite:before,.std:before,.pre:before{
				content: "";
				position: absolute;
				top: 100%;
				left: 0;
				border: 60px solid transparent;
				border-top: 15px solid #ea5504;
			}
			
			.sl:before{ border-top: 15px solid #00a0e9; }
			.lite:before{ border-top: 15px solid #009944; }
			.std:before{ border-top: 15px solid #ea5504; }
			.pre:before{ border-top: 15px solid #ffce00; }

			
			#priceContract .sl{ width: 130px; }
			#priceContract .lite{ width: 130px; }
			#priceContract .std{ width: 130px; }
			#priceContract .pre{ width: 130px; }
			
			#priceContract .sl:before{ border: 75px solid transparent; border-top: 15px solid #00a0e9; }
			#priceContract .lite:before{ border: 75px solid transparent; border-top: 15px solid #009944; }
			#priceContract .std:before{ border: 75px solid transparent; border-top: 15px solid #ea5504; }
			#priceContract .pre:before{ border: 75px solid transparent; border-top: 15px solid #ffce00; }
			
			#priceSpot tr:first-child th:nth-child(2){
				width: 100px;
			}
			
			#priceSpot tr:first-child th:last-child{
				width: 220px;
			}

			#spotTable5 tr:first-child th:nth-child(2){
				width: 200px !important;
			}

			#spotTable6 tr:first-child th:nth-child(2){
				width: 200px !important;
			}
			
			#spotTable7 tr:first-child th:nth-child(2){
				width: 200px !important;
			}

			#priceContract td{
				background: #fff;
			}
			
			#priceContract tr:nth-child(2) td,#priceSpot tr:nth-child(3) td{
				padding-top: 30px;
			}
			
			.batsu,.nofee{ background: #e5e5e5 !important; }
			
			#contractTable2 td:first-child{
				white-space: nowrap;
			}
			
		#priceContract ul,#priceSpot ul{
			margin-top: 50px;
		}
		
			#priceContract li{
				line-height: 24px;
			}
			
				#priceContract li a{
					color: #01437d;
				}


/* HEADER
-----------------------------------------*/
#spotHeader{
	width: 100%;
	background: url(images/header_back.jpg) no-repeat center center;
	padding: 70px 0;
}

	#spotHeader h2{
		text-align: center;
		font-size: 28px;
		font-weight: bold;
		line-height: 52px;
	}
	
		#spotHeader h2 strong{
			font-weight: bold;
		}
	
	#spotHeader p{
		margin-top: 30px;
		text-align: center;
		font-size: 14px;
		line-height: 26px;
	}