body {
	text-align: center;
	background-color: #F0F8FF;
	z-index: 1;
}

h1, h2 {
	text-align: center;
}

h1#main_caption {
	text-align: left;
}

img {
	border-style: none;
	
}

img#counter_number {
	width: 95px;
	height: 100%;
}

img.catalog_cover {
	width: auto;
	height: auto;
	
	max-width: 300px;
	
	padding: 5px;
}

img.rom_cover {
	width: auto;
	height: auto;
	
	max-width: 300px;
	
	padding: 5px;
}

img.horizontal_cover {
	max-width: 375px;
	padding: 5px;
}

div.comiket {
	position: relative;
	
	margin-top: 20px;
	width: 100%;
}

div.double_row {
	position: relative;

	height: 55px;
}

div.single_row {
	position: relative;
	
	height: 35px;
}

div.single_table_row {
	position: relative;
	
	display: table;
	
	width: 100%;
}

div.title {
	position: absolute;
	left: 1px;
	top: 1px;
	padding: 10px 5px;
	
	background-color: #FFFFFF;
	
	font-size: 125%;
	
	width: 438px;
	height: 32px;
}

div.link_box {
	position: absolute;
	left: 450px;
	top: 0px;
	
	width: 348px;
	height: 38px;
}

div.genre {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	text-align: center;
	
	width: 173px;
	height: 25px;
}

div.precautions {
	position: absolute;
	left: 176px;
	top: 1px;
	
	background-color: #FFFFFF;
	text-align: center;
	
	width: 173px;
	height: 25px;
}

div.products {
	position: absolute;
	left: 1px;
	top: 28px;
	
	background-color: #FFFFFF;
	text-align: center;
	
	width: 173px;
	height: 25px;
}

div.blank_link {
	position: absolute;
	left: 176px;
	top: 28px;
	
	background-color: #FFFFFF;
	text-align: center;
	
	width: 173px;
	height: 25px;
}

div.date_caption {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 138px;
	height: 23px;
}

div.date {
	position: absolute;
	left: 151px;
	top: 1px;
	
	background-color: #FFFFFF;
	text-align: left;
	
	padding: 5px;
	width: 638px;
	height: 23px;
}

div.circle_caption {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 138px;
	height: 23px;
}

div.circle {
	position: absolute;
	left: 151px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 238px;
	height: 23px;
}

div.participant_caption {
	position: absolute;
	left: 401px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 138px;
	height: 23px;
}

div.participant {
	position: absolute;
	left: 551px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 238px;
	height: 23px;
}

div.cosplayer {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 138px;
	height: 23px;
}

div.men {
	position: absolute;
	left: 151px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 313px;
	height: 23px;
}

div.women {
	position: absolute;
	left: 476px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 313px;
	height: 23px;
}

div.corporation_caption {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	font-size: 85%;
	
	padding: 5px;
	width: 138px;
	height: 23px;
}

div.corporation {
	position: absolute;
	left: 151px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 638px;
	height: 23px;
}

div.information_caption {
	position: absolute;
	left: 1px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 138px;
	height: 28px;
}

div.information {
	position: absolute;
	left: 151px;
	top: 1px;
	
	background-color: #FFFFFF;
	
	padding: 5px;
	width: 638px;
	height: 28px;
}

div.place_caption {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	
	padding: 5px;
	width: 139px;
}

div.place {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	
	font-size: 95%;
	
	padding: 5px;
	width: 640px;
}

div.description_caption {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	
	padding: 5px;
	width: 138px;
}

div.description {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	
	padding: 5px;
	width: 638px;
}

div.catalog_cover {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	text-align: center;
	
	width: 50%;
	max-width: 398px;
}

div.rom_cover {
	display: table-cell;
	
	background-color: #FFFFFF;
	border: solid 1px #F0F8FF;
	text-align: center;
	vertical-align: middle;
	
	width: 50%;
	max-width: 398px;
}

span.circle {
	margin: 0px 10px;
}

span.participant {
	margin: 0px 10px;
}

span.cover {
	margin: 0px 10px 0px 0px;
}

span.poster {
	margin: 0px 10px;
}

span.bag {
	margin: 0px 10px;
}

span.fan {
	margin: 0px 10px;
}

span.tell {
	margin: 0px 10px;
}

span.press {
	margin: 0px 10px;
}

span#counter_text {
	vertical-align: middle;
}

a.genre {
	text-decoration: none;
}

a.products {
	text-decoration: none;
}

a.precautions {
	text-decoration: none;
}

a.footer_link {
	padding: 0px 10px;
	vertical-align: middle;
}

div#wrapper {
	width: 800px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	text-align: left;
	z-index: 2;
}

div.age {
}

div#footer {
	position: fixed;
	bottom: 0;
	text-align: center;
	
	background-color: #FFFFFF;
	
	width: 800px;
	height: 30px;
}

div#counter {
	height: 20px;
}

a#close_botton {
	position: absolute;
	top: 5px;
	right: 10px;
	
	padding: 5px;
	
	color: white;
	background-color: firebrick;
	font-weight: bold;
	text-decoration: none;
	
	z-index: 4;
}

div.clear {
	clear: both;
}

div#graph_area .tab_plate {
	width: 100%;
}

div#graph_area .tab {
	width: 150px;
	float: left;
	font: 500 1em "メイリオ", "Meiryo","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	text-align: center;
	cursor: pointer;
}

div#graph_area {
}

div#normal_tab {
	background-color: white;
}

div#cosplayer_tab {
	background-color: #B0B0B0;
}

div#graph_wrapper {
	width: 100%;
	height: 600px;
}

canvas.graph {
  background-color: white;
  padding: 0 10px;
}

canvas#normal {
  display: block;
}

canvas#cosplayer {
  display: none;
}

div.tooltip {
	margin: 10 auto;
	text-align: left;
}

div.sns_button {
  float: left;
  
  margin: 0 5px;

}

div.twitter-button-box {
  margin: 5px;
}

div.left {
}

div.clear {
  clear: both;
}