/*
 *  GTrader CSS トップページ用
 */
/*-------------------------------------------------------------- Initialize */
*{
	margin:0;
	padding:0;
	border-style:none;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	font-family:Meiryo,"MS P Gothic","Hiragino Kaku Gothic Pro",Osaka,Helvetica,Verdana,Arial,sans-serif;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	list-style-type:none;
	outline-style:none;
}

/*---------------------------------------------------------------- Elements */
a{
	color:#fff;
}
a:hover{
	color:#fff;
	text-decoration:underline;
}

/*-------------------------------------------------------------------- Body */
body{
	font-size:small;
	color:#fff;
	background-color:#3f3f3f;
}

/*--------------------------------------------------------------- Container */
#Container{
	width:1025px;
	margin:0 auto;
}

/*------------------------------------------------------------------ Header */
#Header{
	position:relative;
	width:1025px;
	height:189px;
	background-image:url('./images/cssHeaderBackground.gif');
}
#Header #SiteName{
	position:absolute;
	top:58px;
	left:76px;
	width:228px;
	height:104px;
	font-size:1pt;
}
#Header #SiteName a{
	display:block;
	width:228px;
	height:104px;
	font-size:1pt;
	text-indent:-5000em;
}
#Header #Navi1{
	position:absolute;
}
#Header #Navi1 li{
	position:absolute;
	height:28px;
	font-size:1pt;
}
#Header #Navi1 li a{
	display:block;
	height:28px;
	font-size:1pt;
	text-indent:-5000em;
}
#Header #Navi1 li a:hover{
	background-image:none;
}
#Header #Navi1 .navi1{
	left:722px;
	width:41px;
	background-image:url('./images/cssNavi1-1Ovr.gif');
}
#Header #Navi1 .navi1 a{
	width:41px;
	background-image:url('./images/cssNavi1-1.gif');
}
#Header #Navi1 .navi2{
	left:788px;
	width:73px;
	background-image:url('./images/cssNavi1-2Ovr.gif');
}
#Header #Navi1 .navi2 a{
	width:73px;
	background-image:url('./images/cssNavi1-2.gif');
}
#Header #Navi1 .navi3{
	left:888px;
	width:90px;
	background-image:url('./images/cssNavi1-3Ovr.gif');
}
#Header #Navi1 .navi3 a{
	width:90px;
	background-image:url('./images/cssNavi1-3.gif');
}
#Header #Navi2{
	position:absolute;
}
#Header #Navi2 li{
	position:absolute;
	top:102px;
	height:58px;
	font-size:1pt;
}
#Header #Navi2 li a{
	display:block;
	height:58px;
	font-size:1pt;
	text-indent:-5000em;
}
#Header #Navi2 .navi1{
	left:338px;
	width:223px;
	background-image:url('./images/cssNavi2-1.gif');
}
#Header #Navi2 .navi2{
	left:561px;
	width:229px;
	background-image:url('./images/cssNavi2-2.gif');
}
#Header #Navi2 .navi3{
	left:790px;
	width:162px;
	background-image:url('./images/cssNavi2-3.gif');
}

/*----------------------------------------------------------------- Product */
#Product{
	width:936px;
	height:368px;
	padding:0 44px 0 45px;
}
#Product div{
	float:left;
	height:368px;
}
#Product div h2{
	font-size:1pt;
}
#Product div h2 a{
	display:block;
	font-size:1pt;
	text-indent:-5000em;
}
#Product div h2 a:hover{
	background-image:none;
}
#Product ul{
	display:none;
}


#Product .product1{
	width:344px;
}
#Product .product1 h2{
	width:343px;
	height:287px;
	padding:21px 1px 60px 0;
	background-image:url('./images/cssTopProduct1Ovr.jpg');
}
#Product .product1 h2 a{
	width:343px;
	height:287px;
	background-image:url('./images/cssTopProduct1.jpg');
}
#Product .product2{
	width:344px;
}
#Product .product2 h2{
	width:343px;
	height:287px;
	padding:21px 1px 60px 0;
	background-image:url('./images/cssTopProduct2Ovr.jpg');
}
#Product .product2 h2 a{
	width:343px;
	height:287px;
	background-image:url('./images/cssTopProduct2.jpg');
}
#Product .product3{
	width:248px;
}
#Product .product3 h2{
	width:248px;
	height:287px;
	padding:21px 0 60px 0;
	background-image:url('./images/cssTopProduct3Ovr.jpg');
}
#Product .product3 h2 a{
	width:248px;
	height:287px;
	background-image:url('./images/cssTopProduct3.jpg');
}

