@charset "UTF-8";
/* CSS Document */

/* 全体幅900px */
/* コンテンツ幅880px */

/*
 * LAYOUT
 * ----------
 * INDEX 
 *
 * 001 グローバル
 * 002 ヘッダー
 * 003 グローバルメニュー
 * 004 右メニュー
 * 005 フッター
 * 006 テキスト
 * ----------
 */


/* 001 ========================================
 * グローバル
 ======================================== */
body {
	padding:0; 
	margin:0; 
	height:100%;
	background:url(../images/bg.gif) repeat-x; 
	text-align:center; 
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	}

a:link {color: #00569A; text-decoration:none;}
a:visited { color: #00569A; text-decoration:none;}/* … 訪問済みのリンク*/
a:hover { color: #0066FF; text-decoration:underline;} /*… ポイント時のリンク*/
a:active { color: #0066FF; text-decoration:underline;} /*… 選択中のリンク*/

.nooverrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.nooverrap{
	display:inline-table;
	min-height:1%;
	}
/* Hides from IE-mac \*/
*html .nooverrap{height:1%;}
.nooverrap{display:block;}
/* End hide IE-mac */


h1 {margin:0; padding:0; font-weight:normal;}
h2 {margin:0; padding:0; font-weight:normal;}
h3 {margin:0; padding:0; font-weight:normal; 
	font-size:12px; 
	color:#333333;
	line-height:19px;
	}
h4 {margin:0; padding:0; font-weight:normal; font-size:12px; line-height:19px;}

img {margin:0; padding:0; border:none;}

p {margin:0; padding:0;}

form {margin:0; padding:0;}

.c1 {clear: both;}

.cat {font-size:9px; color:#FFFFFF; padding:0 5px; margin:0 0 10px 0;}

.space{width:880px; height:25px;}	
.space02{width:660px; height:25px;}	

/* 画像ドロップシャドウ */
.shadow {
	float:right;
	margin: 0 0 5px 3px;
	}

.shadow img {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	}

.shadow2 {
	float:left;
	margin: 0 5px 5px 0;
	}

.shadow2 img {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
/* 外枠DIV */
#box {width:900px; margin:0 auto; padding:0;}

/* 内枠DIV */
#top_contents {
	width:880px; 
	margin:0 auto; 
	padding:0 10px;
	}

#contents {
	width:865px; 
	margin:0 auto; 
	padding:0 15px 0 20px;
	}

/* ページ上部へ */
.bottom_link{
	clear:both;
	height:25px;
	padding:30px 0 10px 0;
	text-align:right;
	font-size:11px;
	}
	
/* バックナンバーへ */
.bnmr_link{
	clear:both;
	height:25px;
	margin:10px 0 0 0;
	text-align:right;
	font-size:11px;
	}

/* 点線 */ 
.lead_hr{
	margin-bottom:10px;
	border:none;
	border-top:1px dotted #666666;
	height:1px;
	}

/* 実線 */ 
.solid_hr{
	margin-bottom:10px;
	border:none;
	border-top:1px solid #666666;
	height:1px;
	}

/* 注意書き */ 
.chui {height:30px; font-size:10px; text-align:left; padding-top:15px;}
.sakuseichu {margin:15px 0 300px 0; font-weight:bold; font-size:13px;}

/* =====色設定===== */ 
/* 背景色 */
.base_blue {background-color:#0063A9;} /* 基本の青 */
.blue {background-color:#16A5D9;} /* 基本の水色 */
.gr {background-color:#E6E6E6;} /* 薄グレー */
.bl {background-color:#DEEDFC;} /* 薄水色 */
.or {background-color:#FFF0E3;} /* 薄オレンジ */
.grn {background-color:#389D28;} /* 緑 */
.pnk {background-color:#FFF0EB;} /* 薄ピンク */
.yew {background-color:#FFF096;} /* 薄イエロー */

/* カテゴリ色 */
.cat_or {background-color:#F58216;} /* 生レポート！ */
.cat_lgr {background-color:#8ACA36;} /* なんでも探検隊 */
.cat_eco {background-color:#389D28;} /* 環境への取り組み */
.cat_event {background-color:#00A0C6;} /* イベント・実験体験会 */
.cat_labo {background-color:#69AF2F;} /* おもしろ科学実験室（工学のふしぎな世界） */


.page_title {
	height:20px;
	padding:13px 0 10px 10px; 
	margin:15px 0; 
	font-size:14px; 
	color:#FFFFFF; 
	font-weight:bold;
	}


 
/* 002 ========================================
 * ヘッダー
 ======================================== */
#header {
	width:890px; 
	margin:0 auto; 
	padding:0;
	}
#header div.left {
	width:560px; 	
	height:163px; 
	float:left; 
	background:url(../images/header_title.gif) no-repeat; 
	margin:0; 
	padding:0;
	}
#header div.left h1 {
	display:block;
	text-indent:-99999px; 
	width:560px; 	
	height:163px; 
	overflow:hidden;
	}

#header div.right {
	width:328px; 
	height:163px; 
	float:right;
	background:url(../images/kogakubu.gif) no-repeat; 
	margin:0; 
	padding:0;
	}
#header div.right a span {
	display:block;
	text-indent:-99999px;
	width:330px; 
	height:163px;
	overflow:hidden;
	cursor:pointer;
	}

#header_message {
	width:880px; 
	margin:0 auto; 
	padding:10px 0; 
	clear:both; 
	text-align:left;
	font-weight:bold;
	}

#header a {display:block;}

/* パンくず */
#pan {
	width:880px; 
	padding:8px 0; 
	margin:0 auto; 
	text-align:left;
	}
#pan a:link {color: #00569A; text-decoration:underline;}
#pan a:visited { color: #00569A; text-decoration:underline;}
#pan a:hover { color: #0066FF; text-decoration:underline;}
#pan a:active { color: #0066FF; text-decoration:underline;}

/* ページタイトル */
#pagetitle_kihon {
	background:url(../images/kihon_title_bg.jpg) no-repeat; 
	width:880px;
	margin:0 auto;
	margin-left:5px;
	height:59px; 
	font-size:32px; 
	font-weight:bold; 
	text-align:left; 
	padding:20px 0 15px 15px;
	color:#FFFFFF;
	}
	
#pagetitle_others {
	background:url(../others/images/title_bg.jpg) no-repeat; 
	width:880px;
	margin:0 auto;
	margin-left:5px;
	height:59px; 
	font-size:32px; 
	font-weight:bold; 
	text-align:left; 
	padding:20px 0 15px 15px;
	color:#333333;
	}


/* 004 ========================================
 * グローバルメニュー
 ======================================== */
#gmenu {
	width:890px; 
	height:95px; 
	padding:0px;
	margin:0;
	margin-left:5px; 
	float:left; 
	background:url(../images/gmenu2010.gif);
	}
#gmenu div#totop {width:100px; float:left;}
#gmenu div#totop ul {list-style-type:none; margin:0; padding:0; width:100px;}

#gmenu div#toother {width:790px; float:right;}
#gmenu div#toother ul {list-style-type:none; margin:0; padding:0; width:790px;}

#gmenu li {list-style-type:none; display:inline; margin:0; padding:0;}
#gmenu li a {
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	/*font-size:10px;*/ font-size:0.9em;
}
#gmenu li a span {display:block;text-indent:-99999px;}

/*工学女子用*/
#gmenu li.btn14 span {display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	/*font-size:10px;*/ font-size:0.9em;
}
#gmenu div#toother li.btn14 span {display:block;text-indent:-99999px;}


#gmenu div#totop li.btn00 a {background:url(../images/gmenu2010.gif) no-repeat 0px 0px; width:100px; height:95px;}
#gmenu div#toother li.btn01 a {background:url(../images/gmenu2010.gif) no-repeat -100px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn13 a {background:url(../images/gmenu2010.gif) no-repeat -231px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn14 span {background:url(../images/gmenu2010.gif) no-repeat -362px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn04 a {background:url(../images/gmenu2010.gif) no-repeat -493px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn02 a {background:url(../images/gmenu2010.gif) no-repeat -624px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn03 a {background:url(../images/gmenu2010.gif) no-repeat -755px 0px; width:131px; height:47px;}

#gmenu div#toother li.btn06 a {background:url(../images/gmenu2010.gif) no-repeat -100px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn07 a {background:url(../images/gmenu2010.gif) no-repeat -202px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn08 a {background:url(../images/gmenu2010.gif) no-repeat -304px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn09 a {background:url(../images/gmenu2010.gif) no-repeat -406px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn10 a {background:url(../images/gmenu2010.gif) no-repeat -525px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn11 a {background:url(../images/gmenu2010.gif) no-repeat -644px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn05 a {background:url(../images/gmenu2010.gif) no-repeat -763px -47px; width:119px; height:47px;}
/*#gmenu div#toother li.btn12 a {background:url(../images/gmenu2010.gif) no-repeat -768px -47px; width:122px; height:47px;}*/


#gmenu div#totop li.btn00 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat 0px 0px; width:100px; height:95px;}
#gmenu div#toother li.btn01 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -100px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn13 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -231px 0px; width:131px; height:47px;}
/*#gmenu div#toother li.btn14 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -269px 0px; width:155px; height:47px;}*/
#gmenu div#toother li.btn04 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -493px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn02 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -624px 0px; width:131px; height:47px;}
#gmenu div#toother li.btn03 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -755px 0px; width:131px; height:47px;}

#gmenu div#toother li.btn06 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -100px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn07 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -202px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn08 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -304px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn09 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -406px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn10 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -525px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn11 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -644px -47px; width:119px; height:47px;}
#gmenu div#toother li.btn05 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -763px -47px; width:119px; height:47px;}
/*#gmenu div#toother li.btn12 a:hover {background:url(../images/gmenu_chg2010.gif) no-repeat -768px -47px; width:122px; height:47px;}*/
/*
#gmenu div#totop li.btn00act a {background:url(../images/gmenu_chg2010.gif) no-repeat 0px 0px; width:118px; height:95px;}
#gmenu div#toother li.btn01act a {background:url(../images/gmenu_chg2010.gif) no-repeat -118px 0px; width:151px; height:47px;}
#gmenu div#toother li.btn02act a {background:url(../images/gmenu_chg2010.gif) no-repeat -269px 0px; width:155px; height:47px;}
#gmenu div#toother li.btn03act a {background:url(../images/gmenu_chg2010.gif) no-repeat -424px 0px; width:153px; height:47px;}
#gmenu div#toother li.btn04act a {background:url(../images/gmenu_chg2010.gif) no-repeat -577px 0px; width:153px; height:47px;}
#gmenu div#toother li.btn05act a {background:url(../images/gmenu_chg2010.gif) no-repeat -730px 0px; width:160px; height:47px;}
#gmenu div#toother li.btn06act a {background:url(../images/gmenu_chg2010.gif) no-repeat -118px -47px; width:102px; height:47px;}
#gmenu div#toother li.btn07act a {background:url(../images/gmenu_chg2010.gif) no-repeat -220px -47px; width:106px; height:47px;}
#gmenu div#toother li.btn08act a {background:url(../images/gmenu_chg2010.gif) no-repeat -326px -47px; width:97px; height:47px;}
#gmenu div#toother li.btn09act a {background:url(../images/gmenu_chg2010.gif) no-repeat -423px -47px; width:115px; height:47px;}
#gmenu div#toother li.btn10act a {background:url(../images/gmenu_chg2010.gif) no-repeat -538px -47px; width:115px; height:47px;}
#gmenu div#toother li.btn11act a {background:url(../images/gmenu_chg2010.gif) no-repeat -653px -47px; width:115px; height:47px;}
#gmenu div#toother li.btn12act a {background:url(../images/gmenu_chg2010.gif) no-repeat -768px -47px; width:122px; height:47px;}
*/

/* 005 ========================================
 * 右メニュー
 ======================================== */
#con_box {
	width:880px; 
	height:auto; 
	margin:0 auto; 
	padding:0;
	}
	
#left_con {
	width:660px; 
	height:auto; 
	float:left;
	}

#right_menu {
	width:205px; 
	height:auto; 
	margin-left:15px;  
	float:right;
	}
	
#side_message {
	width:185px;
	height:auto;
	margin:0; 
	padding:10px;
	font-weight:bold;
	}	
	
/* 005 ========================================
 * フッター
 ======================================== */
#manage {
	width:880px;
	margin:0 auto; 
	padding:10px 0 0 0; 
	clear:both;
	}
