@charset "utf-8";
/* 【CSS Information】-------------------
 
 File Name:      	style.css
 Author:         	Your Name (admin)
 Style Info:     	テキスト要素、基本クラスの設定
 Update:					2013/02/10
----------------------------------------- */

/*----------------------------------------------------------------------------
text set
----------------------------------------------------------------------------*/
body{
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: 'Futura TGW','Futura-Medium',Futura,Helvetica,Arial,sans-serif;
	color:#020b39;
	font-size:12px;
	
}

::selection {
    background: #020b39; /*背景色*/
    color: #fff; /*文字色*/
}
::-moz-selection {
    background: #020b39; /*背景色*/
    color: #fff; /*文字色*/
}

a{
	color:#020b39;
	text-decoration:none;
	
	}
#gnavi a:hover{
	border-bottom:2px solid #020b39;
	
	}


a:hover img{
	 filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
	}
	
a:hover img.over{
	 filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}


/*----------------------------------------------------------------------------
text class
----------------------------------------------------------------------------*/


.txtsss { font-size: 77%; }
.txtss { font-size: 85%; }
.txts { font-size: 93%; }
.txtl { font-size: 108%; }
.txtll { font-size: 116%; }

.underline { border-bottom: 1px dotted #666666; }

/*----------------------------------------------------------------------------
common class
----------------------------------------------------------------------------*/

.left{float:left;}
.right{float:right;}

.mt-05 { margin-top: -5px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml50 { margin-left: 50px; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.hide { display:none; }

.txtright{text-align:right;}



/*----------------------------------------------------------------------------
base
----------------------------------------------------------------------------*/

#hedder{ width:100%;
height:144px;}


#hedinner{ width:940px; margin:0 auto; position:relative;}

#hedinner h1{ padding:50px 0 0 161px;}

#sns li{ float:left; padding-left:5px;}
	
	
#hedinner h1{ float:left;}

#sns{ position:absolute; right:0; top:63px; right:0;}

#gnavi{ position:absolute; top:112px;right:0;}
#gnavi li{ float:left; padding-left:17px; background:url(../img/common/bg_navi.png) top left no-repeat; margin-left:8px; font-size:13px; font-weight: normal; padding-bottom:3px; letter-spacing:0.1em;}
#gnavi li.active {  border-bottom:2px solid #020b39; }
#gnavi .active {  border-bottom:2px solid #020b39; }
#gnavi li.first{ background:none; padding-left:0;}
#logo_obj{ position:absolute; left:0; top:10px; z-index:1000;}
/*----------------------------------------------------------------------------
contentarea
----------------------------------------------------------------------------*/	


#footer{ width:100%; border-top: 2px solid #020b39; margin-top:120px;}
	
	
	
/*----------------------------------------------------------------------------
clearfix
----------------------------------------------------------------------------*/

	
	
	
#footerinnner{ width:940px; margin:0 auto;}
#fotnav{ float:right;}
#fotnav li{ float:left; color:#020b39; margin:18px 0 10px 15px;}
	
/*----------------------------------------------------------------------------
clearfix
----------------------------------------------------------------------------*/


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}