@charset "UTF-8";
@import "reset.css";

/* +++++ default +++++ */
p	{
	font-size: 0.8em;
	text-align: justify;
	line-height: 150%;
	color: #333333;
}
a:link	{
	text-decoration: none;
	color: #004700;
}
a:visited	{
	text-decoration: none;
	color: #003300;
}
a:hover	{
	text-decoration: underline;
	color: #660000;
}
img	{
	border:none;
}

/* +++++ base +++++ */
html {
	background-image: url("images/all/bgbase2.jpg");
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #000000;
}
#base    {
	background-image: url("images/all/bg.jpg");
	background-position: top left;
	width:800px;
	text-align:center;
	margin:auto;
}
html, body, #base {
	height: 100%;
}  
body > #base {
	height: auto;
	min-height: 100%;
} 

/* +++++ contents +++++ */ 
#container {
	padding-bottom:50px;
}
#flash_enter	{
	width:200px;
	height:300px;
	margin:auto;
	padding:50px 0 10px;
}
#enter	{
	margin-bottom:10px;
}
#enter h2	{
	background-image: url("images/top/enter.png");
	background-repeat:no-repeat;
	background-position:0px -0px;
	width:64px;
	height:64px;
	text-indent:-9999px;
	margin:auto;
}
#enter a	{
	display:block;
	width:64px;
	height:64px;
	outline-style:none;
}
#enter a:hover	{
	background-image: url("images/top/enter.png");
	background-repeat:no-repeat;
	background-position:0px -64px;
	outline-style:none;
}
#whatsnew	{
	width:45%;
	margin:15px auto 15px;
}
#whatsnew h2	{
	font-family:'ＭＳ Ｐ明朝', 'ヒラギノ明朝 Pro', serif;
	font-size:0.8em;
	font-weight:bold;
	color:#444444;
	text-align:left;
	margin-bottom:10px;
	padding:5px 10px;
	border-bottom:1px dotted #999999;
}
.endate	{
	color:#cc0000;
}
.encont	{
	font-size:0.9em;
	border:1px solid #999999;
	padding:1px 3px;
}
#caption	{
	font-size:0.7em;
	margin-left:220px;
}
#htmlsite	{
	width:95px;
	background:#004700;
	font-family:'ＭＳ Ｐ明朝', 'ヒラギノ明朝 Pro', serif;
	font-weight:bold;
	margin:10px 0 15px 220px;
	padding:1px 10px;
}
#htmlsite a	{
	color:#ffffff;
}
#credit p	{
	font-size:0.7em;
	color:#666666;
	text-align:center;
	margin-top:10px;
}
#credit p a	{
	color:#666666;
	text-decoration:none;
}
/* +++++ footer +++++ */
#footer {
	position: relative;  
	margin-top: -50px;
	height:50px;
	clear:both;
}  


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */