/* @override 
	http://localhost/exhibit15/style/style.css */

@charset "UTF-8";
/* 

	IAMAS 2015

*/

/* @group Layout */

@font-face {
  font-family: 'Futura';
  src: url('/exhibit15/style/font/futura/FuturaStd-Medium.eot') format('embedded-opentype'),  url('/exhibit15/style/font/futura/FuturaStd-Medium.otf')  format('opentype'),
	     url('/exhibit15/style/font/futura/FuturaStd-Medium.woff') format('woff'), url('/exhibit15/style/font/futura/FuturaStd-Medium.ttf')  format('truetype'), url('/exhibit15/style/font/futura/FuturaStd-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

html { 
	height: 100%; width: 100%; margin: 0; padding: 0px;
	letter-spacing: 1.5px;
}

body {
	width: 100%; margin: 0; padding: 0px;
	letter-spacing: 1.5px;
}

html {
	background-color: #393939;
}

body {
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	font: 16px/23px Futura, "Helvetica Neue", Helvetica, Arial, "YuGothic Medium",'YuGothic', "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color: #393939;
	min-height: 100%;
}

#page_content {
	min-height: 100%;
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 55px;
}

#page_content img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.gallery img {
	width: 100%;
}

#footer {
	width: 100%;
	z-index: 1;
	bottom:0;
	background-color: #000000;
	line-height: 1.5em;
	overflow: hidden;
}

#footer_inner {
	max-width: 430px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding: 10px 0px 5px 0;
}

#footer p {
	width: 100%;
	text-align: center;
	margin: 0;

}

#footer div {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
}

#footer img {
	margin-right: 10px;
}

/* Fixes */
.scrolled {
	margin-top: 63px;
}

.mobile {
	visibility: hidden;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

@media screen and (max-width:450px) {
	.scrolled {
		margin-top: 85px;
	}
	#page_content {
		padding-top: 110px;
		font-size: 0.8em;
	}
	#page_content img {
		max-width: 100%;
	}
}

/* @end */

/* @group Menu */

#header{
	width: 100%;
	min-height: 30px;
	background: black;
	position: fixed;
	z-index: 1;
	font-size: 1em;
}

#header div {
	text-align: center;
}

ul#menu {
	font-size: 0.9em;
	display: inline-block;
	height: auto;
	padding-left: 0;
}

ul#menu li {
	display: inline-block;
	margin-left: 1px;
	line-height: 13px;
	border-left: 1px solid #ffffff;
}

ul#menu li:first-child {
	margin-left: 0px;
	border-left: none;
}


#menu li a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	text-align: left;
	color: #eddf49;
	padding-top: 3px;
	padding-left: 10px;
	margin-right: 4px;

}

#menu li a:hover {
	text-decoration: underline;
}

/* Mobile menu */
@media screen and (max-width:450px) { 
	#header div{
		text-align: left;

	}

	li#home {
		width: 100%;
		margin-bottom: 5px;
	}
	ul#menu {
		padding: 10px;
		margin: 0;
	}

	ul#menu li {
		line-height: 10px;
		margin-left: 10px;
		font-size: 0.9em;
	}

	ul#menu li a{
		margin-right: 0;
	}
}

li#home a {
	color: #ffffff;
}

li#home a:hover {
	text-decoration: none;
}

.title_spacer {
	height: 100px;
	width: 100%;
}

/* @end */

/* @group Text style */

h1 {
	margin: 0 0px 0px 20px;
	padding: 20px 0 5px 0px;
	color: #eddf49;
	font-size: 1.3em;
	font-weight: normal;
	font-style: normal;
}

h2 {
	margin: 30px 0px 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eddf49;
	color: #ffffff;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.text_content {
	padding-right: 20px;
	padding-left: 20px;
}

p {
	font-size: 0.8em;
}

/* @end */

/* @group about */

#about {
	margin-top: 15px;
}


