@charset			"Shift_JIS"	;

body {
	background-color	: #fbfffb;
	}

h2 {font-color	: #ffcccc;
	}

.notice {
	margin	: 1em;
	background-color: #c7e2ba;
	padding	: 4px 7px 7px 7px;
	}

.counter {
	float: right;
	margin-right: 5%;
		}


#header {
	width		:900px;
	height		:115px ;
	background-color:  #ddddff ;
	}

#header p {
	display: none;
	}

#nav {
	position: absolute;

	top		: 136px;
	left	: 8px;
	width	: 220px;
	padding	: 0 0 20px 10px;
	background-color:  #ddddff ;
	height: 900px;

/* もとのheight 770px */
	}


/* extraがない場合、#extra全体（★→☆）をコメントアウト ------ */


/* -------------------- ★ -------------------- */
/* ----- コメントアウト用ボーダー ----- 
#extra {
	position: absolute;

	top		: 136px;
	left	: 250px;
	
	width: 670px;
	background-color	: #fbfffb;
	padding-left: 10px;
	}
#extra img {float: left; }
#extra ul {
	position: absolute;

	top		: 50px;
	left	: 300px;
	}
 ----- コメントアウト用ボーダー ----- */

/* -------------------- ☆ -------------------- */



/* -----extraがある場合、下のtopを386くらいにする。ない場合は136 ------ */

#main {
	position: absolute;

	top		: 136px;
	left	: 250px;
	
	width: 670px;
	background-color	: #fbfffb;
	padding-left: 10px;
	}





	
#footer {
	position: absolute;
	top		:1100px;

/* もとは1000px */

	width	: 900px;
	padding	: 1%;
	}
	



#nav a img {
	border-style	: none;
	}

#nav h2 {
	margin-top: 8px;
	padding	: 0px 0px 0px 1px;	
	border-bottom	: 3px solid #3e3e9f	;
	border-top		: 3px solid #3e3e9f	;
	}	



#nav ul li {	
	margin-top:2px;
	margin-left:-20px;
	}

#nav ul li ul li {
	margin-left:-20px;
	}


#footer ul li {
	font-size : small;
	}

#main h2 {
	padding	: 0px 0px 0px 1px;	
	border-bottom	: 3px solid #006600	;
	border-top		: 3px solid #006600	;
	width			: 90%			;
	margin-top: 8px;
	}	

#extra h2 {
	padding	: 0px 0px 0px 1px;	
	border-bottom	: 3px solid #3e3e9f	;
	border-top		: 3px solid #3e3e9f	;
	width			: 90%			;
	margin-top: 8px;
	}	



	
#header ul {
	margin-top: -12px;
	}

#header li {
	margin-left: 2px;
	display		: inline;
	padding-right: 10px;
			}

#header li.fin {
	border-right: none;
		}

#header li a {
	margin-top:  10px;
	border-left: 1px;
	border-right: 1px;
	padding-left: 10px;
	border: 2px;
	font-weight: bold;
	text-decoration: none ;
	}

#header a:visited {
	color: #606060;
	font-weight: bold;
	}

#header a:hover {
	color: #ff0000;
	}

em {
	background-color: #ffaebc;
	font-style		: normal;
	font-weight: bold;
	}

