﻿*{margin:0;padding:0;outline:0;}html{overflow:hidden}
body{background:#333333;
font-family:Arial,Helvetica,sans-serif;overflow:hidden}img{border:0;}

#container{
position:absolute;top:0;left:0
}

html, body {
scrollbar-track-color: #333333;
scrollbar-face-color: #333333;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #666666; 
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #000000; 
scrollbar-arrow-color: #666666;
}


#background{position:absolute;top:0;left:0}

#navigation{position:absolute;top:0px;left:0px;width:100%;height:30px}

#navigation .background
{background:#000;
position:absolute;bottom:0;left:0;width:100%;height:30px;
opacity:0.80;filter:Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}*html

#navigation .background{bottom:12px;}

#navigation .logo{position:absolute;bottom:2px;left:20px;}*html 
#navigation .logo{bottom:0px;}

/* IE7 #navigation .logo{bottom:22px;} */

#navigation .logo{
font-size:18px;
font-weight:bold;
color:#ccc;
text-decoration:none;
}

#navigation ul{list-style:none;position:absolute;bottom:0;right:50px;}*html 
#navigation ul{bottom:0px;}

/*IE7 #navigation ul{bottom:12px;}  */ 

#navigation ul li{float:left;}

#navigation ul li a{

font-size:14px;
font-weight:bold;
color:#ccc;
text-decoration:none;
display:block;
float:left;
height:23px;
padding:0 11px;
padding-top:17px}

/* #navigation ul li a:hover{color:#333;background:#ccc;} */




/*ナヴィゲーションバー２*/
#navigation2{position:absolute;top:35px;left:0;width:100%;height:30px}

#navigation2 .background
{background:#000;
position:absolute;bottom:0;left:0;width:100%;height:30px;
opacity:0.50;filter:Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}*html

#navigation2 .background{bottom:12px;}

#navigation2 ul{list-style:none;position:absolute;bottom:0;right:268px;}*html 

#navigation2 ul{bottom:0px;}

/* IE7 #navigation2 ul{bottom:12px;} */

#navigation2 ul li{float:left;}

#navigation2 ul li a{
font-size:14px;
font-weight:bold;
color:#ccc;
text-decoration:none;
display:block;
float:left;
height:23px;
padding:0 11px;
padding-top:17px}
/*#navigation2 ul li a:hover{color:#000;background:#ccc;}*/




/*ナヴィゲーションバー３(works用)*/
#navigation3{position:absolute;top:35px;left:0;width:100%;height:30px}

#navigation3 .background
{background:#000;
position:absolute;bottom:0;left:0;width:100%;height:30px;
opacity:0.80;filter:Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}*html

#navigation3 .background{bottom:12px;}

#navigation3 ul{list-style:none;position:absolute;bottom:0;right:80px;}*html 

#navigation3 ul{bottom:0px;}

/* IE7 #navigation3 ul{bottom:12px;} */

#navigation3 ul li{float:left;}

#navigation3 ul li a{
font-size:14px;
font-weight:bold;
color:#ccc;
text-decoration:none;
display:block;
float:left;
height:23px;
padding:0 11px;
padding-top:17px}
/*#navigation3 ul li a:hover{color:#000;background:#ccc;}*/


/*真ん中のテキスト(works用)*/
#home #bgmidtext,#home #midtext{height:400px;margin-top:150px;position:absolute;top:0%;left:24%;}

#home #bgmidtext{background:#000;opacity:0.80;width:513px;filter:Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}

#home #midtext{font-size:14px;padding-left:20px;width:513px;height:400px;color:#fff}
#home #midimage{height:400px;margin-top:150px;position:absolute;top:15%;left:50%;}
#home #midtext h3{font-size:20px;margin:15px 0 10px 0;color:#fff;font-weight:normal}

#home #midtext li a{text-decoration: none; } 
/*プロジェクト名太い 
#home #midtext li a{text-decoration: none; font-weight:bold;}  */

#home #midtext ul {list-style-type: none;}
#home #midtext a:link{color:#fff}
#home #midtext a:visited { color: #fff;} 
#home #midtext li a:hover {color:#ff0000}



/*真ん中のテキスト*/
#home #bgimidtext,#home #imidtext{height:400px;margin-top:150px;position:absolute;top:0%;left:24%;}
#home #bgimidtext{background:#000;opacity:0.80;width:513px;filter:Alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;}
#home #imidtext{font-size:13px;padding-left:20px;width:500px;height:400px;color:#fff}
#home #imidimage{height:400px;margin-top:150px;position:absolute;top:10%;left:50%;}
#home #imidtext h3{font-size:16px;margin:15px 0 10px 0;color:#fff;font-weight:normal}
#home #imidtext li a{font-weight:bold;}
#home #imidtext ul {list-style-type: none;}
#home #imidtext a:link{color:#fff ;}
#home #imidtext a:visited { color: #fff; text-decoration: underline;} 
#home #imidtext li a:hover {color:#ff0000}



