@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
 * {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}

body {
	background-color:#cccccc;		/*ページ全体の背景色*/
	background-image:url("images/bg_body2.webp");	/*ウェブページ全体の背景画像*/
	font-size:100%;		/* フォントサイズを100%にする */
	font-family: "BIZ UDGothic",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.5;	/* 行の高さを1.5倍にする */
	color:#333333;		/* 文字色を濃い目のグレーにする */
	-webkit-text-size-adjust: 100%;
	
}
div#pagebody {
	width:1000px; 
	margin:10px auto;	/*内容全体をセンタリング*/
	background-color:#ffffff;		/*内容全体の背景色*/
	background-image:url("images/bg_pagebody.png");	/*コンテンツ全体の背景画像*/
	background-repeat:repeat-y;			/*背景画像を縦方向に繰り返す*/
}




/*============================================
ヘッダ
============================================*/
div#header {
	float:left;	
	height:auto;				/*ヘッダ部分の高さ*/
	padding:20px 0px 10px 40px;
	
}

div#header img{
	padding:0px;
	margin:0px;
	
}

/*============================================
会社名
============================================*/

div#header h1{
	padding:0px 0px 0px 5px;
	color:#000000;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	font-size:15px;				/*フォントのサイズ*/
	font-family:BIZ UDGothic, sans-serif;
	text-align:left;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/

}

/*============================================
メインメニュー
============================================*/
div#menu {
	float:left;
	width:auto; 

}

div#menu ul{
	margin:70px 10px 0px 0px; 		/*上下マージン0px、左右マージン20px*/
	padding:0px 0px 20px 40px;
	white-space: nowrap;
}

div#menu li {
	white-space:normal;
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
	
}
div#menu li a {
	/*background-color:#008080;*/	/*背景色*/
	color:#000000;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	font-size:20px;				/*フォントのサイズ*/
	font-family:BIZ UDGothic, sans-serif;
/*	width:120px; */
	height:37px;	/*幅と高さ*/
	padding:6px 10px 0px 10px;	/*上パディング*/
	text-align:center;		/*テキストをセンター揃えにする*/
	text-decoration:none;		/*リンク部分を下線無しにする*/
	background-repeat:no-repeat; 			/*背景画像を繰り返さない*/
	/*border-radius:3px;*/			/*角丸にする*/
	/*border-style:outset;*/
}
div#menu li a:hover {
	background-color:#FFEFEF; 	/*リンクにマウスが乗ったら背景色を変更する*/
	/*background-image:url(images/bg_menu2_2.png);*/ 	/*リンクにマウスが乗ったら背景画像を変更する*/
}


div#menuBoder{
	width:94%; 
	margin:0px 3%;
}

/*============================================
シカ画像
============================================*/

div#img_index{
	clear:both;			/*回り込みを解除する*/
	position:relative;
}

div#img_indexL{
	width:950px;		/*幅の指定*/
	height:auto;
	margin:10px;		/*マージン*/
	text-indent:1em;		/*インデント幅*/
}

div#img_indexL img{
	width:100%;
}
/*
div#img_indexR{
	position:absolute;
	top:0px;
	left:660px;
	
	width:288px;		//幅の指定
	height:auto;
	margin:0px,10px;		//マージン
	text-indent:1em;		//インデント幅
}

div#img_indexR img{
	width:100%;
}
*/
div#img_sikacore {
	clear:both;
	width:90%;
	margin:10px 0px 5px 5%;		/*マージン*/
}

div#img_sikacore img{
	width:100%;
	
}

/*============================================
サブメニュー（左カラム）
============================================*/

div#submenu {
	clear:both;			/*回り込みを解除する*/
	width:90%;height:auto;		/*幅の指定*/
	margin:10px 10px 7px 10px;	/*位置調整*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

div#submenu h2 {
	width:400px; height:auto;		/*幅と高さ div#submenu h2*/
