@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
body {
		background-color:#ffffff; /*ページ全体の背景色:白*/
		background-image:none;	 		/*ページ全体の背景画像非表示*/
		color:#000000;			/* 文字色:黒 */
		line-height:1.5;		/* 行の高さを1倍 */
}
div#pagebody {
		width:100%;		/*内容全体をセンタリング*/
		background-image:none;			/*コンテンツ全体の背景画像*/
		background-repeat:no-repeat;	/*背景画像を繰り返さない*/
}
.print {
page-break-after: always;
}

/*============================================
ヘッダ
============================================*/
div#header {
		height:75px;				/*ヘッダ部分の高さ*/
}
div#header h1 {
		padding:0px;	/*見出しの位置調整*/
		width: 100%; height:auto;	/*ヘッダ部分の高さ*/
		margin:0px; 			/*マージン0px*/
}
.headimg_adress {
		display: none;
}
ul#head {
		margin:0px 0px 0px 0px; 		/*マージン*/
}
#head li {
		list-style-type:none;		/*リストマーカー無しにする*/
		text-align:center;		/*テキストをセンター揃えにする*/
}

/*============================================
メインメニュー/ヘッダ画像/サブメニュー（左カラム）/フッタ
============================================*/
ul#menu, ul#footnav, #img_head, div#submenu, div#footer{
		display: none;
}

/*============================================
インフォメーション（右カラム）
============================================*/
div#info p{
		width:100%;					/*幅の指定*/
}
.infoimg_index {
		width:240px; height:auto;	/*画像の表示サイズ*/
		margin:10px 0px 20px 20px;	/*マージン*/
		float:right;				/*画像を右寄せにする*/
}
.infoimg_business {
		width:320px; height:auto;	/*画像の表示サイズ*/
		margin:0px 20px 20px 20px;	/*マージン*/
		float:left;					/*画像を左寄せにする*/
}
.infoimg_flow {
		width:670px; height:auto;	/*画像の表示サイズ*/
		margin:0px 0px 0px 20px;	/*マージン*/
		float:left;					/*画像寄せにする*/
}
.infoimg_production {
		width:320px; height:auto;	/*画像の表示サイズ*/
		margin:0px 20px 20px 20px;	/*マージン*/
		float:left;					/*画像を左寄せにする*/
}
.infoimg_tel {
		display:block;				/*ブロック表示にする*/
		margin:0px 0px 20px 20px;	/*マージン*/
		width:400px; height:auto;	/*画像の表示サイズ*/
}
hr {
		width: 100%;
}

/*============================================
画像スライド設定
============================================*/
 /*=== 画像の表示エリア ================================= */
.slide, .slide img{
display: none;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;	/* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 32s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 8s }
.slide img:nth-of-type(3) { animation-delay: 16s }
.slide img:nth-of-type(4) { animation-delay: 24s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   4% { opacity: 1 }
  21% { opacity: 1 }
  25% { opacity: 0 }
 100% { opacity: 0 }
}

/*============================================
googleMAP設定
============================================*/
.ggmap {
		position: relative;
		padding-bottom: 56.25%;	/*アスペクト比16：9*/
		height: 0;
		overflow: hidden;
}
.ggmap iframe {
		position: absolute;
		top: 10px;
		left: 20px;
		width: 100%;
		height: 100%;
}