body, div, span, table, tr, td, th,
h1, h2, h3, h4, h5, dl, dt, dd, ul, li,
a, img, input, form {
	margin:0;
	padding:0;
}

body{
	font-family:arial,"frutiger linotype","lucida grande",helvetica,sans-serif;
	text-align:center;
	color:#333333;
	font-size: small;
	background-color:transparent;
}

/* General Style Info */
a{
	color:#1B6030;
	text-decoration:none;
}
a:hover{
	color:#AAAAAA;
	text-decoration:underline;
}

a img{
	border:none;
}

table {
	border:1px solid #AAAAAA;
}
th {
	background-color:#E3E3E3;
	padding:7px 3px;
	width:120px;
}
td {
	padding:7px 3px;
}

li {
	list-style-type:none;
}
p {
	margin:10px 0;
}
hr {
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-bottom:1px solid transparent;
	border-top:1px dotted #CCCCCC;
}

h1 {
	background:#DEDEDE url(/img/b2_green/back.tagh1.gif);
	border-top:1px solid #AAAAAA;
	padding:7px 5px 3px 5px;
	margin-bottom:20px;
}
h2 {
	border:1px solid #AAAAAA;
	padding:4px;
	margin-bottom:10px;
	font-size:130%;
}
h3 {
	color:#1B6030;
}


.clear {
	clear:both;
}

.go_back {
	padding:0 0 0 18px;
	background:url(/img/b2_green/icon05.gif) no-repeat left top;
}

.aright {
	text-align:right;
}
.acenter {
	text-align:center;
}
em {
	font-size: 12px;
}

.red {
	color:#F00;
	font-weight:normal;
}

/* Layout */

#container_head {
	font-size:0;
}
#container {
	text-align:left;
	width:860px;
	margin:10px auto;
}
#container_tale {
	font-size:0;
}


div#header_head {
	height:6px;
	background:url(/img/b2_green/box.wide.h.gif) no-repeat left bottom;
}
div#header {
	background:url(/img/b2_green/box.wide.m.gif) repeat-y left;
	padding:10px;
}
div#header_tale {
	height:6px;
	background:url(/img/b2_green/box.wide.t.gif) no-repeat left top;
	margin-bottom:20px;
	clear:both;
}

div#caption {
	font-size:80%;
	margin:0 0 0 10px;
}
div#logo {
	float:left;
	margin:10px 0 0 10px;
}
div#logo h1,
div#logo strong {
	font-size: 25px;
	background-color:transparent;
	background-image:none;
	border:none;
	margin:0;
	padding:0;
	width:300px;
	display:block;
}
div#head_navi a:hover,
div#logo a:hover {
	text-decoration:none;
}
div#ad468 {
	float:right;
	width:468px;
	margin:10px 10px 5px 0;
}
div#head_navi {
	clear:both;
	height:29px;
	background:url(/img/b2_green/back.mainmenu.gif) no-repeat center top;
}
div#head_navi ul {
	padding-left:20px;
	height:29px;
}
div#head_navi li {
	display:inline;
}
div#head_navi a {
	float:left;
	height:29px;
	padding:5px 5px 0 5px;
	display:block;
	background:url(/img/b2_green/back.mainmenu.a.gif) no-repeat right top;
}
div#head_navi a:hover {
	background:url(/img/b2_green/back.mainmenu.h.gif) no-repeat right top;
}
div#head_navi a span {
}



div#content_head {
}
div#content{
}
div#content_tale {
	clear:both;
}

div#footer_head {
border-top:1px solid #DDD;
}
div#footer{
padding: 15px 10px 5px 10px;
text-align: center;
font-size:80%;
}
div#footer_tale {
}
div#footer a {
	color:#555555;
}
div#foot_navi {
}
div#copyright {
}


#mainarea {
	width:645px;
	float:left;
}
#sidearea {
	width:195px;
	float:right;
}



/* basic block */ 

div.block_head {
	height:6px;
	background:url(/img/b2_green/box.main.h.gif) no-repeat left bottom;
}
div.block {
	background:url(/img/b2_green/box.main.m.gif) repeat-y left;
	padding:10px;
}
div.block_tale {
	height:6px;
	background:url(/img/b2_green/box.main.t.gif) no-repeat left top;
	margin-bottom:20px;
}