.ma01 {
	width:10px; 
	height:30px; 
	background:url(../images/manage01.gif) no-repeat; 
	}
.ma02 {
	width:10px; 
	height:30px; 
	background:url(../images/manage02.gif) no-repeat; 
	}
	
	
#footer_message {
	width:880px; 
	margin:0 auto; 
	padding:10px 0 0 0; 
	text-align:left;
	font-weight:bold;
	}


#define {
	width:880px; 
	margin:0 auto; 
	padding:10px 0; 
	text-align:left;
	}
.def01 {
	width:302px; 
	height:68px; 
	background:url(../images/define01.jpg) no-repeat; 
	}
.def01 a span {
	display:block;
	text-indent:-99999px;
	width:302px; 
	height:68px; 
	overflow:hidden;
	}
.def02 {
	background:url(../images/define02.jpg); 
	padding:10px;
	}



#footer {
	width:890px; 
	margin:0 auto; 
	padding:0; 
	border-top:#666666 1px dotted; 
	text-align:left;
	}
#footer a {color:#333333; text-decoration:none;}
#footer a:hover {color:#0066FF; text-decoration:none;}

	

/* 006 ========================================
 * テキスト（白・黒以外の色は、各カテゴリCSSに記述。基本青は0063A9）
 ======================================== */
