.style1 {
            font-size: 12px;
        }
        
        .style2 {
            font-size: 12px;
            font-weight: bold;
        }
        
        div.RGroupFrame {
            border: 1px;
            border-style: solid;
            width: 563px;
            margin: 10px;
            background-color: #ffffff;
        }
        
        div.GroupTitle {
            border: 1px;
            border-style: solid;
            padding: 5px;
            border: 0px;
            background-color: #ffffff;
            font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-size: 12px;
        }
        
        div.JapaneseGroupTitle {
            text-align: left;
            float: left;
        }
        
        div.EnglishGroupTitle {
            text-align: right;
        }
        
        div.GroupContents {
            display: table;
            table-layout: fixed;
            padding: 5px;
        }
        
        div.ResearchTheme {
            display: table-cell;
            vertical-align: top;
            width: 230px;
            color: #000000;
        }
        
        ul,
        ol {
            list-style: none;
            font-size: 15px;
            line-height: 1.4;
            text-align: left;
        }
        
        li {
            margin-top: .5em;
        }
        
        li:first-child {
            margin-top: 0;
        }
        
        div.RGroupFrame#SystemTheoryFrame {
            border-color: #00b9b9;
        }
        
        div.RGroupFrame#IntelligentSystemsFrame {
            border-color: #1975bc;
        }
        
        div.RGroupFrame#TheoreticalSystemsScienceFrame {
            border-color: #00aad7;
        }
        
        div#SystemTheoryTheme li::after {
            background-color: #00b9b9;
        }
        
        div#IntelligentSystemsTheme li::after {
            background-color: #1975bc;
        }
        
        div#TheoreticalSystemsTheme li::after {
            background-color: #00aad7;
        }
        
        div#SystemTheoryTitle {
            background-image: linear-gradient(to left, #00b9b9, #96d7d7);
            color: #ffffff;
        }
        
        div#IntelligentSystemsTitle {
            background-image: linear-gradient(to left, #1975bc, #88a6d7);
            color: #ffffff;
        }
        
        div#TheoreticalSystemsScienceTitle {
            background-image: linear-gradient(to left, #00aad7, #80c8e6);
            color: #ffffff;
        }
        
        div.ResearchTheme li {
            position: relative;
        }
        
        div#SystemTheoryTheme li::after,
        div#IntelligentSystemsTheme li::after,
        div#TheoreticalSystemsTheme li::after {
            display: block;
            content: '';
            position: absolute;
            top: .5em;
            left: -1em;
            width: 6px;
            height: 6px;
            border-radius: 100%;
        }
        
        div.ResearchTopic {
            display: table-cell;
            vertical-align: top;
            text-align: left;
        }
        
        div#ImgText {
            margin-bottom: 10px;
        }
        
        img#group_photo {
            width: 230px;
        }

div.bgimg {
	background-image: url("http://www.sys.es.osaka-u.ac.jp/sch/jp/images/mainback.gif");
	background-size: 72px;
	margin: 0px;
}

table.top {
	width: 800px;
	border-collapse: collapse;
    background-color: #006600;
}

table.base {
	border-collapse: collapse;
	border: 0px none;
}

table.menu1 {
	width: 188px;
}

table.menu2 {
	width:180px;
}

td.menu21 {
	height: 10px;
}


td.menu4 {
	width: 180px;
}

table.menu5 {
	width: 160px;
}

td.menu6 {
	vertical-align: top;
	width: 20px;
	height: 14px;
}

td.menu7 {
	width: 140px;
	height: 14px;
}

td.menu8 {
	width: 20px;
}

td.menu9 {
	width: 154px;
	height: 12px;
}

td.menu10 {
	width: 140px;
}

td.menu11 {
	width: 180px;
}

td.bgc1 {
	background-color: #006600;
}
	

td.menu {
	vertical-align: top;
	width: 189px;
}

td.main {
	vertical-align: top;
	width: 500px;
}

.ffffff {
	color: #FFFFFF;
}

.cccccc {
	color: #CCCCCC;
}

div.b004400 {
	background-color: #004400;
}

div.fbbox {
	margin: 10px 0 0 4px;
}

table.new1 {
	width:612px;
	border-collapse: collapse;
}

td.new2 {
	width: 22px;
}

td.new3 {
	width: 586px;
}

table.new4 {
	width: 100%;
}

td.new5 {
	padding: 5px;
}

td.new6 {
	padding: 5px;
	text-align: right;
	float: right;
}

td.new7 {
	padding: 3px;
	vertical-align: top;
}
	
div.footer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}

span.footer1 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
}

span.topic1{
	color: #666666;
	font-size: 12px;
}

td.tstyle2{
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}