#searchbox .block ,
div.small_block .block,
div#sidearea .ad_side1 .block {
	background-image:none;
}
#searchbox .block_head,
#searchbox .block_tale,
div.small_block .block_head,
div.small_block .block_tale,
div#sidearea .ad_side1 .block_head,
div#sidearea .ad_side1 .block_tale {
	background-image:none;
	height:0;
	font-size:0;
}


div.small_block {
	width:285px;
}
div.fleft {
	float:left;
}
div.fright {
	float:right;
}





/* notices and errors */

#flashMessage, .error, .error_message {
color:#900;
font-size: 12px;
margin: 5px 10px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
	font-size: 80%;
	margin:4px 0;
}
.tip {
color: #656565;
background-color: #ddd;
}
#error_page {
text-align:center;
padding:100px 0;
}



/* mainCategory  */

div#keyword h2 {
	color:#FFFFFF;
	border:none;
	padding:0;
	font-size:150%;
}
div#pickup h2,
div#select h2,
div#categories h2,
div#question h2 {
	color:#AAAAAA;
	border:none;
	padding:0;
	font-size:150%;
}

div#keyword .block_head {
	height:0;
}
div#keyword .block {
	background:#101F13 url(/img/b2_green/back.category.gif) no-repeat left top;
}
div#keyword .block_tale {
	background:#FFFFFF url(/img/b2_green/back.category.bottom.gif) no-repeat left top;
	height:6px;
	margin:0 0 10px;
}
div#keyword {
color:#60748C;
}
div#keyword a {
color:#FFFFFF;
}

#sitedescript .block_tale {
	clear:both;
}

.small_block div.block {
	padding:0;
}
#topics table {
	width:285px;
	border:none;
}
#topics th {
	width:80px;
	background-color:transparent;
	font-weight:normal;
	vertical-align:top;
	padding:0 2px 2px 2px;
}
#topics td {
	vertical-align:top;
	padding:0 2px 2px 2px;
}

#topics h2 {
	color:#AAAAAA;
	border-color:#DEDEDE;
}


#select h2 span,
#categories h2 span {
	font-size:13px;
	margin-top:5px;
	padding-left:15px;
	float:right;
	background:url(/img/b2_green/icon01.gif) no-repeat left 2px;
}

#select table {
	border:none;
}
#select a.img {
	display:block;
	width:104px;
	height:80px;
	text-align:center;
}
#select th {
	background-color:transparent;
}
#select td {
	vertical-align:top;
	font-size:85%;
	width:110px;
}


div#pickup .thumb {
}
div#pickup .left {
	width:200px;
	float:left;
}
div#pickup .right {
	width:360px;
	float:right;
}
div#pickup table {
	float:left;
	margin:0 0 6px 6px;
	border:1px solid #DDDDDD;
	border-collapse:collapse;
}
div#pickup td {
	width:88px;
	height:88px;
	padding:0;
	border:none;
}
div#pickup .left .caption {
	margin:6px 0;
}
div#pickup .right .caption {
	float:right;
	width:240px;
	margin:0 6px 6px 0;
	font-size:90%;
}
div#pickup .left .caption div {
	font-size:120%;
}
div#pickup .caption div {
	margin-bottom:4px;
}
div#pickup p {
	font-size:90%;
	margin:0;
}

#categories table {
	width:100%;
	border:none;
}
#question div.block {
}
#question table {
	border:none;
}
#question th {
	width:80px;
	background-color:transparent;
	font-weight:normal;
	vertical-align:top;
}
#question td {
}



/* links */

table#links {
	border:0;
}
table#links td {
	vertical-align:top;
	padding:0;
	width:49%;
}
table#links th {
	width:2%;
	background-color:transparent;
}
table#links div {
	background-color:#F0E9D7;
	padding:4px;
}




/* tag page */
.block h1 {
	font-size:160%;
}

table#selectbox {
	border-color:#DEDEDE;
}