/*	padding:10px 0px 0px 40px;	*/	/*パディング*/
	font-size:24px;			/*フォントサイズ*/
	font-family:BIZ UDGothic, sans-serif;
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
/*	background-color:#BB3366;	*/	/*背景色*/
	color:#000000;			/*文字色*/
	border-radius:3px;			/*角丸にする*/
/*	text-align:center;*/
	
}

div#submenu #sub_index{
	padding:10px 0px 0px 30px;		/*パディング*/
}

div#submenu #sub_profile{
	padding:10px 0px 0px 30px;		/*パディング*/
}

div#submenu #sub_product{
	padding:10px 0px 0px 30px;		/*パディング*/
}

div#submenu #sub_technology{
	padding:10px 0px 0px 30px;		/*パディング*/
}

/*============================================
インフォメーション（右カラム）
============================================*/
div#info {
	clear:both;			/*回り込みを解除する*/
	width:800px;		/*幅の指定*/
	float:left;			/*カラムを左寄せにする*/
	padding:10px 20px 0px 100px;		/*パディング*/
}

div#info_list1{
	list-style: "- ";
	padding :0px 0px 0px 80px;
	margin:0px 0px 0px 0px;
	text-indent: -50px;
}
div#info_list1 a{
	font-size:18px;	
}

div#info_list2{
	list-style: inside;
	padding :0px 0px 0px 50px;
	margin:0px 0px 0px 10px;
	text-indent: -40px;
}

div#info_list3{
	list-style: inside;
	padding :0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
	text-indent: 0px;
}

h3 {
	font-size:18px;			/*文字サイズ*/
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-family:BIZ UDGothic, sans-serif;
	width:100%;			/*横幅*/
	padding:10px 0px 10px 20px;		/*パディング*/
	background-color:#FFFFFF;		/*背景色*/
	color:#000000;			/*文字色*/
	border-radius:10px;			/*角丸にする*/
	z-index: 0;
	position: relative;
}

h4 {
	font-size:16px;			/*文字サイズ*/
/*	font-family:Arial, Helvetica, sans-serif; */
	font-family:BIZ UDGothic, sans-serif;
	width:100%;			/*横幅*/
	padding:0px 0px 0px 32px;		/*パディング*/
	border-radius:3px;			/*角丸にする*/
/*	color:#555555;*/
	color:#000000;
}

h5 {
	font-size:18px;			/*文字サイズ*/
	font-family:BIZ UDGothic, sans-serif;
	width:95%;			/*横幅*/
	padding:10px 0px 10px 30px;		/*パディング*/
	color:#555555;			/*文字色*/
	border-radius:3px;			/*角丸にする*/
}

h6 {
	font-size:15px;			/*文字サイズ*/
	font-family:BIZ UDGothic, sans-serif;
	width:95%;			/*横幅*/
	padding:0px 0px 0px 68px;		/*パディング*/
	border-radius:3px;			/*角丸にする*/
	color:#555555;
}

hr {
	width:100%;
}

span{
	z-index: 1;
	position: relative;
}

.tate{
  	margin-top:10px;
}

span.kyoutyou{
	font-size:19px;
	color:#000000;
}

span.small{
	font-size:16px;
}

span {
   display: inline-block;
}


.indent{
	margin:0px 0px 0px 30px;	/*位置調整*/
}

.indent2{
	margin:0px 0px 0px 50px;	/*位置調整*/
	padding:0px 0px 0px 0px;		/*パディング*/
}

.indent3{
	margin:0px 0px 0px 80px;	/*位置調整*/
	padding:0px 0px 0px 0px;		/*パディング*/
}

.indent4{
	margin:0px 0px 0px 10px;	/*位置調整*/
}

div#info0001 p{
	/*height:0px;*/
	font-size:16px;			/*文字サイズ*/
/*	font-family:Arial, Helvetica, sans-serif;*/
	font-family:BIZ UDGothic, sans-serif;
	background-color:#FFDFFF;
}

