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

html{
	margin:0 0 1px;
	padding:0px;
	font: 100.01% Verdana, sans-serif;
	display:inline;
	overflow-y:scroll;
	height:100%;
}

html {

    }

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
/*	background:url(../image/global_background.gif) repeat-x;*/
	font-size: 75%; 
}


img{
	border:none;
	margin:0 10px 0 0;
	padding:0px;
}


#wrapper_24{
	margin-left : auto ; margin-right : auto ;
	padding:10px 0px 0px 0px;
	width:900px;
	height:4200px;

}

.pic{
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:right;
	bottom: 0;
	
}
#wrapper{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:4200px;

}

#wrapper_about{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:1100px;
	
}
#wrapper_pro{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:1100px;
	
}
#wrapper_web{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:1200px;
	
}
#wrapper_cg{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:1100px;
	
}
#wrapper_dtp{
	margin-left : auto ; margin-right : auto ;
	padding: 20px 0px 0px 0px;
	width:1100px;
	height:1100px;
	
}
.itu{
	margin-left:45px;
}
.upda{
	margin-left:50px;
	font-size: 60%;
}
.hana{
	margin-left:-5px;
}


#logo{
	margin:14px 0px 0px 40px;
	padding:0px;
	position:absolute;
	width:154px;
	height:111px;
}

.english{
	display:inline;
	margin:0px 0px 5px 0px;
	padding:0px;
	float:right;
	width: 500px;
	height: 30px;
}


.p_b1{
	display:block;
	font-size:12px;
	margin:5px 5px 14px 20px;
	padding:0px 0px 0px 0px;
	width:670px;
	height:auto;
}	
.p_b2{
	display:block;
	font-size:12px;
	margin:5px 5px 14px 20px;
	padding:0px;
	width:550px;
}

.p_b21{
	display:block;
	font-size:16px;
	margin:5px 5px 5px 20px;
	padding:3px;
	width:860px;
}
.p_b22{
	display:block;
	font-size:16px;
	margin:5px 5px 5px 20px;
	padding:0px;
	width:750px;
}
.p_bs{
	display:block;
	font-size:8px;
	margin:5px 5px 14px 20px;
	padding:0px;
	width:670px;
}


.pic22{
	display:inline;
	margin:0px 10px 0px 0px;
	padding:0px;
	float:right;
	
}

*html body .pic{
	display:inline;
	margin:0px 10px 0px 5px;
	padding:0px;
	float:right;
	
}

#work{
	margin:100px 0px 0px 330px;
	padding:0px;
	position:absolute;
	width:auto;
	height:auto;
}


#whead{
	margin:25px 0px 0px 258px;
	padding:0 0 0 0;
	position:absolute;
}

#web{
	margin:100px 0px 0px 350px;
	padding:0px;
	width:600px;
	height:400px;
	position:absolute;
	float:left;
}
#proj{
	margin:30px 0px 0px 270px;
	padding:0px;
	width:600px;
	height:499px;
	position:absolute;
	float:left;
}

#port{
	margin:30px 0px 0px 270px;
	padding:0px;
	width:600px;
	height:54px;
	position:absolute;
	float:left;
}

#web ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	list-style:none;
}

.cg_buttonl{
	margin:0px 0px 0px 420px;
	padding:0px;
	width:36px;
	height:15px;
	position:absolute;
}
.cg_buttonr{
	margin:0px 0px 0px 467px;
	padding:0px;
	width:36px;
	height:15px;
	position:absolute;
}


#web ul li{
	margin:0px 5px 12px 0px;
	padding:0 0 0 0;
	width:700px;
	height:25px;
	float:none;
	font-size:1em;
	color:#aaa;
}

#cg{
	margin:-10px 0px 0px 270px;
	padding:0px;
	width:600px;
	height:500px;
	position:absolute;
	float:left;
}


.shark{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
	background:url(../image/works/aqu_1.jpg) no-repeat;
	width:530px;
	height:675px;
}


.webbox{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
}

.describe{
	margin:0px;
	padding:0px;
	width:auto;
	height:auto;
}

h1{
	font-size:1em;
}
h2{
	font-size:18px;
	color:#395891;
}
h3{
	font-size:16px;
	color:#395891;
}


#button_box{
	margin:140px 0px 0px 10px;
	position:absolute;
}


html #button_box{
	margin:140px 50px 0px 0px !important;
	;
	position:absolute;
	width: 182px;
	height: 1624px;
}

.apps{
	clear:both;
	margin-top:10px;
}

.apps ul {
	width:496px;            
    height:60px;
	margin:0px 0px 0px 0px;            
    list-style:none; 
	margin:auto;       
 }
.apps li{
    width:496px;            
    height:50px;            
}
.app a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/apps.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.app a:hover{background-image:url(../image/apps.gif);
    background-position:0px -50px;
   }



.dapps ul {
	width:496px;            
    height:70px;
	margin:0px;            
    list-style:none; 
	margin:auto;       
 }
.dapps li{
    width:496px;            
    height:50px;            
}
.dapp a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/dapps.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.dapp a:hover{background-image:url(../image/dapps.gif);
    background-position:0px -50px;
   }


.lapps{
	clear:both;
	margin-top:10px;
}


.lapps ul {
	width:496px;            
    height:70px;
	margin:0px;            
    list-style:none; 
	margin:auto;       
 }
.lapps li{
    width:496px;            
    height:50px;            
}
.lapp a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/lapps.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.lapp a:hover{background-image:url(../image/lapps.gif);
    background-position:0px -50px;
   }
   

.dlapps ul {
	width:496px;            
    height:70px;
	margin:0px 0px 0px 0px;            
    list-style:none; 
	margin:auto;       
 }
.dlapps li{
    width:496px;            
    height:50px;            
}
.dlapp a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/dlapps.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.dlapp a:hover{background-image:url(../image/dlapps.gif);
    background-position:0px -50px;
   }
   
   
      



.apps_e ul {
	width:496px;            
    height:60px;
	margin:0px 0px 0px 0px;            
    list-style:none; 
	margin:auto;       
 }
.apps_e li{
    width:496px;            
    height:50px;            
}
.app_e a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/apps_e.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.app_e a:hover{background-image:url(../image/apps_e.gif);
    background-position:0px -50px;
   }



.dapps_e ul {
	width:496px;            
    height:70px;
	margin:0px;            
    list-style:none; 
	margin:auto;       
 }
.dapps_e li{
    width:496px;            
    height:50px;            
}
.dapp_e a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/dapps_e.gif);
    background-position:0px 0px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.dapp_e a:hover{background-image:url(../image/dapps_e.gif);
    background-position:0px -50px;
   }

.icon_2{
	background-image:url(../image/icon2.jpg);
	margin:auto;
}
.icon_3{
	background-image:url(../image/icon3.jpg);
	margin:auto;
}
.icon_1{
	background-image:url(../image/icon1.jpg);
	margin:auto;
}

.bulue{
	font: 150% Verdana, sans-serif;
	color:#333;
}

a.declink{
	text-decoration:none;
	color:#39F;

}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

a.itunes{ color: #39F; }
a:hover.itunes{ color: #39F; }

.apps{
	

}


ol li{width:64px;            
    height:64px;            
    list-style:none;        
 }


ul{width:150px;            
    height:320px;            
    list-style:none;        
 }
li {
    width:150px;            
    height:40px;            
}
.top a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/top.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.top a:hover
   {background-image:url(../image/newbutton/top.gif);   
    background-position:0px -40px;
   }

.about a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/about.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.about a:hover
   {background-image:url(../image/newbutton/about.gif);   
    background-position:0px -40px;
   }
.pro a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/project.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
/*.pro a:hover{background-image:url(../image/newbutton/project.gif);   
    background-position:0px -40px;
   }*/
.web a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/webdesign.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
/*.web a:hover{background-image:url(../image/newbutton/webdesign.gif);   
    background-position:0px -40px;
   }*/
.cg a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/cg.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
/*.cg a:hover{background-image:url(../image/newbutton/cg.gif);   
    background-position:0px -40px;
   }*/
.dtp a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/dtp.jpg); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
/*.dtp a:hover{background-image:url(../image/newbutton/dtp.gif);   
    background-position:0px -40px;
   }*/
.foli a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/portfolio.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.foli a:hover{background-image:url(../image/newbutton/portfolio.gif);   
    background-position:0px -40px;
   }
.con a{display:block;           
    width:100%;              
    height:100%;              
    background-image:url(../image/newbutton/contactus.gif); 
    background-position:0px -80px;
    background-repeat:no-repeat; 
    text-indent:-1000em;   
    text-decoration:none;  
    }
.con a:hover{background-image:url(../image/newbutton/contactus.gif);   
    background-position:0px -40px;
   }