table#sites {
	width:565px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
}
table#sites th {
}
table#sites td {
	vertical-align:top;
	border-top:1px dashed #CCC;
	padding-top:10px;
}
table#sites div.link {
	font-weight:bold;
	font-size:130%;
}
table#sites div.link img {
	vertical-align:bottom;
	margin-left:5px;
}
table#sites div.banner {
	float:left;
	width:120px;
}
table#sites div.banner span {
	display:block;
	width:120px;
	overflow:hidden;
	margin-bottom:10px;
}
.see_detail {
	display:block;
	margin-top:10px;
	width:101px;
	height:23px;
	background: url(/img/b2_green/btn.detail.gif) no-repeat left top;
}
table#sites div.banner a:hover {
	text-decoration:none;
}
table#sites div.dody {
	float:right;
	width:420px;
	font-size:90%;
}
table#sites div.dody table {
	width:417px;
}
table#sites div.dody th,
table#sites div.dody td {
	padding:2px 3px;
	border:none;
}
table#sites div.post {
	clear:both;
	text-align:right;
	font-size:80%;
}
table#sites span.new,
table#categorysite span.new,
#detail span.new {
	background-color:#1F8005;
	font-size:7pt;
	font-family:'Tahoma';
	color:#FFFFFF;
	padding:0 2px;
	margin-right:2px;
}
table#sites span.update,
table#categorysite span.update,
#detail span.update {
	background-color:#0186E3;
	font-size:7pt;
	font-family:'Tahoma';
	color:#FFFFFF;
	padding:0 2px;
	margin-right:2px;
}
table#sites div.link span.mutual,
table#categorysite div.link span.mutual,
#detail div.link span.mutual {
	background-color:#CD6253;
	font-size:7pt;
	color:#FFFFFF;
	padding:0 2px;
	margin-right:2px;
}
table#sites div.link span.remark,
table#categorysite div.link span.remark,
#detail div.link span.remark,
span.remark {
	background-color:#79880A;
	font-size:7pt;
	color:#FFFFFF;
	padding:0 2px;
	margin-right:2px;
}


#detail div#photo_area {
	float:left;
	width:200px;
	margin-right:10px;
	margin-bottom:20px;
}
#detail div#photo_area img {
	margin-bottom:3px;
}
#detail div#info {
	margin-bottom:20px;
}

#detail div.link {
	font-weight:bold;
	font-size:130%;
}
#detail div.description {
	margin-bottom:10px;
}
#detail div.info a.url {
	font-size:90%;
	word-break:break-all;
}
#detail table {
}
#detail th,
#detail td {
	padding:2px 3px;
}
#detail div.post {
	text-align:right;
	font-size:80%;
}

#detail iframe#js_mapframe {
	width:540px;
	height:300px;
	border:none;
	overflow:hidden;
}
#detail .comments {
	margin-bottom:10px;
}
#detail .comments .body {
}
#detail .comments .post {
}
#detail .comment {
}
#detail .comment a {
	display:block;
	width:101px;
	height:23px;
	background: url(/img/b2_green/btn.comment.gif) no-repeat left top;
	margin-left:220px;
}


#ranking table {
	border-collapse:collapse;
	border:none;
	width:562px;
}
#ranking th {
	padding:5px;
	background-color:transparent;
	border-bottom:1px dotted #CCC;
	font-weight:normal;
	width:90px;
}
#ranking td {
	padding:5px;
	border-bottom:1px dotted #CCC;
}
#ranking td strong {
	font-size:130%;
}



/* category page */

#pan {
	font-size:90%;
}

table#categorysite {
	width:565px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dashed #CCC;
	margin-bottom:10px;
}
table#categorysite td {
	vertical-align:top;
	border-top:1px dashed #CCC;
	padding-top:10px;
}
table#categorysite div.link {
	font-weight:bold;
}
table#categorysite div.link img {
	vertical-align:bottom;
	margin-left:5px;
}
table#categorysite div.banner {
	float:left;
	width:88px;
	height:30px;
	overflow:hidden;
	margin-right:10px;
}
table#categorysite div.img {
	float:right;
	width:450px;
}
table#categorysite div.dody {
	font-size:90%;
}
table#categorysite div.post {
	clear:both;
	text-align:right;
	font-size:80%;
}

/* sidetarea */


div#sidearea div.block_head {
	background: url(/img/b2_green/box.small.h.gif) no-repeat center bottom;
	font-size:0;
}
div#sidearea div.block {
	background: url(/img/b2_green/box.small.m.gif) repeat-y center;
	padding:0;
}
div#sidearea div.block_tale {
	background: url(/img/b2_green/box.small.t.gif) no-repeat center top;
}
div#sidearea .contents {
	padding:0 0 10px 0;
	padding-left:10px;
	font-family:'arial';
	font-size:90%;
}
div#sidearea .contents a.rss {
	float:right;
	margin:0 5px 3px 0;
	background: url(/img/b2_green/rssread.gif) no-repeat center center;
	width:18px;
	height:12px;
	display:block;
}
div#sidearea .contents a.rss:hover {
	text-decoration:none;
}
a.more {
	float:right;
	padding-left:14px;
	font-size:10px;
	background: url(/img/b2_green/icon02.gif) no-repeat left top;
	width:60px;
	height:13px;
	display:block;
}
a.more:hover {
	text-decoration:none;
}
h2 a.more {
	color:#D53C85;
	font-weight:normal;
}


