@charset "UTF-8";
/* CSS Document */

/*=================================*/
/*  productbrowser				   */
/*=================================*/
#productbrowser #products {
	position: absolute;
	top: 2px;
	left: 0;
	width: 2200px;
}

#productbrowser span.preLoader {
	position: absolute;
	top: 15px;
	left: 45px;
	width: 16px;
	height: 16px;
	background: transparent url(../../global_image/loader_img.gif) no-repeat;
	visibility: visible;
}

#productbrowser #master span.preLoader {
	top: 6px;
	left: 5px;
}

#productbrowser #web span.preLoader, #productbrowser #design span.preLoader{
	top: 6px;
	left: 10px;
}

#productbrowser #production span.preLoader{
	top: 6px;
	left: 20px;
}

#productbrowser #products ul li {
	display: inline;
	list-style: none;
}

#productbrowser #products ul li a {
	position: relative;
	float: left;
	width: 110px;
	height: 150px;
	font-size: 11px;
	color: #CCCCCC;
	text-align: center;
	line-height: 90px;
}

#productbrowser #products ul li a:hover {
	color: #333333;
}

#productbrowser #slider {
	position: absolute;
	top: 152px;
	left: 38px;
	width: 904px;
	height: 19px;
	background: url(../image/slider/slider_bg.jpg) no-repeat;
	display: none;
}



/*=================================*/
/*  Handle						   */
/*=================================*/
#productbrowser #slider #handle {
	position: absolute;
	top: 1px;
	left: 0;
	width: 174px;
	height: 17px;
	cursor: pointer;
	z-index: 100;

	/* IE6対策 */
	background-image: url(../../global_script/png/blank.gif);
	
	/* 互換性確認（何かしらの要素の指定）*/
	/*
	background-color: #006633;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	*/
}

#productbrowser #slider #handleImg {
	position: absolute;
	top: 1px;
	left: 0;
	width: 174px;
	height: 17px;
	background: transparent url(../image/slider/center_handle.png) no-repeat;
	z-index: 10;
}

#productbrowser #slider #left_handle {
	position: absolute;
	top: 0px;
	left: -21px;
	width: 21px;
	height: 19px;
	cursor: pointer;
	background: url(../image/slider/left_handle.jpg) no-repeat;
}

#productbrowser #slider #right_handle {
	position: absolute;
	top: 0px;
	left: 904px;
	width: 21px;
	height: 19px;
	cursor: pointer;
	background: url(../image/slider/right_handle.jpg) no-repeat;
}

#productbrowser #slider span {
	position: absolute;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
	z-index: 50;
}

#productbrowser #slider span#sec01 {
	top: 0;
	left: 35px;
}

#productbrowser #slider span#sec02 {
	top: 0;
	left: 250px;
}

#productbrowser #slider span#sec03 {
	top: 0;
	left: 500px;
}

#productbrowser #slider span#sec04 {
	top: 0;
	left: 790px;
}



/*=================================*/
/*  CS3 Icon					   */
/*=================================*/
#productbrowser #products ul li a#master {
	background: url(../image/app_icon/master.jpg) no-repeat 50% 100%;
	padding: 0 15px 0 20px;
	color: #333333;
	line-height: 30px;
}

#productbrowser #products ul li a#photoshop {
	background: url(../image/app_icon/photoshop.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#illustrator {
	background: url(../image/app_icon/illustrator.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#bridge {
	background: url(../image/app_icon/bridge.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#device {
	background: url(../image/app_icon/device_central.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#web {
	background: url(../image/app_icon/web.jpg) no-repeat 75% 100%;
	padding: 0 15px 0 20px;
	color: #333333;
	line-height: 30px;
}

#productbrowser #products ul li a#dreamweaver {
	background: url(../image/app_icon/dreamweaver.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#flash {
	background: url(../image/app_icon/flash.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#fireworks {
	background: url(../image/app_icon/fireworks.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#contribute {
	background: url(../image/app_icon/contribute.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#design {
	background: url(../image/app_icon/design.jpg) no-repeat 75% 100%;
	padding: 0 15px 0 20px;
	color: #333333;
	line-height: 30px;
}

#productbrowser #products ul li a#indesign {
	background: url(../image/app_icon/indesign.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#acrobat {
	background: url(../image/app_icon/acrobat.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#production {
	background: url(../image/app_icon/production.jpg) no-repeat 50% 100%;
	padding-left: 5px;
	width: 194px;
	color: #333333;
	line-height: 30px;
	text-indent: 8px;
}

#productbrowser #products ul li a#premiere {
	background: url(../image/app_icon/premiere.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#encore {
	background: url(../image/app_icon/encore.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#aftereffects {
	background: url(../image/app_icon/after_effects.jpg) no-repeat 50% 100%;
}

#productbrowser #products ul li a#soundbooth {
	background: url(../image/app_icon/soundbooth.jpg) no-repeat 50% 100%;
}@charset "UTF-8";
/* CSS Document */