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

/* ************************* */
/* ******* layout ********** */
/* ************************* */
#zoneswitch{
	width:100%; 
	text-align:center;
}  

#zonebox {
	width: 990px;
	margin:0 auto;
	text-align:left;
	background:url('../_img/back-zone.jpg') transparent repeat-y left top;
}

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

#toplogo h1 a {
	width:275px;
	height:90px;
	position:absolute;
	top:50px;
	left:45px;
}

#toplogo h1 a span.h1top {
	position:absolute;
	top:-400px;
	left:0;
}

#main {
	margin: 0 20px;
}

#main-content {
	min-height: 300px;
	height: auto;
	_height: 300px;
	margin:5px 20px 20px 20px;
	font-size:15px;
}

#sidebar {
	width:258px;
	float:left;
	min-height: 300px;
	height: auto;
	_height: 300px;
	background:url('../_img/back-navi.jpg') transparent repeat-y left top;
}

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

#sidebar-login {
	margin:10px 0 0 20px;
}

/* footter */	
#zonefoot {
	font-size:11px;
	color:#000;
	width:990px;
	height:62px;
	text-align:right;
	background:url('../_img/bottom.jpg') transparent no-repeat left top;
}

#zonefoot-content { 
	padding:22px 25px 0 25px;
}
    	
#zonefoot a {
	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 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 2px;
}

#main-content p, #main-content h2, #main-content h3, #main-content h4 { 
	padding:5px; 
	line-height:1.4em;
}
#main-content h2 {
	font-size:20px;
	color:#b7543f;
}
#main-content h3 {
	font-size:17px;
	color:#ea9276;
}
#main-content h4 {
	font-size:14px;
	color:#ea9276;
}

#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;
	height:170px;
}
.list_anote_image {
	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;
	font-size:14px;
	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;
} 

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