div.sidemenu ul {
padding: 0 5px 0 30px;
}
div.sidemenu ul li {
list-style-image:url(/img/b2_green/icon01.gif);
}


.news div.list {
	padding:3px 10px;
	font-size:80%;
}



/* search box */

#searchbox {
	background:#101F13 url(/img/b2_green/searchbox.gif) repeat-x center top;
	padding:10px 0;
	margin-bottom:15px;
	text-align:center;
}
div#sidearea form.searchform {
	margin:0;
	padding:3px;
}
form.searchform {
	margin:0;
}
#searchbox input {
	vertical-align:middle;
}
div#sidearea #searchbox .block {
	border:none;
	background-image:none;
	background-color:transparent;
}
.searchboxc {
	margin-bottom:20px;
}
.searchboxc .block,
.searchboxc {
	padding:0;
	color:#FFFFFF;
}
#searchbox .block_tale,
.searchboxc .block_tale {
	margin:0;
}

input.inputform,
input#ItemSearch {
	width:300px;
	vertical-align:middle;
}
div#sidearea input.inputform {
	width:150px;
	vertical-align:middle;
}



/**/

table.subcategory {
	width:100%;
	border:none;
	background-color:#EEEEEE;
	margin-bottom:15px;
}
.subcategory td {
	width:25%;
	padding:0 2px;
	vertical-align:top;
}
.subcategory td a {
	padding-left:15px;
	background:transparent url(/img/b2_green/icon02.gif) no-repeat left 2px;
}


/* ad area */
.ad_top1 {
	text-align:center;
	margin-bottom:30px;
}

div#sidearea .ad_side1 .block {
	text-align:center;
}

.ad_exad {
margin: 20px 0 20px 10px;
width:160px;
}
.ad_exad div {
font-size:89%;
padding:5px;
border:1px solid #ddd;
}

.ex_info .intro {
	color:#A8A8A8;
	padding:4px 10px;
}
.ex_info .intro span {
font-size:80%;
}
.ex_info .intro li {
margin-bottom:5px;
background:url(/img/b2_green/icon02.gif) no-repeat left 2px;
padding-left:12px;
}

.ex_search {
	border:1px solid #DDDDDD;
	font-size:89%;
	padding:5px;
	margin:10px;
}




.rssread {
margin:4px 5px 4px 10px;
}



/* pagenate */
.result_num {
}
.result_head {
}
.result {
	text-align:center;
}
.result_tale {
}
.result span {
margin:0 4px;
}
.result span.pprev {
}
.result span.thispage {
	font-weight:bold;
}
.result span.pnext {
}




/* categories */

div#subcategories {
color:#60748C;
padding:10px;
}



.guide_wrap ol,
.guide_wrap ul {
margin:10px 0 10px 20px;
padding:0;
}
.guide_wrap ol li {
list-style-type:decimal;
margin:5px 0;
}
.guide_wrap ul li {
list-style-type:disc;
margin:5px 0;
}



#register textarea {
width:400px;
}
#register div#thisdata {
border:1px dashed #ddd;
margin:10px;
padding:10px;
}

.link_input {
width:500px;
padding:4px 0 3px 0;
}



/* contact */
#contact table {
	border:none;
	width:564px;
}
#contact th {
	background-color:transparent;
}
tr.bottomborder td, tr.bottomborder th {
border-bottom:1px dashed #BBB;
}
tr.bottomborder th {
width:150px;
}
#contact textarea {
width:500px;
}

/* sitemap */

#sitemap ul {
margin:5px 10px 20px 10px;
}
#sitemap .block div {
margin:5px 10px 20px 10px;
}


/* rankingpage */

.ranking th {
	width:auto;
}
table#categorysite.ranking .rank_no {
	width:30px;
	text-align:center;
	font-size:200%;
	font-family:Georgia;
	vertical-align:middle;
}
table#categorysite.ranking .rank_cnt {
	text-align:right;
	vertical-align:middle;
}



/* tab */

#js_tab {
	height: 27px;
}

.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(/img/b2_green/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border: 1px solid #AAAAAA;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}




.m10 {
margin-bottom:10px;
}
.m20 {
margin-bottom:20px;
}
.m30 {
margin-bottom:30px;
}
.p {
	margin-bottom:40px;
}