@charset "Shift_JIS";
/*COMPANY共通ヘッダ*/
#company-top{
  width : 1000px;
  height : 110px;
  background-image : url(../company/img/title.png);
  padding-top : 70px;
  background-repeat : no-repeat;
}

#company-header{
  background-image : url(../company/img/company-header.gif);
  background-repeat : repeat-x;
}

/*COMPANYタイトル*/

/*ごあいさつ*/
#title-greeting{
  height : 130px;
  background-image : url(../company/img/company-title01.gif);
  background-repeat : no-repeat;
}
/*会社概要*/
#title-profile{
  height : 130px;
  background-image : url(../company/img/company-title02.gif);
  background-repeat : no-repeat;
}
/*会社沿革*/
#title-history{
  height : 130px;
  background-image : url(../company/img/company-title03.gif);
  background-repeat : no-repeat;
}
/*営業拠点*/
#title-position{
  height : 130px;
  background-image : url(../company/position/img/title.gif);
  background-repeat : no-repeat;
}
/*営業拠点TOP*/
#position-top{
  margin-left : 0px;
  background-image : url(../company/position/img/position-top.gif);
  background-repeat : no-repeat;
  width : 710px;
  height : 658px;
  vertical-align : bottom;
}
#position-list{
  background-image : url(../company/position/img/point.gif);
  background-repeat : no-repeat;
  color : #00c4f3;
  padding-left : 16px;
  height : 25px;
}

#position-list a{
  color: #00c4f3;
}

#position-list a:visited{
  color: #00c4f3;
  text-decoration: underline;
}

#position-list a:active{
  color: #F7C05B;
}





/*営業拠点table*/
#position-map-left{
  text-align : left;
  vertical-align : top;
  width : 330px;
  float : left;
  height : 658px;
}
#position-table{
  text-align : left;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-top-style : solid;
  border-bottom-style : solid;
  background-color : white;
  padding-bottom : 13px;
  padding-top : 13px;
  font-size : 14px;
}
/*営業拠点共通*/
#position01{
  text-align : left;
  background-color : #efeeed;
  padding-left : 10px;
  font-size : 18px;
  padding-top : 5px;
  padding-bottom : 1px;
  width : 500px;
  float : left;
  height : 30px;
}
#position02{
  text-align : right;
  background-color : #efeeed;
  width : 190px;
  right : 0px;
  float : right;
  height : 30px;
  padding-right : 10px;
  padding-top : 5px;
  padding-bottom : 1px;
}
#position03{
  font-size : 14px;
  right : 0px;
  float : left;
  padding-right : 10px;
  padding-top : 5px;
  padding-bottom : 1px;
  padding-left : 15px;
}
#position04{
  font-size : 20px;
  right : 0px;
  padding-right : 10px;
  padding-top : 5px;
  padding-left : 10px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : red;
  margin-bottom : 13px;
}
/* 各拠点への横リンク文字色 */
#position-link{
  color: #000000;
}

#position-link a:visited{
/*
  color: #666666;
*/
  color: #000000;
  text-decoration: underline;
}

#position-link a:hover{
  color: #ff0033;
  text-decoration: none;
}

#position-link a:active{
  color: #F7C05B;
}


/*TVCM*/
#title-tvcm{
  height : 130px;
  background-image : url(../company/img/company-title05.gif);
  background-repeat : no-repeat;
}
/*ワイエスグループ*/
#title-ysgroup{
  height : 80px;
  background-image : url(../company/img/company-title06.gif);
  background-repeat : no-repeat;
  padding-left : 300px;
  padding-top : 50px;
}

#title-ysgroup a:visited{
  color: #666666;
  text-decoration: underline;
}
#title-ysgroup a:hover{
  color: #ff0033;
  text-decoration: none;
}


