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


/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }



body{
	color: #3e3a39;
}


.set {
	margin-bottom: 50px;
}
.cell {
	width: 1040px;
	margin: 0 auto;
}


.center {
	text-align: center;
}


.read {
	font-size: 32px;
	margin-bottom: 50px;
}
	.read span {
		background: #c30d22;
		color: #FFF;
		padding: 6px 10px;
		margin-right: 10px;
	}



.movie {
	text-align: center;
}



.title {
	width: 100%;
	position: relative;
	height: 228px;
	margin-bottom: 50px;
	overflow: hidden;
}
	.title h2{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -713px;
	}
	.title p{
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: 295px;
	}



.btn {
	text-align: center;
	margin-top: 50px;
}
.btn li {
	display: inline;
	margin-right: 20px;
}
.btn li.last {
	margin-right: 0px;
}



/* ------------------------- aqua ------------------------- */
#aqua {
}
	#aqua .title {
		 background:#0068b7;
	}
	#aqua .tit {
		 background:#0068b7 url(../img/aqueous/tit_aqua.gif) no-repeat center top;
		 color: #FFF;
		 font-weight: bold;
		 font-size: 32px;
		 text-align: center;
		 padding: 20px 0;
		 margin-bottom: 50px;
	}
	#aqua .pointTit {
		font-size: 26px;
		margin: 20px 0;
	}
		#aqua .pointTit strong {
			font-weight: normal;
			color: #036eb8;
			margin-right: 30px;
		}
		#aqua .pointTit .red {
			background: #c30d22;
			color: #FFF;
			padding: 6px 10px;
			margin-right: 10px;
		}
		#aqua .pointTit .cap {
			font-size: 16px;
		}



	#aqua .layout01 {
		width: 867px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
		#aqua .layout01 .pht {
			margin-bottom: 20px;
		}

		#aqua .layout01 .btnbox {
			text-align: center;
			padding-top: 30px;
		}



	#aqua .layout02 {
		margin: 0 auto;
	}
		#aqua .layout02 .left{
			width: 400px;
			float: left;
		}
		#aqua .layout02 .right{
			width: 360px;
			float: left;
			margin-left: 200px;
		}

	#aqua .layout02 dl {
		margin: 0 auto;
	}
		#aqua .layout02 dl dt {
			font-size: 36px;
			text-align: center;
			margin-bottom: 20px;
			position: relative;
			color: #036eb8;
		}
			#aqua .layout02 dl dt p {
				font-size: 16px;
				line-height: 1.3em;
				font-weight: bold;
				text-align: left;
				position: absolute;
				top: -6px;
				left: 0;
			}
		
		#aqua .layout02 dl dd {
			font-size: 18px;
		}
		#aqua .layout02 dl dd .pht {
			margin-top: 20px;
		}

	#aqua .layout03 {
		position:relative;
		margin-top:100px;
	}
	#aqua .layout03:before {
		content:"";
		position:absolute;
		z-index:-1;
		right:0;
		bottom:40px;
		width:760px;
		height:454px;
		background-image:url(../img/aqueous/img_aqua04.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		}
		#aqua .layout03 dl {
			width:470px;
		}
			#aqua .layout03 dl dt {
				font-size: 36px;
				margin-bottom: 20px;
				position: relative;
				color: #036eb8;
				text-align:center;
				}
				#aqua .layout03 dl dt p {
					font-size: 16px;
					line-height: 1.3em;
					font-weight: bold;
					text-align: left;
					position: absolute;
					top: -6px;
					left: 0;
					}		
			#aqua .layout03 dl dd {
				font-size: 18px;
			}
				#aqua .layout03 dl dd .pht {
					margin-top: 20px;
					background:#fff;
				}
				#aqua .layout03 dl dd .pht + p {
					font-size: 14px;
					display: block;
					line-height: 1.4em;
					margin-top:10px;
				}

		#aqua .option {
			margin-top: 60px;
			}
		#aqua .option_tit {
			background:#009FE8;
			color: #FFF;
			font-weight: bold;
			font-size: 32px;
			text-align: center;
			padding: 20px 0;
			margin-bottom: 20px;
			}
		#aqua .option h4 {
			background:#54C2F0;
			color: #FFF;
			font-weight: bold;
			font-size: 24px;
			text-align: center;
			padding: 10px 0;
			margin-bottom: 20px;
			}

		.option01 {
			}
			.option01 .float {
				margin-bottom:40px;
				}
			.option01 .float .phtArea {
				float:left;
				width:500px;
				}
			.option01 .float .mov {
				}
			.option01 .float .phtArea + .phtArea {
				margin-left:40px;
				float:right;
				}
				.option01 .float .pht dl {
					margin-bottom:12px;
					}
			.float span {
				font-size: 14px;
				display: block;
				margin:20px 0 40px;
				line-height: 1.4em;
				}
		
		#aqua .option dl {
		}
		#aqua .option .clm2 dl {
			width: 460px;
			float: left;
		}
		#aqua .option dl.last {
			float: right;
		}
			#aqua .option dl dt {
				font-size: 20px;
				margin-bottom:15px;
				}
			#aqua .option dl dd {
				position:relative;
				line-height: 1.6em;
				font-size:15px;
				}
				#aqua .option dl:first-child dd img {
					float: right;
					padding-left: 15px;
					}
				#aqua .option dl:last-child dd img {
					}
				#aqua .option dl:first-child dd img {
					margin-top:-58px;
					}
				#aqua .option dl dd span {
					position:absolute;
					left:0;
					bottom:0;
					font-size: 14px;
					display: inline-block;
					line-height: 1.4em;
					width: calc(100% - 250px);
					text-indent:-0.7em;
					margin-left:0.7em;
					}







