@import url("keifont/stylesheet.css");

img {
  max-width: 100%;
  display: block;
}

body {
	font: Meiryo, arial, sans-serif;
	background:
     url(gfx/DarkCloudbk.jpg)    /* image */
     top left  /* position / size */
     repeat                /* repeat */
     fixed                    /* attachment */
     padding-box              /* origin */
     content-box;              /* clip */
	margin: 0;
	padding: 0;
	border: 0;
}
p {
	text-align:left;
	padding:0%
}



a {
	text-decoration: none;
	color: grey;
}

#container {
	width:100%;
	padding: 0%;
}

#header {
	float: top;
	text-align:center;

	width:100%;
	color:#fff;
	
	
	
	
	
	
	padding:0%

}

#sidebar {
	float:top;
	width:90%;
	
	font-family: Verdana,sans-serif ;

	font-size: 1em;

	font-style: normal;
	font-weight: bold;

	padding:0%;
	margin-left:5%
}

#sidebar p {
	float:left;
	padding: 1%;
	margin: 1%;
	border-radius: 7px; 
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border: 2px solid lime;
	text-align: center;
	

}
#sidebar a {
	color: lime;
	text-shadow: 0px 2px 0px black;
	display:block;
	padding: 0%;
}









#content {

float: right;
	text-align:center;
    width:90%;
	background-color:black;
	color:grey;
	padding:5%
}



#footer {
	clear:both;
	text-align:center;
	background: #555;
	color:#fff;

	padding:5px
}

.b1 {

	font-family: Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, sans-serif;

	font-size: large;

	font-style: normal;

}

.b2 {

	font-family: keifont;

	font-size: x-large;

	font-style: inherit;

}

.b3 {

	font-family: keifont;

	font-size: large;

}