@charset "utf-8";
/* -------------------- common --------------------*/
* {
  margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:12px;
}

html{
	background:black;
}

img{
	border:none;
}

body{
  background:white url(../img/backlines.gif) center;
  width:850px;
	min-height:1000px;
	margin:0 auto 0 auto;
	padding:0;
}

h1{
  font-size:16px;
	margin-bottom:10px;
}

h2{
  font-size:14px;
}

h3{
  font-size:12px;
}

table{
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
	border-collapse:collapse;
}

td{
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
	padding:5px;
}

address{
  font-style:normal;
}

ol,ul{
  list-style:none;
}

img{
  border:none;
	margin:0;
	padding:0;
	vertical-align:top;
}

a:link,
a:visited,
a:link:hover,
a:visited:hover{
  color:black;
}

/***************** clear ******************************/
div.clear0{
  clear:both;
	height:0px;
}

div.clear5{
  clear:left;
	min-height:5px;
	height:5px;
}

div.clear10{
  clear:left;
	min-height:10px;
	height:10px;
}

/************************* textalign ****************************/
.tl{
  text-align:left;
}

.tc{
  text-align:center;
}

.tr{
  text-align:right;
}

/************************* color ********************************/
.clBlue{
  color:blue;
}

.clRed{
	color:red;
}

/************************ BackgroundColor ***********************/
.blSkyBlue{
  background:#D8FCFC;
}

.m50{
  margin-top:50px;
}


/************************ top *************************************/
h1.top{
	margin:20px 0 0 20px;
	padding:5px 0 30px 35px;
	font-size:16px;
	color:black;
}

h1.top.yellow{
	background:url(../img/titlebackY.gif) no-repeat;
}

h1.top.green{
	background:url(../img/titlebackG.gif) no-repeat;
}

h1.top.blue{
	background:url(../img/titlebackB.gif) no-repeat;
}

/************************ leftmenu ******************************/
.leftmenu{
	width:150px;
	float:left;
	padding:35px 5px 30px 5px;
	background:url(../img/leftmenuback.gif) top left no-repeat;
	min-height:700px;
}

.leftmenu ul{
}

.leftmenu ul li{
  list-style:none;
  width:150px;
  min-height:55px;
}

.leftmenu ul li a{
  background:url(../img/leftmenu.gif) no-repeat;
  display:block;
  text-decoration:none;
	font-size:12px;
	padding:22px 0 0 10px;
	height:33px;
}

.leftmenu ul li a:hover,
.leftmenu ul li.selected a{
	color:#690;
  background:url(../img/leftmenu.gif) no-repeat -150px 0;
}

li#menuitemli{
	min-height:36px;
}

ul.menuitem{
	width:140px;
	margin-left:10px;
	padding:10px 0;
}

ul.menuitem li{
  list-style:none;
  width:140px;
  min-height:16px;
}

ul.menuitem li a{
  display:block;
  text-decoration:none;
	font-size:12px;
	padding:5px 0 4px 17px;
	height:14px;/* > */
}

ul.menuitem.yellow,
ul.menuitem.yellow li a{
	background:#fff1c7;
}

ul.menuitem.yellow li.selecteditem a,
ul.menuitem.yellow li.selecteditem a:hover{
	color:#a0902c;
  background:url(../img/titlebackYs.gif) no-repeat bottom left;
}

ul.menuitem.yellow li a:hover{
	color:#a0902c;
  background:url(../img/titlebackYhs.gif) no-repeat;
	background-position:15px bottom;
}

ul.menuitem.green{
	background:#e3ffd1;
}

ul.menuitem.green li.selecteditem a,
ul.menuitem.green li.selecteditem a:hover{
	color:#35a032;
  background:url(../img/titlebackGs.gif) no-repeat bottom left;
}

ul.menuitem.green li a:hover{
	color:#35a032;
  background:url(../img/titlebackGhs.gif) no-repeat;
	background-position:15px bottom;
}

ul.menuitem.blue,
ul.menuitem.blue li a{
	background:#e2e3ff;
}

ul.menuitem.blue li.selecteditem a,
ul.menuitem.blue li.selecteditem a:hover{
	color:#1306bb;
  background:url(../img/titlebackBs.gif) no-repeat bottom left;
}

ul.menuitem.blue li a:hover{
	color:#1306bb;
  background:url(../img/titlebackBhs.gif) no-repeat;
	background-position:15px bottom;
}

/************************ main ***********************************/
.main{
}

/************************ kumo *********************************/
.kumo{
	background:#39ac36;
	width:690px;
	height:25px;
	color:white;
	padding:10px 0 0 0px;
}

.kumo a,
.kumo a:visited/* IE6.0 */{
	color:white;
	margin:0 20px 0 10px;
	text-decoration:none;
}

.kumo a:link:hover,
.kumo a:visited:hover{
	color:#CCCC00;
}

/************************ topphotos ********************************/
.topphotos img{
	float:left;
}

/************************ contents ******************************/
.contents{
	width:640px;
	margin-left:20px;
}

.contents div{
	margin:0 20px 20px 20px;
}

.contents h3{
	font-size:20px;
	font-weight:bold;
}

.contents div div{
	margin-left:12px;
}

.contents.yellow h3{
	color:#a0902c;
}

.contents.green h3{
	color:#35a032;
}