@charset "euc-jp";
/*********************/
/***** reset *****/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
     margin: 0; padding: 0;
}

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

fieldset, img {
     border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
     font-style: normal;
	 font-weight:normal;
}

ol, ul {
     list-style: none;
}

caption, th {
     text-align: left;
}

h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
	 font-weight: normal;
}

q:before, q:after {
     content:Ž¡ŽÉ;
}

abbr, acronym {
     border: 0;
} 

html {
    overflow-y: scroll;
}
/********************/
/********************/
body {
    color: #333333;
	font-size: 15px;
	font-family: MS PGothic, "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, Hiragino Kaku Gothic Pro W3, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", Helvetica, sans-serif;
	text-align: center;
	line-height: 1.3;
	background: url(../images/background.gif) left top repeat-x #fef7ed;
}


a:link {
    color: #0033FF;
	text-decoration: underline;
}


a:visited {
    color: #CC0000; 
	
	text-decoration: underline;
}

a:hover {
    color: #006600;
	text-decoration: none;
}


a:active {
    color: #0099FF;
	text-decoration: underline;
}


div#header h1, div#header h2 {
    text-indent: -9999px;
}

/*****************/
/***** ID ********/
/*****************/
div#containerOutside {
    width: 820px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


div#container {
    width: 800px;
	background-color: #ffffff;
	border-right: #493000 1px solid;
	position: absolute;
	left: 35px;
	top: 55px;
}


div#header {
    width: 800px;
	height: 130px;
	background: url(../images/header.gif) 0 0 no-repeat;
	position: relative;
}


div#wrapper {
    background: url(../images/menu_back.gif) 0 0 repeat-y #000000;
}


div#wrapperLeft {
    width: 180px;
	padding-left: 5px;
	float: left;
}


div#wrapperRight {
    width: 610px;
	float: right;
}


div#copy {
    padding: 2px;
	font-size: 10px;
	color: #ffffff;
    text-align: right;
	clear: both;
	background-color: #2b2721;
}


p#moon {
    position: absolute;
	left: 0;
	top: 0;
}

/*****************/
/***** CLASS *****/
/*****************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


*html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}