/* ===================================================================
CSS information

 file name  :style.css
 author     :yourName (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/

body {
    
	font-size:12px;
    font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS PGothic", sans-serifArial, Helvetica, Osaka, ;
    *font-size:70% !important;/*forIE6IE7*/
	color:#000;
	background-image: url(../img/back.gif);
    background-repeat: repeat-x;  
}

a:link,
a:visited {
	color: #FA5029;
	text-decoration: none;
}

#wrapper {
	width:960px;
	margin: 0 auto;
}

#toplogo{
	float:left;
	margin-top:30px;
}
	
#gnavi{
	float:right;
	margin-top:40px;
	margin-right:10px;}
	
#main{
	margin-top:110px;
	position:absolute;
    width: 980px;
	}		
	

.box {
	padding-bottom: 20px;
    padding-right: 20px;
	width: 175px;
	height: 175px;
    float: left;
}



.fade {  
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.7;  
    filter: alpha(opacity=80);  
}



/*----------------------------------------------------
	ABOUT
----------------------------------------------------*/
#about_img{
	float:right;
	width:677px;
	padding-left:77px;
	position:relative;
	z-index:100;
	}
	
#about_txt{
	margin-top:80px;
	float:left;
	width:260px;
	padding-left:20px;
	}	
	
#footer{
	position:relative;
	width: 100%;
	height: 100xp;
    bottom: 0;
	z-index:10;
	}			

.bold { font-weight: bold; }