@charset "SHIFT_JIS";
/*==============================
		multiColumn
================================*/
main {
    display: flex;
    margin: 10px 0 10px 0;
}
body {
	background-color: #eeeeee;
	display: flex;
    flex-direction: column;
}
/* ﾀｲﾄﾙｴﾘｱ */
header {
	background-color: #1e3971;
    height: 100px;
    text-align: center;
}
/* 写真・TOPICSｴﾘｱ */
.glovalNavigation{
    height: 530px;
    text-align: center;
    background-color: #eeeeee;
    color: #fff;
}
/* ﾎﾞﾀﾝｴﾘｱ */
.localNavigation{
    text-align: center;
    background-color: #eeeeee;
    color: #fff;
    width: 365px;
    height: 530px;
}
.content{
    flex: 1;
    background-color: #eeeeee;
    text-align: center;
    margin-right: 10px;
}
/* 写真・校章 */
img.logo {
	width: 100px;
	height:100px;
	float: left;
	margin-top: 0px;
}
img.tokai {
	width: 200px;
	height: 150px;
}
/* ﾀｲﾄﾙ文字 */
h1 {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color: #fff;
	height: 100px;
	text-align: center;
	text-shadow: 0 0 15px #ffdd65, 0 0 10px #ffdd65,0 0 5px #fff;
	line-height:100px;
	margin-top: 0px;
}
/* ﾘﾝｸ下線 */
a {
	text-decoration: none;
}
/* ｻﾌﾞﾍﾟｰｼﾞ小見出し*/
.h2_title {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 24px;
	color: #666666;
	padding: 25px 0px 15px 0px;
	margin-top: 0px;
}
/* 文章 */
.message {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	background-color: #E3F0FB;/*  背景色  */
	border: 1px #C0C0C0 solid;/*  枠線（太さ・色・スタイル）  */
	padding: 50px;/*  ボックス内の余白  */
	overflow: auto;
	line-height: 2;
	letter-spacing: 5px;
}
/*強調表示*/
.annai {
	margin: 0;
	padding: 5px;
	background-color: #58ACFA;
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	color: #ffffff;
}
/*会報ﾘﾝｸ*/
.link dt {
	margin: 0;
	padding: 5px;
	background-color: #c0c0c0;
	font-size: 16px;
	color: #fff;
	font-family: "Arial";
	font-size: 16px;
	width: 275px;
	background:linear-gradient(to bottom, #9bcfff,#4683ea); 
}
.link a {
	color: royalblue;
}
.link a:hover {
	color: red;
}
/*ﾌﾟﾗｲﾊﾞｼｰﾎﾟﾘｼｰ*/
.numberlist {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
}
/*活動紹介ﾀｲﾄﾙ*/
.contentstitle {
	margin: 0;
	padding: 5px;
	background-color: #c0c0c0;
	color: #fff;
	font-family: "Arial";
	font-size: 18px;
	background:linear-gradient(to bottom, #9bcfff,#4683ea); 
}
/*==============================
		topics
================================*/
.topix_text {
	font-size: 120%;
	color: #cc0000;
	background-color: #99ccff;
	clear: both;
	width: 810px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	text-align:left;
}
.topics {
	left:0;
	overflow: scroll;
	padding-left: 5px; height: 330px;
/*	height: 220px;<----バナーを消す前 */
/*	width:50%;*/
	width:800px;
	text-align:left;
	max-width:1000px;
	margin: 0 auto;
	 border:1px solid black;
	background-color:#eeeeee;
	margin-top: -15px;
}
.topics a,p {
	font-size: 14px; font-weight: normal; text-decoration: none; color: black; text-align: left;
}
.topics a:link {text-decoration: underline; color: #0000ff; }
.topics a:hover { text-decoration: underline; color: #ff0000; }
/*==============================
		button
================================*/
.banner_btn {
	background: #3366cc;
	background:linear-gradient(to bottom, #9bcfff,#4683ea);
	background: -moz-linear-gradient(top, #091938, #1e3971);
	border-radius: 10px;
	color: #dd0000;
	font-size: 20px;
	font-family:"Arial", sans-serif;
	height: 80px;
	letter-spacing: 2px;
	margin: 1px 1px;
	padding: 10px;
	text-shadow: 0 0 15px #ffdd65, 0 0 10px #ffdd65,0 0 5px #fff;
	width: 150px;
	text-align: center;
}
.banner_btn .catch {
  display: block;
  font-size: 16px;
  margin-top: 10px;
  padding: 0 0 10px 0;
  text-align: center;
  color: #000080;
}
.banner_btn_new {
	background: #ffffff;
	border: 3px solid #ff0000;
	color: #dd0000;
	font-size: 18px;
	font-family:"Arial", sans-serif;
	height: 30px;
	letter-spacing: 2px;
	margin: 1px 1px;
	padding: 10px;
	width: 170px;
	text-align: center;
}
.footer_btn {
	background: #ffffff;
	border: 3px solid #ff0000;
	color: #dd0000;
	font-size: 18px;
	font-family:"Arial", sans-serif;
	height: 30px;
	letter-spacing: 5px;
	margin: 1px 1px;
	padding: 10px;
	width: 130px;
	text-align: center;
}
/*==============================
		button_mouseover
================================*/
.item a:hover {
	opacity:0.5;
}
/*==============================
		footer
================================*/
footer p {
	text-align: right;
	margin-right: 14px;
	font-family: "Arial";
	font-size: 14px;
	line-height: 2;
}
ul.footlist li {
	float: left;
	text-align: center;
	font-family: "Arial";
	list-style-type: none;
}
ul.footlist li a {
	color: royalblue;
	text-decoration: none;
	display: block;
	margin-right: 170px;
}
ul.footlist li a:hover {
	color: red;
}
/*各ｻﾌﾞﾍﾟｰｼﾞのﾌｯﾀｰ*/
ul.footlistsub li {
	float: left;
	text-align: center;
	font-family: "Arial";
	list-style-type: none;
}
ul.footlistsub li a {
	color: royalblue;
	text-decoration: none;
	display: block;
	margin-right: 20px;
}
ul.footlistsub li a:hover {
	color: red;
}
/*==============================
		table
================================*/
/*役員ﾘｽﾄ*/
table.cel {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: lighter;
    font-size: 16px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
table.cel th {
    padding: 16px;
    vertical-align: middle;
    text-align: center;
    border-top: #999 1px solid;
    border-bottom: #fff 1px solid;
}
table.cel td {
    padding: 16px;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
}
table.cel th.r1 {
    width: 100px;
    border-left: #999 1px solid;
    border-right: #999 1px solid;
    background: #E3F0FB;
}
table.cel th.r2,table.cel td.r2 {
    width: 150px;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    background: #E3F0FB;
}
table.cel th.r2,table.cel th.r3,table.cel th.r4 {
    text-align: center;
}
table.cel th.r3,table.cel td.r3 {
    width: 128px;
    border-left: #999 1px solid;
    border-right: #999 1px solid;
    background: #E3F0FB;
}
table.cel th.r4,table.cel td.r4 {
    width: 150px;
    border-left: #fff 1px solid;
    background: #7cacc2;
}
/*大学技術士会ﾘﾝｸ*/
table.glinks {
	font-family:"ヒラギノ角ゴ Pro W3","メイリオ",Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: lighter;
    font-size: 16px;
    margin-left: -40px;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
table.glinks th {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
    border-top: #999 1px solid;
    border-bottom: #fff 1px solid;
}
table.glinks th.r1 {
    width: 265px;
    border-left: #999 1px solid;
    border-right: #999 1px solid;
    background: #EEEEEE;
}
table.glinks th.r2 {
    width: 850px;
    border-left: #fff 1px solid;
    border-right: #fff 1px solid;
    background: #EEEEEE;
}
table.glinks th.r4,table.glinks td.r4 {
    border-left: #999 1px solid;
    border-right: #fff 1px solid;
    background: #9bcfff;
    color: #fff;
	padding: 5px;
}
/*==============================
		pageTop-Jump
================================*/
#pageTop {
   position: fixed;
   bottom: 20px;
   right: 20px;
 }
#pageTop i {
   padding-top: 10px;
 }
#pageTop a {
  display: block;
  z-index: 999;
  padding: 5px;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  font-size: x-large;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}