@charset "utf-8";
/* ===================================================================
CSS information

 style info :共通項目のレイアウト
=================================================================== */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.right {
float:right;
display:inline;
}

.left {
float:left;
display:inline;
}

.left2 {
float:left;
display:inline;
}

.inlineonly {
display:inline;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 1000px;
	margin:0 auto 6px;
	overflow: visible;
	letter-spacing: 0;
	}

	#header #logo img {
		margin: 30px 0 0 10px;
	}
	#header #logo2 img {
		margin-top: 10px;
	}	

/* -----------------------------------------------------------
トライアル
	#header img {
		margin: 30px 0 0 10px;
	}
だと画像が崩れる
でもhtml 中で　#logo　を　#logo2にして上記#logoへの指定を残したらうまくいった・・・なぜだろう

	
----------------------------------------------------------- */	
	
/* -----------------------------------------------------------
	#gn
----------------------------------------------------------- */

#globalNavi	{ 
	margin:0 0 0 40px;
}

#subnavi {
margin:0 0 0 243px;
}

#subnavi img {
margin:0 0 0 0px;
}

/* -----------------------------------------------------------
	#container
----------------------------------------------------------- */
#container {
background:#fff;
margin:0 auto;
width:960px;
padding:0 20px;
min-height:300px;
height: auto !important;
height:300px;
}

/* -----------------------------------------------------------
	#flash
----------------------------------------------------------- */
#flash {
margin:0 auto;
width:1000px;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 10px;
	overflow: hidden;
	clear: both;
	background:url(../images/footer_bg.gif) repeat-x #fff;
	}

	#footer .copyright {
	float: left;
	}
	
	#footer ul {
		float: right;
		display: inline;
		margin-top:5px;
	}
	
	#footer ul li {
		float: left;
		margin-left:30px;
	}
	
		#footer ul li a {
			text-decoration: none;
			color:#666;
		}
		
		#footer ul li a:hover {
			color: #0092C7;
			text-decoration: none;
		}
		
		#footer .twitter {
		margin-top:-3px;
		
		}
			

/* -----------------------------------------------------------
	javascriptオフ時の表示
----------------------------------------------------------- */	

noscript {
	position: absolute;
	top: 20px;
	left: auto;
	width: 100%;
	text-align: center;
}

/* -----------------------------------------------------------
	ページtop
----------------------------------------------------------- */

a {
	color: #0092c7;
	text-decoration: underline;
}

a:visit {
	color: #3399FF;
}

a:hover {
	color: #99CCFF;
}