/*---------------------------------------------------------------- Contents */
#Contents{
	clear:both;
}

/*---------------------------------------------------------- Main */
#Main{
	float:left;
	padding:0 0 10px 45px;
}
#Main h2{
	width:700px;
	height:30px;
	background-image:url('./images/cssTopMainH2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .head1{
	width:325px;
	height:37px;
	background-image:url('./images/cssTopMainProductHead1.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .head2{
	width:325px;
	height:18px;
	background-image:url('./images/cssTopMainProductHead2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .playMovie1{
	clear:both;
	width:325px;
	height:40px;
	background-image:url('./images/cssTopMainProductPlayMovie1.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .playMovie2{
	clear:both;
	width:325px;
	height:45px;
	background-image:url('./images/cssTopMainProductPlayMovie2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .download{
	width:238px;
	height:64px;
	margin:0 45px 0 42px;
	background-image:url('./images/cssTopMainProductDownloadOvr.gif');
	font-size:1pt;
}
#Main .download a{
	display:block;
	width:238px;
	height:64px;
	background-image:url('./images/cssTopMainProductDownload.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .download a:hover{
	background-image:none;
}
#Main .product1{
	float:left;
	width:325px;
	padding:0 2px 0 15px;
}
#Main .product1 h3{
	width:325px;
	height:22px;
	background-image:url('./images/cssTopMainProduct1H3.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product1 .demo1-1{
	width:305px;
	height:42px;
	padding:11px 0 0 20px;
	background-image:url('./images/cssTopMainProduct1Demo1-1.jpg');
}
#Main .product1 .demo1-1 li{
	float:left;
	height:42px;
	font-size:1pt;
}
#Main .product1 .demo1-1 li a{
	display:block;
	height:42px;
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product1 .demo1-1 li a:hover{
	background-image:none;
}
#Main .product1 .demo1-1 .button1{
	width:88px;
	margin:0 8px 0 0;
}
#Main .product1 .demo1-1 .button1 a{
	width:88px;
	background-image:url('./images/cssTopMainProduct1Button1.jpg');
}
#Main .product1 .demo1-1 .button2{
	width:87px;
	margin:0 8px 0 0;
}
#Main .product1 .demo1-1 .button2 a{
	width:87px;
	background-image:url('./images/cssTopMainProduct1Button2.jpg');
}
#Main .product1 .demo1-1 .button3{
	width:91px;
	margin:0 9px 0 0;
}
#Main .product1 .demo1-1 .button3 a{
	width:91px;
	background-image:url('./images/cssTopMainProduct1Button3.jpg');
}
#Main .product1 .demo1-2{
	width:305px;
	height:42px;
	padding:11px 0 0 20px;
	background-image:url('./images/cssTopMainProduct1Demo1-2.jpg');
}
#Main .product1 .demo1-2 li{
	float:left;
	height:42px;
	font-size:1pt;
}
#Main .product1 .demo1-2 li a{
	display:block;
	height:42px;
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product1 .demo1-2 li a:hover{
	background-image:none;
}
#Main .product1 .demo1-2 .button4{
	width:88px;
	margin:0 8px 0 0;
}
#Main .product1 .demo1-2 .button4 a{
	width:88px;
	background-image:url('./images/cssTopMainProduct1Button4.jpg');
}
#Main .product1 .demo1-2 .button5{
	width:87px;
	margin:0 8px 0 0;
}
#Main .product1 .demo1-2 .button5 a{
	width:87px;
	background-image:url('./images/cssTopMainProduct1Button5.jpg');
}
#Main .product1 .demo1-2 .button6{
	width:91px;
	margin:0 9px 0 0;
}
#Main .product1 .demo1-2 .button6 a{
	width:91px;
	background-image:url('./images/cssTopMainProduct1Button6.jpg');
}
#Main .product2{
	float:left;
	width:325px;
	padding:0 30px 0 3px;
}
#Main .product2 h3{
	width:325px;
	height:22px;
	background-image:url('./images/cssTopMainProduct2H3.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product2 .demo2-1{
	width:305px;
	height:42px;
	padding:11px 0 0 20px;
	background-image:url('./images/cssTopMainProduct2Demo2-1.jpg');
}
#Main .product2 .demo2-1 li{
	float:left;
	height:42px;
	font-size:1pt;
}
#Main .product2 .demo2-1 li a{
	display:block;
	height:42px;
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product2 .demo2-1 li a:hover{
	background-image:none;
}
#Main .product2 .demo2-1 .button1{
	width:88px;
	margin:0 8px 0 0;
}
#Main .product2 .demo2-1 .button1 a{
	width:88px;
	background-image:url('./images/cssTopMainProduct2Button1.jpg');
}
#Main .product2 .demo2-1 .button2{
	width:87px;
	margin:0 8px 0 0;
}
#Main .product2 .demo2-1 .button2 a{
	width:87px;
	background-image:url('./images/cssTopMainProduct2Button2.jpg');
}
#Main .product2 .demo2-1 .button3{
	width:91px;
	margin:0 9px 0 0;
}
#Main .product2 .demo2-1 .button3 a{
	width:91px;
	background-image:url('./images/cssTopMainProduct2Button3.jpg');
}
#Main .product2 .demo2-2{
	width:305px;
	height:42px;
	padding:11px 0 0 20px;
	background-image:url('./images/cssTopMainProduct2Demo2-2.jpg');
}
#Main .product2 .demo2-2 li{
	float:left;
	height:42px;
	font-size:1pt;
}
#Main .product2 .demo2-2 li a{
	display:block;
	height:42px;
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product2 .demo2-2 li a:hover{
	background-image:none;
}
#Main .product2 .demo2-2 .button4{
	width:88px;
	margin:0 8px 0 0;
}
#Main .product2 .demo2-2 .button4 a{
	width:88px;
	background-image:url('./images/cssTopMainProduct2Button4.jpg');
}
#Main .product2 .demo2-2 .button5{
	width:87px;
	margin:0 8px 0 0;
}
#Main .product2 .demo2-2 .button5 a{
	width:87px;
	background-image:url('./images/cssTopMainProduct2Button5.jpg');
}
#Main .product2 .demo2-2 .button6{
	width:91px;
	margin:0 9px 0 0;
}
#Main .product2 .demo2-2 .button6 a{
	width:91px;
	background-image:url('./images/cssTopMainProduct2Button6.jpg');
}
#Main .product3{
	width:137px;
	height:16px;
	margin:0 0 0 530px;
	background-image:url('./images/cssTopMainProduct3Ovr.gif');
	font-size:1pt;
}
#Main .product3 a{
	display:block;
	width:137px;
	height:16px;
	background-image:url('./images/cssTopMainProduct3.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .product3 a:hover{
	background-image:none;
}
#Main .getAdobeReader{
	clear:both;
	width:649px;
	height:37px;
	padding:15px 33px 15px 18px;
}
#Main .getAdobeReader p{
	float:left;
	width:533px;
	padding:10px 0 0 0;
	border-bottom:1px solid #7c7b79;
	font-size:x-small;
}
#Main .getAdobeReader div{
	float:left;
	width:116px;
	height:37px;
}
#Main .require1{
	float:left;
	width:339px;
}
#Main .require1 h3{
	width:178px;
	height:19px;
	margin:0 140px 0 21px;
	background-image:url('./images/cssTopMainRequire1H3.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .require1 ul{
	width:312px;
	margin:0 8px 0 19px;
	padding:5px 0;
	border-top:1px solid #6d6d6d;
	border-bottom:1px solid #6d6d6d;
}
#Main .require1 ul li{
	width:292px;
	margin:3px 0 3px 20px;
	color:#c5c5c5;
	font-size:x-small;
	line-height:1.5em;
	list-style-type:disc;
	vertical-align:middle;
}
#Main .require2{
	float:left;
	width:361px;
}
#Main .require2 h3{
	width:181px;
	height:19px;
	margin:0 171px 0 9px;
	background-image:url('./images/cssTopMainRequire2H3.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Main .require2 ul{
	width:312px;
	margin:0 42px 0 7px;
	padding:5px 0;
	border-top:1px solid #6d6d6d;
	border-bottom:1px solid #6d6d6d;
}
#Main .require2 ul li{
	width:292px;
	margin:3px 0 3px 20px;
	color:#c5c5c5;
	font-size:x-small;
	line-height:1.5em;
	list-style-type:disc;
	vertical-align:middle;
}