#about h2{
	margin-top:30px;
	margin-bottom: 40px;
}

#about h3{
	font-weight: normal;
	color: #eddf49;
	margin: 0;
}

#about div{
	margin-top: 20px;
}

#about span{
	margin-bottom: 0;
	display: block;
	margin-left: 45px;
	font-size: 0.8em;
}

#about .ye{
	color:#eddf49;
	position: absolute;
	margin-left: 0;
}

#about a{
	font-size: 0.8em;
	text-decoration: underline;
}

#about a:hover{
	color:#eddf49;
}

/* @end */


/* @group Works */
#graduation {
	margin-top: 15px;
	font-size: 1.2rem;
	line-height: 1.5em;
	text-shadow: 1px 1px 3px #000;  
}

#graduation span.n_ja{

}

#graduation span.n_en{
	border-left: 1px solid #fff;
	margin-left: 6px;
	padding-left: 10px;
}

#graduation a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

#graduation a:hover {
	color: #eddf49;
	text-decoration: none;
}

#graduation p {
	font-size: 0.7em;
}

/* @end */

/* @group Event */

svg {
	height :15px;
	width :15px;
}


.point {
	stroke: none;
	fill: #eddf49;
}

#timetable a:hover {
	color: #eddf49;
	text-decoration: none;
}

.timetable_item {
	padding-top: 20px;
}

.timetable_item span.title {
	display: block;
	margin: -23px 0px 0px 5%;
	padding-left: 130px;
}

.timetable_item span.a_title{
	color: #eddf49;
	display: block;
	margin: -23px 0px 0px 5%;
	padding-left: 130px;
}


.timetable_item .description {
	display: block;
	margin: 3px 0px 0px 5%;
	padding-top: 5px;
	padding-left: 130px;
	font-size: 0.8em;
}

#timetable img.youbi{
	top: -3px;
	width: 80px;
	margin-left: 0;
}

#timetable h2 {
	margin-top: 5px;
	padding-bottom: 10px;
	position: relative;
}

#timetable .midashi{
	font-size: 0.7em;
}

#event{
	margin-bottom: 15px;
}

div#page_content.event{
	padding-top: 0;
}

a#event{
	color: #eddf49;
}


#event a{
	color: #eddf49;
	text-decoration: underline;
}

#event a:hover{
	text-decoration: none;
}

#event span {
}

.event_item {
	padding: 30px 20px 20px 20px;
	height: auto;

}

#event table{
	margin-top: 0;
	margin-bottom:10px;
	margin-left:-8px;
	border-spacing: 0;
}

#event td{
	text-align: left;
	padding: 0;
	font-size: 0.9em;
	color: #eddf49;	
}

#event img.youbi{
	position: absolute;
	margin-top :1.2px;
	padding-bottom: 20px;
	width: 55px;
}

#event span.time{
	margin-left: 70px;
}

#event h2 {
	color: #eddf49;
	margin: 0;
	line-height: 30px;
	font-size: 1.3em;
	border: none;
	padding-bottom: 0;
}

#event h3 {
	line-height: 25px;
	border-bottom: 1px solid #eddf49;
	font-size: 0.9em;
	margin-top: 5px;
	padding-bottom: 10px;
}


#event .midashi{
	font-size: 0.9em;
	color: #eddf49;
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}

span.ev_text{
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size:0.9em;
}

span.ev_text_en{
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.8em;
}

#event span.photo {
	display: block;
	background-color: white;
	width: 150px;
	height: 150px;
	padding:0px;
	position: absolute;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom:30px;
}

#event span.photoby{
	font-size: 0.7em;
	display: block;
	margin-top: 155px;
	position: absolute;
}

#event span.info{
	color: #eddf49;
	margin-left: -8px;
	font-size: 0.9em;
	position: absolute;
}

#event span.data{
	color: #fff;
	display: block;
	padding-left: 58px;
	position: relative;
	padding-bottom: 10px;
	font-size: 0.9em;
}