/*ISO9001*/
#title-iso9001{
  height : 130px;
  background-image : url(../company/img/company-title07.gif);
  background-repeat : no-repeat;
}
/*ISO14001*/
#title-iso14001{
  height : 130px;
  background-image : url(../company/img/company-title08.gif);
  background-repeat : no-repeat;
}
/*ISO9001文字飾り*/
#iso1{
  font-size : 17px;
  color : #00c5f4;
  font-weight : 40;
  font-weight : bold;
  margin-bottom : 15px;
}
#iso2{
  font-weight : 40;
  background-color : #00c5f4;
  padding-left : 10px;
  color : white;
  font-weight : 600;
  padding-top : 5px;
  padding-bottom : 5px;
  width : 490px;
  margin-bottom : 15px;
}
#iso3{
  padding-left : 10px;
  padding-bottom : 20px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  width : 490px;
  line-height : 28px;
}
#iso4{
  padding-left : 10px;
  padding-bottom : 20px;
  width : 490px;
}
#iso5{
  padding-left : 10px;
  padding-bottom : 20px;
}
/*ISO14001文字飾り*/
#iso6{
  font-size : 17px;
  color : #34bf4c;
  font-weight : 40;
  font-weight : bold;
  margin-bottom : 15px;
}
#iso7{
  font-size : 15px;
  font-weight : 40;
  background-color : #34bf4c;
  padding-left : 10px;
  color : white;
  font-weight : 600;
  padding-top : 5px;
  padding-bottom : 5px;
  width : 490px;
  margin-bottom : 15px;
}
#iso8{
  padding-left : 10px;
  padding-bottom : 20px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  width : 490px;
  line-height : 28px;
}
#iso9{
  padding-left : 10px;
  padding-bottom : 20px;
  width : 490px;
}
#iso10{
  padding-left : 10px;
  padding-bottom : 20px;
  line-height : 28px;
}
/*リストマーク*/
#list-1{
  margin-left : -15px;
  padding-bottom : 10px;
}
#list-2{
  list-style:none;
  margin:0 0 0 -1.5em;
  text-indent:-1.5em;
  padding-bottom : 10px;
}


/*会社沿革*/
/*大正*/
#taisyo{
  background-image : url(../company/history/img/taisyo.gif);
  background-repeat : no-repeat;
  height : 80px;
  width : 60px;
  float : left;
  margin-right : 10px;
  padding-top : 20px;
}
#taisyo-time{
  height : 40px;
  width : 150px;
  float : left;
  background-color : #d8d4ca;
  margin-right : 10px;
  padding-top : 20px;
}
#taisyo-naiyou{
  background-repeat : no-repeat;
  height : 40px;
  float : left;
  background-color : #d8d4ca;
  width : 460px;
  padding-top : 20px;
  padding-left : 20px;
}
/*昭和*/
#syowa{
  width : 60px;
  float : left;
  margin-right : 10px;
  padding-top : 20px;
  height : 1520px;
  background-image : url(../company/history/img/syowa.gif);
  background-repeat : no-repeat;
}
#syowa-time{
  height : 40px;
  width : 150px;
  float : left;
  background-color : #e1e8d2;
  margin-right : 10px;
  padding-top : 20px;
  font-size : 95%;
}
#syowa-naiyou{
  background-repeat : no-repeat;
  height : 40px;
  float : left;
  background-color : #e1e8d2;
  width : 460px;
  padding-top : 20px;
  padding-left : 20px;
  margin-bottom : 10px;
  font-size : 92%;
}
/*平成*/
#heisei{
  width : 60px;
  float : left;
  margin-right : 10px;
  padding-top : 20px;
  height : 1460px;
  background-color: #dbe8ed;
  /* background-image : url(../company/history/img/heisei.gif); */
  /* background-repeat : no-repeat; */
  /* background-position:100% -88px; */
  position: relative;
}
#heisei:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #dbe8ed #fff #fff #fff;
	border-width: 20px 30px 0 30px;
}
#heisei-time{
  height : 40px;
  width : 150px;
  float : left;
  background-color : #dbe8ed;
  margin-right : 10px;
  padding-top : 20px;
  font-size : 95%;
}
#heisei-naiyou{
  background-repeat : no-repeat;
  height : 40px;
  float : left;
  background-color : #dbe8ed;
  width : 460px;
  padding-top : 20px;
  padding-left : 20px;
  margin-bottom : 10px;
  font-size : 92%;
}
/*令和*/
.reiwa{
  width : 60px;
  float : left;
  margin-right : 10px;
  padding-top : 20px;
  height : 400px;
  background-color : #f8dbe0;
  /* background-image : url(../company/history/img/heisei.gif); */
  /* background-repeat : no-repeat; */
  /* background-position:100% -88px; */
  position: relative;
}
.reiwa:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #f8dbe0 #fff #fff #fff;
	border-width: 20px 30px 0 30px;
}
.reiwa-time{
  height : 40px;
  width : 150px;
  float : left;
  background-color : #f8dbe0;
  margin-right : 10px;
  padding-top : 20px;
  font-size : 95%;
}
.reiwa-naiyou{
  background-repeat : no-repeat;
  height : 40px;
  float : left;
  background-color : #f8dbe0;
  width : 460px;
  padding-top : 20px;
  padding-left : 20px;
  margin-bottom : 10px;
  font-size : 92%;
}

/* 会社概要 役員 */
ul#officer{
  /*display: flex;
  flex-wrap: wrap;*/
  list-style: none;
  padding: 0;
  margin: 0;
}
ul#officer li{
  display:inline-block;
}
ul#officer li.post{
  /*flex-basis: 24%;*/
  width:24%;
}
ul#officer li.name{
  /*flex-basis: 20%;*/
  width:20%;
}
ul#officer li.affiliation{
  /*flex-basis: 56%;*/
  width:56%;
}