/* ------------------------- mini ------------------------- */
#mini {
}
	#mini .title {
		 background: #00a6ea;
	}
	#mini .tit {
		 background: #00a6ea url(../img/aqueous/tit_mini.gif) no-repeat center top;
		 color: #FFF;
		 font-weight: bold;
		 font-size: 32px;
		 text-align: center;
		 padding: 20px 0;
		 margin-bottom: 50px;
	}
	#mini .pointTit {
		font-size: 26px;
		margin: 20px 0;
	}
		#mini .pointTit strong {
			font-weight: normal;
			color: #036eb8;
			margin-right: 30px;
		}
		#mini .pointTit .red {
			background: #c30d22;
			color: #FFF;
			padding: 6px 10px;
			margin-right: 10px;
		}
		#mini .pointTit .cap {
			font-size: 16px;
		}



	#mini .layout01 {
		width: 867px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
		#mini .layout01 .pht {
			margin-bottom: 20px;
		}




	#mini .layout02 {
		margin: 0 auto;
	}
		#mini .layout02 .left{
			width: 400px;
			float: left;
		}
		#mini .layout02 .right{
			width: 360px;
			float: left;
			margin-left: 200px;
		}

	#mini .layout02 dl {
		margin: 0 auto;
	}
		#mini .layout02 dl dt {
			font-size: 36px;
			text-align: center;
			margin-bottom: 10px;
		}
		#mini .layout02 dl dd {
			font-size: 18px;
		}
		#mini .layout02 dl dd .pht {
			margin-top: 20px;
		}


	#mini .setbox {
		text-align: center;
		margin: 0 auto 70px auto;
		position: relative;
	}
		#mini .setbox .btn {
			position: absolute;
			bottom: 0;
			right: 97px;
		}
		#mini .setbox .btn01 {
			position: absolute;
			bottom: -30px;
			right: 97px;
		}


	#mini .performance {
		width: 950px;
		margin: 0 auto 0 auto;
		padding-bottom: 60px;
	}
		#mini .performance .head {
			background: url(../img/aqueous/tit_border.gif) repeat-x center;
			margin-bottom: 30px;
		}
			#mini .performance .head span {
				background: #fff;
				font-size: 24px;
				padding-right: 20px;
			}


		#mini .performance dl dt {
			font-size: 40px;
			color: #00a5ea;
			margin-bottom: 5px;
		}
		#mini .performance dl dd {
			font-size: 18px;
		}

		#mini .performance .cbox {
			padding-top: 50px;
		}
			#mini .performance .cbox dl {
				float: left;
			}
			#mini .performance .cbox .pht {
				float: right;
			}



	#mini .hyou {
		width: 950px;
		margin: 0 auto 0 auto;
	}
		#mini .hyou .head {
			font-size: 16px;
			clear: both;
			margin-bottom: 20px;
		}
		
		#mini .hyou p {
			clear: both;
			padding-top: 10px;
		}

		#mini .hyou table {
			width: 50%;
			float: left;
			border-collapse: collapse;
		}
			#mini .hyou table th {
				dont-size: 14px;
				background: #727171;
				color: #fff;
				padding: 15px;
				border: solid 1px #999;
			}
			#mini .hyou table td {
				background: #fff;
				padding: 15px;
				border: solid 1px #727171;
			}
			#mini .hyou .table01 td {
				border-right: none;
			}

	
	#mini .read {
		line-height: 1.4em;
	}






