/**-----------------------------------------------------------------
-------　大枠
-----------------------------------------------------------------**/
body {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

#virtual_cont{
	width:950px;
	margin:0 auto;
	position:relative;
}

img{
	border:none;
}
a:hover img { filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

.base {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
}

#head_social{
	background: url(../img/social_back.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 950px;
	height: 45px;
	position: relative;
}


#head_social .l_logo{
	width:98px;
	float:left;
}
#head_social .virtual_logo{
	width:340px;
	float:left;
	padding-left:15px;
}



/**-----------------------------------------------------------------
-------　バーチャル工場ナビ
-----------------------------------------------------------------**/
#virtual_nav{
	height:90px;
	position:relative;
	background-image:url(../img/virtual_head.png);
	background-repeat:no-repeat;
}

#virtual_nav ul{
	margin:0;
	padding:0 0 1px 0;
	width:640px;
	font-size: 0;
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:0px;
}

#virtual_nav ul li{
	margin:0;
	padding:0;
	height:43px;
	list-style:none;
	text-align:center;
	position:relative;
	background-image:url(../img/virtual_nav_bg2.png);
	background-repeat:no-repeat;
	float:left;
}

#virtual_nav ul li img{
	padding:0;
	margin:0;
	border:none;
	vertical-align:bottom;
}

#virtual_nav ul li.toplink{
	background-image:url(../img/virtual_nav_bg1.png);
	background-repeat:no-repeat;
}

#virtual_nav ul li a{
	bottom:0px;
}

/**-----------------------------------------------------------------
-------　バーチャル工場コンテンツ
-----------------------------------------------------------------**/
#virtual_inner{
	position:relative;
	height:670px;
	padding-top:20px;
	background-color:#fff;
	font-size:12px;
	line-height:140%;
}

/**--------------------------
---　TOP
--------------------------**/
.virtual_top{
	position:relative;
	background-image:url(../img/top_bg.png);
	background-repeat:no-repeat;
}

.virtual_top .btn_box{position:absolute; width:170px; height:170px; opacity:0}
.virtual_top .btn_box1{top:60px; left:145px;}
.virtual_top .btn_box2{top:80px; left:310px;}
.virtual_top .btn_box3{top:60px; left:475px;}
.virtual_top .btn_box4{top:80px; left:640px;}
.virtual_top .btn_box5{top:240px; left:60px;}
.virtual_top .btn_box6{top:260px; left:225px;}
.virtual_top .btn_box7{top:240px; left:390px;}
.virtual_top .btn_box8{top:260px; left:555px;}
.virtual_top .btn_box9{top:240px; left:720px;}
.virtual_top .btn_box10{top:440px; left:145px;}
.virtual_top .btn_box11{top:420px; left:310px;}
.virtual_top .btn_box12{top:440px; left:475px;}
.virtual_top .btn_box13{top:420px; left:640px;}

.virtual_top .btn_box0{
	position:absolute;width:130px; height:118px; bottom:30px; right:20px;
	background-image:url(../img/virtual_icon0_bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.virtual_top .btn_box0 p{
	-moz-transition: -moz-transform 0.5s ease-in;
	-webkit-transition: -webkit-transform 0.5s ease-in;
	transition: transform 0.5s ease-in;
	padding-bottom:2px;
}
/*
.virtual_top .btn_box0 p:hover{
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
*/


.virtual_top .dammy_box{
	width:850px;
	height:450px;
	position:absolute;
	top:50px;
	left:50px;
	z-index:5;
}

/**--------------------------
---　工場紹介　intro
--------------------------**/
.virtual_intro{
}

.virtual_intro .intro_map{
	position:relative;
	width:874px;
	height:524px;
	margin:45px 35px;
	background-image:url(../intro/img/intro_map.png);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	border:3px solid #319df1;
	overflow:hidden;
}


.virtual_intro .intro_map .intro_tour_btn{
	position:absolute;
	right:30px;
	bottom:10px;
	width:160px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	border:2px solid #fff;
	background:#1c9ed0;
	background-image:url(../intro/img/intro_tour_btn.png);
	background-position:center left;
	background-repeat:no-repeat;
	z-index:20;

	-moz-box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.4);
}
.virtual_intro .intro_map .intro_tour_btn:hover{
	bottom:12px;
}

.virtual_intro .intro_map .intro_tour_btn a{
	line-height:30px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display:block;
	text-align:center;
}

.virtual_intro .intro_map .intro_map_txt{
	position:absolute;
	top:85px;
	left:45px;
	z-index:1;
}

.virtual_intro .intro_map .intro_map_jp{
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:1;
}

.virtual_intro .intro_icon{
	width:90px;
	height:100px;
	position:absolute;
	cursor: pointer;
	z-index:2;
}
.virtual_intro .intro_icon1{
	top: 300px;
	left: 461px;
}
.virtual_intro .intro_icon2{
	top: 309px;
	left: 387px;
}
.virtual_intro .intro_icon3{
	top: 290px;
	left: 318px;
}
.virtual_intro .intro_icon4{
	top: 335px;
	left: 117px;
}

.virtual_intro .intro_icon5{
	top: 355px;
	left: 288px;
}

.intro_icon .intro_icon_img{
	position:relative;
}

.intro_icon .intro_icon_img .icon_img1,.intro_icon .intro_icon_img .icon_img2{
	margin:0 auto;
	border:none;
	width:50px;
	height:50px;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-25px;
}

.intro_icon .intro_icon_img .icon_img1{
	z-index:1;
	opacity:1;
}
.intro_icon .intro_icon_img .icon_img2{
	z-index:2;
	opacity:0;
	display:none;
}

.intro_icon .intro_icon_name{
	margin:0 auto;
	text-align:center;
	width:80px;
	font-size:11px;
	position:absolute;
	top:61px;
	left:50%;
	margin-left:-40px;
	color:#fff;
	z-index:3;
}

.virtual_intro .intro_btn{
	width:180px;
	margin-top:55px;
	margin-right:25px;
}
.virtual_intro .intro_btn div{
	width:180px;
	height:80px;
	margin-bottom:5px;
	cursor: pointer;
}

.virtual_intro .intro_btn div img:hover{
	opacity:0.8;
}


.intro_box{
	position:absolute;
	width:800px;
	height:450px;
	padding:15px;
	background-color:#fafafa;
	opacity:1;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	border:2px solid #ddd;
	top:10px;
	left:20px;
	display:none;
	z-index:15;
	-moz-box-shadow: 0px 0px 0px 50px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 0px 50px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px 50px rgba(0,0,0,0.4);
}
.intro_box h3{
	padding:0;margin:0;
	font-size:40px;
	line-height:44px;
	font-weight:bold;
}
.intro_box h4{
	padding:0;margin:0;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

.intro_box .intro_box0{
	position:relative;
	clear:left;
	height:44px;
	margin-bottom:10px;
}

.intro_box0 .intro_back{
	position:absolute;
	top:10px;
	right:10px;
	cursor: pointer;
}

.intro_box .intro_box1{
	float:left;
	padding:5px;
	width:280px;
	height:250px;
	margin-right:10px;
}
.intro_box .intro_box2{
	float:left;
	padding:5px;
	width:190px;
	height:250px;
	margin-right:10px;
}
.intro_box .intro_box3{
	float:left;
	padding:5px;
	width:270px;
	height:250px;
	margin-bottom:10px;
}
.intro_box .intro_box3 .intro_box3_cap{
	font-size:12px;
}

.intro_box3 table {
	margin-bottom:10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
	width: 270px;
	font-size:11px;
}
.intro_box3 table th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #e5f2fb;
	padding: 0.2em 0.3em;
	text-align: center;
}
.intro_box3 table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.2em 0.3em;
}


.intro_box .intro_box4{
	padding:5px;
	clear:left;
	height:110px;
}

.intro_box .intro_box4 .intro_box_products{
	background-color:#ddd;
	height:85px;
	padding:3px 5px;
	margin-top:5px;
}

