/*
* Local CSS
*/
@charset "utf-8";

.article ul { list-style: disc; margin:10px 0 10px 25px; }
.article ol { list-style:decimal; margin:10px 0 10px 25px; }
.article ol li,
.article ul li  { padding:0 0 5px 0; }

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

.head-link {
	padding:0;
	}
}

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

#spmenuclose {
	position:relative;
	}
	.btnArea {
		width:96%;
		padding:10% 2% 2% 2%;
		display:table;
		background:#ebebeb;
		}
		
		.btnArea a {
			display:table-cell;
			width:auto;
			padding:1%;
			}
	.spTel {
		display:block;
		margin:0 0 10% 0;
		padding:0 2% 10% 2%;
		background:#ebebeb;
		text-align:center;
		}
	.spTel img {
		width:65%;
		margin:4% 0 0 0;
		}

}


/*--------------------------------------------------------
Section  -Article
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){

.article {
	width: 620px;
	}

	.tablebox {
		width:100%;
		display:table;
		}
		.tablecell {
			display:table-cell;
			text-align:center;
			}

}

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

.article {
	width: 100%;
	margin:0 auto;
	}

	.tablebox {
		width:100%;
		display:block;
		}
		.tablecell {
			display:block;
			text-align:center;
			margin-bottom:20px;
			}
		.tablecell img {
			width:80%;
			}

	.ceo { width:40%!important; float: left; }
	.eventtit01 { width:50%!important; }


}

/*--------------------------------------------------------
Sidebar -aside
--------------------------------------------------------*/

@media print, screen and (min-width: 641px){
.aside {
	width: 350px;
	}

}

@media screen and (max-width: 640px){
.aside {
	width: 98%;
	margin:10% auto 5% auto;
	}
}



@media print, screen and (min-width: 641px){
dl.eventList {
    width: 510px;
    margin-left: 10px;
}
dl.eventList dt {
    float: left;
    width: 50px;
    clear: both;
    padding: 25px 0;
}
dl.eventList dd {
    margin-left: 50px;
    padding: 25px 0;
    border-bottom: 1px dotted #CCCCCC;
}
dl.eventList dd img {
	margin: 15px 10px 15px 0;
}
}

@media screen and (max-width: 640px){
dl.eventList {
    margin-left: 10px;
}
dl.eventList dt {
    clear: both;
    padding: 25px 0 0 0;
}
dl.eventList dd img {
	margin: 0 auto 10px auto;
	width:60%;
	display: block;
}
dl.eventList dd {
    padding: 0 0 25px 0;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom:25px;
}
}