@charset "utf-8";


/*-----------------------------


　リセットCSS + サイト共通設定


------------------------------*/



/* 全ての要素に対する余白初期値設定 */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{

	margin:0;

	padding:0;

	font-size:100%;
	border:0;
}



/* ウィンドウズ背景色の設定 */
body{
	background-color:#cccccc;
}

/* デフォルト文字設定 */


body{

	color:#666666;

	font-family:sans-serif;

	font-size:13px;

	*font-size:small;

	line-height:1.4;
}



/* リストマーカーを非表示 */


ul,ol{

	list-style-type:none;

}



/* テーブルセルのボーダーの設定 */
 
table {

	border-collapse: collapse;
 
	border-spacing: 0;

}



/* 画像とフォームパーツの上下位置をテキストの真ん中に */

img, input, select, textarea {
 
	vertical-align: middle;

}




/* デフォルトリンク色の設定 */

a{

	color:#006699;

}



a:hover{

	color:#99ffff;

}



/* 画像リンクの設定 */

a img{

	opacity:1;

	filter: alpha(opacity=100);

}



a:hover img{

	opacity:0.7;

	filter: alpha(opacity=75);

}



/*
	clearfix

------------------------------*/

.clearfix:after {/*for modern browser*/

   content: "";

   display: block;

   clear: both;

}



* html .clearfix { zoom:1; } /* for IE6 */

*:first-child+html .clearfix { zoom:1; } /* for IE7 */






/*--------------------------


　レイアウト


---------------------------*/

body{

	border-top:#e6e6e6  5px solid;

}



/* ヘッダー

---------------------------*/


#header{

	padding:10px 0;

	border-top:#0066cc 5px solid;

	background:#fff;

	background:url(img/bg_header.png)#ffffff;

}



#header .inner{

	width:940px;

	height:120px;
	margin:0 auto;

	overflow:hidden;
	position:relative;

}



#logo{
	position:absolute;
	left:0;
	top:25px;
	margin-top:-26px;
}

#catch{
	position:absolute;
	left:170px;
	top:25px;
	margin-top:-1em;
	font-size:120%;
	font-weight: bold;
}








/* コンテンツエリア

---------------------------*/

#contents{

	width:900px;

	padding:10px 20px 0 20px;

	margin:0 auto;

	border-left:#e6e6e6 1px solid;

	border-right:#e6e6e6 1px solid;

}



/* パンくず

---------------------------*/

#pankuzu{

	margin-bottom:30px;

	padding-bottom:10px;

	border-bottom:#ccc 1px dotted;

}



#pankuzu li{

	display:inline;

	font-size:83%;

}



#pankuzu a{

	padding-right:15px;

	background:url(img/ico_arw01.gif) right center no-repeat;

}

/* グローバルナビゲーション

---------------------------*/

#gnav{

	background:#0066cc;
}



#gnav ul{

	width:940px;

	margin:0 auto;

	overflow:hidden;
}

#gnav li{
	float:left;
}


#gnav a{

	display:block;

	width:157px;

	height:40px;

	background:url(img/gnav.png) no-repeat;

	text-indent:-9999px;

	color:#fff;

}







#gnav .gnav01 a,

#gnav .gnav06 a{

	width:156px;

}

#gnav .gnav01 a { background-position:0 0; }

#gnav .gnav02 a { background-position:-156px 0; }

#gnav .gnav03 a { background-position:-313px 0; }

#gnav .gnav04 a { background-position:-470px 0; }

#gnav .gnav05 a { background-position:-627px 0; }

#gnav .gnav06 a { background-position:-784px 0; }



#gnav .gnav01 a:hover { background-position:0 -40px; }

#gnav .gnav02 a:hover { background-position:-156px -40px; }

#gnav .gnav03 a:hover { background-position:-313px -40px; }

#gnav .gnav04 a:hover { background-position:-470px -40px; }

#gnav .gnav05 a:hover { background-position:-627px -40px; }

#gnav .gnav06 a:hover { background-position:-784px -40px; }



.index #gnav .gnav01 a {background-position:0 -80px; }

.research #gnav .gnav02 a {background-position:-156px -80px; }

.achievement #gnav .gnav03 a {background-position:-313px -80px; }

.papers #gnav .gnav04 a {background-position:-470px -80px; }

.personnel #gnav .gnav05 a {background-position:-627px -80px; }

.access #gnav .gnav06 a {background-position:-784px -80px; }


/* コンテンツエリア

---------------------------*/


#contents{

	width:900px;

	padding:10px 20px 0 20px;

	margin:0 auto;

	border-left:#e6e6e6 1px solid;

	border-right:#e6e6e6 1px solid;
	background:#fff;

}



/* パンくず

---------------------------*/

#pankuzu{

	margin-bottom:30px;

}




/* メインコンテンツ

---------------------------*/

#main{

	width:680px;

	margin-bottom:40px;

	float:right;

}


/* サイドバー

---------------------------*/


#side{

	width:180px;

	margin-bottom:40px;

	float:left;

}



#menu{

	border-top:#0066cc 1px solid;
	margin-bottom:15px;

}



#menu a{

	display:block;

	padding:10px;

	color:#666;
	text-decoration:none;

	border-bottom:#0066cc 2px solid;

	background:url(img/bg_menu.gif) left top repeat-x  #f2f2f2;

}



#menu a:hover{

	border-bottom:#99ffff 2px solid;

	background:url(img/bg_menu_on.gif)
 	left bottom repeat-x #fff;
	font-weight:bold;

}



#menu .selected a{

	border-bottom:#99ffff 2px solid;

	background:url(img/bg_menu_on.gif)
 repeat-x;

	font-weight:bold;

}

#banner p{

	margin-bottom:10px;

}




.sample {
    width:170px;
    height:23px;
    font-size:18px;
    font-family:丸ゴシック;
    font-weight:bolder;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#fff;
    background-color:#0066cc;
    border-radius:5px;
    box-shadow:2px 2px #1a6ea0;
    text-shadow:0 -1px #1a6ea0;
}

.link {
    width:160px;
    height:23px;
    font-size:12px;
    text-decoration:none;
    display:block;
    text-align:left;
    padding:8px 0 10px;
    color:#fff;
    background-color:#339900;
    box-shadow:2px 2px #1a6ea0;
}


/* フッター

---------------------------*/


/* ページトップ */

.pagetop{

	clear:both;

}



#footer{

	padding:10px 0;
	background:#e6e6e6;

}



#footer .inner{

	width:940px;

	margin:0 auto;

}





/*--------------------------


　共有スタイル


---------------------------*/