/* JAIST MS Original Style css */

/* element */
div, p { word-wrap: break-word; }

div.gsc-selected-option { word-wrap: normal; font-size: 11px; }

/* header */

#header_title { color: #fff; background: #003366; }


header h1 span#logo_jaist {
	float: left;
	width: 163px;
	height: auto;
    margin-right: 10px;
}
header h1 span#title_jaist {
	color: #fff;
	float: left;
	height: 80px;
	padding: 10px 0;
	font-size: 24px;
	display: block;
}
header h1 span#title_jaist_e {
	color: #fff;
	float: left;
	height: 80px;
	padding-top: 20px;
	font-size: 24px;
	display: block;
}

header h1 span#title_jaist small { font-size: 12px; }

header #rnavi { margin: 15px 0 0; }
header #rnavi ul { margin: 0; }

header div#googlesearch { color: #4d4d4d; clear: both; height: 61px; }
header div.gsc-control-cse { border: none; }

header div#googlesearch .gsc-search-button { width: 69px; height: 27px; }

#nav {
	color: #fff;
	background: #305982;
	clear: both;
}



/* class */
p span.url  { word-break: break-all; }

.border { padding-bottom: 5px; border-bottom: #ccc 1px solid; }

p.theme { font-size: 120%; }
p.profile, p.ptext, span.ptext { font-size: 12px; }
p.blog-title { font-size: 80%; }

.block-center { margin:0 auto; }

.heading {
  border-bottom:1px solid #305982;
  margin: 20px 0;
  height: 20px;
}
.heading h3 {
  display:inline-block;
  position:relative;
  top:-10px;
  background:#fff;
  padding:0 12px 0 0;
}

div.topics { margin: 40px 0; }

fieldset p { margin-bottom: 0; }

.w100 img { width: 100%; }

.marleft { margin-left: 30px; }
.martop { margin-top: 20px; }
.marbot { margin-bottom: 10px; }

p.hosoku, span.hosoku, #index p.hosoku { font-size: 80%; color: #666; padding-left: 1em; text-indent: -1em; }

.hosoku2 { font-size: 80%; color: #666; }


ol.flow li { margin: 10px 0 10px 10px; }

.clear { clear: both; }
.block { display: block; }


  
/* social */
 ul#facebook p, ul#twitter p { font-size: 80%; margin: 5px; word-wrap: break-word; }


/* news, seminar */
section.seminar h3, section.event h3 { font-size: 14px; margin-top: 5px; }

p.calender { border: #ccc 1px solid; }
p.calender span { display: block; text-align: center; padding: 5px;}
p.calender span.date { color: #fff; background:#b56161; height:29px; }
p.calender span.week { color: #666; background:#fff; height:29px; }
p.seminar-text, p.event-text { padding-bottom: 10px; }

/* banner */
section.banner ul { margin:20px 0;   list-style: none;}
section.banner ul li { margin:10px 0; }



/* slider */
#slider{
	position: relative;
	width:100%;
	height: 320px;
	overflow: hidden;
	background: url(../images/loading.gif) no-repeat center center;
	margin-bottom: 20px;
}
#slider ul{
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
}
#slider li{
	float: left;
}
#slider #prev,
#slider #next{
	position: absolute;
	top: 128px;
	cursor: pointer;
}
#slider #prev{ left:20px;}
#slider #next{ right:20px;}

 
/* for script */
#slider ul,
#slider #next,
#slider #prev{
	visibility: hidden;
}
#slider .layer{
	width: 940px;
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/dot.gif) repeat 0 0 #666;
	opacity: 0.5;
	filter: alpha(opacity=50);
} 



/* index */

.labo-index li { list-style: none; margin: 10px 0 10px;  border-bottom: 1px solid #ccc; }

#index h4 { font-size: 14px; margin: 5px 0 5px 0; }

#index p { font-size: 90%; line-height: 1.4 }

ul.list, ol.list { margin: 20px 0 40px; }

ul.list li, ol.list li { border-bottom: #ccc 1px solid; margin: 5px 0; padding-bottom: 10px; list-style: none; }

.newsphoto {
	overflow: hidden;
	height: 126px;
}


/* equipments */

#equipments h3 { font-size: 14px; margin: 5px 0 15px 0; }



/* student */

div.special { margin: 20px 0 30px; }

.ob-index p img { padding-left: 10px }
.ob-index h3 { margin: 10px 0 5px; }

/* table */

table.table1 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 20px 0 10px;
}
table.table1 caption {
	font-size: 14px;
	text-align: left;
	padding: 5px 0;
	font-weight: bold;
}
table.spec {
	width: 100%;
}
table.w500 {
	width: 500px;
}
table.table1 th {
	font-size: 12px;
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 1.3;
    text-align: left;
}
table.spec th {
	width: 120px;
}
table.table1 td {
	font-size: 12px;
    line-height: 1.3;
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table.table1 td.text-center {
    text-align: center;
}


table.table2 {
    border: 1px #0071bc dotted;
	margin: 20px 0 10px;
}
table.table2 caption {
	font-size: 14px;
	text-align: left;
	padding: 5px 0;
	font-weight: bold;
}

table.table2 th {
	font-size: 12px;
	color: #0071bc;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

table.table2 td {
	font-size: 12px;
	color: #0071bc;
	padding: 10px;
}



/* equipment */

section.equipment { margin-bottom: 60px; }


/* Q&A */

dl.qanda {}

dl.qanda dt {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 10px 30px;
	background-image: url(../student/images/q.png);
	background-repeat: no-repeat;
}


dl.qanda dd { margin: 10px 0 30px; 	padding: 0 0 10px 30px;
	background-image: url(../student/images/a.png);
	background-repeat: no-repeat; border-bottom: 1px #ccc dotted; }
	

/* doctor_syakaijin.html用 */

ul#cir_point li {
	padding-left: 55px;
	list-style: none;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	background-position: left top;
}

ul#cir_point li.cp01 {
	background-image: url(../student/images/point1.gif);
	padding-top: 5px;
}

ul#cir_point li.cp02 {
	background-image: url(../student/images/point2.gif);	
	padding-top: 5px;
}

ul#cir_point li.cp03 {
	background-image: url(../student/images/point3.gif);	
	padding-top: 5px;
}

