@charset "utf-8";

* {  
    margin:0;  
    padding:0;  
}  

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	background-color: #ededed;
	text-align: center;
}

p {
	font-size: 80%;
}

/*-------------------------wrapperの指定*/ 
#wrapper {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}

/*-------------------------headerの指定*/ 
#header {
	height: 124px;
	margin: 0;
	padding: 0;
	width: 900px;
}

/*-------------------------sidebarの指定 floatを指定する時はwidth指定を忘れない。*/
#sidebar {
	width: 180px;
	float: left;
	margin: 0;
	padding: 10;
}

#sidebar ul {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#sidebar ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a5a5a5;
	list-style-position: inside;
	padding-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	list-style-image: url(../image/listmark1.gif);
	text-indent: -0.5em;

}
.menu li a:link{
	text-decoration: none;
	color: #000000;
}

.menu li a:visited{
	text-decoration: none;
	color: #000000;
}

.menu li a:hover{
	text-decoration: none;
	color: #70ad47;
}

/*-------------------------contentsの指定*/
#contents {
	width: 689px;
	float: right;
	margin: 0;
	padding: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

/*-------------------------footerの指定*/
#footer {
	text-align: center;
	clear: both;　/*回り込みの解除*/
	height: 125px;
	color: #000000;
	font-size: 95%;
	line-height: 1em;
	background-image: url(../image/footimg28may2015.gif);
	margin: 0em;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

/*-------------------------工学分野説明の指定*/
h1 {
	font-weight: bold;
	font-size: 150%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
	text-shadow: 1px 1px 3px #999;
}

#concept ul {
}

#concept li {
	list-style-position: inside;
	list-style-type: none;
	margin-top: 0em;
	margin-right: 2em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	text-indent: -1.5em;
	padding-left: 1em;
	line-height: 1.3em;
}

#concept table {
	margin-left:auto; 
	margin-right:auto;
	text-align: center;
}


/*-------------------------フォントの指定*/
.orange {
	color: #ed7d31;
	font-weight: bold;
}

.waterblue {
	color: #4682b4;
	font-weight: bold;
}

.soilgreen {
	color: #548235;
	font-weight: bold;
}

.waterbluedark {
	color: #333f50;
	font-weight: bold;
}

.orange2 {
	color: #ed7d31;
}

.bold {
	font-weight: bold;
}
.center {
	text-align: center
}

.strong {
	font-size: 120%;
	font-weight: bold;
}

/*-------------------------更新情報の指定*/

#contents .news li {
	list-style-type: none;
	font-size: 90%;
	margin-top: 0.5em;
	margin-right: 10px;
	margin-bottom: 0.5em;
	margin-left: 10px;
}

h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	font-size: 100%;
	font-weight: normal;
}

/*-------------------------教員紹介の指定*/

#teacher-water, #teacher-soil {
	padding: 10px 0;
}

#teacher-water table{
	background-color: #d5eaff;
    width: 684px;
}

#teacher-soil table{
	background-color: #fff2cc;
    width: 684px;
}

#teacher-water th, #teacher-soil th{
	padding: 10px 5px;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 90%;
}

#teacher-water td, #teacher-soil td{
	padding: 10px 5px 10px 1.5em;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 90%;
	text-indent: -1em;
	
}

#teacher-water li, #teacher-soil li{
	font-size: 95%;
	list-style: inside disc;
	margin-left: 2em;
}

/*-------------------------教員紹介h4の指定*/
h4 {
	font-size: 120%;
	padding: 3px 10px;
	margin: 10px 0;
	text-align: center;
}

#title4water {
	background-color: #d5eaff;
	color: #333f50;
	border-radius: 7px;
	width: 120px;
	-moz-box-shadow: 3px 3px 5px 0px #708090;
    -webkit-box-shadow: 3px 3px 5px 0px #708090;
    box-shadow: 3px 3px 5px 0px #708090;
}

#title4soil {
	background-color: #fff2cc;
	color: #548235;
	border-radius: 7px;
	width: 140px;
	-moz-box-shadow: 3px 3px 5px 0px #946c45;
    -webkit-box-shadow: 3px 3px 5px 0px #946c45;
    box-shadow: 3px 3px 5px 0px #946c45;
}

/*-------------------------リンクの指定*/
#link {
	padding: 5px 10px;
}

#link ul {
	list-style-position: inside;
}

#link ul li {
	margin-bottom: 0.5em; 
}

#link ul li ul li{
	list-style: inside none;
	padding-left: 1em;
}

#link ul li ul li ul li{
	list-style: inside circle;
	text-left: 1em;
}

/*-------------------------発表会お知らせの指定*/
#presen {
	padding: 20px 20px;
}

#presen ul {
	list-style-position: inside;
}

#presen ul li {
	margin-bottom: 2em; 
}

#presen ul li ul li{
	list-style: inside none;
	padding-left: 1em;
	margin-top: 0.5em;
	margin-bottom:0.5em;
	font-weight: nomal;
}

#presen ul li ul li ul{
	list-style: inside none;
	padding-left: 2em;
}


/*-------------------------h2の指定*/
h2 {
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ececec;
	color: #333333;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 15px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #999;
}

/*-------------------------フォトギャラリーの指定*/

div.imagebox {
	border: none; /* 枠線 */
    background-color: #ffffff;  /* 背景色 */
	width: 300px;               /* 横幅 */
	float: left;                /* 左に配置 */
	margin: 10px;                /* 周囲の余白 */
}
p.image {
	text-align: center; /* 中央寄せ */
	margin: 5px;        /* 余白・間隔 */
}
p.caption {
	font-size: 80%;     /* 文字サイズ */
	color: #333;    /* 文字色 */
　　text-align: left; /* 中央寄せ */
	margin: 5px 10px;
}

p.exp {
	clear: left;       /* 回り込みを解除 */
}

/*-------------------------お問い合わせの指定*/
address {
	font-style: normal;
	font-size: 90%;
}