@charset   "UTF-8";

/* ---------------------------- */
/* ----- BODY ----------------- */
body {
	margin-top : 16px;
	margin-left : 16px;
	margin-right : 16px;
	margin-bottom : 16px;

	scrollbar-arrow-color:white;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ccccff;
	scrollbar-shadow-color:white;
}

/* ---------------------------- */
/* ----- TITLE ---------------- */
div.title {
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;

	width: 90%;
	min-width: 800px;

	text-align: center;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

/* ---------------------------- */
/* ----- MENU / TWITETR ------- */
div.container {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:nowrap;

	width:90%;
	min-width: 800px;

	margin-top : 8px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : auto;
}

/* ----- MENU ------- */
div.menu {
	display: block;

	min-height: 600px;
	width: 100%;

	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

/* ----- TWITTER ------- */
div.twitter {
	display: block;

	min-height: 600px;
	width: 220px;

	margin-top: 0 ;
	margin-left: 8px;
	margin-right: 0;
	margin-bottom: 0 ;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

/* ----- �L�� ------- */
div.ado {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;

	width: 90%;
	min-width: 800px;

	margin-top : 8px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

div.adoWrap {
	display: block;

	width: 780px;
	height:190px;

	margin-top : 4px;;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;

	background-color: white;
}

/* ---------------------------- */
/* ----- FOOTER --------------- */
div.footer {
	width:100%;
	height:2rem;

	text-align: center;
	vertical-align: middle;

	padding:8px;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

/* ----- COUNTER -------------- */
div.counter {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;

	width:220px;
	height:2rem;

	padding:8px;

	margin-top: 0;
	margin-left: 8px;
	margin-right: 0;
	margin-bottom: 0;

	border-width: 1px;
	border-style: solid;
	border-color: silver;
	background-color: white;
}

div.counterGraphics {
	display:block;

	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}