@charset "utf-8";

	#titleArea {
		background: #fff url(../imgs/main.jpg) no-repeat 50% 0;
	}
	#titleArea h2 {
		color: #ffffff;
	}

/* 2016/09 heading START */

/*	.titleArea.titleIndex {
		background-image: url(../imgs/main.jpg);
	}*/

	.titleArea {
		background: url("../imgs/bg-titleArea.jpg") 0 0 no-repeat;
		background-size: cover;
	}

	.titleArea .sp {
		display: none;
	}

	.titleArea img {
		max-width: 100%;
	}

	.titleArea.titleIndex .pTitle {
		margin-bottom: 40px;
		text-align: center;
	}

	.titleArea_txt {
		margin-bottom: 40px;
		color: #fff;
		font-size: 13px;
		letter-spacing: 0.04em;
		line-height: 2;
		text-align: center;
	}

	.titleArea_icn {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 20px;
	}

	.titleArea_icn li {
		width: calc(138/960*100%);
		margin-right: calc(14/960*100%);
	}

	.titleArea_icn li:last-child {
		margin-right: 0;
	}

	.titleArea_link {
		text-align: right;
	}

	.titleArea_link a {
		color: #fff;
	}

	.titleArea_link a:before {
	  content: "";
	  display: inline-block;
/*	  position: absolute;*/
	  width: 0;
	  height: 0;
	  border: 5px transparent solid;
		border-left: 5px #fff solid;
	}

	.box .titleA {
	    font-size: 116.7%; /* 14xp */
	    margin-bottom: 0;
	    padding-left: 0;
	    border-left: none;
	}
  @media screen and (max-width:599px) {
    .unLayindex .box .titleA {
      margin-left: 0!important;
    }
  }

@media screen and (max-width:599px) {
	.titleArea.titleIndex {
		padding: 45px 0;
	}

	.titleArea .sp {
		display: block;
	}

	.titleArea .pc {
		display: none;
	}

	.titleArea.titleIndex .pTitle {
		margin-bottom: 20px;
	}

	.titleArea_txt {
		margin-bottom: 20px;
		text-align: left;
	}

	.titleArea_icn li {
		width: 30%;
		margin: 0 5% 10px 0;
	}

	.titleArea_icn li:nth-child(3n) {
		margin-right: 0;
	}
}

/* 2016/09 heading END */

	#pageIndex01 .left {
		float: left;
		width: 460px;
	}
	#pageIndex01 .right {
		float: right;
		width: 460px;
	}

	#pageIndex01 .box .inner {
		width: 100%;
		padding-top: 3px;
		background: #ffffff url(../../common/imgs/bg-inner.gif) repeat-x 50% 0;
	}
	#pageIndex01 .box .clearfix {
		padding: 15px 15px 0;
	}
  @media screen and (max-width:599px) {
	 #pageIndex01 .left {
		 margin-bottom: 30px !important;
	}
    #pageIndex01 .box .clearfix {
      background: none!important;
    }
  }
	#pageIndex01 .box .title {
		margin-bottom: 20px;
	}
	#pageIndex01 .box .title a {
		color: #0060b0;
	}
	#pageIndex01 .box .clearfix .fl {
		width: 61px;
	}
	#pageIndex01 .box .clearfix .fr {
		width: 340px;
		padding-top: 20px;
	}
	#pageIndex01 .box .body dd {
		padding-bottom: 10px;
		padding-left: 20px;
		border-bottom: 1px solid #e6e6e6;
	}
	#pageIndex01 .box .body dd a {
		color: #0060b0;
		text-decoration: underline;
	}
	#pageIndex01 .box .body dd a:hover {
		text-decoration: none;
	}
	#pageIndex01 .box .body dd.btm {
		padding-bottom: 0;
		border-bottom: none;
	}
	#pageIndex01 .box .body dt {
		display: block;
		padding-top: 10px;
		padding-left: 10px;
	}
	#pageIndex01 .box .body dt a {
		background: transparent url(../../common/imgs/bg-arrw-left.gif) no-repeat 0 50%;
		display: block;
		color: #0060b0;
		text-decoration: underline;
		padding: 0 0 0 10px;
		font-weight: bold;
	}
	#pageIndex01 .box .body dl dt a:hover {
		text-decoration: none;
	}

	#supplyList .box .inner {
		background: #ffffff url(../imgs/bg-supplylist.gif) repeat-y left top;
	}
	#supplyList .box .titleArea {
		float: left;
		width: 195px;
		text-align: center;
		padding-top: 80px;
	}
	#supplyList .box .titleArea .title {
		line-height: 24px;
	}
	#supplyList .box .body div {
		float:left;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		margin-right: 12px;
		padding-right: 12px;
		width: 160px;
		border-right: 1px #cccccc solid;
	}
	#supplyList .box .body div.last {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}

/* 2016/09 heading START */

	#pageIndex01 .bnrBox a {
		display: block;
		color: #000;
	}
	#pageIndex01 .bnrBox a:hover {
		opacity: .7;
	}

	#pageIndex01 .bnrBox .inner {
		position: relative;
		width: auto;
	    padding-top: 0;
	    background: none;
	    background-color: #f8f8f7;
	}
	#pageIndex01 .bnrBox .inner:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 25px;
		width: 7px;
		height: 9px;
		margin-top: -4px;
		background: url(../imgs/bnr-supply-icn.png) no-repeat center;
	}
  @media screen and (max-width:599px) {
    #pageIndex01 .bnrBox .inner:before {
      display: none;
    }
  }

	#pageIndex01 .bnrBox .clearfix {
	    padding: 0;
	}
	#pageIndex01 .bnrBox .left {
		width: 205px;
		padding-top: 22px;
		padding-left: 55px;
	}
  @media screen and (max-width:599px) {
    #pageIndex01 .bnrBox .left {
      display: block!important;
    }
  }
	#pageIndex01 .bnrBox .right {
	    width: auto;
	}
  #pageIndex01 .bnrBox .right img {
	    width: 690px;
	}
  @media screen and (max-width:599px) {
    #pageIndex01 .bnrBox .right img {
        display: none;
    }
  }

	#pageIndex01 .bnrBox .left p {
		float: left;
	}
	#pageIndex01 .bnrBox .left .titleBox {
		float: right;
		padding-top: 36px;
	}
  @media screen and (max-width:599px) {
    #pageIndex01 .bnrBox .left .titleBox {
      padding-top: 16px;
    }
  }
	.bnrBox .titleA {
		color: #035ba5;
		font-size: 18px;
		margin-bottom: 5px;
	}

/* 2016/09 heading END */