ul#cir_point li.cp04 {
	background-image: url(../student/images/point4.gif);	
	padding-top: 5px;
}

ul#cir_point li.cp05 {
	background-image: url(../student/images/point5.gif);	
	padding-top: 5px;
}

ul#cir_point li.nc01 {
	background-image: url(../student/images/no_01.gif);
}

ul#cir_point li.nc02 {
	background-image: url(../student/images/no_02.gif);	
}

ul#cir_point li.nc03 {
	background-image: url(../student/images/no_03.gif);	
}

ul#cir_point li.nc04 {
	background-image: url(../student/images/no_04.gif);	
}

ul#cir_point li.nc05 {
	background-image: url(../student/images/no_05.gif);	
}

/* outline 15ranking */

div.rank { margin: 40px auto; }

div.rank2 { width: 45%; float: left; margin: 0 2.5%; }

div.rank h4 {
	font-size: 105%;
	color: #005d7f;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: thin;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
ol.list-rank li.jaist, ol.list-rank2 li.jaist {
	font-weight: bold;
	color: #cc7700;
}

ol.list-rank li, ol.list-rank2 li {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	list-style: decimal;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size:13px;
}

/* outline/15.html */

img.ttl{
	padding-top:50px;
}

div.divide_blue {
	margin-top: 20px;
	border: 1px solid #40869f;
	padding-top: 8px;
}
div.divide_orange {
	margin-top: 20px;
	border: 1px solid #c79856;
	padding-top: 8px;
}

div.divide_green {
	margin-top: 20px;
	border: 1px solid #4B7964;
	padding-top: 8px;
}

div.box {
	padding: 15px;
}
div.box h4 { margin: 0 0 5px; }

div.box ul { list-style: none; }
divide_blue h4 { border: #ff0000 1px solid; }


.textbox {
	border: thin solid #75a6bc;
	background-color: #e9eef8;
	color: #005d7f;
	text-align: center;
	padding: 5px;
}

.textbox2 {
	border: thin solid #bccfc3;
	background-color: #eaede9;
	color: #4b7964;
	text-align: center;
	padding: 5px;
}

.table_point {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.table_point caption {
	font-size:12px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0;
}
.table_point th {
	font-weight: bold;
	text-align: left;
}
.table_point th, .table_point td {
	font-size:12px;
	line-height:1.2;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	padding: 3px;
}

.table_point td.small, .table_point th.small{
	font-size:12px;
}

/* career */

.position-graph {
	background-image: url(../career/img/position.png);
	background-repeat: no-repeat;
	background-position: right 100px;
}

/* Laboratory */

#labo-profile {}

#labo-profile h4 { font-size: 14px; margin: 0 0 5px; }

p.field { margin: 10px 0; font-weight: bold; }

.list-title { font-weight: bold; color: #0071bc; }



/* English top */

#index_e h3 { margin: 5px 0; }

/* Your Path */

#yourpath ul.block-grid li div { padding: none; }

.yourpath { background: #f5f2e8; border: 1px solid #003366; padding: 10px; margin: 10px 0; }

h3.blue-bg { color: #fff; background: #305982; padding: 5px 10px; margin: 0; }

.arrow { color: #003366; font-size: large; text-align: center; }
.news_title{
        font-size:1.0em;        
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
header h1 span#title_jaist {
	font-size: 24px;
}
p.field { font-size: 12px; }
.heading {
  border-bottom:1px solid #305982;
  margin: 20px 0;
  height: auto;
}
.heading h3 {
  display:block;
  top: auto;
  margin: 0 0 4px;
}
.news_title{
        font-size:1.0em;        
}
}

@media only screen and (max-width: 480px) { 

header h1 span#logo_jaist {
	width: 100px;
	margin-right: 10px;
	height: auto;
}
header h1 span#title_jaist {
	height: auto;
	padding: 0 0 10px 0;
	font-size: 20px;
}
header h1 span#title_jaist_e {

	height: auto;
	padding-top: 20px;
	font-size: 12px;
}

header #rnavi { margin: 5px 0 0; }
table.table1 caption {
	font-size: 12px;
}
table.table1 th, table.table1 td {
	font-size: 11px;
    padding: 2px;
    line-height: 1.2;

}

header div#googlesearch { display: none; }
.list li span.right { display: block; }
.heading {
  border-bottom:1px solid #305982;
  margin: 20px 0;
  height: auto;
}
.heading h3 {
  display:block;
  top: auto;
  margin: 0 0 4px;
}
.news_title{
    font-size:1.1em;        
}
}