/* 理科大鉄研 デフォルトCSS */
/* トップページ(/index.shtml)用 */

/*サイト全体に適用するスタイルのインポート */
@import "style.css";

/*全般 */
	body {
		margin: 0;
		padding: 0;
		font-size: 10.5pt;
		}
	
	a:hover {
		text-decoration: none;
		color: red; 
		}
	
	a.b:visited {
		text-decoration: none;
		color: #333333;
		}
	
	a.b:active {
		text-decoration:
		none; color: #333333;
		}
	
	a.b:hover {
		text-decoration: none;
		color: #333333;
		background-color: #dddddd;
		}
	
	#base {
		position: static; 
		width: 772px;
		margin: 0 auto;
		background-color: #fff;
		height: auto;
		}
	
	.title {
		border: 0px;
		padding: 2px 0px 2px 12px;
		/* width: ; */
		left: 1px;
		background-image: url(../images/back2.png);
		color: white;
		font-size: 15pt;
		text-decoration: none;
		}
	
	h2 {
		margin: 0px;
		padding: 0px 0px 0px 12px;
		font-size: 14pt;
		font-weight: normal;
		}
	
	h3 {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		background-image: none;
		color: black;
		font-size: 10.5pt;
		}
	p {
		margin: 0px;
		}

/* 鉄研ロゴ */
#logo_img {
	width: 340px;
	margin: 0px;
	border: 0;
	left: 0px;
	top: 0px;
/* background-image:url(./logo.png); */
	text-indent: 0px;
	position: absolute;
	}

/* メニュー */
.topmenu {
	clear: both;
	margin: 0px auto;
	padding: 70px 0px 0px 0px;
	width: 768px;
	background-color: #fff;
	text-align: center;
	position: relative;
	font-size: 10.5pt;
	}
#contents {
	clear: both;
	margin: 30px 0px 0px 0px;
/* border: 1px solid #000; */
	background-color: #d4d4d4;
	overflow: hidden;
	width: 768px;
	}
	
	.over {
		float:left;
		padding: 2px 0px 0px 0px;
		width:152px;
		}
	.under {
		float:left;
		padding: 0px 0px 0px 0px;
		width:152px;
		}


/* 更新情報 */
	#new {
		clear:both;
		float:left;
		width:583px;
		border-width:1px;
		border-style:solid;
		border-color:#ffffff;
		}
	
	#new_t {
		border-left: red solid 3px;
		}
	
	#new_c {
		padding: 10px 20px 10px 0px;
		margin: 0px 0px 0px 0px;
		}


/* 部員向け */
	#staff {
		float: right;
		width: 185px;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		}
	
	#staff_t {
		border-left: blue solid 3px;
		}
	
	#staff_c {
		background-color: #000000;
		color: white;
		padding: 10px 0px 0px 10px;
		}


/* トピックス */
	#topic {
		clear: both;
		float: left;
		width: 583px;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		}
	
	#topic_t {
		border-left: #0f0 solid 3px;
		}
	
	#topic_c {
		padding: 10px 0px 10px 0px;
		}
		
	#topic_h {
		padding: 0px 0px 0px 5px;
		}
		
	#topic_p {
		padding: 0px 5px 0px 0px;
		}
		
	#topic_m {
		padding: 0px 0px 0px 5px;
		}
		


/* お知らせ */
	#ad {
		float: right;
		width: 185px;
		border-width: 1px;
		border-style: solid;
		border-color: khaki;
		}
	
	#ad_t {
		border-left: orange solid 3px;
		}
	
	#ad_h3 {
		font-style: italic;
		}
	
	#ad_c {
		background-color: khaki;
		padding: 10px 0px 0px 5px;
		}


/* 今月のトップ画像 */
	#topimage {
		clear: left;
		width: 583px;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		}
	
	#topimage_t {
		border-left: gold solid 3px;
		}
	
	#topimage_c {
		padding: 10px 0px 10px 0px;
		}
		
	#topimage_p {
		padding: 0px 0px 0px 5px;
		}
		
	#topimage_m {
		padding: 0px 0px 0px 170px;
		}



/* banner*/
	#banners {
		float: right;
		width: 185px;
		border-width: 1px;
		border-style: solid;
		border-color: #ffffff;
		}