html,body{
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo UI";
}
a:link{
	text-decoration:none;
	color:#348ecc;
}
a:hover{
	text-decoration:underline;
	color:#348ecc;
}
a:visited{
	color:#348ecc;
}
a:active{
	color:#348ecc;
}
img{
	border:none;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
header{
	width:100%;
	height:25%;
	background-color:#0ca7d3;
}
.head{
	width:100%;
}
.head2{
	width:100%;
}
.head2:after{
	content:"16プロジェクトが響きあう未来への鐘\AIVUSA presents 2014夏プロ";
	white-space:pre;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
}
.logo1{
	max-width:50%;
	max-height:60%;
}
.logo2{
	position:absolute;
	top:-9999px;
	width:80%;
}
#wrapper{
	min-height:82%;
}
#left{
	width:100%;
}
#left h4{
	font-size:160%;
	font-family:"Times New Roman";
	border-bottom:1px solid #0ca7d3;
	width:90%;
	margin:5% 0 0 5%;
}
#left hr{
	border:1px dashed #0ca7d3;
}
#left p.press{
	width:90%;
	margin:2% 0 0 5%;
}
#center{
	width:100%;
	float:left;
}
.center-box{
	float:left;
	margin:2.5% 0 0 2.5%;
	max-height:none;
	width:95%;
	background-color:#f0f0f0;
}
.box-img{
	width:100%;
}
.center-box h4{
	margin:2% 0 1% 2%;
	padding:0;
}
.box-para{
	margin:0 2% 2% 2%;
	line-height:140%;
	color:#000000;
}
#right{
	width:100%;
	float:left;
	margin-top:2%;
}
.cont{
	display:block;
	margin:0 0 5% 2.5%;
	max-width:100%;
}
footer{
	color:#ffffff;
	width:100%;
	margin-top:1%;
	padding-top:0.5%;
	background-color:#0ca7d3;
	text-align:right;
}
h2.title{
	color:#555555;
	margin:2% 0 0 2%;
}
h3.sub-title{
	margin:2% 0 0 2%;
}
.pro-img{
	margin:2% 2% 0 2%;
	max-width:100%;
}
.box-para2{
	margin:0 2% 2% 2%;
	width:100%;
	line-height:140%;
	font-size:110%;
	color:#000000;
}
.back{
	margin-left:2%;
}
@media screen and (min-width : 768px){
	header{
		height:15%;
	}
	.head{
		float:left;
		width:30%;
		max-height:95%;
	}
	.head2{
		float:left;
		text-align:right;
		width:70%;
	}
	.head2:after{
		content:"";
	}
	.logo1{
		max-height:95%;
		margin:1% 0 0 8%;
	}
	.logo2{
		position:static;
		width:80%;
	}
	#wrapper{
		min-height:82%;
	}
	#left{
		width:20%;
		float:left;
	}
	#left h4{
		font-size:160%;
		font-family:"Times New Roman";
		border-bottom:1px solid #0ca7d3;
		width:90%;
		margin:5% 0 0 5%;
	}
	#left hr{
		border:1px dashed #0ca7d3;
	}
	#left p.press{
		width:90%;
		margin:2% 0 0 5%;
	}
	#center{
		width:65%;
		float:left;
	}
	#center2{
		width:50%;
		margin:0 10% 0 5%;
		float:left;
	}
	.center-box{
		float:left;
		margin:2.5% 0 0 2.5%;
		max-height:none;
		width:30%;
		background-color:#f0f0f0;
	}
	.box-img{
		width:100%;
	}
	.center-box h4{
		margin:2% 0 1% 2%;
		padding:0;
	}
	.box-para{
		margin:0 2% 2% 2%;
		line-height:140%;
		color:#000000;
	}
	#right{
		width:15%;
		float:left;
		margin-top:2%;
	}
	.cont{
		display:block;
		margin:0 0 5% 0;
		max-width:100%;
	}
	footer{
		color:#ffffff;
		width:100%;
		margin-top:1%;
		padding-top:0.5%;
		height:3%;
		background-color:#0ca7d3;
		text-align:right;
	}
	h2.title{
		color:#555555;
		margin:2% 0 0 2%;
	}
	h3.sub-title{
		margin:2% 0 0 2%;
	}
	.pro-img{
		margin:2% 2% 0 2%;
		max-width:100%;
	}
	.box-para2{
		margin:0 2% 2% 2%;
		width:70%;
		line-height:140%;
		font-size:110%;
		color:#000000;
	}
	.back{
		margin-left:2%;
	}
}