@charset "shift_jis";
/* CSS Document */

/*■初期設定*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-image: url("../img/activity/koushukai2012/b052.jpg");
	background-repeat: repeat;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*■初期設定ここまで*/

/*ページ基礎*/

/*影*/
#shadow {
	width: 768px;
	margin:0 auto;
	background-image: url("../img/bg-shadow.png");
	background-repeat: repeat-y;
	background-position: center;
	}
	
#shadow-bottom {
	width: 768px;
	height: 7px;
	margin:0 auto;
	background-image: url("../img/bg-shadow-bottom.png");
	background-repeat: no-repeat;
	background-position: center;
	}

/*枠組み*/
#outline {
	width:750px;
	text-align:left;
	margin:0 auto;
	border:solid 1px #999999;
	border-top: 4px solid #D17B40;
	background: #FFFFFF;
	}

.outline-margin{
	padding:10px;
	}

/*ロゴ*/
#title_pic{
	margin:5;
	padding: 0px 0px 0px 0px;
	height:100px;
	width: 750px;
	}

/*タブメニュー*/
#tabs{
	background:#202020;
	width:750px;
	height:51px; 
	}

.footer p{	/*コピーライト*/
	width:400px;
	height:20px;
	float:bottom;
	margin-left:200px;
	font-size:12px;
	}

.c-both {
	clear:both;
	}
/*ページ基礎終わり*/

.default-box{
	width: 700px;
	margin-top:20px;
	margin-left:25px;
	}

/*トップページ*/
#top_pic p{
	width: 745px;
	margin:20px,0px;
	padding-left: 5px;
	}

#top-left{
	float:left;
	margin:20px 0px 0px 15px;
	width:505px;
	}

#top-right{
	float:right;
	margin:20px 15px 30px 0px;
	width:195px;
	border-left:solid 1px #999999;
	}
#top-right img{ 
	margin-left: 15px;
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999999;
	}
	
#top_info{
	min-height: 300px;
	position:relative;
	bottom: -160px;
	}
#browser-info{
	font-size: 12px;
	margin: 15px 0px 0px 12px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #999999;
	}
#mobile-info{
	font-size: 18px;
	margin: 15px 0px 0px 12px;
	padding-bottom: 15px;
	border-bottom: dotted 1px #999999;
	}


#news {			/*月間報告*/
	width:505px;
	margin-left:5px;
	margin-bottom: 20px;
	}
#news-box{
	height: 400px;
	overflow-y: scroll;
	list-style:none;
	padding-top:10px;
	padding-left:10px;
	line-height: 22px;
	}

.title {
	height:20px;
	font-size:14px;
	font-weight:bold;
	padding-top:7px;
	padding-left:3px;
	color:#000000;
	background:#D17B40;
	}

#calendar {
	height: 360px;
	list-style:none;
	margin:0;
	padding:0;
	}
#change-log {		/*更新履歴*/
	width:505px;
	margin-bottom:20px;
	margin-left:5px;
	}
#change-log-box ul{
	height: 200px;
	overflow-y: scroll;
	list-style:none;
	margin:0;
	padding:0;
	}
#change-log-box ul li{
	margin:10px 8px;
	border-bottom:dashed 1px #999999;
	}
.clog-date{
	float: left;
	width: 70px;
	font-size:12px;
	margin:0px 4px;
	padding: 2px;
	}
.clog-content{
	font-size:13px;
	color:#000000;
	margin:4px 0px 2px 12px;
	}
	
/*トップページ終わり*/

/*クラブ概要*/
#left-side{
	float:left;
	}
#side-menu{
	margin:60px 20px;
	background:#EAEAEA;
	}

ul#button {
	margin: 0;
	padding: 0;
	text-align:center;
	width: 170px;/*メニューの全体的な横幅を設定*/
}

ul#button li {
	margin: 0;
	padding: 0;
	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */
	list-style-type: none;
}

ul#button li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-color: #eee;
}

ul#button li a:hover {
	color: #000;
	background-color: #ddd;
}

ul#button li a.active{
	background:#ddd;;
	}
	
.side-photo{
	float:left;
	margin:0px 30px;
	}
.side-photo p{
	margin:0px 0px 0px 10px;
	}
.club-box{
	float:right;
	width:500px;
	margin:30px 20px 30px 0px;
	padding:20px 0px 10px 10px;
	font-size:14px;
	border: 2px solid #666666;
	background-image: url("../img/club-bg.gif");
	}
#member-text{
	font-size: 14px;
	line-height: 20px;
	padding: 5px;
	margin: 0px 15px 10px 0px;
	background: #EEE;
	border:1px dotted #000000;
}
#member-img img{
	border: 2px solid #000000;
	margin:0;
	}
.member-age{
	margin: 0px 0px 5px 5px;
	font-size:22px;
	font-weight: bold;
}
.name{
	width:157px;
	background: white;
	border-top:0px solid black;
	}
	
#structure-img img{
	margin:20px;
	}

/*年間活動*/
#activity{
	margin: 20px;
	}

#spring{
	float: left;
	width: 350px;
	height: 550px;
	margin-bottom: 10px;
	background-image: url("../img/activity/spring.gif");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#summer{
	float: right;
	width: 350px;
	height: 550px;
	margin-bottom: 10px;
	background-image: url("../img/activity/summer.gif");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#autumn{
	float: left;
	width: 350px;
	height: 450px;
	background-image: url("../img/activity/autumn.gif");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#winter{
	float: right;
	width: 350px;
	height: 450px;
	background-image: url("../img/activity/winter.gif");
	background-repeat: no-repeat;
	background-position: center;
	}
	
.month-box{
	margin: 5px;
	}
	
.activity-box{
	margin: 10px;
	}
	
.a-month{
	font-size: 18px;
	font-weight: bold;
	}

.activity-name{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
	}

	
.a-explain{
	margin-left: 10px;
	font-size: 12px;
	}
	
/*リンク*/
.link-headline{
	font-size: 16px;
	font-weight: bold;
	margin:5px;
	padding-bottom: 4px;
	clear:both;
	border-bottom: 1px dashed #999999;
	}

.link-box{
	width: 660px;
	margin: 10px 40px;
}

.link{
	width: 660px;
	}

.link-left{
	width: 330px;
	float: left;
	text-align: center;
	}
	
.link-right{
	width: 330px;
	float: right;
	text-align: center;
	}

.link-base{
	height: 150px;
	vertical-align: center;
	}

.link-base a{
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	}
.link-base img{
	margin: 5px;
	}

#link-caption{		/*自リンク説明*/
	margin: 10px 0;
	padding: 10px 5px;
	font-size: 12px;
	border-top: 1px solid #999999;
}
#link-caption img{
	margin: 5px 10px 0px;
}
/*研究活動*/
#first{
	float: left;
	width: 350px;
	height: 550px;
	margin-bottom: 10px;
	background-image: url("../kenkatsu/2011/img/1-1.png");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#second{
	float: right;
	width: 350px;
	height: 550px;
	margin-bottom: 10px;
	background-image: url("../kenkatsu/2011/img/2-1.png");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#third{
	float: left;
	width: 350px;
	height: 550px;
	background-image: url("../kenkatsu/2011/img/3-1.png");
	background-repeat: no-repeat;
	background-position: center center;
	}
	
#fourth{
	float: right;
	width: 350px;
	height: 550px;
	background-image: url("../kenkatsu/2011/img/4-1.png");
	background-repeat: no-repeat;
	background-position: center;
	}
	
.setsumei-in-in-line{
	width: 450px;
	border: 2px dashed #666666;
	padding: 5px;
	margin-left: 50px;
}