@charset "utf-8";

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

html {
	width:100%;			/*ページ全体の横幅*/
	 margin:0px;
	 padding:0px;
}

body {
	width:100%;			/*ページ全体の横幅*/
	 margin:0px;
	 padding:0px;
	background-color:#eeeeee;	/*ページ全体の背景色*/
	background-image:none;		/*ウェブページ全体の背景画像を無しにする*/
	font-size:100%;			/* フォントサイズを100%にする */
/*	-webkit-text-size-adjust: 100%;*/
}
div#pagebody {
	width:100%; margin:0px;	/*内容全体をセンタリング*/
	 padding:0px;
	background-image:none;		/*コンテンツ全体の背景画像を無しにする*/
	background-repeat:no-repeat;	/*背景画像を繰り返さない*/
}




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

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

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

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

}


/*============================================
メインメニュー
============================================*/
div#menu{
	width:100%;
	padding:0px 0px 10px 40px;
}

div#menu ul{
	margin:0px;
	padding:0px;
	/*white-space: nowrap;*/
}
div#menu li {
	white-space:normal;
	list-style-type:inside;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
	
}
div#menu li a {
	/*background-color:#008080;*/	/*背景色*/
	color:#000000;		/*文字色*/
	display:block;			/*リンク部分をブロック表示にする*/
	font-size:45px;				/*フォントのサイズ*/
	font-family:BIZ UDGothic, sans-serif;
/*	width:120px; */
	height:auto;	/*幅と高さ*/
	padding:5px;	/*上パディング*/
	margin:5px;
	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#img_index{
	clear:both;			/*回り込みを解除する*/
	position:relative;
}

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

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

div#img_indexR img{
	width:100%;
}
*/

#img_sikacore {
	margin:5px 20px;		/*マージン*/
}

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

div#submenu{
	width:90%;	height:50px;	/*幅の指定*/
	margin:0px 0px 20px 20px;	/*位置調整*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

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

div#submenu #sub_info{
	margin:0px 0px 0px 10px;	/*位置調整*/
	padding:10px 0px 0px 10px;		/*パディング*/
}

div#submenu #sub_profile{
	margin:0px 0px 0px 10px;	/*位置調整*/
	padding:10px 0px 0px 10px;		/*パディング*/
}

div#submenu #sub_product{
	margin:0px 0px 0px 10px;	/*位置調整*/
	padding:10px 0px 0px 10px;		/*パディング*/
}

div#submenu #sub_technology{
	margin:0px 0px 0px 10px;	/*位置調整*/
	padding:10px 0px 0px 10px;		/*パディング*/
}

/*============================================
インフォメーション（右カラム）
============================================*/
div#info {
	width:100%;		/*幅の指定*/
	float:left;			/*カラムを左寄せにする*/
	padding:10px 0px 0px 30px;		/*パディング*/
}


div#info_list1{
	list-style: square;
	margin:0px 0px 0px 30px;
}

div#info_list2{
	list-style: inside;
	margin:0px 0px 0px 10px;
}

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

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

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

div#info_list1 {
	list-style: square;
	margin:0px 0px 0px 50px;
}

div#info_list2 {
	list-style: inside;
	margin:0px 0px 0px 10px;
}


hr {
	width:100%;
}

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

}

.tate{
	height:10px;
}

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

span.small{
	vertical-align: top;
	font-size:30px;
}

span {
   display: inline-block;
}

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

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

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

/*
@keyframes sample1Anime{
 100% { transform: rotate(360deg); }*/      /* 回転を指定 */
/*}*/

.video_wrapper {
    position: relative;left:20px;
    width: 90%;
    height: auto;
    overflow: hidden;
    
}

.video_wrapper > video {

width: 100%;
}

.video_wrapper2 {
    position: relative;left:20px;
    width: 60%;
    height: auto;
    overflow: hidden;
    
}

.video_wrapper2 > video {

width: 100%;
}

.video_wrapper3 {
    position: relative;left:20px;
    width: 	90%;
    height: auto;
    overflow: hidden;
    
}

.video_wrapper3 > video {

	width: 100%;
}

img.kneeAssis_img {

	position: relative;left:30px;
    width: 50%;
    height: auto;
    
}

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


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

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


div#sika a{
/*	background-image:url("images/sika.png");no-repeat;*/
	display: block;
	width: auto;
/*	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:60px;
	left:10px;
	font-size:30px;			/*文字サイズ */
	width: 200px
	font-family:fantasy, sans-serif;
}


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