@charset "UTF-8";

/*ページレイアウト*************************************************************/
#wrap{
	width:950px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
/*トップイメージレイアウト*****************************************************/
.logo{
	margin:0px 0px 15px 10px;
}
.jpen{
	float:right;
	font-size:90%;
}
.jpen a{
	color:#333333;
}
.jpen a:hover{
	color:#4169e1;
}
#header{
	width:950px;
	height:290px;
}
.topimage{
	margin:5px 0px 0px 0px;
}
.topimage02{
	margin:-7px 0px 0px 0px;
}
/*フォントサイズ・カラー*******************************************************/
body{
	background-color:#ffffff;
	color:#535353;
	font-family: 'Quicksand', sans-serif;
	font-size:14px;
	line-height:1.7;
	text-align:justify;
}
a img{
	border:none;
}
html{
  visibility: hidden;
}
html.wf-active, html.loading-delay{
  visibility: visible;
}
/*リスト設定*******************************************************************/
#nav{
	float:left;
	margin-right:30px;
}
#nav h2{
	width:190px;
	margin:20px 0px 3px 15px;
	padding:0px 0px 0px 20px;
	border-radius:3px 3px 3px 3px/3px 3px 3px 3px;
	background-color:#ededed;
	color:#6c6c6c;
	font-size:80%;
	line-height:25px;
}
#nav h3{
	width:185px;
	margin:5px 0px 2px 21px;
	padding:0px 1px 0px 7px;
	border-bottom:1px solid #cccccc;
	border-left:8px solid #cccccc;
	color:#6c6c6c;
	font-size:80%;
}
#nav ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
#nav a{
	background-color:#ffffff;
	color:#999999;
	text-decoration:none;
}
#nav a:hover{
	background-color:#ffffff;
	color:#4169e1;
}
#nav ul li{
	width:200px;
	margin:0px 0px 0px 22px;
	padding:3px 0px;
	border-bottom:1px dotted #cccccc;
	font-size:80%;
	line-height:1.3;
}
#nav ul li a{
	display:block;
	margin-left:1px;
	padding-left:12px;
	background-image:url(../images/btn_allow01.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#nav ul li a:hover{
	display:block;
	background-image:url(../images/btn_allow02.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#nav #current_position a{
	color:#4169e1;
	background-image:url(../images/btn_allow02.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
}
a:focus{
	outline:none;
}
.mail{
	display:block;
	margin:10px 0px 5px 20px;
	padding-left:35px;
	background-image:url(../images/btn_mail.png);
	background-repeat:no-repeat;
	background-position:left center;
}
/*メインコンテンツ：タイトル***************************************************/
h1{
	margin:18px 0px 20px 0px;
	font-size:120%;
}
a{
	text-decoration:none;
}
a.map{
	text-decoration:underline;
}
/* メインコンテンツ：本文******************************************************/
#text{
	float:left;
	width:500px;
	height:900px;
	text-align:justify;
}
/*メインコンテンツ：画像*******************************************************/
img.photoA{
	float:right;
	clear:right;
	width:160px;
	margin:70px 10px 0px 0px;
}
img.photoB{
	float:right;
	clear:right;
	width:160px;
	margin:3px 10px 0px 0px;
}
img.photoC{
	float:right;
	clear:right;
	width:160px;
	margin:3px 10px 0px 0px;
}
img.photoD{
	float:right;
	clear:right;
	width:160px;
	margin:3px 10px 0px 0px;
}
img.photoE{
	float:right;
	clear:right;
	width:160px;
	margin:3px 10px 0px 0px;
}
#roll{
	float:right;
	clear:right;
	width:160px;
	height:120px;
	margin:3px 10px 0px 0px;
}
/*メインコンテンツ：【推奨環境】***********************************************/
#text00030{
	float:left;
	width:670px;
}
#text00030 p.line{
	clear:both;
	width:670px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;
	font-size:100%;
}
#text00030 p.body{
	clear:both;
	margin:0px 0px 20px 15px;
	font-size:100%;
	text-align:justify;
}
#text00030 p.margin{
	float:left;
	margin:20px 0px 20px 15px;
	font-size:100%;
	text-align:justify;
}
#text00030 a{
	text-decoration:underline;
}
#text00030 img{
	margin-bottom:10px;
}
#text00030 dl{
	margin-bottom:30px;
}
#text00030 dl dt{
	float:left;
	width:350px;
	margin-left:15px;
	line-height:1.5;
}
#text00030 dl dd{
	float:left;
	margin-left:15px;
	line-height:1.5;
}
#text00030 p.bold{
	margin-left:15px;
	font-weight:bold;
	font-size:100%;
}
/*メインコンテンツ：【個人情報保護方針】***************************************/
#text00040{
	float:left;
	width:680px;
	line-height:1.5;
}
#text00040 p.line{
	width:680px;
	margin:50px 0px 20px 0px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;
}
#text00040 p.right{
	margin-bottom:20px;
	font-size:100%;
	text-align:right;
}
#text00040 p.body{
	margin-left:15px;
	font-size:100%;
	text-align:justify;
}
#text00040>ol{
	font-size:100%;
}
#text00040 ol{
	margin-left:-5px;
}
#text00040 ol li{
	clear:both;
}
#text00040 ol.body{
	margin-left:-20px;
}
#text00040 li{
	margin-top:20px;
}
#text00040 li li{
	margin-top:0px;
}
#text00040 p.margin{
	margin:20px 0px 0px 35px;
	font-size:100%;
}
#text00040 th{
	width:680px;
	text-align:left;
}
#text00040 dl{
	margin-bottom:80px;
	font-weight:normal;
}
#text00040 dt{
	float:left;
	clear:both;
	width:145px;
}
#text00040 dd{
	float:left;
	margin-left:81px;
}
#text00040 table{
	clear:both;
	width:650px;
	border:1px solid #b6b6b6;
	border-collapse:collapse;
}
#text00040 table th{
	width:250px;
	border:1px solid #b6b6b6;
	padding:10px 10px;
	background-color:#f5f5f5;
}
#text00040 table td{
	border:1px solid #b6b6b6;
	padding:10px 10px;
}
#text00040 a img.pmark{
	float:right;
	margin:60px 0px 30px 0px;
}
/*メインコンテンツ：【カスタマー対象イベント】*********************************/
#text21020{
	float:left;
	width:500px;
}
#text21020 p.line{
	margin-top:40px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;
}
#text21020 p.body{
	padding-left:15px;
}
/*メインコンテンツ：【機能体験、性能確認など目的別プログラム】*****************/
#text21030{
	float:left;
	width:500px;
}
#text21030 p.line{
	margin-top:40px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;
}
#text21030 ul{
	list-style-type:square;
	padding-left:15px;
}
/*メインコンテンツ：【商品研修会】*********************************************/
#text22010{
	float:left;
	width:495px;
	text-align:justify;
}
#text22010 p.line{
	width:500px;
	margin-top:40px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;	
}
#text22010 ul{
	padding-left:15px;
	list-style-type:square;
}
/*メインコンテンツ：【撮影・編集】*********************************************/
#text40020{
	float:left;
	width:630px;
	margin-bottom:20px;
	text-align:justify;
}
.youtube-player{
	float:left;
	border:0px outset #ffffff;
}
/*メインコンテンツ：【企業理念（代表挨拶）】***********************************/
#text50010{
	float:left;
	width:695px;
}
#text50010 p.line{
	margin-top:25px;
	padding-left:5px;
	border-bottom:1px solid #cccccc;
	border-left:10px solid #cccccc;
	font-weight:bold;
}
#text50010 p.body{
	width:650px;
	margin-left:15px;
	text-align:justify;
}
#text50010 p.right{
	padding-right:35px;
	line-height:1.3;
	text-align:right;
}
#text50010 dl{
	width:690px;
	line-height:2;
}
#text50010 dt{
	float:left;
	margin-left:15px;
}
#text50010 dd{
	margin:0px 30px 0px 250px;
	text-align:justify;
}
/*メインコンテンツ：【会社概要】***********************************************/
#text50020{
	float:left;
}
#text50020 table{
	width:680px;
	margin-bottom:50px;	
	border:1px solid #b6b6b6;
	border-collapse:collapse;
}
#text50020 table tr{
	border:1px solid #b6b6b6;
}
#text50020 table th{
	width:150px;
	padding:0px 20px;
	border:1px solid #b6b6b6;
	background-color:#f5f5f5;
	font-weight:lighter;
}
#text50020 table td{
	width:550px;
	padding:5px 20px;
	background-color:#fefefe;
}
#text50020 dl{
	width:400px;
}
#text50020 dt{
	float:left;
}
#text50020 dd{
	margin-left:175px;
}
/*メインコンテンツ：【アクセスマップ】*****************************************/
#text50030 p.h4{
	width:500px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:5px;
	border-left:10px solid #800080;
	color:#800080;
	font-weight:bold;
	font-size:100%;
}
#text50030 a{
	display: block;
	float:left;
	width:500px;
	margin-bottom:20px;
}
#text50030 .printbtn{
	margin:0px 0px 0px 255px;
}
/*メインコンテンツ：ページトップへ戻る*****************************************/
#pagetop{
	clear:both;
	margin-bottom:10px;
	text-align:right;
}
/*フッタ***********************************************************************/
address{
	clear:both;
	width:950px;
	padding-top:5px;
	padding-right:10px;
	border-top:1px solid #535353;
	font-style:normal;
	font-size:80%;
	line-height:1.3;
	text-align:right;
}
address p{
	display:block;
	float:left;
	margin-top:0px;
	margin-left:20px;
	color:#333333;
	font-size:100%;
}
address a{
	color:#333333;
}
address a:visited{
	color:#333333;
}
address #current_position{
	color:#4169e1;
	font-weight:bold;
}
#footer a:hover{
	background-color:#ffffff;
	color:#4169e1;
}
/*globalnavi*******************************************************************/
#pulldown{
	width:950px;
	font-size:80%;
}
#pulldown li{
	color:#666666