.honbun {
	font-size:12px;
	color:#333333;
	line-height:19px;
	text-align:left;
	}
.f10px{
	font-size:10px;
}
	
.wh10 {
	font-size:10px;
	color:#FFFFFF;
	line-height:15px;
	}
.rgr10 {
	font-size:10px;
	color:#666666;
	line-height:15px;
	}
.gr10 {
	font-size:10px;
	color:#333333;
	line-height:15px;
	}


.wh11 {
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	}		
.gr11 {
	font-size:11px;
	color:#333333;
	line-height:16px;
	}
	
.wh12 {
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	}
	
.wh13 {
	font-size:13px;
	color:#FFFFFF;
	line-height:20px;
	}	
.gr13 {
	font-size:13px;
	color:#333333;
	line-height:20px;
	}
.gr13str {
	font-size:13px;
	color:#333333;
	line-height:20px;
	font-weight:bold;
	}		

	
	
.a_blue {color:#0063A9;}/* 強調色　青 */
.a_green {color:#389D28;} /* 強調色　緑 */
.a_red {color:#CC0000;} /* 強調色　赤 */



.blueTxt{
	color:#1977B3;
}
.redTxt{
	color:#F33;
}
.blueTxtB{
	color:#1977B3;
	font-weight:bold;
}
.redTxtB{
	color:#F33;
	font-weight:bold;
}

.imgVmiddle{
	vertical-align:middle;
}

.clr{
	clear:both;
}

.recommend{
	text-align:center;
	margin-top:30px;
}
.recommend a{
	padding:10px;
	font-weight:bold;
	display:block;
	background-color:#DFEFFF;
	border:2px dashed #B9DCFF;
}
.recommend a:hover{
	background-color:#69F;
	color:#FFF;
}

a.liexternal { padding-right: 12px; background: url(../images/link-icon_external.gif) no-repeat right; margin-right:10px; }
a.liexternal_right0 { padding-right: 12px; background: url(../images/link-icon_external.gif) no-repeat right; margin-right:0px; }
a.limailto { padding-right: 18px; background: url(../images/link-icon_mail.gif) no-repeat right; margin-right:10px; }
a.lipdf { padding-right: 12px; background: url(../images/link-icon_pdf.png) no-repeat right; margin-right:10px; }