/*------------------------------------------------------- Sidebar */
#Sidebar{
	float:right;
	width:236px;
	margin:0 44px 0 0;
}
#Sidebar #SidebarList{
	width:228px;
	padding:0 0 35px 0;
	background-image:url('./images/cssSidebarMenuFoot.gif');
	background-position:left bottom;
}
#Sidebar #SidebarList #SidebarBody{
	width:228px;
	background-image:url('./images/cssSidebarMenuBody.gif');
	background-repeat:repeat-y;
}
#Sidebar #SidebarList #SidebarBody ul{
	width:194px;
	padding:25px 17px 0 17px;
	background-image:url('./images/cssSidebarMenuHead.gif');
}
#Sidebar #SidebarList #SidebarBody ul li{
	width:174px;
	padding:5px 0 5px 20px;
	border-bottom:1px dashed #a6a6a6;
	background-position:left center;
}
#Sidebar #SidebarList #SidebarBody ul li a{
	color:#a6a6a6;
}
#Sidebar #SidebarList #SidebarBody ul li a:hover{
	color:#fff;
}
#Sidebar #SidebarList #SidebarBody ul .menu01{
	background-image:url('./images/cssSidebarMarker01.gif');
}
#Sidebar #SidebarList #SidebarBody ul .menu02{
	background-image:url('./images/cssSidebarMarker02.gif');
}
#Sidebar #SidebarList #SidebarBody ul .menu03{
	background-image:url('./images/cssSidebarMarker03.gif');
}
#Sidebar #SidebarList #SidebarBody ul .menu04{
	background-image:url('./images/cssSidebarMarker04.gif');
}

