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

/* ************************* */
/* ******* layout ********** */
/* ************************* */
#zonebox {
	width: 970px;
	margin:0 auto;
 	text-align:left;
}

#toplogo {
	width:970px;
	height:297px;
	position:relative;  
	background:url('../_img/top.png') transparent no-repeat left bottom;
}

#toplogo h1 {
  width:210px;
	height:130px;
  position:absolute;  
	top:45px;
	left:12px;
}
#toplogo h1 a {
	display:block;
  width:210px;
	height:135px;
  color:#aaa;
  font-size:10px;
  text-decoration:none;
}

#toplogo strong.heading {
  display:block;  
	width:100%;
	position:absolute;  
	top:5px;
	left:0px;
	font-size:16px;
	letter-spacing:7px;
	text-align:center;
	color:#0f3c5a;
}

#toplogo h1 a span {
  position:absolute;  
	top:-10000px;
}
.topinfo {
  position:absolute;  
	top:185px;
	left:20px;
	font-size:14px;
	color:#0f3c5a;
}
.switch {
  width: 970px;
	color:#fff;
	background:url('../_img/body.jpg') transparent repeat-y left top;
}
#main {
	width:730px;
	float:right;
}

.main-content {
	min-height: 300px;
	height: auto;
	_height: 300px;
	padding:10px;
	font-size:13px;
}

#left-sidebar {
	width:235px;
	float:left;
	min-height: 300px;
	height: auto;
	_height: 300px;
}

.sidebar-content {
	padding:15px 20px;
	font-size:13px;
}

/* footter */	
#zonefoot {
	font-size:12px;
	color:#000;
	width:970px;
	height:150px;
	text-align:center;
	background:#b7d7ed;
}

.logomapper {
  margin:5px auto;
}
.zonefoot-content { 
	padding:10px 25px 0 25px;
}
.zonefoot-content a, .topinfo a  { 
	color:#069;
} 
.zonefoot-content a:hover, .topinfo 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 ul, .main-content ol {
	line-height:1.4em;
}

.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 3px;
}

.main-content p, .main-content h2, .main-content h3, .main-content h4 { 
	padding:5px; 
	line-height:1.4em;
}
.main-content h2 {
	font-size:18px;
}
.main-content h3 {
	font-size:16px;
}
.main-content h4 {
	font-size:14px;
}

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

.main-content .list_navi { 
	position:relative;
}

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

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

.list_anotation{
	position:relative;
	height:170px;
}

.list_anote_image_link {
	height:125px;
	width:150px;
	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 {
	margin-left:150px;

}

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

.list_head, .detail_navi { 
	position:relative;
} 

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

.weebo_contact_form { border-collapse:collapse; }

.weebo_contact_form th, .weebo_contact_form td { 
	border-bottom:2px solid #ddd;
	padding:4px;
	vertical-align:top; 
}

.in {
	border:1px solid #000;
	font-size:16px;
	padding:2px;
}

.weebo_contact_form td .in {
	width:300px;
}

weebo_contact_form td textarea.in {
	width:300px;
	height:180px;
}

label.req {
	color:#f00;
}

input.req {
	color:#f00;
	background:#ffa;
}

textarea.req {
	color:#f00;
	background:#ffa;
}

.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; }

/* misc */

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