/* ======================== 目次 ==========================

	[01]:各要素リセット・基本設定
	[02]:レイアウト
	[03]:リンク
	[04]:ページタイトル
	[05]:ナビゲーション
	[06]:メインコンテンツ
	[07]:右カラム
	[08]:フッタ
	[09]:ボックス
	[10]:フォーム
	[11]:テーブル
	[12]:段落
	[13]:ページ内アンカーボックス
	[14]:ページトップボタン

======================================================== */

/* -------------------------[01]:各要素リセット・基本設定 */

*{ margin:0px; padding:0px;}

html, body{
        height: 100%;
        margin: 0px;
    }

html{ text-align: center; height: 100%; }

body {color:#333; font-family:  /* ＭＳ Ｐゴシック,Osaka, MS UI Gothic, sans-serif */'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; 
	/*IE7用*/
/* 	*font-size:small; */
	/*IE6以下用*/
/* 	*font:x-small;  */
	}
	
img{ border:none; }

ul { margin:0px; padding:0px; }



div#wrapper{
    margin-bottom:0px;
	min-height: 100%;
	background:#39FF6B;
	position:relative;
}

* hmtl div#wrapper{
	height:100%;
}



/*
* {
    margin: 0;
    }
html, body {
    height: 100%;
    }
	*/

.footer, .push {
    height: 92px; /* .push must be the same height as .footer */
    }

a{outline : 0 ;}

/* -- end clear float -- */


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* -------------------------[02]:レイアウト */

.left  { float:left; }
.right { float:right; }
.both { clear:both; font-size: 0px; height: 0px; text-indent: -5555px;}

.t_right{ text-align: right;}

.x-small { font-size:x-small;line-height: 130%;}
.small { font-size: small;}
/* .middle { font-size: middle;} */
.large { font-size: 120%;}

.center { text-align: center;}


.dot{ background: url(/img/dot.gif) repeat-x; font-size:1px; height:1px;}
.vdot{ background: url(/img/vdot.gif) repeat-y; font-size:1px; }

.position { position: relative;}
.normal{ font-weight: normal;}