div.ev_profile {
	margin-top: 15px;
	margin-bottom: 30px;
	height:auto;
}

div.ev_profile p{
	margin-bottom: 0;

}


#event span.profile_name {
	width:100%;
	color: #eddf49;
	margin-left: 170px;	
	font-size: 1em;
}
#event span.profile_name_en {
	color: #eddf49;
	border-left: 1px solid #ffffff;
	padding-left: 10px;
	margin-left: 2px;
	line-height: 14px;
	font-size: 1em;
}

#event span.profile {
	display: block;
	height: auto;
	margin-left: 170px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 0.8em;
}

#event span.profile_en {
	display: block;
	height: auto;
	margin-left: 170px;
	margin-bottom: 20px;
	font-size: 0.8em;
}



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

	#timetable span {
		display: block;
		width:100%;
		margin: 0;
		padding:0;
	}

	#timetable .description {

	}

	#timetable .a_title{

	}

	#timetable .title {

	}
	
	.tmtsp {
		padding-left: 19px;
	}
}


/* @end */

/* @group Access */

.access a:hover {
	color: #eddf49;
	text-decoration: none;
}

#access p {
	margin-bottom: 0;
}


#access_detail table{
	float: left;
	vertical-align: top;
	margin-top: 10px;
	padding-top: 0;
	padding-left: 10px;
	border-top: none;
	border-left: 1px solid #ffffff;
	line-height: 20px;
	width: 48.5%;
}

#access_detail table.top{
	width: 100%;
	margin-top: 15px;
}

#access_detail td.top{
	font-size: 0.9em;
}

#access_detail td{
	padding: 0;
	vertical-align: top;
	font-size: 0.8em;
	white-space: pre-wrap;
}

#access_detail td.c{
	width: 10px;
	text-align: center;
}

#access_detail td.l{
	white-space: nowrap;
	vertical-align: top;
}

#access_detail img.parking {
	float: left;
	padding-top: 2px;
	padding-right: 5px; 
	width: 15px;
	height: 15px;
}

.access h2 {
	margin-bottom: 0;
}

#access_detail h2 {
	margin-bottom: 0;
}

/* @end */

/* @group Contact */
.contact {
	height: 100%;
}

.contact a:hover {
	color: #eddf49;
	text-decoration: none;
}

.contact h2 {
	margin-left: 20px;
	margin-right: 20px;
}

img.logo {
	margin-bottom: 10px;

}

.sns {
	border-left: 1px solid #ffffff;
	padding-left: 10px;
	margin-left: 4px;
	line-height: 13px;
}

/* @end */

/* @group Profile */

.profile h1 {
	margin: 0px;
	padding: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}

.profile a:hover{
	color: #eddf49;
	text-decoration: none;
}

.profile div#page_content{
	padding-top: 0;
}

#description {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
}

#description img {
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	max-height: 507px;
	margin-left: 0px;
}

.name_ja {
	color: #eddf49;
	font-size: 1em;
}

.name_en {
	color: #eddf49;
	font-size: 1em;
	border-left: 1px solid #fff;
	padding-left: 10px;
	margin-left: 1px;
	line-height: 16px;
}

.work_name_ja {
	width: 100%;
	display: block;
	color: #eddf49;
	font-size: 1.4em;
	margin-top: 10px;
}

.work_name_en {
	width: 100%;
	display: block;
	color: #ffffff;
	font-size: 1.1em;
	margin-top: 5px;
	margin-bottom: 10px;
}

.work_description {
	display: block;
	margin-top: 20px;
}

.work_description_en {
	display: block;
	margin-top: 20px;
	font-size: 0.9em;
}

.work_details{
	display: none;
}

.work_details table.ja{

}
.work_details table.en{
	margin-top:10px; 
}


.profile div.time{
	margin-top: 20px;
}

.profile span.info{
	font-size: 0.8em;
	color: #eddf49;
	margin-left: -5px;
	position: absolute;
	padding-top: 5px;
	padding-bottom: 0px;
}

