@charset 'utf-8';
/* index
-----------------------------------------------*/
#picupBox{
	float: left;
	margin: 0 0 20px 0;
	width: 950px;
	background: url(../images/picupbox_bg.gif) no-repeat;
	overflow: hidden;
}
#picupBox table{
	margin: 10px 0 0 0;
	width: 950px;
	background: url(../images/picupbox_tbbg.gif) no-repeat left bottom;
}
#picupBox table tr th a{
	color: #1f6fab;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6em;
}
#picupBox table tr th{
	padding: 0 10px 10px 10px;
	width: 268px;
	vertical-align: middle;
	text-align: left;
}
#picupBox table tr td{
	padding: 0 10px 10px 10px;
	width: 682px;
	vertical-align: middle;
}
#youtube{
	background: url(../images/youtube_bg.gif) no-repeat left bottom;
	line-height: 2.4;
}
/* diary
-----------------------------------------------*/
a.diary_add{
	float: right;
	width: 124px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/btn_diary_add.gif) no-repeat 0 0;
	display: block;
}
a.diary_add:hover{
	background: url(../images/btn_diary_add.gif) no-repeat -124px 0;
}

.fishBox{
	margin: 0 0 30px;
	padding: 10px 0 0 0;
	background: url(../images/fishbox_bg.gif) no-repeat left top;
	overflow: hidden;
}
.fishBox h2{
	margin: 0 8px;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 10px 0;
	overflow: hidden;
}
.fish_item{
	padding: 8px;
	overflow: hidden;
	background: url(../images/fish_item_bg.gif) no-repeat left bottom;
}
.fish_item li{
	width: 246px;
	padding: 5px 0;
	border-bottom: 1px solid #d5d5cf;
}
.fish_item a{
	color: #336699;
}
.fish_item li.end{
	text-align: right;
	border: none;
}


.diary{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.diary h3{
	clear: both;
	margin: 0;
	text-indent: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	height: auto;
	color: #1F6FAB;
	background: none;
}
.diary p.Ralign span{
	color: #333333;
}
.diary p{
	float: left;
	width: 100%;
	line-height: 1.8;
}
.stars{
	color: #cc9933;
}
.diary .comment a{
	text-decoration: none;
}
.diary .subject{
	float: left;
	width: 618px;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #999999;
	background: #fdfdfd;
	overflow: hidden;
	display: block;
}
.diary_left{
	float: left;
	width: 290px;
	padding: 0 20px 0 0;
}
.diary_right{
	float: left;
	width: 315px;
	margin-top: 25px;
}
.diary_img{
	float: left;
	width: 290px;
	padding: 0 20px 0 0;
}
.diary_img img{
	width: 90px;
}
.diary_img p{
	float:left;
	margin: 0 5px 0 0;
	text-align:center;
	width: 90px;
}
.diary_img p span{
	width: 90px;
	display:block;
}
.diary_right .photos p{
	float:left;
	margin: 0 5px 0 0;
	text-align:center;
	width: 100px;
}
.diary_right .photos p span{
	width:100px;
	display:block;
}
.diary .edit{
	clear:both;
	width:155px;
	position:relative;
	left:550px;
}
.commentBox{
	float: left;
	width :100%;
	overflow: hidden;
	padding: 10px 0;
	background: url(../images/dotted_bg.gif) repeat-x left bottom;
}
.commentBox p.commentImg{
	float: left;
	width: 70px;
	text-align: center;
}
.commentBox div.userBox{
	float: left;
	width: 553px;
	text-align: left;
	overflow: hidden;
}
.act_Calign{
	float: left;
	text-align: center;
	padding: 20px 0;
	width: 100%;
}
#inputBox h3{
	margin: 0;
}
#inputBox h3 span{
	font-size: 90%;
}
.input_item{
	margin: 0 0 30px 0;
	overflow: hidden;
}
#map3{
	background: #9DBBD8;
	border: 1px solid #CCCCCC;
	height: 300px;
	width: 660px;
}
#map4{
	float: left;
	background: #9DBBD8;
	border: 1px solid #CCCCCC;
/*	width: 290px;*/
	width: 313px;
	height: 300px;
	overflow: hidden;
}
/* search
-----------------------------------------------*/
div#mmenu{
	float: left;
}
div#mmenu a{
	color: #ffffff;
	text-decoration: none;
}
div#mmenu a:hover{
	text-decoration: underline;
}
a#help{
	float: left;
	width: 35px;
	height: 34px;
	text-indent: -9999px;
	background: url(../images/help.gif) no-repeat left top #ffffff;
}
a#help:hover{
	background: url(../images/help.gif) no-repeat right top;
}
/*----------keyword-----------*/
div.keyword{
	float: left;
	padding: 17px;
	width: 920px;
	height: 26px;
}
div.keyword input,
div.keyword select{
	float: left;
}
#search_header p{
	float: left;
	padding: 2px 0 2px 5px;
}
#search_header{
	float: left;
	width: 100%;
	overflow: hidden;
}
#search_results{
	float: left;
	overflow: hidden;
}
#search_header .textfield{
	border-color:#7C7C7C;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	width: 120px;
}
#search_header .textfield input{
	border:1px solid #C3C3C3;
	float:left;