.intro_box_products ul{
	padding:0px;
	margin:0;
}

.intro_box_products ul li{
	height:85px;
	list-style:none;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;

	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	margin-right:2px;
	background-color:#fff;
}

.intro_box_products ul li div{
	width:91px;
	text-align:center;
	margin:0 0 0 0;
	position:relative;
}

.intro_box_products ul li div img{
	margin:3px 0 0 0;
}

.intro_box_products ul li p{
	padding:0;
	margin:0;
	width:90px;
	text-align:center;
	position:absolute;
	bottom:5px;
	font-size:11px;
	line-height:100%;
}

.intro_box_products ul li.last{
	width:28px;
	background-color:#ddd;
}
.intro_box_products ul li.last p{
	text-align:left;
	padding-left:5px;
}





/**--------------------------
---　工場見学　tour
--------------------------**/
.virtual_tour{
/*	padding-top:20px;*/
}

.tour_cont{
	position:relative;
	width:605px;
	height:565px;
}
/*
object{
	width:580px;
	height:435px;
}
*/

.virtual_tour .virtual_tour_box{
	width:880px;
	padding:5px;
	margin:0px auto 5px;
	background-color:#000;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}

.virtual_tour_box .tour_nav .tour_nav_btn{
	width:146px;
	height:46px;
	padding:2px;
	margin-bottom:3px;
	background-color:#e76c00;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px 2px;
	position:relative;
}

.virtual_tour_box .tour_nav .tour_nav_btn .tour_nav_arrow{
	position:absolute;
	width:10px;
	height:50px;
	top:0px;;
	right:-10px;
	display:none;
}

.virtual_tour_box .tour_nav .tour_nav_btn_act{
	background-color:#bb0000;
}
.virtual_tour_box .tour_nav .tour_nav_btn_act .tour_nav_arrow{
	display:block;
}
.virtual_tour_box .tour_nav .tour_nav_btn_act a span{
	display:block;
	width:146px;
	height:46px;
	position:absolute;
	right:0px;
	text-align:right;
	overflow:hidden;
}


.virtual_tour_box .tour_nav div a{
	display:block;
	position:relative;
	background-color:#fff;
	width:100%;
}

.virtual_tour_box .tour_nav div a span{
	display:block;
	width:52px;
	height:46px;
	position:absolute;
	right:0px;
	text-align:right;
	overflow:hidden;
}

.virtual_tour_box .tour_nav div a span img{
	position:absolute;
	right:0px;
	background-color:#fff;
}


/*-------------*/

#tour_cont_index{
	width:605px;
	height:365px;
	padding-top:200px;
	text-align:center;
	font-size:28px;
	line-height:48px;
	color:#fff;
	position:absolute;
	z-index:11;
	background-color:#000;
}

/*-------------*/

#tour_cont_movie{
	position:absolute;
	width:605px;
	z-index:9;
}

#tour_cont_movie video{
	/*display:none;*/
	width: 580px;
	height: 435px;
	overflow: hidden;
}
.eqmovie {
	width: 580px;
	height: 435px;
	overflow: hidden;
}
.eqplayer {
	width: 580px;
	height: 435px;
	overflow: hidden;
	display: none;
}
#tour_cont_movie .eqmovie .poster {
	margin-top: 4px;
}

#tour_cont_movie #flv_ply_btn{
	position:absolute;
	width:580px;
	height:435px;
	top:0;
	left:0;
	z-index:100;
	background-image:url(../img/fl_btn_bg.gif);
	background-repeat:repeat;
}

#tour_cont_movie .movie_thumb{
	position:absolute;
	left:0;
	bottom:-90px;
	width:600px;
	z-index:9;
}

#tour_cont_movie .movie_thumb div{
	float:left;
	margin-right:2px;
	width:72px;
	height:40px;
	position:relative;
	z-index:9;
}

#tour_cont_movie .movie_thumb div img{
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
}

#tour_cont_movie .movie_thumb div p{
	position:absolute;
	bottom:30px;
	left:0px;
	width:72px;
	height:2px;
	z-index:8;
	overflow:hidden;
}