.profile span.data{
	font-size: 0.8em;
	color: #fff;
	padding-top: 5px;
	padding-left: 83px;
	display: block;
	position: relative;
}

.work_details tr{
	width: 100%;
}

td{
	vertical-align: top;
	font-size: 0.8em;
	padding: 0;
}

td.c{
	width: 15px;
}

td.l{
	width: 60px;
	white-space: pre-wrap;
}

td.l_en{
	width: 75px;
	white-space: pre-wrap;
}

.profile_details span.n_ja{
	color: #eddf49;
}

.profile_details span.n_en{
	color: #eddf49;
	border-left: 1px solid #fff;
	margin-left: 1px;
	padding-left: 10px;
	line-height: 15px;
}

p.prof_ja{
	margin-top: 5px;
}
p.prof_en{
	margin-top: 5px;
}

/* @end */

/* @group projects */

.project_name div{
	margin-bottom: 3px;
	font-weight: bold;
}


#projects {
	line-height: 1.5em;
}

#projects p {
	margin-top: 0px;
	margin-bottom: 10px;
}

#projects span {
	margin-bottom: 5px;
}

#projects a:hover {
	color: #eddf49;
	text-decoration: none;
}

#projects h3 {
	font-size: 1em;
	margin-top: 30px;
	margin-bottom: 10px;
}

#projects svg {
	margin-left: -15px;
}

.proj_tour p {
	margin-bottom: 10px;
}

#projects span.info{
	font-size: 0.9em;
	color: #eddf49;
	margin-left: -8px;
	position: absolute;
}

#projects span.data{
	font-size: 0.9em;
	color: #fff;
	display: block;
	margin-left: 90px;
	position: relative;
	margin-bottom: 10px;
}

#project_list p{
	font-size: 0.8em;
}

#project_name_en {

	margin-bottom:0;
}

.resurch_period {
	font-size: 0.8em;
}

#menbers {
	font-size: 0.8em;
}

.project_description {
	display: block;
	margin-top: 10px;
}

.project_description_en {
	display: block;
	margin-top: 10px;
	font-size: 0.8em;
}

#project span{
	color : #eddf49;
}

#project table{
	font-size: 0.8em;
}

td.lp{
	width: 33px;
	white-space: pre-wrap;
	text-align: left;
}

td.lp_en{
	width: 50px;
	white-space: pre-wrap;
}

.profile_details p {
	font-size: 0.8em;
	margin-top: 5px;

}

/* @end */

/* @group Social */


#footer img.s_icon {
	width: 32px;
	height: 32px;
}


#page_content .social {
	visibility: hidden;
	height: 0px;
	overflow: hidden;
}

@media screen and (max-width:560px) {
	#page_content .social {
		visibility: visible;
		height: auto;
	}
	#footer img.s_icon {
	width: 20px;
	height: 20px;
	}

	#footer_inner div {
		margin-left: 20px;
		text-align: left;
		height: 50px;
		font-size: 0.7em;
	}
}

@media screen and (max-width:400px) {
	#page_content .social {
		visibility: visible;
		height: auto;
		margin-left: 20px;
		margin-top: 30px;
	}
}


.share-buttons{
	list-style: none;
}

.share-buttons li{
	display: inline;
}

#sharebuttons {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 17px;
}

.clearfix {
	clear: both;
	float: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

/* @end */

/* Mobile */
@media screen and (max-width:450px) {
	#graduation,
	#projects {
		background: none;
		font-size: 1em;
		line-height: 2em;
	}

	#profile h1{
		margin-top: 30px;
	}

	h2 {
		margin-top: 10px;	
	}

	h3{
		font-size:1.1em;
	}

	#timetable h2 {
		margin-top: 10px;
	}
}

@media screen and (max-width:500px) {
	#access_detail table{
		width:100%;
	}
}

/* @end */