/* 画像の大きさ -----------------------------------------------------------------

	ヘッダーの背景(cssの#bannerに載せる)		幅：830px　高さ：160px
	サイドバーのバナー(.side_img )				幅：180px
	top記事やその他の画像(.blog-img)			幅：140px
	ゼミの活動情報の画像(.event2-img)			幅：240px　高さ：240px
	かんきつ王子の話の画像(.column-img)			幅：275px　高さ：275px
	
印刷しない画像の解像度は72dpi、大きさは上記の大きさで保存する。
------------------------------------------------------------------------------*/

/* htmlに書き込むときの注意-----------------------------------------------------

	.○○○(例：.side_img)はhtmlでは(div class="○○○")書きたいこと(/div)とする。
	#○○○(例：#inbox)はhtmlでは(div id="○○○")書きたいこと(/div)とする。
	
------------------------------------------------------------------------------*/

/* 全体設定 ------------------------------------------------------------------------*/
html{
}
body {
	margin: 0px;
	padding: 0px;
	background-color:#F5F5F5;					/* ページ全体の背景色*/
	text-align:center;
} 

/* 見出し */

h1,h2,h3 {
	margin: 0px;
	padding: 0px;
}

.gakumei {font-style: italic;}					/* 学名は<div class="gakumei"></div>で囲みイタリーに*/

/* リンク関連 */
a {text-decoration: none;}
a:link { color:#3366FF; }
a:visited { color:#3366FF; }
a:active { color:#00CCFF; }
a:hover { color:#00CCFF; }

/* 画像関連 */
img {border-style: none;}

/* 全体を囲う箱 -----------------------------------------------------------------*/
#inbox {
	background: #ffffff;						/* 全体を囲う箱の背景色*/
	margin: 0px auto;
	padding: 0px;
	width: 830px;								/* 全体を囲う箱の幅*/
	text-align: left;
	border: 1px solid #FFCC00;					/* 全体を囲う外枠の色や線幅・種類*/
	line-height:22px;							/* 行の高さ*/
	font-size: 13px;							/* 全体の基本となるフォントサイズ*/
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* ヘッダー・バナー部分　１段目 ---------------------------------------------------------*/
#banner {
	color: #000000;								/* ヘッダーの文字色*/
	height: 160px;								/* ヘッダーの高さ*/
	font-size: 16px;							/* ヘッダーの文字の大きさ*/
	font-weight: bold;							/* 文字が太字*/
}

#banner a {
	color: #CCFFCC;					/* ヘッダーのリンクの文字色*/
    font-weight: bold;
}

/* サイドバー ----------------------------------------------------------------------*/
#links {
	float: left;
	margin: 0px 5px;
	padding: 10px 0px;
	width: 180px;								/* 左サイドバーの幅*/
	background: #fff;							/* 背景色*/
}

/* サイドバー カテゴリーリストのカテゴリーの部分*/

.side {
	color:#fff;
	text-indent : 10px ;						/* 文字・左から位置*/ 
	background-color: #fe9b16;					/* マウスオーバー前の背景色*/
	height:23px;								/* 各カテゴリの箱の高さ*/
	font-size: 13px;
	font-weight:bold;
	line-height:22px;
	padding: 1px 0px 1px 0px;					/* 文字位置（上・右・下・左）*/ 
	display: block;
	border-bottom: 1px solid #fff; 
}

.side a,
.side a:link,
.side a:visited {
	color: #fff;								/* マウスオーバー前のリンク文字色*/
	text-decoration: none;
	display: block;
}

.side a:hover,
.side a:active {
	color: #fff;								/* マウスオーバーしたときのリンク文字色*/
	background-color: #ba2b18;					/* マウスオーバーしたときの背景色*/
	text-decoration: underline;
	border-right: 2px solid #ff0000; 
	display: block;
}

/* サイドバー （カテゴリーリストのエントリー部分）*/
.side2 {
	color:#000;
	text-indent : 23px ;						/* 文字・左から位置*/ 
	background-color: #fef5f1;					/* マウスオーバー前の背景色*/
	height:23px;								/* 箱の高さ*/
	font-size: 13px;
	font-weight:normal;
	line-height:22px;
	padding: 1px 0px 1px 0px;					/* 文字位置（上・右・下・左）*/ 
	display: block;
	border-bottom: 1px dotted #ccc;				/* 下線　*/
}

.side2 a,
.side2 a:link,
.side2 a:visited {
	color: #000;								/* マウスオーバー前のリンク文字色*/
	text-decoration: none;
	display: block; 
}

.side2 a:hover,
.side2 a:active {
	color: #ff8040;								/* マウスオーバーしたときのリンク文字色*/
	background-color: #ccc;						/* マウスオーバーしたときの背景色*/
	text-decoration: underline;
	border-right: 2px solid #ff0000; 
	display: block;
}

/* サイドバータイトル部分 */
.sidetitle {
	background-color: #fe9b16;
	color: #fff;
	border: 1px solid #3a5a6a;
	font-weight: bold;
	padding: 2px; 
	margin-top: 5px;
	text-indent : 10px ;						/* 文字の左側からの位置*/
}


/* サイドバー （コンテンツ部分）*/

.side5 {
	color:#000;
	background-color: #fff;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	padding: 10px; 
	margin-bottom: 5px; 
	border-left: 1px solid #000;				/* 枠線の左*/
	border-right: 1px solid #000;				/* 枠線の右*/
	border-bottom: 1px solid #000;				/* 枠線の下*/
}
/* サイドバー （バナー）*/
.side_banner{
	padding: 5px 10px ;
	font-size: 9px;
	color:#000;
}
.side_img {
	width: 160px;
	border-style: none;
}

/* トップページ中央部分 --------------------------------------------------------------*/
#content {
	border-left: 1px solid #e5e5e5;				/* 中央の左側の線*/
	margin: 0px 0px 0px 195px;					/* 中央の位置（上・右・下・左の順）*/
	padding: 10px 10px 0px 5px;
	background: #fff;							/* 背景色*/
}