/*	padding: 2px 5px 3px 5px;*/
	width: 110px !important;
	width: 120px;
}

.textfield{
	border-color:#7C7C7C;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	width: 350px;
}
.textfield input{
	border:1px solid #C3C3C3;
	float:left;
/*	padding: 2px 5px 3px 5px;*/
	width: 340px !important;
	width: 350px;
}
#search_header .date_f,
#search_header .date_t{
	border-color:#7C7C7C;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	width: 60px;
}
#search_header input#id_date_from,
#search_header input#id_date_till{
	border:1px solid #C3C3C3;
	float:left;
/*	padding: 2px 5px 3px 5px;*/
	width: 50px !important;
	width: 60px;
}
#search_header input.search{
	float :left;
	margin: 0 0 0 5px;
}

.date_f,
.date_t{
	margin: 0 0 0 5px;
	border-color:#7C7C7C;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
	width: 80px;
}
.rati{
	margin: 0 0 0 5px;
	border-color:#7C7C7C;
	border-style:solid;
	border-width:1px 0 0 1px;
	float:left;
}
input#id_date_from,
input#id_date_till{
	border:1px solid #C3C3C3;
	float:left;
/*	padding: 2px 5px 3px 5px;*/
	width: 70px !important;
	width: 80px;
}
#id_rating{
	padding: 2px 0;

}
input.class_catch_set-name{
	width: 200px;
}
input.textfield400{
	width: 400px;
}
.textfield60 input,
input.datepicker{
	width: 60px;
}
a.search{
	float: left;
	margin: 0 10px;
	width: 121px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/search.gif) no-repeat;
	display: block;
}
a.search:hover{
	background: url(../images/search_on.gif) no-repeat;
}
a.reset{
	float: left;
	width: 131px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/reset.gif) no-repeat;
	display: block;
}
a.reset:hover{
	background: url(../images/reset_on.gif) no-repeat;
}
/*----------way-----------*/
div#waybtn{
	float: left;
	padding: 8px 0 0 0;
	width: 150px;
	height: 48px !important;
	height: 60px;
	text-align: center;
	overflow: hidden;
}
div#waybtn a{
	line-height: 24px;
}
a#way_add{
	margin: 0 auto;
	width: 100px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/way_add.gif) no-repeat left top;
	display: block;
}
a#way_add:hover{
	background: url(../images/way_add.gif) no-repeat right top;
}
a#way_cancel{
	margin: 0 auto;
	width: 100px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/way_cancel.gif) no-repeat left top;
	display: block;
}
a#way_cancel:hover{
	background: url(../images/way_cancel.gif) no-repeat right top;
}
ul#wblist li{
	float: left;
	margin: 0;
	height: 25px;
	display: block;
}
ul#wblist li a{
	margin: 0;
	line-height: 25px;
	white-space: nowrap;
	text-decoration: none;
	display:inline !important;
	display:inline-block;
	zoom:1;
}
ul#wblist li a:hover{
	text-decoration: underline;
}
div#otherWord ul#wblist{
	float: left;
	margin: 5px 0;
	width: 100%;
}
div#otherWord ul#wblist li{
	margin: 0 5px;
}
div.way ul#wblist{
	float: left;
	margin: 5px 10px;
	width: 780px;
	height: 50px;
	overflow: hidden;
}
div.way ul#wblist li a{
	color: #ffffff;
	padding: 0 1em 0 18px;
	background: url(../images/point.png) no-repeat left center;
}
/*----------icon-----------*/
div.icon{
	clear: both;
	float: left;
	padding: 10px 20px;
	width: 910px;
	color: #ffffff;
	overflow: hidden;
	display: block;
}
div.icBox{
	float: left;
	width: 160px;
	height: 40px;
	overflow: hidden;
}
div.icBox img{
	float: left;
}
div.icBox label,
div.icBox p{
	float: right;
	width: 130px;
	margin: 0;
	color: #ffffff;
}
/* map_wrap subm_01
-----------------------------------------------*/
div#map_wrap{
	margin: 0 0 15px 0;
	width: 950px;
	overflow: hidden;
	background: url(../images/map_wrap_bg.gif) no-repeat left bottom;
}
div#mapPanel{
	margin: 0 5px 6px 2px;
	width: 941px;
	height: 350px;
	border: 1px solid #214f7c;
}
div#map1{
	float: left;
	width: 800px;
	height: 350px;
	background:#9DBAD8;
}
div#map1.add{
	cursor:url(/common/images/pin_waypoint.cur),pointer;
}
div#control{
	float: left;
	width: 141px;
	color: #ffffff;
	height: 100%;
	background: #196083;
}
div#control label{
	height: 30px;
	display: block;
}
/*---- accounts register ----*/


