@charset "utf-8";
/* specific template settings */

/* ************************* */
/* ******* layout ********** */
/* ************************* */
#zoneswitch{
	width:100%; 
	text-align:center;
	background:url('../_img/back-page.jpg') transparent repeat-x left top;
}  

#zonebox {
	width: 990px;
	margin:0 auto 0 auto;
	text-align:left;
	background:#fff;
}

#toplogo {
	width:990px;
	height:168px;
	position:relative;
	z-index:1;
	text-align:center;
	background:url('../_img/top.jpg') transparent no-repeat center 15px;
}

#toplogo a span.h1top {
	width:350px;
	height:85px;
	position:absolute;
	top:-400px;
	left:0;
}
#toplogo a span.h1slg {

	display:block;
	color:#fff;
	text-decoration:none;
	font-size:14pt;
	text-align:left;
	padding:83px 0px 15px 33px;
}
#main {
	margin: 0 500px 0 20px;
	background:#e4e5e7;
}

#main-content {
	margin: 0 10px 0 10px;
	min-height: 300px;
	height: auto;
	_height: 300px;

}
#main-top {
	background:url('../_img/div-top.jpg') transparent no-repeat center top;
	height:21px;
}
#main-bt{
	background:url('../_img/div-bottom.jpg') transparent no-repeat center top;
	height:21px;
}

#sidebar_1 {
	float:right;
	width:460px;
	margin-right:20px;
}

/* footter */	
#zonefoot {
	font-size:8pt;
	color:#000;
	width:990px;
	height:42px;
	text-align:right;
}

#zonefoot-content { 
	padding:14px 25px;
}
    	
#zonefoot a:link,#zonefoot a:visited,#zonefoot a:active {
	color:#888;
	font-weight:normal;
}

#zonefoot a:hover {
	color:#f60;
}
   
/* editable content */
#main-content table {
	margin-left:auto;
	margin-right:auto;
}

#main-content table th { 
	font-weight:bold;
}  

#main-content table td { 
	font-weight:normal;
}

#main-content ol li {
	margin-left: 24px;
	margin-top:6px;
}

#main-content ul li {
	margin-left: 6px;
	margin-top:6px;
	list-style-type:none;
	padding-left:20px;
	background:url('../_img/bullet.png') transparent no-repeat left 2px;
}
#main-content ul, #main-content p, #main-content h1, 
#main-content h2, #main-content h3, #main-content h4 { 
	padding:5px; 
	line-height:1.4em;

}
#main-content h2 {
	font-size:13pt;
}
#main-content h3 {
	font-size:11pt;
}

#main-content p img { 
	margin:2px; 
}

#main-content a {
	color: #06c;
	text-decoration:none;
}


#main-content a:hover {
	color: #f60;
}
#main-content .list_navi { 
	position:relative;
	margin:2px 0; 
	padding:5px 0 0 10px;
}
#main-content .list_navi a {
	color: #06c;
	margin:0 5px;
}

#main-content .list_navi a:hover {
	color: #f60;
}

.list_anotation{
	position:relative;
	float:left;
	height:299px;
	width:210px;
	margin-left:9px;
}
.list_anote_image {
	height:269px;
	width:210px;
	overflow:hidden;
	text-align:center;
	position:absolute;
	left:0;
	top:30px;

}
.list_anote_noimage {
	position:absolute;
	left:0;
	top:30px;
}
.list_anotation p.anote_image_show {
display:none;
	margin-left:150px;

}

.list_head .contentdate, .list_navi .contentdate, .detail_navi .contentdate {
	display:block;
	font-size:9pt;
	text-align:center;
	position:absolute;
	top:3px;
	right:10px;
}

.list_head, .detail_navi { 
	position:relative;
	font-weight:bold;
	height:32px;
	padding:5px 0 0 5px;
} 

#main-content .detail_navi a {
	color:#06c;
}

#main-content .detail_navi a:hover {
	color:#f60;
}

#main-content h2 {
	color:#888;
}

hr.cleaner {
	height:1px;
	margin: -1px 0 0 0; 
	padding:0;
	border:none;
	visibility: hidden;
} 

.separator {
	border-top:1px solid #000000;
}

.clr {
	clear:both;
}

.hid {
	display:none !important;
}

.cc { text-align:center !important; }
.ll { text-align:left !important; }
.rr { text-align:right !important; }

.fl { float:left !important; }
.fr { float:right !important; }

.handy{ cursor:pointer !important; }

/* Server map */
.webmap li {
	font-size : 10pt;
} 

.swebmap li {
	font-size : 10pt;
} 

.swebmapcontent li {
	font-size : 10pt;
} 

#xbann, #xbann object { position:absolute;z-index:1; }