/* 記事まわり */
.blog {
	background-color: #FFFFCC;
	margin: 1px 1px 20px 1px;
	padding: 0px 0px 10px 0px
	line-height:20px;
}

/* 記事まわり（画像貼付用） */
.blog-img {
	margin: 1px 10px 10px 15px;
	border:1px solid #FFCC00;					/* 外枠*/
	float: right;
	width: 140px;
	border-style: none;
}

/* 記事タイトル */
.title {
	color:#ffffff;								/* 記事タイトルの文字色 */
	background-color:#fe9b16;					/* 記事タイトルの背景色 */
	border: 1px solid #fe9b16;					/* 記事タイトルの外枠 */
	font-size:15px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: bold;
	padding: 4px; 
	margin-bottom:2px;
}

/* 記事本文 */
.blogbody {
	background: none;
	color: #000000;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight:normal;
	padding: 10px;
	font-size: 13px;							/* 記事の文字サイズ*/
}

.blogbody p {
	margin-top: 0px;
	margin-bottom:10px;
}

/* トップページ記事小タイトル */
.kiji-title {
	padding-left: 10px;
    margin-top: 5px; 
    margin-bottom: 0px;
	background: none;
	color: #993300;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight:normal;
	font-size: 16px;							/* 記事の文字サイズ*/
}

/* トップページ記事小タイトルの◆の色 */
.kiji-title02 {
	color: ;　　
}

.blogbody2 {
	border-bottom: 0px;
    padding:5px 10px 5px 30px;
    margin: 1px 0px 0px 0px;
    
}

.blogbody2 p {
	margin-top:0px;
	margin-bottom: 5px;
}

/* 記事の上のカテゴリ表示部分*/
.posted {
	background: none;
	color:#000000;
	font-family:'Trebuchet MS', verdana ,arial ,sans-serif;
	font-weight:normal;
	padding-left: 3px; 
}

.extended {
	color:#000000;
	float:right;
	font-size:13px;
	font-style:normal;
}


/* members ------------------------------------------------------------------------*/
.members-title{
	padding-left: 10px;
	margin-top: 5px; 
	margin-bottom: 0px;
	background: none;
	color: #993300;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight:normal;
	font-size: 24px;							/* 先生の文字サイズ*/
	font-weight: bold;							/* 太字*/
}

/* event2 ------------------------------------------------------------------------*/
.event2-img										/* コラム用の画像の設定、画像は正方形で保存*/
{
	background-color: #ffffff;
	margin: 5px 10px 1px 1px;
	float: left;
	width: 240px;
	height: 240px;
	border-style: none;
}

.event2{
	font-size: 10px;							/* 先生の文字サイズ*/
	color: #808080;
	margin: 0px;
}

/* column ------------------------------------------------------------------------*/
.column-img										/* コラム用の画像の設定、画像は正方形で保存*/
{
	background-color: #ffffff;
	margin: 10px 10px 1px 1px;
	float: left;
	width: 275px;
	height: 275px;
	border-style: none;
}


/* link ------------------------------------------------------------------------*/
.link_banner{
	padding-left: 10px;
    margin-top: 5px; 
    margin-bottom: 0px;
}

/* twitter ------------------------------------------------------------------------*/
#twitter{
	text-align: center;
	border: 1px solid #FFCC00
}

/* フッター ------------------------------------------------------------------------*/
#footer {
	clear: both;
	color:#ffffff;                          /* フッターの文字色*/
	text-align: center;                     /* フッターの文字位置*/
	background: #fe9b16;                   /* フッターの背景色*/
	font-size: 12px;
	padding: 2px;
}

#footer a {
	color: #ffffff;                        /* フッターのリンクの文字色*/
}


/* ゼミ生の活動記録・更新履歴 -------------------------------------------------------*/
.zemisei {
	font-size: 12px;
	font-weight:bold;
}
.zemisei_hr {
	color: #999999;
	align: center;
	width: 98%;
}

.webrss {
	font-size: 10px;
	color: #808080;
	line-height: 16px;
}
.webrss ul li {
	list-style-type: disc;
	margin-left: -20px;
}