/*--------------------------*/
div.fish_diary{
	float: left;
	width: 633px;
	padding: 10px 0;
	background: url(../images/dotted_bg.gif) repeat-x left bottom;
	overflow: hidden;
}
div.fish_diary img{
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
}
p.Ralign span{
	color: #cc9933;
}
p.Ralign a{
	padding: 0 15px;
	color: #336699;
	background: url(../images/icon.gif) no-repeat left center;
}
p.Ralign span a{
	padding: 0;
	color: #336699;
	background: none;
}
p.Ralign a.next{
	background: none;
	padding: 0;
}
p.Ralign a.prev{
	background: none;
	padding: 0;
}
.Rbtn{
	width: 100%;
	text-align: right;
	overflow: hidden;
}
/*----------fish_data_view table-----------*/
.fish_data_view{
	float: left;
/*	width: 493px;*/
	width: 466px;
	margin: 0 0 0 10px;
	overflow: hidden;
}
table.fishtb{
	float:left;
	margin:10px 0;
	width: 100%;
}
table.fishtb th{
	text-align: left;
	padding:5px 10px;
	border-bottom:solid #333333 1px;
}
table.fishtb tr .data{
	width: 5em;
}

table.fishtb tr td{
	padding:5px 10px;
	background: url(../images/dotted_bg.gif) repeat-x left bottom;
}
/*---------- news ------------*/
.img_mrg_ud{
	margin: 30px 0;
}
.mrg_d1{
	margin: 0 0 10px 0;
}
.mrg_d2{
	margin: 0 0 20px 0;
}
.mrg_d3{
	margin: 0 0 30px 0;
	overflow: hidden;
}
.mrg_u1{
	margin: 10px 0 0 0;
}
.mrg_u2{
	margin: 20px 0 0 0;
}
.mrg_u3{
	margin: 30px 0 0 0;
}
.mrg_ud1{
	margin: 10px 0;
	overflow: hidden;
}
.mrg_ud2{
	margin: 20px 0;
}
.mrg_ud3{
	margin: 30px 0;
}
.pad_ud1{
	padding: 10px 0;
}
.pad_ud2{
	padding: 20px 0;
}
.pad_ud3{
	padding: 30px 0;
}
img.img_mrg{
	margin: 0 0 30px 0;
}
div#newsBox{
	width: 263px;
	background: url(../images/news_box_bg.gif) no-repeat left bottom;
	overflow: hidden;
	padding: 0 0 8px 0;
}
h2#head_news{
	float: left;
	margin: 0;
	width: 263px;
	height: 42px;
	text-indent: -9999px;
	background: url(../images/head_news.gif) no-repeat left center;
}
.news_item{
	width: 243px !important;
	width: 263px;
	padding: 10px;
	background: #f7f7f7;
	border-bottom: 1px solid #d5d5cf;
	overflow: hidden;
}
.news_item p{
	width: 243px;
}
.news_item a{
	color: #336699;
}
/*----------sitemap-----------*/
.sitemap li{
	line-height: 2;
}
.sitemap li a{
	padding: 0 15px;
	color: #336699;
	background: url(../images/icon.gif) no-repeat left center;
}
/*----------all css-----------*/
.error{
	color:#FF0000;
	font-size:95%;
}
.LimgBox{
	width: 100%;
}
.LimgBox img{
	float: left;
	margin: 1%;
	width: 38%;
}
.LimgBox p{
	float: right;
	margin: 1%;
	width: 58%;
}
.Lfloat{
	float: left;
}
.Rfloat{
	float: right;
}
.Calign{
	text-align: center;
}
.Ralign{
	text-align: right;
}
p.Ralign span{
	float: left;
}
table.basetb {
	width: 100%;
}
table.basetb tr th {
	padding: 0.4em;
	text-align: left;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
}
table.basetb tr td {
	padding: 0.4em;
	vertical-align:top;
	border-bottom: 1px solid #ccc;
}
table.formtb {
	width: 100%;
}
table.formtb tr th {
	padding:4px;
	text-align: left;
	vertical-align:top;
}
table.formtb tr td {
	padding:4px;
	vertical-align:top;
}
table.formtb tr th span {
	color:#FF0000;
	font-size:95%;
}
table.tblist{
	background: #7ea5a4;
	border-collapse: separate;
	border-spacing: 1px;
}
table.tblist tr th,
table.tblist tr td{
	border: 1px solid #FFF;
	padding: 0.2em 0.4em;
}