.blue{ color: #003366;}
.red{ color: #cc0000;}
.green{ color: #006600;}
.bold{ font-weight: bold;}



/* -------------------------[03]:リンク */

a:link    {
	color:#069;
	text-decoration:underline;
}
a:visited { color:#069; text-decoration:none; }
a:hover   { color:#39c; text-decoration:underline; }
a:active  { color:#39c; text-decoration:underline; }

/* -------------------------[04]:ページタイトル */


/*******ぱんくず*********/

.pan{ width: 525px; text-align: right; margin: 210px 0px 0px 0px;}

/* -------------------------[05]:ヘッダー */
#header { width: 800px; /* height: 83px; */ margin: 0px auto; padding: 0px; position: relative; background:url(../img/header_bg.gif) 0% 0% repeat-x; /* background: #f00; */}
#header h2 a{ width: 330px; height: 83px; margin: 0px; padding: 0px;  position: relative; top:0px; left: 0px; background: url(../img/header_logo.gif) no-repeat; text-indent: -5555px; display: block /*  float: left; */}


/*******ヘッダーボタン***********/
#index_header .header_bt{
	width: 310px;
	margin: 0px;
	padding:0px 0px 0px 0px;
	position: absolute;
	top:15px;
	left: 491px;
}
#index_header .header_bt li{ margin: 0px; padding:0px; display: block; text-indent: -5555px; float: left;}
#index_header .header_bt .bt01 a { width: 79px; height: 33px; margin: 0px; padding:0px; background: url(img/headerbt01.gif) 0px 6px no-repeat; display: block;}
#index_header .header_bt .bt02 a { width: 71px; height: 33px; margin-left: 10px; padding:0px; background: url(img/headerbt02.gif) 0px 6px no-repeat; display: block; }
#index_header .header_bt .bt03 a { width: 111px; height: 33px; margin-left: 10px; padding:0px; background: url(img/headerbt03.gif) 0px 6px no-repeat; display: block; }

/*******ヘッダーナビゲーション***********/

/* -------------------------[01]:トップページヘッダー */
#index_header {
	width: 800px;
	height: 95px;
	margin: 0px auto;
	padding: 0px;
	position: relative; /* background: #f00; */
	background-image: url(img/index_headerbg.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#index_header h1{
	float:left;
	font-size:10px;
	padding-top:26px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	font-weight: normal;
	text-align: left;
	line-height:14px;
	color:#081e4a;
}

#index_header p { padding: 0;}

#index_header p a {
	display: block;
	width: 150px;
	height: 58px;
	background: url(img/logo.gif) 7px 6px no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	outline: 0;
}

/*******ヘッダーボタン***********/


/*******ヘッダーナビゲーション***********/

/****2ndフェーズUP予定*******/
#index_header .header_navi{
	width:783px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:59px;
	left:7px;
}
#index_header .header_navi li{ margin: 0px; padding:0px; display: block; text-indent: -5555px; float: left;}
#index_header .header_navi .navi01 a { width: 182px; height: 32px; margin: 0px; padding:0px; background: url(img/navi01.gif) no-repeat; display: block;}
#index_header .header_navi .navi02 a { width: 128px; height: 32px; margin: 0px; padding:0px; background: url(img/navi02.gif) no-repeat; display: block;}
#index_header .header_navi .navi03 a { width: 179px; height: 32px; margin: 0px; padding:0px; background: url(img/navi03.gif) no-repeat; display: block;}
#index_header .header_navi .navi04 a { width: 56px; height: 32px; margin: 0px; padding:0px; background: url(img/navi04.gif) no-repeat; display: block;}
#index_header .header_navi .navi05 a { width: 131px; height: 32px; margin: 0px; padding:0px; background: url(img/navi05.gif) no-repeat; display: block;}
#index_header .header_navi .navi06 a { width: 107px; height: 32px; margin: 0px; padding:0px; background: url(img/navi06.gif) no-repeat; display: block;}
/****2ndフェーズUP予定*******/


/*******グローバルナビゲーション***********/
#g_navi{ width: 800px; margin: 0px auto; padding:0px; }
#g_navi li{ margin: 0px; padding:0px; display: block; text-indent: -5555px; float: left;}
#g_navi .navi01 a { width: 181px; height: 32px; margin: 0px; padding:0px; background: url(img/navi01.gif) no-repeat; display: block;}
#g_navi .navi01 a:hover { background: url(img/navi01_on.gif) no-repeat; display: block;}
#g_navi .navi02 a { width: 160px; height: 41px; margin: 0px; padding:0px; background: url(img/navi02.gif) no-repeat; display: block;}
#g_navi .navi02 a:hover { background: url(img/navi02_on.gif) no-repeat; display: block;}
#g_navi .navi03 a { width: 161px; height: 41px; margin: 0px; padding:0px; background: url(img/navi03.gif) no-repeat; display: block;}
#g_navi .navi03 a:hover { background: url(img/navi03_on.gif) no-repeat; display: block;}
#g_navi .navi04 a { width: 159px; height: 41px; margin: 0px; padding:0px; background: url(img/navi04.gif) no-repeat; display: block;}
#g_navi .navi04 a:hover { background: url(img/navi04_on.gif) no-repeat; display: block;}
#g_navi .navi05 a { width: 160px; height: 41px; margin: 0px; padding:0px; background: url(img/navi05.gif) no-repeat; display: block;}
#g_navi .navi05 a:hover { background: url(img/navi05_on.gif) no-repeat; display: block;}


/*******ページタイトル***********/
h1.title_about { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_about.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_research { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_research.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_graduateschool { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_graduateschool.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_department { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_department.gif) no-repeat; position: absolute; top: 124px; left: 0px;}

h1.title_club { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_club.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_schedule { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_schedule.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_result { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_result.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_qa { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_qa.gif) no-repeat; position: absolute; top: 124px; left: 0px;}

h1.title_sitemap { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_sitemap.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_support { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_support.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_teacher_training { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_teacher_training.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_studentslife { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_studentslife.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_point { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_point.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_find { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_find.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_ao { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_ao.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_ecommendation { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_ecommendation.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_scholarship { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_scholarship.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_center { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_center.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_entrance { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_entrance.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_admission { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_admission.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_other { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_other.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_og_interview { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_og_interview.gif) no-repeat; position: absolute; top: 124px; left: 0px;}

h1.title_point_ao { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_point_ao.gif) no-repeat; position: absolute; top: 124px; left: 0px;}
h1.title_point_scholarship { width: 800px; height: 165px; margin: 0 auto;  padding: 0px; text-indent: -5555px; background: url(../img/title/title_point_scholarship.gif) no-repeat; position: absolute; top: 124px; left: 0px;}


/* -------------------------[06]:メインコンテンツ */ 
#body{ width: 786px; margin: 0 auto; padding: 0px 7px 0px 7px; background:#f8f3e9; display: block; clear: both;}

#body p{font-size:12px;}

.contents {
	width:550px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.contents .top{
	width:550px;
	height: 13px;
	margin:0px auto;
	padding: 0px;
	background: url(/img/contents_top.gif) no-repeat;
	font-size: 0px;
	display: block;
}



/**************見出し*******************/



/*******ボックス***********/
.box01_top{ width: 525px; height: 14px; margin:0 auto; padding: 0px; background: url(../img/box01_top.gif) no-repeat; text-indent: -5555px;}
.box01_body{ width: 525px; margin:0 auto; padding: 0px 0px 15px 0px; background: url(../img/box01_body.gif) no-repeat bottom;}

.box02_top{ width: 525px; height:11px; margin:0 auto; padding: 0px; background: url(../img/box02_top.gif) no-repeat; text-indent: -5555px; font-size: 1px;}
.box02_body{ width: 511px; margin:0 auto 20px; padding: 4px 0px 15px 14px; background: url(../img/box02_body.gif) no-repeat bottom;}


.colorbox{ width: 517px; margin: auto; padding: 0px 4px 4px 4px; background: url(/img/colorbox_bg.gif);}
.colorbox .insite{ width: 507px; margin: 0px; background: #fff; padding: 5px 3px 5px 5px;}
.colorbox .insite table{ width: 495px; margin: 10px auto 0px; }
.colorbox .insite table td{ margin: 0px; background: url(../img/dot.gif) repeat-x top; padding: 0px 0px 0px 4px; height: 26px;}
.colorbox .insite table td img{ margin: 0px 4px -2px 0px;}
.colorbox .insite table td.color{ background: #f8f3e9 url(../img/dot.gif) repeat-x top;}
.colorbox .insite div.dot { width: 495px; margin: 0 auto 5px; background: url(../img/dot.gif) repeat-x;}




/*******ページ内アンカー***********/
.page_link{ padding: 5px; background: #c8dfeb; margin: 0px 0px 0px 0px}
.page_link .box{ padding: 7px; background: #f7f3ea; border: 1px solid #ccc;}
.page_link .box a{ padding: 0px 0px 0px 15px; background: url(../img/link03.gif) no-repeat left;}

.page_link .box02{ padding: 7px; background: #f7f3ea; border: 1px solid #ccc;}
.page_link .box02 a{ padding: 0px 0px 0px 15px; background: url(../img/link01.gif) no-repeat left;}

.page_link .box3{ padding: 7px; background: #f7f3ea; border: 1px solid #ccc;}
.page_link .box3 a{ padding: 0px 0px 0px 15px; background: url(../img/link03.gif) no-repeat left;}

/*******リンクボタン（オレンジ）***********/
.bt{ width: 525px; margin: 0 auto 10px; padding: 0px 0px 0px 0px; text-align: right;}


/*******テーブル***********/
.table01_out{ border: 1px solid #7eb5d1; /* width: 521px; */ padding: 2px; margin: 0 auto 35px; display: block; clear: both;}
.table01_out table{ /* width: 100%; */ background: #c8dfeb; clear: both;}
.table01_out table th{ background: #7eb5d1; font-weight: bold; color: #fff;  padding: 0px 0px 0px 6px; /* text-align: center; */ height: 27px;}
.table01_out table td{  padding: 4px 6px 4px 6px; line-height: 140%; background: #fff;}
.table01_out table td.td{ /* font-weight: bold; */ padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea;}
.table01_out table td.color{ background: url(../img/table_color.gif); padding: 0px 0px 0px 0px; color:#036;}
.table01_out table td.line{ background: url(/img/td_line.gif); padding: 0px 0px 0px 5px; color:#666;}
.table01_out table td.td a{ background: url(../img/link02.gif) no-repeat 0px; padding: 0px 0px 0px 15px}
.table01_out table td.td1{ text-align: left; padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea;}
.table01_out table td.final{ text-align: left; padding: 4px 4px 4px 10px; line-height: 130%;}
.table01_out table td.right{ text-align: right; }
.table01_out table td ul{ margin: 0px 0px 0px 10px; padding: 0px; list-style:none;}
.table01_out table td li{ margin: 0px; background: url(/img/list01.gif) no-repeat 0px 2px; padding: 0px 0px 0px 10px;}


/*******テーブル 総合理学プログラム***********/
.table_integ		{ border: 1px solid #7e8dd1; padding: 2px; margin: 0 auto; display: block; clear: both;}
.table_integt table	{ background: #b5bbde; clear: both;}
.table_integ table th	{ background: #7e8dd1; font-weight: bold; color: #fff; padding: 2px 0px 2px 6px;  height: 27px; text-align: center; border-right: 1px solid #fff;}
.table_integ table th.topline	{ border-top: 1px solid #fff; text-align: center;}
.table_integ table th.Rborder{ border-right: 1px solid #7e8dd1;}
.table_integ table td	{ padding: 4px 6px 4px 6px; line-height: 140%; background: #fff; border-right: 1px solid #b5bbde; border-bottom: 1px solid #b5bbde; text-align: center;}
.table_integ table td.text{ padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea; border-left: 1px solid #b5bbde; color: #003366;}
.table_integ table td.textleft{text-align: left;}

/*******テーブル 化学科***********/
.table_chem		{ border: 1px solid #3f9e9e; padding: 2px; margin: 0 auto; display: block; clear: both;}
.table_chem table	{ background: #b5bbde; clear: both;}
.table_chem table th	{ background: #3f9e9e; font-weight: bold; color: #fff; padding: 2px 0px 2px 6px;  height: 27px;  text-align: center; border-right: 1px solid #fff;}
.table_chem table th.topline	{ border-top: 1px solid #fff;}
.table_chem table th.Rborder{ border-right: 1px solid #3f9e9e;}
.table_chem table td	{ padding: 4px 6px 4px 6px; line-height: 140%; background: #fff; border-right: 1px solid #7dc6c6; border-bottom: 1px solid #7dc6c6; text-align: center;}
.table_chem table td.text{ padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea; border-left: 1px solid #7dc6c6; color: #003366;}
.table_chem table td.textleft{text-align: left;}

/*******テーブル 生物科学科***********/
.table_bio		{ border: 1px solid #51a64a; padding: 2px; margin: 0 auto; display: block; clear: both;}
.table_bio table	{ clear: both;}
.table_bio table th	{ background: #4ba343; font-weight: bold; color: #fff; padding: 2px 0px 2px 6px;  height: 27px;  text-align: center; border-right: 1px solid #fff;}
.table_bio table th.topline	{ border-top: 1px solid #fff;}
.table_bio table th.Rborder{ border-right: 1px solid #4ba343;}
.table_bio table td	{ padding: 4px 6px 4px 6px; line-height: 140%; background: #fff; border-right: 1px solid #bddeb5; border-bottom: 1px solid #bddeb5; text-align: center;}
.table_bio table td.text{ padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea; border-left: 1px solid #bddeb5; color: #336633;}
.table_bio table td.textleft{text-align: left;}


/*******テーブル 情報科学科***********/
.table_info		{ border: 1px solid #84bfcf; padding: 2px; margin: 0 auto; display: block; clear: both;}
.table_info table	{ clear: both;}
.table_info table th	{ background: #84bfcf; font-weight: bold; color: #fff; padding: 2px 0px 2px 6px;  height: 27px;  text-align: center; border-right: 1px solid #fff;}
.table_info table th.topline	{ border-top: 1px solid #fff;}
.table_info table th.Rborder{ border-right: 1px solid #84bfcf;}
.table_info table td	{ padding: 4px 6px 4px 6px; line-height: 140%; background: #fff; border-right: 1px solid #c8dfeb; border-bottom: 1px solid #c8dfeb; text-align: center;}
.table_info table td.text{ padding: 4px 4px 4px 6px; line-height: 130%; background: #f7f3ea; border-left: 1px solid #c8dfeb; color: #003366;}
.table_info table td.textleft{text-align: left;}




.caption{ width: 525px; margin: 0 auto; padding: 0px; }

/*******キャッチコピー***********/
.copy01{ width: 377px; height: 36px; margin: 20px 0px 12px; padding: 0px; text-indent: -5555px; background: url(../img/copy01.gif) no-repeat; clear: both;}
.copy02{ width: 222px; height: 15px; margin: 20px 0px 12px; padding: 0px; text-indent: -5555px; background: url(../img/copy02.gif) no-repeat; clear: both;}

/* -------------------------[07]:左ナビゲーション */

/* -------------------------[08]:フッター */
/*******pagetop**********/
.pagetop{ width: 780px; height: 30px; margin: 20px auto 0; padding: 0px 0px 0px 0px; text-align: right;}


.footer{
	width: 100%;
	bottom:0px;
	background: url(img/bgfoot.gif) repeat-x;
	background-color:#FFFFFF;
	/*091121　追加
	position:absolute;*/
}
.footer .block{
	width: 795px;
	margin: 0 auto 0;
	padding: 12px 5px 0px 0px;
}
.footer .block ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.footer .block li{ margin: 3px 0px 0px 0px ; padding: 0px; list-style: none; text-align: right;}
.footer .block .inquiry{ color: #fff; display: block; margin: 5px 0px 0px 0px;}
.footer .block .inquiry img{ margin: 0px 2px -4px 0px;}
.footer .block .copyright{
	color: #fff;
	display: block;
	width:250px;
	margin: 3px 0px 0px 0px;
	top: 77px;
}

.footer .block a:link{ color: #4171cf; text-decoration: none;}
.footer .block a:visited{ color: #4171cf; text-decoration: none;}
.footer .block a:active{ color: #0066aa; text-decoration: underline;}
.footer .block a:hover{
	color: #0066aa;
	text-decoration: underline;
}

.footer .block .privacy{
	font-size:10px;
	margin: 0px 0px 20px 5px;
	padding: 0px 0px 0px 15px;
	background: url(/img/footer_link.gif) no-repeat left;
}



ul.footlist li{float:right; height:32px;}
ul.footlist li.text{width:300px; text-align:right; margin-right:10px;
line-height:14px; font-size:10px;}

span.kome{ color: #990000;}
span.j10{ font-size: 10px;}