/* ------------------------- carbo ------------------------- */
#carbo {
}
	#carbo .title {
		 background:#c30e23
	}
	#carbo .tit {
		 background:#c30e23 url(../img/aqueous/tit_carbo.gif) no-repeat center top;
		 color: #FFF;
		 font-weight: bold;
		 font-size: 32px;
		 text-align: center;
		 padding: 20px 0;
		 margin-bottom: 50px;
	}
	#carbo .pointTit {
		font-size: 26px;
		margin: 20px 0;
	}
		#carbo .pointTit strong {
			font-weight: normal;
			color: #c30d22;
			margin-right: 30px;
		}
		#carbo .pointTit .red {
			background: #c30d22;
			color: #FFF;
			padding: 6px 10px;
			margin-right: 10px;
		}
		#carbo .pointTit .cap {
			font-size: 16px;
		}



	#carbo .layout01 {
		font-size: 18px;
		margin-bottom: 40px;
	}
		#carbo .layout01 .txt {
			width: 500px;
			float: left;
			margin-right: 50px;
		}
		#carbo .layout01 .pht {
			padding-top: 30px;
			width: 320px;
			float: left;
		}



	#carbo .layout02 {
		font-size: 18px;
		margin-bottom: 40px;
	}
		#carbo .layout02 .txt {
			width: 560px;
			float: right;
			margin-right: 50px;
		}
		#carbo .layout02 .pht {
			padding-top: 30px;
			width: 328px;
			float: left;
		}

		#carbo .layout02 dl {
			margin-top: 20px;
		}
		#carbo .layout02 dl dt {
			float: left;
			width: 256px;
		}
		#carbo .layout02 dl dd {
			float: right;
			width: 280px;
			font-size: 15px;
		}

		#carbo .btnbox {
			text-align: center;
			margin-top: 20px;
			padding-bottom: 20px;
		}
		#carbo .box {
			border:solid 3px #e12e27;
			box-sizing:border-box;
		}
			#carbo .box dl {
				padding:20px 170px;
			}
				#carbo .box dl dt {
					text-align:center;
					font-weight:bold;
					font-size:24px;
					line-height:1.6;
					margin-bottom:15px;
				}
				#carbo .box dl dd {
					font-size:16px;
				}



	#carbo .layout03 {
		font-size: 18px;
		margin-bottom: 40px;
	}
		#carbo .layout03 .txt {
			width: 650px;
			float: left;
			margin-right: 50px;
		}
		#carbo .layout03 .pht {
			padding-top: 30px;
			width: 287px;
			float: left;
		}

























/* ------------------------- carbomini ------------------------- */
#carbomini {
	background: #f8f6e7;
	padding-bottom: 50px;
}
#carbomini .set {
	margin-bottom: 0;
	padding-bottom: 50px;
}
#carbomini .cell {
	width: 960px;
}
	#carbomini .title {
		 background:#f8f6e7;
	}
	#carbomini .tit {
		 background:#604c3f;
		 color: #FFF;
		 font-size: 32px;
		 text-align: center;
		 padding: 20px 0;
		 letter-spacing: 4px;
		 margin-bottom: 20px;
	}
	#carbomini .pointTit {
		font-size: 26px;
		margin: 20px 0;
	}
		#carbomini .pointTit strong {
			color: #604c3f;
			margin-right: 30px;
		}
		#carbomini .pointTit .red {
			background: #c30d22;
			color: #FFF;
			padding: 6px 10px;
			margin-right: 10px;
		}
		#carbomini .pointTit .cap {
			font-size: 16px;
		}





	#carbomini .layout01 {
		font-size: 18px;
		margin-bottom: 40px;
	}
		#carbomini .layout01 .txt {
			width: 687px;
			float: right;
		}
		#carbomini .layout01 .pht {
			padding-top: 80px;
			width: 248px;
			float: left;
		}

		#carbomini .layout01 dl {
			margin-top: 20px;
		}
		#carbomini .layout01 dl dt {
			float: right;
			width: 324px;
		}
		#carbomini .layout01 dl dd {
			float: left;
			width: 340px;
		}



	#carbomini .readbox {
		width: 858px;
		margin: 0 auto 50px auto;
		padding: 30px 50px;
		border: solid 1px #604c3f;
		position: relative;
	}
		#carbomini .readbox .head {
			font-size: 30px;
			font-weight: bold;
			text-align: center;
			background: #f8f6e7;
			color: #604c3f;
			width: 740px;
			position: absolute;
			top: -25px;
			left: 50%;
			margin-left: -370px;
		}

		#carbomini .readbox p {
			font-size: 18px;
		}



		#carbomini .hyou {
			padding-top: 50px;
			padding-bottom: 20px;
		}
			#carbomini .hyou h4 {
				font-size: 22px;
				font-weight: normal;
				margin-bottom: 10px;
			}
			
			#carbomini .hyou table {
				width: 100%;
				border-collapse: collapse;
			}
				#carbomini .hyou table th {
					dont-size: 14px;
					background: #727171;
					color: #fff;
					padding: 15px;
					border: solid 1px #999;
				}
				#carbomini .hyou table td {
					background: #fff;
					padding: 15px;
					border: solid 1px #727171;
				}









