@charset "shift_jis";

/* ----------------------------------------

STRUCTURE CSS・・・基礎構造用CSS

ヘッダー・フッター・メニュー共通デザイン

 ----------------------------------------*/
 
html{
	 color:#333;
 }
 
body{
	background:#FFF;
	line-height:1.3em;
 }
 

 
#layout{
 	margin:0 auto;
 	width:960px;
}

#special-bnr{
	text-align:center;
 	width:970px;
	height:auto;
	position:relative;
	margin:0 0 0 0;


}





#header{
 	margin:0 auto;
	width:970px;
	height:266px;
	background:url(../../../img/header.png) no-repeat top center;
	position:relative;
	text-indent:-9999px;
}


#global{
 	width:170px;
/*	height: 1300px;*/
	background:url(../../../img/navi_bg.gif) repeat-y;
 	float:right;
	position:relative;
	margin:0 0 0 8px;
	padding:0 0 10px 0;
}

#contents{
 	width:760px;
	float:left;
	background:#fff;
	border:10px solid #000;


}


#footer{
	clear:both;
	width:960px;
	margin:0 auto;
}


/* --ヘッダー--*/
/* =========================================================*/

#header h1 a{
	width: 963px;
	height: 89px;
	position: absolute;
	top: 182px;
	left: 10px;
}


#header h2 a{
	width:208px;
	height:47px;
	position:absolute;
	top:24px;
	left:13px;
}

#header .tfm a{
	width: 209px;
	height: 61px;
	position: absolute;
	top: 35px;
	left: 11px;
	display: block;
	text-indent:0px;
}

#header .tfm a img{
	width: 65%;
	height:auto;
}

#header .sponsor a{
	width: 305px;
	height: 47px;
	position: absolute;
	top: 114px;
	left: 10px;
	display: block;

}




/* --フッター--*/

#up a{
	clear:both;
	width:87px;
	height:34px;
	text-indent:-9999px;
	background:url(../../img/up.gif) no-repeat;
	padding:0 20px 0 0;
	float:right;
}


#footer address{
	width:451px;
	height:50px;
	text-indent:-9999px;
	background:url(../../../img/copyright.gif) no-repeat center;
	margin:0 auto;
}



/* クリアフィックス*/
.cleafix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.cleafix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .cleafix{height: 1%;}
.cleafix{display: block;}
/* for ie5,6*/



/* クリアフィックス*/
#contents #main #middle_con #top_ranking ul:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

#contents #main #middle_con #top_ranking ul{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html #contents #main #middle_con #top_ranking ul{height: 1%;}
#contents #main #middle_con #top_ranking ulx{display: block;}
/* for ie5,6*/



/* クリアフィックス*/
.ctext:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.ctext{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .ctext{height: 1%;}
.ctext{display: block;}
/* for ie5,6*/
