body{
	font-family: arial,helvetica;
	color:#bbb;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
	color:#535353;
}



.container {
	width: 960px;
	margin: 50px auto;
	background-color:#FFF;
	border-top: 2px solid #F2F2F2;
	border-radius:5px;
	box-shadow:5px 5px 3px #ccc;
}

.container h1{
	font-size:25px;
}


nav{
	background-color:#A4A4A4;
	width: 200px;
	height:530px;/*del*/
	height:544px;
	float:left;
}


nav ul {
	list-style: none; 
	height:49px;/*del*/
	height:43px;
	text-align:center;
	vertical-align:middle;
}
nav ul li {
	border-top: 1px solid #FFF;
	height:49px;/*del*/
	height:43px;
	width:200px;
	float:left;
	padding-top:10px;
	vertical-align:middle;
}
nav ul a, nav ul a:visited { 
	padding: 0;
	display: block;
	height:49px;/*del*/
	height:43px;
	width:200px;
	text-decoration: none;
	vertical-align:middle;
	color:#111;
}
nav ul a, nav ul a:hover{ 
	color: #000;
	height:49px;/*del*/
	height:43px;
	width:200px;
	vertical-align:middle;
	margin-top:0px;
}



article{
	background-color:#FFF;
	width:760px;
	height:530px;/*del*/
	height:544px;
	float:left;
}



#head{
	background-color:#069;
	border-top: 2px solid #F2F2F2;
	width:200px;
	height:100px;
	}


#date{
	font-size:40px;
	color:#535353;
	float:right;
	margin-right:60px;
}



#location{
	font-size:30px;
	color:#535353;
	margin-top:-30px;
	float:right;
	margin-right:60px;
	text-align:right;
}






header {
	background-color:#FFF;

}

header h1{
	margin-left:30px;
	padding-top:20px;
	font-size:50px;
}

header p{
	margin-left:20px;
	font-size:20px;
}



section{
	width:740px;
	margin-top:0px;
	margin-left:20px;
}


section h1{
	margin-left:10px;
	padding-top:20px;
}

section h2{
	margin-top:-10px;
}


section p{
	float:left;
	clear:both;
}





.page{
	display:none;
}


#download a{
	background:url(../images/download.gif) no-repeat;
	background-size:100%;
	width:160px;
	height:160px;
	float:right;
	margin-top:-100px;
	margin-right:30px;
	animation-name: fadein1;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	
	-webkit-animation-name: fadein1;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	
	-ms-animation-name: fadein1;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: 1;

}

@keyframes fadein1 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}


@-webkit-keyframes fadein1 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}

@-ms-keyframes fadein1 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}



#download a:hover{
 	background:url(../images/download_on.gif) no-repeat;
	background-size:100%;
	width:160px;
	height:160px;
	float:right;
	margin-top:-100px;
	margin-right:30px;
	animation-name: fadein2;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;

	-webkit-animation-name: fadein2;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;

	-ms-animation-name: fadein2;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: 1;

}
@keyframes fadein2 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}


@-webkit-keyframes fadein2 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}

@-ms-keyframes fadein2 {
    0% {opacity: 0.5;}
    100% {opacity: 1;}
}


#registration a{
	background:url(../images/registration.gif) no-repeat;
	background-size:100%;
	width:160px;
	height:160px;
	float:right;
	margin-top:-90px;
	margin-right:30px;
}


#registration a:hover{
	background:url(../images/registration_on.gif) no-repeat;
	background-size:100%;
	width:160px;
	height:160px;
	float:right;
	margin-top:-90px;
	margin-right:30px;
}

/*---------------Reception関係------------*/

#reception_info_top{
	width:450px;
	height:200px;
	float:left;
	margin-left:15px;
	line-height:1.3em;
}



#reception_info dl{
	clear:both;
	margin-left:50px;
}

#reception_info dt{
	color:#069;
	font-weight:bold;
	font-size:18px;
	margin-top:5px;
}

#reception_info dd{
	color:#000;
	font-size:15px;
	margin-left:0px;
}



/*-----------venue関係-------------*/

#venue dl{
	margin-left:30px;
	margin-top:-30px;
	width:700px;
}

#venue dt{
	float:left;
	width:200px;
	background-color:#FFCC33;
	color:#fff;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-radius: 5px;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	margin-top:-5px;
}

#venue dd{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:-20px;
	padding-left:10px;
	background-color:#ffef20;
	width:400px;
	border-radius: 5px;        
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
	margin-top:-5px;
}

/*-------------Member関係-------------*/
.member{
	float:left;
	width:350px;
}
.member dl {
	clear:both;
	width:350px;
	margin-top:-10px;
	margin-left:20px;
}

.member dt {
	clear:both;
	float:left;
	background-color:#FFFFFF;
	color:#666666;
	margin-bottom:10px;
}
	
.member dd {
	clear:both;
	background-color:#FFFFFF;
	color:#666666;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	width:300px;
	font-size:12px;
}
.member li {
	margin-left:30px;
	clear:both;
	width:310px;
	font-size:13px;
	margin-bottom:-1px;
	color:#666666;
}




/**/

.logo{
	background:url(../images/logo.jpg) no-repeat;
	width:180px;
	height:198px;
	float:right;
	margin-top:-20px;
	margin-right:50px;
}

.logo a{
	text-decoration:none;
}



/*-------------文字色--------*/
.apeal_ao{
	color:#069;
	font-size:30px;
}


.apeal_green{
	color:#390;
	font-size:20px;
	font-weight:bold;
}


.ao{
	color:#069;
	font-weight:bold;
	font-size:18px;
}


.kuro{
	color:#000;
	font-weight:bold;
	font-size:18px;
}

/*-------------スペース--------*/

.space50{
	padding-left:50px;
}




/* ~~ フッター ~~ */
footer {
	clear:both;
	padding: 10px 0;
	background:#F2F2F2;
	text-align:center;
	color:#FFF;
	margin-bottom:30px;
}

footer p{
	font-size:30px;
}

.content {
	/*padding: 10px 0;*/
	padding:0;
	width: 960px;
	float: left;
}