;
}
#pulldown ul{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#pulldown ul li{
	position:relative;
	float:left;
	width:136px;
	margin:0;
	padding:0;
	background:#ededed;
	line-height:30px;
}
#pulldown ul li.home{
	width:135px;
	border-radius:3px 0px 0px 3px/3px 0px 0px 3px;
	font-size:110%;
}
#pulldown ul li.contact{
	width:135px;
	border-radius:0px 3px 3px 0px/0px 3px 3px 0px;
	font-size:110%;
}
#pulldown ul li a{
	display:block;
	margin:0;
	padding:0;
	color:#666666;
}
#pulldown ul li ul{
	position:absolute;
	top:100%;
	left:0;
	z-index:1;
	margin:0;
	padding:0;
}
#pulldown ul li ul li{
	width:200px;
	background:#e7e7e7;
	line-height:30px;
	text-align:left;
}
#pulldown ul li ul li a{
	padding-left:15px;
}
#pulldown ul ul ul{
	top:0;
	left:100%;
	z-index:3;
}
#pulldown li.mi li{
	color:#666666;
}
#pulldown>ul>li.mi>ul>li{
	padding-left:15px;
}
#pulldown li:hover{
	background:#848484;
	color:#ffffff;
	transition:.1s;
}
#pulldown li a:hover{
	background:#848484;
	color:#ffffff;
	transition:.1s;
}
#pulldown>ul>li.mi>ul>li:hover{
	color:#ffffff;
}
#fade-in li ul{
	visibility:hidden;
	opacity:0;
	top:50%;
	transition:.1s;
}
#fade-in li:hover ul{
	visibility:visible;
	opacity:1;
	top:100%;
}
#pulldown ul li.mi ul li ul li{
	width:250px;
	background:#e1e1e1;
}
#pulldown ul li.mi ul li ul{
	overflow:hidden;
	width:0;
	transition:.1s;
}
#pulldown ul li.mi ul li:hover ul{
	top:0;
	width:150%;
}
/*コピー禁止*******************************************************************/
body{	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	}
/*フェードイン*****************************************************************/
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}