@charset "UTF-8";

#wrap{
	text-align:center;
	width:100%;
}

h2 {padding:70px 0 20px;}

h2 img{ 
	width:auto;
	height:43px;
}

p.st { padding-bottom:0;}

#contents{
	width: 980px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 150%;
		min-height: 2160px;
}

img.img01,img.img02,img.img03,img.img04,img.img05,img.img06,img.img07,img.img08{
	z-index: 0;
	cursor: url(../img/zoom.cur),crosshair;
}


img.img01{
	width: 310px;
	height: auto;
	position: absolute;
	top: 0;
	left:30px;
}
img.img02{
	width: 450px;
	height: auto;
	position: absolute;
	top: 480px;
	left: -20px;
}

img.img03{
	width: 530px;
	height: auto;
	position: absolute;
	top: 520px;
	right: -20px;
}

img.img04{
	width: 380px;
	height: auto;
	position: absolute;
	top: 900px;
	right:-10px;
}

img.img05{
	width: 305px;
	height: auto;
	position: absolute;
	top: 1220px;
	right: 10px;
}

img.img06{
	width: 380px;
	height: auto;
	position: absolute;
	top: 1440px;
	right: -20px;
}

img.img07{
	width: 300px;
	height: auto;
	position: absolute;
	top: 1840px;
	right: 60px;
}

#bio{
	z-index: 10;
	position: absolute;
	top: 60px;
	right: 20px;
	width: 650px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
}

#bio ul {
	margin: 20px 0px 20px 40px;
	overflow: hidden;
	width:150px;
	float: right;
}

#bio ul li {
	float:left;
	margin-right: 10px;
}
#bio ul li a {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	padding: 10px;
}
#bio ul li.active a {
	background-color:#03bcc7;
}

#bio dl {
	overflow: hidden;
	margin: 0 40px 30px;
	clear: both;
}
#bio dl dt {
	float: left;
	width: 80px;
}
#bio dl dd {
	float: left;
	width: 490px;
	margin-bottom: 15px;
}

#bio #tab1{
	font-family: 'Open Sans', sans-serif;
}

#ic{
	z-index: 10;
	position: absolute;
	top: 800px;
	left: 0;
	width: 650px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
}

img.img08{
	position: absolute;
	top: 1470px;
	left: -20px;
}
img.img09{
	width: 300px;
	height: auto;
	position: absolute;
	top: 1600px;
	left: 150px;
}

#ic{	font-family: 'Open Sans', sans-serif;}

#ic h3 {
	font-size:24px;
	margin: 40px 40px 30px;
	font-weight: normal;
}

#ic dl {
	overflow: hidden;
	margin: 0 40px 10px;
}
#ic dl dt {
	float: left;
	width: 80px;
}
#ic dl dd {
	float: left;
	width: 490px;
	margin-bottom: 10px;
}

#ic p {
	margin: 0 40px 40px;
}

#ge{
	z-index: 10;
	position: absolute;
	top: 1650px;
	right: 0;
	width:650px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	font-family: 'Open Sans', sans-serif;
}
#ge h3 {
	font-size:24px;
	margin: 40px 40px 30px;
	font-weight: normal;
}

#ge dl {
	overflow: hidden;
	margin: 0 40px 30px;
}
#ge dl dt {
	float: left;
	width: 80px;
}
#ge dl dd {
	float: left;
	width: 490px;
	margin-bottom: 10px;
}


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

h2 {padding:40px 0 20px; margin:0 auto;}

h2 img{ 
	width:auto;
	height:36px;
}

p.st { padding-bottom:30px;}

#contents{
	width:100%;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding:0 0 30px;
}

	#contents dt {font-weight: bold;}
	
img.img01,img.img02,img.img03,img.img04,img.img05,img.img06,img.img07,img.img08{
	z-index: 0;
	cursor: url(../img/zoom.cur),crosshair;
}

a.bio_img{
	overflow: hidden;
	display: block;
	max-height: 250px;
	text-align: center;	
}
img.img01{
	width:86%;
	height:auto;
	overflow: hidden;
	position: static;

}
	
#ic_img{
	overflow: hidden;
	width: 86%;
	margin: 0 auto;
}

	#ic_img a{
	width:50%;
	position: static;
	float: left;
		height: 70px;
		display: block;
		overflow: hidden;
	}
	
img.img02,img.img03,img.img04,img.img05,img.img06,img.img07{
	width:100%;
	height: auto;
	position: static;
	float: left;
}

#bio{
	z-index: 10;
	position: static;
	width: 86%;
	margin: 0 auto 20px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
}

#bio ul {
	margin: 20px 0px 10px 40px;
	overflow: hidden;
	width:140px;
	float: right;
}

#bio ul li {
	float:left;
	margin-right: 10px;
}
#bio ul li a {
	text-decoration: none;
	background-color: #000;
	color: #fff;
	font-size: 11px;
	padding: 10px;
}
#bio ul li.active a {
	background-color:#03bcc7;
}

#bio dl {
	overflow: hidden;
	margin: 0 20px;
	clear: both;
}
#bio dl dt {
	float: none;
	width: 100%;
}
#bio dl dd {
	float: none;
	width: 100%;
	margin-bottom:10px;
}

#bio #tab1{
	font-family: 'Open Sans', sans-serif;
}

#ic{
	z-index: 10;
	position: static;
	width: 86%;
	margin: 0 auto 20px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
}

#ic{	font-family: 'Open Sans', sans-serif;}

#ic h3 {
	font-size:19px;
	margin:0 0 20px 20px;
	font-weight: bold;
	padding-top: 20px;
}

#ic dl {
	overflow: hidden;
	margin: 0 20px 10px;
}
#ic dl dt {
	float: none;
	width: 100%;
}
#ic dl dd {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}

#ic p {
	margin: 0 20px;
}

#ge{
	z-index: 10;
	position: static;
	width:86%;
	margin: 0 auto 20px;
	padding-bottom: 20px;
	background-color: rgba(255,255,255,0.9); 
	/* box-shadow */
	box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:-8px 8px 7px 3px rgba(0,0,0,0.1);
	font-family: 'Open Sans', sans-serif;
}
	
#ge_img{
	overflow: hidden;
	width: 86%;
	margin: 0 auto;
}	
	#ge_img a{
	width:50%;
	position: static;
	float: left;
		height: 150px;
		display: block;
		overflow: hidden;
	}

img.img08{
	width: 100%;
	position: static;
}
img.img09{
	width:100%;
	height: auto;
	position: static;
}
	
#ge h3 {
	font-size:20px;
	margin: 0 20px 20px;
	padding-top: 20px;
	font-weight: bold;
}

#ge dl {
	overflow: hidden;
	margin: 0 20px;
}
#ge dl dt {
	float: none;
	width: 100%;
}
#ge dl dd {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}

}