table.tblist tr th{
	vertical-align: top;
	background: #dcf2f0;
	color: #333;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
table.tblist tr td{
	background: #FFF;
	text-align: left;
}
table.tblist tr th.head{
	color: #333;
	background: #8ccacb;
	text-align: center;
}
table.tblist tr.head th{
	background: #8ccacb;
	text-align: center;
}
/*********************/
table.tbwlist{
	width: 100%;
	background: #7ea5a4;
	border-collapse: separate;
	border-spacing: 1px;
}
table.tbwlist tr th,
table.tbwlist tr td{
	border: 1px solid #FFF;
	padding: 0.2em 0.4em;
}

table.tbwlist tr th{
	vertical-align: top;
	background: #dcf2f0;
	color: #333;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
table.tbwlist tr td{
	background: #FFF;
	text-align: left;
}
table.tbwlist tr th.head{
	color: #333;
	background: #8ccacb;
	text-align: center;
}
table.tbwlist tr.head th{
	background: #8ccacb;
	text-align: center;
}
ul#WhatsNews{
	width: 563px;
	overflow: hidden;
}
ul#WhatsNews li{
	float: left;
	padding: 10px !important; 
	padding: 10px 10px 0 10px;
	width: 543px !important;
	width: 563px;
	background: url(../images/news_bg.gif) repeat-x left bottom;
}
ul#WhatsNews li span{
	float: left;
	display: inline;
}
ul#WhatsNews li span.date{
	width: 75px;
}
ul#WhatsNews li span.headline{
	width: 468px;
}
ul#ls{
	width: 100%;
	overflow: hidden;
}
ul#ls li{
	float: left;
	padding: 10px !important; 
	background: url(../images/dotted_bg.gif) repeat-x left bottom;
}
ul#ls li span{
	float: left;
	display: inline;
}
ul#ls li span.date{
	width: 100px;
}
ul#ls li span.headline{
	width: 513px;
}
ul#ls li .subject{
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.4;
}
ol.disc{
	list-style-position: outside;
	list-style-type: disc;
}
div.iframe{
	margin: 10px;
	height: 350px;
	border: 1px solid #aaa;
	overflow: auto;
}
div.iframe h2,
div.iframe h3,
div.iframe h4{
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 110%;
	font-weight: bold;
}
div.iframe p{
	clear: both;
	margin: 5px 10px;
}
#loginWrap{
	padding: 20px;
	border:1px solid #CCCCCC;
	background: #f3f6f8;
	overflow: hidden;
}
#loginWrap table tr th{
	padding-top: 8px;
}
ul.listC{
	margin: 10px;
}
ul.listC li{
	float: left;
	margin: 0 0 0.6em 0;
	width: 560px;
	background: url(../images/news_bg.gif) repeat-x left bottom;
}
ul.listC li span{
	float: left;
	display: inline;
}
ul.listC li span.num{
	width: 25px;
}
ul.listC li span.reg{
	width: 535px;
}
ul.listD{
	margin: 0 0 0 15px;
}
ul.listE{
	margin: 10px;
}
ul.listE li{
	float: left;
	margin: 0 10px;
}

/*----------all subject css-----------*/
#sub_01{
	margin: 0;
	width: 100%;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/sub_01.gif) no-repeat left center;
	
}
#subm_01{
	margin: 0;
	width: 634px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/subm_01.gif) no-repeat left center;
	
}
#sub2_1{
	float: left;
	width: 633px;
	height: 40px;
	text-indent:-9999px;
}
#sub2_1{
	background: url(../images/sub2_1.gif) no-repeat;
}



/*-------------help popup-------------*/

.SRalign span{
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}
div.popbody{
	width: 512px;	
	line-height: 20px;
}
.oricon ol{
	list-style: decimal inside;
	float: left;
	width: 100%;
}
ol.help{
	font-size: 18px
}
.oricon ul{
	float: left;
	list-style: disc inside;
	width: 100%;

}
.help ul{
	margin: 5px 20px 10px 30px;
	font-size: 0.7em;
}
.oricon li {
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

.return{
	clear: both;
	text-align: right;
	width; 100%;
	padding-bottom: 0px;
}
.title{
	font-size: 17px;
	font-weight: bold;
}
.oricon{
	padding-top: 10px;
}

h3{
	background: url("../images/h3_bg.gif") repeat-x scroll left top transparent;
	clear: both;
	font-size: 15px;
	font-weight: bold;
	height: 44px;
	line-height: 50px;
	text-indent: 10px;
}

.img_r{
	width: 100%;
}
.img_l{
	width: 100%;
}
.img_r img{
	float: right;
}
.img_l img{
	float: left;
}
.lr_clear{
	clear: both;
}