@charset "utf-8";


html {
	-webkit-text-size-adjust: 100%;
}

body{
	margin:0;
	padding:0;
	background:#FFFFFF;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

#top_bar{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:10px;
	//background: linear-gradient( 0deg, #fff, #CF0, #0FC);
}

#navigator{
	position:fixed;
	width:144px;
	margin:58px 0 0 35px;
}
#navigator a{
	color:#333;
	text-decoration:none;
}
#navigator a:hover{
	color:#000000;
	text-decoration:underline;
}
#name_list{
	font-size:medium;
	letter-spacing:1px;
}
#divider{
	width:140px;
	height:1px;	
	background:#333;
}
#works_list{
	font-size:12px;
	line-height:150%;
}
#cv{
	font-size:small;
}

#contents{
	position:absolute;
	width:100%;
}
#container{
	max-width:920px;
	min-width:640px;
	margin:93px auto 0 auto;
}
.contents_title{
	font-size:medium;
	font-weight:bold;
}
.description{
	font-size:small;
	line-height:160%;
	margin-bottom:25px;
}
.italic{
	font-style:italic;
}
.text_center{
	text-align:center;
}
.description a{
	color:#333;
	text-decoration:underline;
}
.description a:hover{
	color:#0000FF;
	text-decoration:underline;
}

#footer{
	font-size:12px;
	color:#666;
	text-align:right;
	margin: 80px 0 35px 0;
}
iframe.center, img.center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img{
	width: 100%
}

img.fullWidth{
	width:100%;	
}

.grad{
	background: linear-gradient(0deg, #fff, #CF0, #0FC);
}

#fullBg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#fullBg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#flag_tablet, #flag_phone {
	display: none;
	height: 0;
	width: 0;
}

.menu_pages{
	cursor: pointer;
}
.menu_pages:hover{
	background:#05F;
	color:#FFF;
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#navigator{
		position:absolute;
		width:91.8%;
		left:0;
		top:0;
		margin:30px 3.2% 0 5.0%;
		align:center;
	}
	#name_selector{
		font-family:'Source Sans Pro', sans-serif;
		font-size:16px;
		font-weight:600;
		letter-spacing:1px;
	}
	#name_selector a{
		color:#000;
	}
	#selector{
		font-family:'Source Sans Pro', sans-serif;
		font-weight:300;
		font-size: 16px;
		width:120px;
	}
	#container{
		margin:110px 3% 0 3%;
		max-width:100%;
		min-width:0px;
	}
	#footer{
		margin: 80px 0 30px 2px;
	}	
	#flag_tablet { display:block; }	
	#flag_phone { display:none; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#navigator{
		position:absolute;
		width:89.5%;
		margin:19px 4% 0 6.5%;
	}
	#name_selector{
		font-family:'Source Sans Pro', sans-serif;
		font-size:16px;
		font-weight:600;
		letter-spacing:1px;
	}
	#name_selector a{
		color:#000;
	}
	#selector{
		font-family:'Source Sans Pro', sans-serif;
		font-weight:300;
		font-size: 16px;
		width:120px;
	}
	#container{
		margin:80px 0 0 0;
		max-width:100%;
		min-width:0px;
	}
	.description, .contents_title{
		margin:0 7% 0 7%;
	}
	#footer{
		margin: 40px 4.5% 20px 7%;
	}
	#flag_tablet { display:none; }	
	#flag_phone { display:block; }
}

@media only screen and (max-device-width : 1024px) {
	@font-face {
	  font-family: 'Source Sans Pro';
	  font-style: normal;
	  font-weight: 300;
	  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
	}
	@font-face {
	  font-family: 'Source Sans Pro';
	  font-style: normal;
	  font-weight: 600;
	  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
	}
}