@charset "utf-8";

#zonebox {
width: 900px;
margin:0 auto;
text-align:left;
font-size:0.8em;
}

#toplogo {
width:900px;
height:150px;
position:relative;
z-index:1;
text-align:center;
}

#toplogo h1 {
width:200x;
height:70px;
background:url('../_img/logo-dirt.png') transparent no-repeat left top;
}

#toplogo h1 a {
display:block;
width:200px;
height:70px;
}

#toplogo h1 a span {
position:absolute;
top:-4000px;
left:-4000px;
}

#zonetop {
width:100%;
height:20px;
background:url('../_img/glassy-top.png') transparent no-repeat left top;
}

#main {
width:100%;
background:url('../_img/glassy-content.png') transparent repeat-y;
}

.main-content {
min-height: 460px;
height: auto;
_height: 460px;
padding:5px 25px;
margin:0 20px;
background:url('../_img/content-meta.png') transparent;
}
/*
.content-wrapper-top {
background:url('../_img/wrapper-top.png') transparent no-repeat left bottom;
font-size:1px;
height:6px;
}
.content-wrapper {
padding:5px 10px;
background:url('../_img/wrapper-content.png') transparent repeat-y ;
}
.content-wrapper-bottom {
height:6px;
font-size:1px;
background:url('../_img/wrapper-bottom.png') transparent no-repeat left top;
}
*/
/* footter */	
#zonebottom {
color:#fff;
width:900px;                       
height:80px;
line-height:25px;
font-size:0.85em;
background:url('../_img/glassy-bottom.png') transparent no-repeat left -30px;
}

.zonebottom-content { 
padding:40px 30px 5px 30px;
}

.zonebottom-content a {
color:#ffa;
}	
/* editable content */
.main-content table {
margin-left:auto;
margin-right:auto;
}

.main-content .textbox table th { 
vertical-align:top;
font-size:12px;
font-weight:bold;
text-align:left;
}  

.main-content .textbox table td { 
vertical-align:top;
font-size:11px;
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/drop_arrow.png') transparent no-repeat left 2px;
}

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

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

.main-content a:hover {
text-decoration:underline;
}

.main-content ul, .main-content ol, .main-content p, .main-content h1, 
.main-content h2, .main-content h3, .main-content h4 { 
padding:10px 0; 
line-height:1.5em;
}

.list_anotation {
height:170px;
float:left;
}

.list_anote_image_link {
display:block;
width:150px;
height:125px;
float:left;
margin: 0 0 0 10px;
padding:4px;
background:#222; 
border:1px solid #666;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;	
-moz-box-shadow:0 1px 3px #666;
-webkit-box-shadow:0 1px 3px #666;
-khtml-box-shadow:0 1px 3px #666;
box-shadow:0 1px 3px #666; 
text-align:center;
}

.list_anote_image_link:hover  {
background:#000; 
}

.list_anote_image {
display:block;
width:150px;
height:125px;
overflow:hidden;
}

.list_anote_noimage {
display:block;
width:1px;
height:125px;
margin: 0 0 0 10px;
float:left;
}

.anote_image_show {
margin-left:180px;
padding-top:10px;
font-size:14px;
}

.anote_image_noshow {
padding-top:10px;
font-size:14px;
}

.textbox {
margin:10px 0;
}

h2.list_navi {
background:#ddd;  
height:26px !important;  
padding:4px !important;  
line-height:24px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0 1px 3px #666;
-webkit-box-shadow:0 1px 3px #666;
-khtml-box-shadow:0 1px 3px #666;
box-shadow:0 1px 3px #666; 
}

.list_navi:hover {
background:#ccc;
}

.list_anotation {
background:#dedede;  
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:0 1px 3px #666;
-webkit-box-shadow:0 1px 3px #666;
-khtml-box-shadow:0 1px 3px #666;
box-shadow:0 1px 3px #666;  
height:170px;
}

.list_anotation h2.list_navi {
background:transparent;
border:0; 
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-khtml-box-shadow:none;
box-shadow:none;   
}

.list_anotation .list_navi:hover {
background:transparent;
}

.list_anotation .contentheader {
display:block;
line-height:26px;
font-size:14px;
}

span.contentdate {
line-height:26px;
font-size:13px;
float:right;  
color:#666;
margin-right:10px;
}

.list_navi .contentheader {
display:block;  
height:26px;
font-size:14px; 
}


.list_navi a { 
display:block;
line-height:26px;  
padding-left: 24px;  
background:url('../_img/go.gif') transparent no-repeat 4px center;
}

.list_navi a:hover { 
background:url('../_img/go_over.gif') transparent no-repeat 4px center;
}

.list_anotation .list_navi {
margin:0;
}

.list_head {
font-size:14px;
line-height:14px;
} 

.detail_navi { 
font-size:14px;
font-weight:bold;
} 

.detail_navi span.contentdate {
margin-right:30px;
}

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