body {
  font-family: ‚l‚r ƒSƒVƒbƒN, Osaka;
  font-size:90%;
  background-color: #FFFFf0;
  margin : 0px 0px 0px 0px;
}

.notdisp {
  display: none;
}

.selected {
  background: #31659c;
  color: #fff;
}

.selected:hover {
  background: #B5B2AD;
}

.notsel {
  background: #B5B2AD none repeat scroll 0%;
}

.notsel:hover {
  background: #369;
  color: #fff;
}

.notsel, .selected {
  line-height: 1.3em;
  margin: 0px 2px;
  padding: 2px 10px 0px 10px;
  text-align: center;
  text-decoration: none;
  border-top: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
}
  
#header{
  border-bottom: 1px solid #cccccc;
  clear: both;
  float: left;
  width: 100%;
}

#center {
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#footer {
  clear: both;
  float: left;
  width: 100%;
  font-size: 85%;
  background: #ffffff none repeat scroll 0%;
  border-top:1px solid #000;
}


#header_title{
  background: transparent url(/images/top-1.jpg) no-repeat scroll 0px 0px;
  width: 100%;
  height: 120px;
}
#header_title h{
  position: relative;
  font-size: 10%;
  color: transparent;
  padding: 10px;
}

#header_title .title{
  background: transparent url(/images/top-1.jpg) no-repeat scroll 0px 0px;
}


.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
.colright {
  float:left;
  width:200%;
  position:relative;
  left:200px;
}
.col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:200px;
  padding-bottom:1em;
}
.col1 {
  margin:0 15px 0 215px;
  position:relative;
  right:100%;
  overflow:hidden;
}
.col2 {
  float:left;
  width:170px;
  position:relative;
  right:185px;
}

.toptop {
  border-bottom:1px dashed #888888;
  padding :10px 28px 40px 28px;
}

.article {
  min-height : 200px;
  border-bottom:1px dashed #888888;
  padding :0 28px;
  color:#339999;
}

.article .edit {
  float: right;
  margin: 0px 40px;
  font-size: 10pt;
}

.col2 .item {
}

.col2 .edit {
  font-size: 10pt;
  float: right;
}

.col2 {
  text-align: center;
}

.fimage {
  float : left;
  padding 0px 20px;
}

.toptop H2 {
  color:#CC9900;
  font-weight:bolder;
}

.News_list H2 , .Tour_list H2 , .Books_list H2 , .Lesson_list H2 {
  font-size:120%;
  font-weight:normal;
  padding:4px;
}

.News_list H2{
  background:transparent url(/images/hred1.jpg) no-repeat scroll 0 0;
}

.Tour_list H2 {
  background:transparent url(/images/hgreen1.jpg) no-repeat scroll 0 0;
}

.Books_list H2 {
  background:transparent url(/images/hyellow1.jpg) no-repeat scroll 0 0;
}

.Lesson_list H2 {
  background:transparent url(/images/hblue1.jpg) no-repeat scroll 0 0;
}

.News_list H3 , .Tour_list H3 , .Books_list H3 , .Lesson_list H3 {
  color:#FF3399;
  font-size:135%;
  font-weight:bold;
}

.pict {
  position:relative;
  float:left;
  margin:10px;
  padding:4px;
  min-height: 150px;
  min-width: 150px;
}

.pict h3 {
  font-size:90%;
  font-weight:normal;
}

.pict .comment {
  display:none;
}

.pict a {
  text-decoration:none;
}


.pict .edit .a {
  font-size:50%;
}

.col2 a:visited { color: transparent; }
.col2 a:active { color: transparent; }

#artcard {
  padding:2px;
}

#artcard H2 {
  font-size:120%;
  font-weight:normal;
  background:transparent url(/images/hyellow1.jpg) no-repeat scroll 0 0;
  padding:1px;
	margin:0px;
}

#artcard_body {
  font-weight:normal;
  padding:4px;
}