@charset"utf-8";


/*----------全体の設定など----------*/

/*-----リセットCSS-----*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}


blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/ change colours to suit your needs /
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

/ change colours to suit your needs /
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* change border colour to suit your needs 
*/
hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}


/*----------常にスクロールバーを表示する----------*/
html{
	overflow-y:scroll;
}

/*----------リストマーカーを非表示----------*/
ul,ol{
	list-style-type:none;
}

/*----------ウインドウの背景色の設定----------*/
body{
	background-color:#fff;
	width:1180px;
	margin:auto;
}

/*----------h1のスタイル----------*/
h1{
	font-size:150%;
	text-align:right;
	padding-top:20px;
	padding-right:50px;
	color:#ffa500;
	line-height:1.5em
}



/*----------ヘッダーの設定----------*/
#header{
	background:url(../picture/kit_logo.jpg) no-repeat ;
	background-size:contain;
	height:90px;
}

/*---------リンクの色----------*/
a{
	color:#ffa500;
}

a:hover{
	color:%ff705b;
}

a visited{
	color:#ffa500;
}


/*----------インナー----------*/
.inner{
	width:1180px;
	margin:0 auto;
}

/*----------グローバルナビゲーション----------*/
#gnav{
	font-size:150%;
	color:#ffa500;
}

#gnav ul{
	overflow:hidden;
}

#gnav li{
	float:left;
	width:145px;
	inline;
}

#gnav a{
	display:block;
	width:138px;
	height:20px;
	padding:10px 0px;
	text-decoration:none;
	color:#ffa500;
	border:solid;
	border-radius:10px;
	margin:10px;
	text-align:center;
	font-weight: bold; 

}


#gnav .gnav01 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav02 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav03 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav04 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav05 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav06 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav07 a{color:#ffa500; border-color:#ffa500;}
#gnav .gnav08 a{color:#ffa500; border-color:#ffa500;}

#gnav .gnav01 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav02 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav03 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav04 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav05 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav06 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav07 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}
#gnav .gnav08 a:hover{color:#ffa500; background:#ffddbb; border-color:#ffa500;}


#gnav .gnav01 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav02 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav03 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav04 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav05 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav06 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav07 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}
#gnav .gnav08 a:active{color:#ffa500; box-shadow:2px 2px 5px #999 inset;}

.member #gnav .gnav02 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.study  #gnav .gnav03 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.schedule #gnav .gnav04 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.device #gnav .gnav05 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.album #gnav .gnav06 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.link #gnav .gnav07 a{color:#fff; background:#ffd08d; border-color:#ffa500;}
.inquiry #gnav .gnav08 a{color:#fff; background:#ffd08d; border-color:#ffa500;}




/*-----------各ページ----------*/
/*-----------ホーム----------*/
#homebuttontop{
	float:right;
}

#homebuttontop a{
	display:block;
	padding:15px 0px;
	text-decoration:none;
	color:#fff;
	border:solid;
	border-radius:10px;
	text-shadow:2px 2px 3px #999;

}

#homebuttontop a:hover{
	color:#fff;
}

#homebuttontop a:active{
	color:#fff;
	box-shadow:2px 2px 5px #999 inset;
}


#distribution{
	height:2em;
	width:10em;
	margin-right:165px;
}

#distribution a{
	background:#49ff47;
	border-color:#49c547;
}

#distribution a:hover{
	box-shadow:0 0 20px #49ff47;
	bacground:#49c547;
}

#distribution a:active{
	background:#49ff47;
	box-shadow:2px 2px 5px #999 inset;
}


#homebutton{
	float:right;
}

#homebutton a{
	display:block;
	padding:15px 0px;
	text-decoration:none;
	color:#fff;
	border:solid;
	border-radius:10px;
	text-shadow:2px 2px 3px #999;
}

#homebutton a:hover{
	color:#fff;
}

#homebutton a:active{
	color:#fff;
	box-shadow:2px 2px 5px #999 inset;
}

#undergraduate{
	float:left;
	height:2em;
	width:10em;
	padding-bottom:25px;
	padding-right:40px;

}

#undergraduate a{
	background:#82e6ff;
	border-color:#6fb8ff;
}

#undergraduate a:hover{
	box-shadow:0 0 20px #6fb8ff;
	bacground:##ffc68a;
}

#undergraduate a:active{
	background:#82e6ff;
	box-shadow:2px 2px 5px #999 inset;

}

#access{
	float:right;
	height:2em;
	width:10em;
	padding-bottom:25px;
	padding-right:60px;
}

#access a{
	background:#ff99e6;
	border-color:#ff61ff;
}

#access a:hover{
	box-shadow:0 0 20px #ff61ff;
	bacground:#ff99e6;
}

#access a:active{
	background:#ff99e6;
	box-shadow:2px 2px 5px #999 inset;
}



/*----------更新履歴----------*/
#textarea{
	background:#fff;
	text-align:left;
	height:450px;
	width:430px;
	overflow:auto;
	border:1px solid #ffa500;
	padding:10px;
	line-height:1.5em;
	float:right;
	margin-top:30px;
}