td.topic2 {
	width: 13%;
}

span.topic3 {
	font-size: 13px;
}

.r{
	text-align: right;
	float: right;
}

.style1-l {
	text-align: left;
	font-size: 12px;
	float: left;
}

.c {
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.l {
	float: left;
	text-align: left;
}

        .style3 {
            font-size: 12px;
        }
        
        .style5 {
            font-size: 12px;
            color: #FFFFFF;
        }
        
        .style7 {
            font-size: 12px;
            font-weight: bold;
        }
        
        .style8 {
            color: #FF6600;
            font-size: 12px;
        }

td.staff1 {
	background-color: #CCCCCC;
}

table.staff2 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

.zzzzff {
	color: #0000FF;
}

.small {
	font-size: small;
}

td.labname {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}
td.top1 {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	background-color: #800000;
	padding: 3px;
}

td.topname {
	text-align: center;
	white-space: nowrap;
	width: 81px;
	background-color:#800000;
	padding: 3px;
}

td.prof {
	white-space: nowrap;
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}

td.name {
	white-space: nowrap;
	width: 81px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 3px;
}

td.email {
	white-space: nowrap;
	width: 103px;
	background-color: #FFFFFF;
	padding: 3px;
}

td.topemail {
	white-space: nowrap;
	width: 103px;
	text-align: center;
	background-color: #800000;
	padding: 3px;
}

tr.in {
	background-color: #00bb44;
}

td.inouttop{
	height: 25px;
}

.b_white{
	background-color: #FFFFFF;
}

td.inoutdate{
	width: 69px;
	height: 25px;
}

td.posname{
	width: 162px;
	height: 25px;
}

td.fromto{
	width: 370px;
	height: 25px;
}

td.dummy {
	width: 3px;
}

table.experiment {
	width: 600px;
}

table.ex1{
	width: 600px;
	border-collapse: collapse;
	border-color: #CCCCCC;
}

table.ex2{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	border: none;
}

td.pad1{
	padding: 1px;
}

tr.ex3{
	border-color: #FFFFFF;
	background-color: #009900;
}

tr.ex4{
	background-color: #FFFFFF;
}

span.exname{
	color: #000099;
}

.btm{
	vertical-align: bottom;
}

table.papers{
	width: 612px;
	border-color: #CCCCCC;
}

td.notice_paper{
	height: 56px;
	font-size: small;
	color: blue;
}

td.paper1{
	background-color: #CCCCCC;
}

table.paper2{
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

td.paperyr {
	width: 133px;
	height: 19px;
	text-align: center;
	padding: 3px;
}

td.paperlk {
	width: 369px;
	height: 19px;
	font-size: small;
	padding: 3px;
}

			#mainContents{
				width: 592px;
				margin: 10px;
				padding: 5px;
			}

      #question_range{
				width: 480px;
        margin: 10px 50px;
        padding: 10px;
        border: 1px solid #000000;
      }

			#question_range_details {
				width: 560px;
				border-collapse: collapse;
				text-align: left;
				line-height: 1.5;
			}
			#question_range_details th {
				width: 150px;
				padding: 5px;
				font-size: 9pt;
				font-weight: normal;
				vertical-align: top;
				border: 1px solid #000000;
			}
			#question_range_details td {
				width: 400px;
				padding: 5px;
				vertical-align: top;
				border: 1px solid #000000;
			}

table.exam {
	border-collapse: collapse;
	border-color: #CCCCCC;
	width: 590px;
}

table.exam2 {
	width: 99%;
	border-collapse: collapse;
}

.exam3 {
	background-color: #333333;
}

table.exam4{
	width: 587px;
	border-collapse: separate;
	border-spacing: 1px;
}

td.examyr {
	width: 115px;
	padding: 2px;
}

td.exam1day{
	width: 216px;
	padding: 2px;
}

td.exam2day{
	width: 218px;
	padding: 2px;
}

.filesize {
	color: #FF0000;
}

.link {
	color: #006600;
}

table.access1 {
	width: 510px;
	height: 100%;
	border-collapse: collapse;
}

tr.access2 {
	vertical-align: top;
}

table.access4 {
	width: 432px;
	border-collapse: collapse;
}

.access5 {
	color: #333366;
}

td {
	padding: 0;
}

table, th, td {
	border: 0px none ;
	border-collapse: collapse;
}
img#group_photo {
	text-align: right;
}

td.top1 {
	text-align: center;
	white-space: nowrap;
	background-color: #800000;
	padding: 3px;
}

td.photo {
	width: 230px;
}

table.intro {
	width: 100%;
}

img { border: 0; }

td.h36 {
	height: 36px;
}

tr.outperson {
	background-color: #9977ee;
}