/*-------------*/


#tour_cont_pic{
	background-color:#fff;
	padding:5px;
	height:495px;
	width:595px;
	position:absolute;
	overflow:hidden;
	display:none;
	z-index:10;
}

#tour_cont_pic .tour_cont_pic_area{
	width:595px;
	position:absolute;
	top:5px;
}

#tour_cont_pic .tour_cont_pic_inner{
	position:relative;
	height:110px;
	background-color:#cd966d;
	margin-bottom:10px;
	padding-top:5px;
}

#tour_cont_pic .tour_cont_img{
	position:absolute;
	width:150px;
	height:110px;
	top:5px;
	right:0px;
	text-align:center;
}

#tour_cont_pic .tour_cont_title{
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:0px 150px 0px 10px;
	height:20px;
	line-height:20px;
}

#tour_cont_pic .tour_cont_txt{
	background-color:#fff;
	margin:5px 10px 0 10px;
	padding:5px 150px 5px 5px;
	height:60px;
	line-height:20px;
}

.tour_cont_pic_control{
	width:605px;
	height:62px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	display:none;
	z-index:10;
}

.tour_cont_pic_control .pic_control_next{
	width:150px;
	height:20px;
	position:absolute;
	top:10px;
	right:25px;
	text-align:right;
}
.tour_cont_pic_control .pic_control_prev{
	width:150px;
	height:20px;
	position:absolute;
	top:10px;
	left:10px;
	display:none;
}

/*-------------*/

.tour_cont_view_control{
	font-size:24px;
	color:#000;
	text-align:center;
	position:absolute;
	right:0px;
	bottom:-60px;
	width:780px;
}

.tour_cont_view_control img{
	cursor:pointer;
}



/**--------------------------
---　衛生・安全　health_safety
--------------------------**/
.virtual_health_safety{

}

.health_safety_body{
	position:relative;
	padding:30px 10px;
	width:854px;
	height:450px;
	margin:10px auto 20px auto;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	background-image:url(../health_safety/img/health_safety_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	border:3px solid #319df1;
	background-color:#e7f4ff;
}

.health_safety_body .health_safety_box{
	background-color:#fff;
	background-image:url(../health_safety/img/health_safety_box_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:5px;
	width:225px;
	height:200px;
	margin:0 22px 20px 20px;
	float:left;
	text-align:center;

	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	border:1px solid #fff;

	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);

	position:relative;
}

.health_safety_body .health_safety_box .health_safety_arrow{
	position:absolute;
	width:18px;
	height:30px;
	top:95px;
	right:-30px;
	background:none;
}

.health_safety_body .health_safety_box p{
	text-align:left;
	padding:10px 5px 0 5px;
}

.health_safety_body .health_safety_box img.health_safety_pic{
	background-color:#fff;
	padding:2px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}

.health_safety_head .health_safety_ttl{
	color:#0069b3;
	font-size:40px;
	line-height:40px;
	font-weight:bold;
	width:400px;
	height:55px;
	padding:0px 0px 0px 50px;
	float:left;
}

.health_safety_head .health_safety_read{
	float:right;
	width:480px;
	padding:0px 10px 0px 10px;
}



/**-----------------------------------------------------------------
-------　共通
-----------------------------------------------------------------**/

/*--------------- clearfix ---------------*/
.clearfix:before,.clearfix:after{content:" ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}/* IE6/7 support */

/*--------------- マージン ---------------*/
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

/*--------------- パディング ---------------*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

/*--------------- 角丸 ---------------*/
.r5{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.r10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.r15{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.r20{-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}

/*--------------- フロート ---------------*/
.float_left{float: left;}
.float_right{float: right;}

/*--------------- 表示非表示 ---------------*/
.hide {display: none;}
.show {display: block;}
/*
#Foot_01{
	display:block;
}
*/
.pgCap{
	position:absolute;
	bottom:5px;
	left:5px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:13px;
}
.pgCap2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:13px;
	text-align:right;
	padding-right:30px;
	margin-bottom:10px;
}