@charset "UTF-8";




/***** hydrogen_station *****/

.hydrogen-cont-area{
	width: 960px;
	margin: -404px auto 0;
	position:relative;
	z-index: 10;
}

.hydrogen-cont-area .area01 h2{
	margin: 0 0 28px 0;
}

.hydrogen-cont-area .area01 p{
	font-size: 20px;
	color: #0071B0;
	font-weight: bold;
	line-height: 2.0
}


.hydrogen-cont-area .area02{
	width: 860px;
	height: 712px;
	margin: -33px 0 0;
	padding: 300px 50px 0;
	background:url(../img/product/hydrogen/hydrogen-area02_bgimage.png) no-repeat center top;
}

.hydrogen-cont-area .area02 ul.ul01{
	display: table;
	margin: 28px 0 35px 0;
}

.hydrogen-cont-area .area02 ul.ul01 .left{
	display: table-cell;
	vertical-align: top;
	width: 403px;
}

.hydrogen-cont-area .area02 ul.ul01 .right{
	display: table-cell;
	vertical-align: top;
	width: 449px;
}

.hydrogen-cont-area .area02 ul.ul01 .left h3{
	margin: 0 0 26px 0;
}

.hydrogen-cont-area .area02 ul.ul01 .left p{
	font-size: 18px;
	color: #ffffff;
	letter-spacing: -1.5px;
	line-height: 1.8;
}

.hydrogen-cont-area .area02 .title{
	font-size: 23px;
	color: #ffffff;
	margin: 0 0 28px 0;
}

.hydrogen-cont-area .area06 ul.ul02 li,
.hydrogen-cont-area .area05 ul.ul02 li,
.hydrogen-cont-area .area04 ul.ul02 li,
.hydrogen-cont-area .area03 ul.ul02 li,
.hydrogen-cont-area .area02 ul.ul02 li{
	float: left;
	width: 205px;
}

.hydrogen-cont-area .area02 ul.ul02 li{
	color: #ffffff;
}

.hydrogen-cont-area .area06 ul.ul02 li.li01,
.hydrogen-cont-area .area05 ul.ul02 li.li01,
.hydrogen-cont-area .area04 ul.ul02 li.li01,
.hydrogen-cont-area .area03 ul.ul02 li.li01,
.hydrogen-cont-area .area02 ul.ul02 li.li01{
	margin-right: 12px;
}

.hydrogen-cont-area .area02 ul.ul02 li .image{
	margin: 0 0 18px 0;
}

.hydrogen-cont-area .area02 ul.ul02 li h4{
	font-size: 16px;
	margin: 0 0 10px 0;
}

.hydrogen-cont-area .area02 ul.ul02 li p{
	font-size: 14px;
}


.hydrogen-cont-area .area03{
	width: 860px;
	margin: 38px 0 0;
	padding: 0 50px;
}

.hydrogen-cont-area .area03 h3{
	margin: 0 0 26px 0;
}

.hydrogen-cont-area .area03 p{
	font-size: 18px;
	color: #0071B0;
	letter-spacing: -1.5px;
	line-height: 1.8;
	margin: 0 0 50px 0;
}

.hydrogen-cont-area .area03 .image{
	margin: 0 0 126px 0;
}


.hydrogen-cont-area .area04{
	width: 860px;
	margin: 38px 0 307px;
	padding: 0px 50px 0;
}

.hydrogen-cont-area .area04 h3{
	margin: 0 0 45px 0;
}

.hydrogen-cont-area .area04 ul.ul01{
	display: table;
	width: 860px;
	margin: 0 0 50px 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.hydrogen-cont-area .area04 ul.ul01 .left{
	display: table-cell;
	vertical-align: top;
	width: 410px;
}

.hydrogen-cont-area .area04 ul.ul01 .right{
	display: table-cell;
	vertical-align: top;
	width: 410px;
	text-align: left;
	padding-left: 20px;
	border-left: 1px solid #1A1311;
}

.hydrogen-cont-area .area04 ul.ul01 h4{
	margin: 0 0 20px 0;
}

.hydrogen-cont-area .area04 ul.ul01 p{
	font-size: 16px;
	color: #0071B0;
	letter-spacing: -1.5px;
	line-height: 1.8;
}

.hydrogen-cont-area .area04 .note{
	font-size: 16px;
	color: #0071B0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}