@charset "utf-8";

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

Top Page Style

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

/* 20151111 : add 'screen and (min-width: 768px)' = for PC only */

@media screen and (min-width: 768px){

#Gnav,
#Gnav-inner { background-color:#fff;}


#mainVis { outline: none; background:url(../../images/mainvis_bg_001.gif) repeat-x center top; height:404px; clear:both;}
#mainVis_inner { width:930px; margin:0 auto; height:404px;}
#mainVis_inner_btm { background:url(../../images/mainvis_bg_002.jpg) repeat-x center top; height:25px; position:relative;}
#mainVis_inner_btm a img { display:block;}
.mainvis_btn01 { position:absolute; right:176px; top:-41px;}
.mainvis_btn02 { position:absolute; right:25px; top:-41px;}

#Main-inner { padding-bottom:60px; *padding-bottom:53px; _padding-bottom:46px;}

.topblock01 {
	margin-bottom: 7px;
	width: 720px;
}
.topblock01_wrap { padding-bottom:13px;}
.topblock01_inner {
	width: 720px;
	overflow: hidden;
	margin-top: 10px;
}
.topblock01 ul { 
}
.topblock01 ul li {
	display: inline;
	float: left;
	width: 174px;
	padding-bottom: 150px;
	margin-bottom: -150px;
	background: #cccccc;
	margin-right: 8px;
}
.topblock01 ul li ul { padding:7px 0 7px 7px; margin-bottom:3px;}
.topblock01 ul li ul li { display:block; float:none; width:auto; padding-bottom:0px !important; margin:0 !important; *margin-bottom:-1px !important; zoom:1;}
.topblock01 ul li ul li a { display:block; font-size:77%; color:#333 !important; padding:3px 3px 3px 12px; background:url(../images/icon_001.jpg) no-repeat left 0.6em; zoom:1;}
/*非公開用*/
.topblock01 ul li ul li span.hide { display:block; font-size:77%; color:#333 !important; padding:3px 3px 3px 12px; background:url(../images/icon_001.jpg) no-repeat left 0.6em; zoom:1;}


.topblock02 {
	float: left;
	width: 355px;
}
.topblock02_inner {	border: solid 1px #ccc;	padding: 10px 10px 5px;	border-top: none;}
.topblock02_inner li{ padding-bottom:5px;}

.topblock03 {
	float: left;
	width: 355px;
}
.topblock03_inner {	border: solid 1px #ccc;	padding: 10px 10px 5px;	border-top: none;}
.topblock03_inner li{ padding-bottom:5px;}


.info_list li { background:url(../images/icon_023.jpg) no-repeat left 6px; padding-left:10px;}


.pulldown { position: absolute; z-index: 100; }
#image-navigation a { cursor: default; }
#image-navigation { width:930px; margin:0 auto; height:385px; position: relative; }
#image-navigation .navi { position: absolute; z-index: 20; top: 319px; left: 306px; overflow:hidden; }
#image-navigation .navi li { width:150px; float:left; }
#image-navigation .navi li a,
#image-navigation .navi li a img { display: block; }
#image-navigation .navi li a { width: 145px; height: 50px; margin:0 auto; }
#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

#image-navigation .navi-prev { position:absolute; z-index:50; top:319px; left:289px; color:#fff; font-size:131%; font-weight:bold; cursor:pointer; }
#image-navigation .navi-next { position:absolute; z-index:50; top:319px; left:902px; color:#fff; font-size:131%; font-weight:bold; cursor:pointer;}
#image-navigation .navi-prev:hover, #image-navigation .navi-next:hover { text-decoration:none;}

/* ---------- flick ------------------- */
.flickitems { position: relative; overflow: auto; height:138px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.flickitems.landscape {}
.flickitems ul { display: block; margin: 0; padding: 0 0; }
.flickitems ul.landscape {}
.flickitems ul li { float: left; list-style-type: none; text-align: center;}
.flickitems ul li.landscape {}
.flickitems,
.flickitems.landscape { }
.typeB li img { display:inline-block ; float:left;}
.typeB li img:first-child { margin-left:8px;}
.flickControl { position:relative; display:block; width:100%; height:43px; border-bottom:solid 1px #c1c1c1;}
.flicknextbtn { position:absolute; top:9px; right:5px;}
.flickbackbtn { position:absolute; top:9px; left:5px;}
.flicknextbtn img, .flickbackbtn img { vertical-align:top;}
.flicknextbtn.inactive,
.flickbackbtn.inactive { opacity : 0.3;}
.indicator { position: relative; overflow: hidden; top:15px; left:12px; width: 9px; height: 9px; background: url(../images/indicator_bg.png) repeat left top; background-size:32px 9px; margin: 0px auto ;}
.indicator img { position: absolute; left: 0; margin: 0;}
.flickControl a { display:block; width:10px; height:10px; padding:6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#e3e3e3;}
.flickitems li { width:100%;}
.flickitems li a img {  margin:0 auto; text-align:center; }
/* ----------------------------- */

#top_map{
	position: relative;
	width: 720px;
	height: 355px;
	margin-bottom:10px;}
	
	#top_map img{ vertical-align:top !important;}
	#top_map li{ display:block; width:10px; height:10px;}
	#top_map #map_icon01{ position:absolute; top:148px; left:314px;}
	#top_map #map_icon02{ position:absolute; top:148px; left:299px;}
	#top_map #map_icon03{ position:absolute; top:198px; left:235px;}
	#top_map #map_icon04{ position:absolute; top:182px; left:220px;}
	#top_map #map_icon05{ position:absolute; top:198px; left:280px;}
	#top_map #map_icon06{ position:absolute; top:197px; left:240px;}
	#top_map #map_icon07{ position:absolute; top:136px; left:63px;}
	#top_map #map_icon08{ position:absolute; top:162px; left:268px;}
	#top_map #map_icon09{ position:absolute; top:141px; left:257px;}
	#top_map #map_icon10{ position:absolute; top:194px; left:270px;}
	#top_map #map_icon11{ position:absolute; top:211px; left:230px;}
	#top_map #map_icon12{ position:absolute; top:221px; left:237px;}
	#top_map #map_icon13{ position:absolute; top:236px;	left:240px;}
	#top_map #map_icon14{ position:absolute; top:187px; left:186px;}
	#top_map #map_icon15{ position:absolute; top:198px; left:245px;}
	#top_map #map_icon16{ position:absolute; top:178px; left:240px;}
	#top_map #map_icon17{ position:absolute; top:144px; left:499px;}
	#top_map #map_icon18{ position:absolute; top:170px; left:135px;}
	#top_map #map_icon19{ position:absolute; top:189px; left:230px;}
	#top_map #map_icon20{ position:absolute; top:114px; left:50px}/* Standardkessel Power Systems Holding GmbH */
	#top_map #map_icon21{ position: absolute; top:236px; left:250px;}/* PT.ERRAENERSI KONSTRUKSINDO  */
	
}