.indent{
	text-indent:-8.5em;
	padding-left:8.5em;
}

#textarea dd{
	padding-left:2em;
}

#textarea dt{
	padding-top:0.3em;
}

/*----------更新履歴詳細ページ----------*/
#textarea2{
	background:#fff;
	text-align:left;
	width:700px;
	border:1px solid #ffa500;
	padding:10px;
	line-height:1.5em;
}

#textarea2 dd{
	padding-left:2em;
}


/*----------問い合わせフォーム----------*/
table.inquiry{
	width:1170px;
	border: #ffa500 3px solid;
	margin-left:auto;
	margin-right:auto;
}


.inquiry th,
.inquiry td{
	padding:5px 10px;
	border:#ffa500 1px solid
}

.inquiry th{

	width:10em;
}

/*----------メンバー紹介-----------*/
table.member2{
	margin-top:30px;

	border:#ffa500 5px solid;
	margin-left:auto;
	margin-right:auto;

}

.member2,th{
	border:2px #ffa500 solid;
	text-align:center;
	vertical-align:middle;
	padding:20px 10px;
	font-size:110%;
}

.member2,td{
	border:2px #ffa500 solid;
	padding:10px 5px;
	vertical-align:middle;
	
}

#graduate{
	width:135px;
}


/*----------山本茂紹介ページ-----------*/
#yamamoto0{
	float:center;
	width:750px;
	height:1000px;
	border:2px #ffa500 solid;

}

#yamamoto{
	float:left;
	width:400px;
	margin-top:10px;
	padding:10px;
}

#yamamotoimage{
	float:right;
	margin:10px;
}

/*----------研究内容目次----------*/
.study2{
	margin-top:30px;
	margin-left:10px;
	line-height:1.3em;
}

.study2 a{
	display:block;
	padding:3px 10px;
	text-decoration:none;
	background:#fff;
	color:#ffa500;
}

.study2.result a{
	display:block;
	width:60px;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	color:#ffa500;
}

.study2 a:hover{
	background:#fed88d;
	color:#fff;
}

div{
	float:left;
}


/*----------1. 機能性ガラスの創製---------*/
#glass0{
	width:800px;
	border:2px #ffa500 solid;
	margin-top:50px;
	padding:10px;
	float:right;
}

#glass0 h2{
	text-align:center;
	font-size:150%;
	padding-top:5px;
	padding-bottom:35px;
}

#glass0 p{
	font-size:105%;
	line-height:1.5em;
}

#glass1, #glass2, #glass3, #glass4{
	width:800px;
	border:2px #ffa500 solid;
	margin-top:50px;
	padding:10px;
	float:right;
}

#glass1 h2, #glass2 h2, #glass3 h2, #glass4 h2{
	text-align:center;
	font-size:150%;
	padding-top:5px;
	padding-bottom:35px;
}

#glass1 h3, #glass2 h3{
	font-size:120%;
	padding-top:10px;
	padding-bottom:10px;
}

#glass1 p, #glass2 p, #glass3 p, #glass4 p{
	font-size:105%;
	line-height:1.5em;
	padding-bottom:10px;
}



.studypicture1{
	margin-left:100px;
}

.surfaceleft{
	float:left;
	width:350px;
}



/*----------研究成果---------*/
#finding{
	width:800px;
	border:2px #ffa500 solid;
	margin-top:50px;
	padding:10px;
	float:right;
}

.indent2{
	text-indent:-1em;
	padding-left:1em;
}
#result dt{
	padding-bottom:0.3em;
}

#result dd{
	padding-left:1.5em;
	padding-bottom:1.5em;
}


/*----------上付き下付き---------*/
span.supText {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

span.subText {
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

span.bar {
	border-top:solid 0.5px;
}

/*-----------アルバム----------*/
.albummokuzi a{
	display:block;
	padding:5px 20px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	color:#ffa500;
}

.albummokuzi a:hover{
	background:#fed88d;
	color:#fff;
}

.albummokuzi{
	padding-top:30px;
	padding-left:30px;
}

.albumtable{
	table-layout:fixed;
	text-align:center;
	margin-top:50px;
	width:950px;
	float:right;
}

.albumtable td{
	height:270px;
	vertical-align:middle;
}

.albumtable th{
	height:20px;
}

#albummokuzi2{
	width:925px;
	margin-top:50px;
	padding:10px;
	float:right;
}

#albummokuzi2 a{
	line-height:1.4em;
	text-decoration: none;
}

#albummokuzi2 a:hover{
	background:#fed88d;
	color:#fff;
}

/*-----------行事----------*/

#schedulet1{
	float:left;
	width: 580px;
	margin-top: 50px;
	margin-bottom:100px;
	text-align:center;
	vertical-align:middle;
	
	
}

#schedulet2{
	float:right;
	width: 580px;
	margin-top: 50px;
	text-align:center;
	vertical-align:middle;
	
}

/*-----------アクセス----------*/
.accessleft{
	float:left;
	margin-left:30px;
}