/*------------------------------------------------------- Partner */
#Partner{
	clear:both;
	width:937px;
	padding:10px 44px 0 44px;
}
#Partner h2{
	width:79px;
	height:12px;
	margin:0 0 10px 0;
	background-image:url('./images/cssTopPartnerH2.gif');
	font-size:1pt;
	text-indent:-5000em;
}
#Partner ul{
	width:937px;
	height:41px;
}
#Partner ul li{
	float:left;
}
#Partner ul .banner1{
	margin:0 16px 0 0;
}
#Partner ul .banner2{
	margin:0 17px 0 0;
}
#Partner ul .banner3{
	margin:0 16px 0 0;
}
#Partner ul .banner4{
	margin:0;
}

/*------------------------------------------------------------------ Footer */
#Footer{
	clear:both;
	padding:15px 45px 0 45px;
}
#Footer #Navi3{
	padding:10px 0;
	border-top:1px solid #6d6d6d;
	border-bottom:1px solid #6d6d6d;
	text-align:center;
	color:#8c8c8c;
	font-size:x-small;
	line-height:1.5em;
}
#Footer #Navi3 a{
	color:#8c8c8c;
}
#Footer #Navi3 a:hover{
	color:#fff;
}
#Footer .product{
	float:left;
	padding:0 0 40px 0;
	color:#8c8c8c;
	font-size:x-small;
	line-height:1.5em;
}
#Footer .copyright{
	float:right;
	padding:0 0 40px 0;
	color:#8c8c8c;
	font-size:x-small;
	line-height:1.5em;
}