.sample1Oya {
  position: relative;                  /* 指定した分だけ相対的に移動 */
  
}
.sample1Oya:hover .sample1 {
  display: inline;                     /* インライン要素として表示 */
}

 /* --- 吹き出し ------------------ */
.sample1 {
  	display: none;                        /* 要素を非表示 */
  	position: absolute;                   /* 親要素を基準 */
  	padding: 10px;                         /* テキストの前後の余白 */
  	background-color: rgba(255, 220, 255, 1.00);  /* 背景色（透明度） */
  	width: 550px;                         /* 吹き出し全体の幅 */
  	left : 100px;                           /* 表示位置 */
  	font-size:18px;                      /* 文字サイズ */
  	/*font-family:Arial, Helvetica, sans-serif;*/
  	font-family:BIZ UDGothic, sans-serif;
  	border-radius:10px;
  	border-style:outset;
  	z-index: 1;
 /* animation: sample1Anime 1s linear;*/
}
.sample1:after{
	z-index: 1;
	font-size:24px;			/*文字サイズ*/
	font-family:Arial, Helvetica, sans-serif;                    /* テキストの前後の余白 */
/* 	border-left: 12px solid rgba(255, 102, 255, 0.50);*/  /* 吹き出し口の幅・色 */
/*  border-bottom: 10px solid transparent;*/  /* 吹き出し口の高さ１／２ */
/*  border-top: 10px solid transparent;*/     /* 吹き出し口の高さ１／２ */
/*  right: -12px;*/                           /* 吹き出し口の位置調整 */
/*  top : 5%;*/                               /* 吹き出し口の縦位置 */
  content: "";                            /* コンテンツの挿入 */
  position: absolute;                     /* 親要素を基準 */
  left:50px;
}
/*
@keyframes sample1Anime{
 100% { transform: rotate(360deg); }*/      /* 回転を指定 */
/*}*/

.video_wrapper {
    position: relative;left:20px;
    width: 704px;
    height: 528px;
    overflow: hidden;
    
}

.video_wrapper > video {

width: 100%;
}

.video_wrapper2 {
    position: relative;left:20px;
    width: 326px;
    height: 576px;
    overflow: hidden;
    
}

.video_wrapper2 > video {

width: 100%;
}

.video_wrapper3 {
    position: relative;left:20px;
    width: 639px;
    height: 360px;
    overflow: hidden;
    
}

.video_wrapper3 > video {

width: 100%;
}

img.kneeAssis_img {
    position: relative;left:30px;
    width: 270px;
    height: 450px;
    
}

img.flow_img {
    position: relative;left:30px;
    width: 350px;
    height: 350px;
    
}


/*============================================
備考情報
============================================*/
div.remarks {
	margin:0px 10px 10px 10px;
}
/*h4 {
	color:#000066;
}*/

div#sika{
	float:left;			/*カラムを左寄せにする*/
	margin:30px 10px 7px 42%;	/*位置調整*/
	width:120px; height:120px;		/*幅と高さ*/
	position: relative;			/*ボックス内配置を相対位置に*/
	background: url("images/sika2.png"); /*width="120" height="120";*/
	background-size:120px 120px;
}


div#sika a{
/*	background-image:url("images/sika.png");no-repeat;*/
	display: block;
	width: 100%;
/*	margin: 10px;*/
/*	padding: 10px;*/
}

/*div#sika a img{
	margin: 10px
	padding: 10px;
}*/

div#sika a:hover{
	background-color: transparent;
}
div#sika a:hover img {
    visibility: hidden;
}

div#sika p{
	position: absolute;		/*基準位置からの配置に変更*/
	top:70px;
	left:20px;
	font-size:20px;			/*文字サイズ */
	font-family:fantasy, sans-serif;
}


/*============================================
フッタ
============================================*/
div#footer {
	clear:both;			/*回り込みを解除する*/
	height:40px;			/*高さの指定*/
	padding:50px 0px 0px 0px;	/*パディング*/
	font-size:x-small;		/*フォントサイズを小さくする*/
	text-align:center;		/*センタリング*/
}