@charset "utf-8";
/* CSS Document */

/***************************
       RESET SETTINGS
***************************/
html, body, div, form, fieldset, legend, label ,ul ,li ,h1
{
 margin: 0;
 padding: 0; 
}

table
{
 border-collapse: collapse;
 border-spacing: 0;
}

th, td
{
 text-align: left;
 vertical-align: top;
}

h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }

a img { border: 0; }

ul ,ol { list-style:none; }

/***************************
      FONT SETTINGS 
***************************/

/* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
 
10px 77% | 11px 85% | 12px 93% | 13px 100% | 14px 108% | 15px 116% | 16px 123.1%
17px 131% | 18px 138.5% | 19px 146.5% | 20px 153.9% | 21px 161.6% | 22px 167%
23px 174% | 24px 182% | 25px 189% | 26px 197%
 */
body {
	font:13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	color:#333;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/***************************
      BASIC LAYOUT 
***************************/
body {
	background:url(../img/bg_body.jpg) repeat-x top;
	background-color:#FFF;
}

#wrapper{
	/*height:600px;*/
}


div#navi ul {
	float:right;
	height:20px;
}

div#navi ul li {
	float:left;
}

div#navi ul li a {
	display:block;
	width:16px;
	height:16px;
	text-align:center;
	line-height:16px;
	margin-left:7px;
	font-size:85%;
	color:#666;
	background:#FFF;
	border:solid 2px #333;
	text-decoration:none;
	overflow:hidden;
}

div#navi ul li a:hover {
	background:#333;
	font-weight:bold;
	color:#FFF;
}
div#navi ul li a:active {
	background:#F00;
	color:#FFF;
}