/* ### WORKS page CSS ### */


/* --Background image-- */

#wrapper {
          width: 100%;
          height: 100%;
          margin: 0;
          background: url(../img/background3_bw.jpg) no-repeat center center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          background-color:#000;
          }

#top  {
      width: 100%;
     height: 81px;
}


/* ### コンテンツ ### -----------------------------------------------  */


/* ### about us page ### */

/* about TOP title */
#title         {
                width: 62.5%;
                margin: 2% auto 0;
				background-color:rgba(20, 20, 50, 0);
			    padding: 0;
                }							

#title  h3      {
                 font-size:14px;
                 font-family: 'Maven Pro', Helvetica, Arial, Geneva, sans-serif;
				 color:rgba(70, 210, 240, 0.6);
				 border-bottom: solid 1px rgba(70, 210, 240, 0.6);
				 line-height: 1.0;
                }



/* prof lyout *-------------------------------------------  */
							
#profile        {
                width: 44.5%;
                height: auto;
                margin: 20px auto 150px;
				border-left: solid 1px rgba(250, 250, 250, 0.9); 
				background-color:rgba(10, 10, 30, 0.5);
			    padding: 40px 2% 50px 8%;
                }


#profile  h2    {
                font-size: 15px;
                font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
				color:rgb(250, 250, 250);
				line-height: 2.8;
                 }

#profile  h3    {
                font-size: 9px;
				color:rgb(250, 250, 250);
				line-height: 1.0}
				 
#profile  h4   {
                margin-top: 10px;
                font-size: 12px;
                color: rgb(210, 190, 220);
                line-height: 2.2;
                clear: both;
                }
				 
#profile  h5    {
                font-size: 12px;
                color: rgb(200, 200, 200);
                margin-top: 10px;
                line-height: 2.2;
                }

#profile  P    {
               font-size: 12px;
               color: rgb(230, 230, 230);
               line-height: 2.2;
                }




#profile .small     {
                font-size:9px;
                color:rgb(160, 180, 160);
                border-left:none; 
                background-color:rgba(0, 0, 0, 0);
                 }				 				 
				 
#profile .point   {
                  color: rgb(250, 250, 250);
                   }


#profile img     { 
                   float:left;
                   margin-top: 8px;
                   margin-right: 10px;
                   padding: 0px 5px 0px 0px;
                   border: none;
                  }




/* animation style */
				
.contentpost	{-webkit-animation: fadein 2s;
				-moz-animation: fadein 2s;
				-o-animation: fadein 2s;
				-ms-animation: fadein 2s;
				}
								
@-webkit-keyframes fadein   {
               0%   { opacity: 0;}
			   100% { opacity: 100;}
			   }	
			   
@-moz-keyframes fadein   {
               0%   { opacity: 0;}
			   100% { opacity: 100;}
			   }	

@-o-keyframes fadein   {
               0%   { opacity: 0;}
			   100% { opacity: 100;}
			   }	
			   
@-ms-keyframes fadein   {
               0%   { opacity: 0;}
			   100% { opacity: 100;}
			   }	


				
/*about us page */