@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
html {  
    overflow-y:scroll;  
}  

body  {
	font: 85% Verdana, Arial, Helvetica, sans-serif;
	background: #060915;
	margin:15px 0;
	_margin:0px 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

img {
	border:0px;
	}


*:first-child+html body  {
	margin:0px 0;
}

.thrColFixHdr #container { 
	width: 830px; 
	background: #000 url(img/main_back.gif) top left repeat-y;
	margin: 0 auto;
	text-align: left;
} 
.thrColFixHdr #header { 
	background: #DDD url(img/top_head.gif) top left no-repeat; 
	padding: 0px;
	width:830px;
	height:100px;	
} 

.thrColFixHdr #header h1 {
	margin: 0;
	padding: 0; 
}
.thrColFixHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 150px; 
	padding: 0px;
	margin:0;
	position:relative;
}

.thrColFixHdr #sidebar1 .globalNav {
	position:absolute;
	top:1px;
	margin:0px;
	width: 150px;
	height: 30px;
	list-style-type: none;
}


.thrColFixHdr #sidebar1 ul.globalNav {
	margin: 0;
	padding:0;
}

.thrColFixHdr #sidebar1 .globalNav li {
	width: 150px;
	padding:0;
}

.thrColFixHdr #sidebar1 .globalNav li a {
	display: block;	
	overflow: hidden;
	width:100%;
	height: 0 !important;
	height: /**/:35px;
	padding-top: 35px;
	background-image: url(img/top_menu.gif);
}



/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0px 0px; }
	#nav02 a { background-position:  0px -35px; }
	#nav03 a { background-position:  0px -70px; }
	#nav04 a { background-position:  0px -105px; }
	#nav05 a { background-position:  0px -140px; }
	#nav06 a { background-position:  0px -175px; }
	
	
	/* 現在位置 */
	#nav01 a.stay { background-position:-150px 0px; }
	#nav02 a.stay { background-position:-150px -35px; }
	#nav03 a.stay { background-position:-150px -70px; }
	#nav04 a.stay { background-position:-150px -105px; }
	#nav05 a.stay { background-position:-150px -140px; }
	#nav06 a.stay { background-position:-150px -175px; }
	

	/* オンマウス */
	#nav01 a:hover { background-position:-300px 0px; }
	#nav02 a:hover { background-position:-300px -35px; }
	#nav03 a:hover { background-position:-300px -70px; }
	#nav04 a:hover { background-position:-300px -105px; }
	#nav05 a:hover { background-position:-300px -140px; }
	#nav06 a:hover { background-position:-300px -175px; }






.thrColFixHdr #sidebar2 {
	float: right;
	width: 150px;
	padding: 0;
	margin:0;
	position:relative;
}


.thrColFixHdr #sidebar2 img.top_page{
	position:absolute;
	top:0px;
	padding-right:0px}



	
.thrColFixHdr #sidebar2 img.boy01{
	position:absolute;
	top:170px;
	_bottom:290px;
	margin-left:35px}

	
	
.thrColFixHdr #mainContent { 
} 

.thrColFixHdr #mainContent .main{
	margin:0px 10px;
	_margin-left:30px;
	padding:10px;
} 

*:first-child+html #mainContent .main{
	margin-left:30px;
} 

.thrColFixHdr #mainContent img.top_main{
	position:relative;
	padding-top:0px;
	padding-left:0px;
	_margin-left:150px;
	}

*:first-child+html .thrColFixHdr #mainContent img.top_main{
	margin-left:0px;
	margin-top:-2px;
	}

	
.thrColFixHdr #mainContent h1{
	margin: 0 175px;
	_margin: 0 160px;}

*:first-child+html #mainContent h1{
	margin-left:5px;}
	
.thrColFixHdr #mainContent .news_box{
	overflow:auto; 
	margin: 0 175px;
	_margin: 0 170px 0 160px;
	padding:5px 20px;
	background-color:#FFF;
	height:auto;
	border-bottom:3px solid #666;
	border-right:1px solid #a4a2a2;
	border-left:1px solid #a4a2a2;
	}

*:first-child+html #mainContent .news_box{
	margin:0 25px 0 5px;}
	
.thrColFixHdr #mainContent dl.list_news dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 7.5em;
	border-left: solid 8px #CCC;
	padding-left: 5px;
	color: #DD830F;
	font-weight:600;
}

.thrColFixHdr #mainContent dl.list_news dd {
	margin-bottom: 0.8em;
	margin-left: 7.6em;
}

.thrColFixHdr #mainContent dl.list_news dd p {
	margin-left: 1em;
	width:auto;
	}
		
.thrColFixHdr #mainContent p.notice {
	overflow:auto; 
	margin: 15px 175px;
	_margin: 15px 170px 15px 160px;
	color:#333;
	font-size:90%;
	}
	
*:first-child+html #mainContent p.notice {
	margin:0 25px 0 5px;}

.thrColFixHdr #footer { 
	padding: 0;
	background:#DDDDDD;
} 



.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

<!--[if IE 5]>

/* この条件分岐コメントに IE 5* を対象とした css ボックスモデルのフィックスを配置します */
.thrColFixHdr #sidebar1 { width: 15Opx; }
.thrColFixHdr #sidebar2 { width: 150px; }



/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに必要な hasLayout が IE に対して設定されます */