/* ------------------------- aqua3 ------------------------- */
.detailStyle {
	padding-bottom: 50px;
}
	#aqua3 .title{
		background:#0168b7;
	}
	#carbo .title{
		background:#c40e24;
	}
	
	.detailStyle .set {
		padding-bottom: 100px;
		width:1040px;
		margin:0 auto;
	}
		.detailStyle .leftside {
			float:left;
			width:100px;
			padding:30px 30px 0 0;
		}
			.detailStyle .leftside p{
				font-size:28px;
				font-weight:bold;
				text-align:right;
			}
			#aqua3 .leftside p{
				color:#0168b7;
			}
			#carbo .leftside p{
				color:#e43027;
			}
		
		
		
		
		
		.detailStyle .rightside {
			float:right;
			width:875px;
			padding:30px 0 0 34px;
			border-left:1px solid #dddddd;
		}
			.detailStyle .rightside .lead{
				letter-spacing:0.1em;
				font-weight:bold;
				font-size:26px;
				margin-bottom:30px;
				line-height:38px;
			}
				.detailStyle .rightside .lead span{
					background: #c30d22;
					color: #FFF;
					padding: 0px 10px;
					font-size:20px;
					float:left;
					display:block;
					margin:0 10px 5px 0;
				}
			.detailStyle .rightside .block+.block {
				margin-top:60px;
			}
				.detailStyle .rightside .block h3{
					font-size:40px;
					font-weight:lighter;
					margin-bottom:20px;
				}
					.detailStyle .rightside .block h3 span{
						font-size:18px;
						font-weight:lighter;
						color:#000 !important;
					}
				#aqua3 .rightside .block h3{
					color:#0168b7;
				}
				#carbo .rightside .block h3{
					color:#e43027;
				}
				.detailStyle .rightside .block p.txt{
					font-size:16px;
					margin-bottom:20px;
				}
				.detailStyle .rightside .block p.txtStyle01{
					font-size:32px;
					font-weight:bold;
					color:#fff;
					margin-bottom:20px;
					text-align:center;
					padding:8px;
					letter-spacing:0.1em;
				}
					#carbo  .rightside .block p.txtStyle01 span{
						font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
						font-weight:bold;
						font-size:42px;
					}
					#carbo .rightside .block p.txtStyle01{
						background:#e43027;
					}
					
				.detailStyle .rightside .block p.txtStyle02{
					font-size:20px;
					font-weight:bold;
					color:#fff;
					margin-bottom:20px;
					padding:8px;
				}
					#carbo .rightside .block p.txtStyle02{
						background:#e43027;
					}
					
				.detailStyle .rightside .block p.comment{
					font-size:14px;
					margin:20px 0 0 0;
				}


				.detailStyle .rightside .block .lCell{
					width:445px;
					float:left;
					margin-right:30px;
				}
				.detailStyle .rightside .block .rCell{
					width:400px;
					float:right;
				}
				
				.detailStyle .rightside .block .halfCell+.halfCell{
					margin-top:40px;
				}
					.detailStyle .rightside .block .halfCell dt{
						width:420px;
						float:left;
					}
					.detailStyle .rightside .block .halfCell dd{
						width:420px;
						float:right;
					}
					.detailStyle .rightside .block .halfCell p img{
						float:right;
						margin:0 0 10px 10px;
					}