/*------------------------------------------------------------
  COPYRIGHT B47 communication technology. All Right Reserved
  ------------------------------------------------------------*/


body {margin: 0; padding: 0; font-size: 0.8em; line-height :1.6em; color: #ffffff; text-align: center;
	  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif, ＭＳ Ｐゴシック,osaka,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3;color: #555555;}

a, h2 a:hover, h3 a:hover {color: #6C695B;text-decoration: none; margin: 0; padding: 0;}

a:hover {color: #AC7C08;text-decoration: underline;}
/*--------------------------------------------------
  Header_Area
  --------------------------------------------------*/

#Header_Area {width: 100%; height: 80px; margin: 0; padding: 0; background: #002438;text-align: center}

#Header_Area #Content {width: 900px; height: 80px; margin: 0 auto 0 auto; padding: 0;text-align: left; background:url(../image/header_bk.jpg) no-repeat }

#Header_Area #Content #Cnt_l {width: 274px; margin: 0; padding: 0; float:left}

#Header_Area #Content #Cnt_r {width: 250px; margin: 0; padding: 0; color: #cccccc; float:right; text-align: right; border-top: solid #3B657D 3px}

#Header_Area #Content  h1{width: 274px; height: 27px;margin: 16px 0 0 0;padding: 0;}

#Header_Area #Content  h2{width: 251px; height: 7px;margin: 8px 0 0 0;padding: 0}

/*--------------------------------------------------
  GNav_Area
  --------------------------------------------------*/

#GNav_Area {width: 100%; height: 30px; margin: 0; padding: 0; background: url(../image/gmn_bk.gif) no-repeat top}

#GNav_Area #Content {height:30px; width: 900px;  margin: 0 auto 0 auto; padding: 0;text-align: left;}

#GNav_Area #Content #Cnt_l {height:30px; margin: 0; padding: 0 0 0 0; float:left}

/*---------------  --------------*/

#GNav_Area #Content #Cnt_l #gnv {width: 550px; height:30px; padding:0; margin:0; list-style:none; position:relative; }
#GNav_Area #Content #Cnt_l #gnv li.top { height:30px; width: 106px; padding:0; margin:0;  float:left; position:relative}
#GNav_Area #Content #Cnt_l #gnv li a.top_link {height:30px; width: 106px; padding:0; margin:0;; float:left; cursor:pointer;}

#GNav_Area #Content #Cnt_l #gnv table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#GNav_Area #Content #Cnt_l #gnv a:hover {visibility:visible;}
#GNav_Area #Content #Cnt_l #gnv li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#GNav_Area #Content #Cnt_l #gnv ul, 
#GNav_Area #Content #Cnt_l #gnv :hover ul ul, 
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul ul,
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul :hover ul ul,
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#GNav_Area #Content #Cnt_l #gnv :hover ul.sub {left:-1px; top:29px; background: #EEF0F0; padding: 0; border-left:1px solid #CFD1D1; border-right:1px solid #CFD1D1; border-bottom:1px solid #CFD1D1; white-space:nowrap; width:105px; height:auto;}
#GNav_Area #Content #Cnt_l #gnv :hover ul.sub li {display:block; height:29px; position:relative;width:109px}
#GNav_Area #Content #Cnt_l #gnv :hover ul.sub li a {display:block; font-size:12px; width:103px; text-indent:5px; text-decoration:none; border-left:1px solid #ffffff;}

#GNav_Area #Content #Cnt_l #gnv :hover ul.sub li a:hover {background:#4ab; color:#fff;}


#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul,
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul :hover ul,
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul :hover ul :hover ul,
#GNav_Area #Content #Cnt_l #gnv :hover ul :hover ul :hover ul :hover ul :hover ul
{left:-1px; top:0px; background: #fff; padding:0; white-space:nowrap; width:105px; z-index:200; height:auto;}





/*---------------  --------------*/

#GNav_Area #Content #Cnt_r {width: 250px;margin:0 ; padding: 0 0 0 0; float:right;text-align: left;}

#GNav_Area #Content #Cnt_r ul{margin: 10px 0 0 0;padding : 0; list-style-type: none;}

#GNav_Area #Content #Cnt_r li{margin : 0; padding : 0 0 0 18px; float: left}










/*--------------------------------------------------
  MV_Area HOME
  --------------------------------------------------*/

#MV_Area_Home {width: 100%; margin: 3px 0 0 0; padding: 0; background: #F6F6F6}

#MV_Area_Home #Content {width: 900px; margin: 0 auto 0 auto; padding: 0;text-align: left}

/*--------------------------------------------------
  MV_Area BRANCH
  --------------------------------------------------*/

#MV_Area {width: 100%; height: 150px; margin: 3px 0 0 0; padding: 0; background: #F6F6F6}

#MV_Area #Content {width: 900px; height: 150px; margin: 0 auto 0 auto; padding: 0;text-align: left}

/*--------------------------------------------------
  MainContent_Area
  --------------------------------------------------*/

#MainContent_Area {width: 100%; margin: 0; padding: 0; background: #FFFFFF}

#MainContent_Area #Content {width: 900px; margin: 0 auto 0 auto; padding: 0;  text-align: left}

/*--------------------------------------------------
  Ad_Area
  --------------------------------------------------*/

#Ad_Area {width: 100%; height: 66px; margin: 0; padding: 0;background: #002438 url(../image/line_ad.gif) repeat-x;text-align: center}

#Ad_Area #Content {width: 900px; height: 66px; margin: 0 auto 0 auto; padding: 0;text-align: left;}

#Ad_Area #Content ul{margin: 0;padding : 12px 0 0 0; list-style-type: none;}

#Ad_Area #Content li{margin : 0; padding : 0 7px 0 0; height: 18px; float: left}

/*--------------------------------------------------
  Footer_Area
  --------------------------------------------------*/

#Footer_Area {width: 100%; margin: 0; padding: 0;background: #000000;text-align: center}

#Footer_Area #Content {width: 900px; height: 38px;  margin: 0 auto 0 auto; padding: 0;text-align: left;}

#Footer_Area #Cnt_l {width: 176px; margin: 0; padding: 10px 0 10px 0; float:left}

#Footer_Area #Cnt_r {width: 724px; margin: 0; padding: 8px 0 0 0; color: #888888; float:right;text-align: right}

#Footer_Area #Copyright_Area {width: 100%; height: 80px; margin: 0; padding: 50px 0 0 0;text-align: center; border-top:solid 1px #4D4D4D}

/*--------------------------------------------------
  common
  --------------------------------------------------*/

.clears{margin: 0; padding :0; clear :both}

.clear_l{margin: 0; padding :0; clear :left}

.clear_r{margin: 0; padding :0; clear :right}

.dot{height:20px;  background: url(../image/dot.gif) repeat-x ;}

.caution {margin : 0; padding : 0 0 5px 0; color:#EF2E0E; font-weight: bold}

.allart {margin : 0; padding : 0 0 5px 0; font-weight: bold}

.ttl {margin : 0; padding : 0 0 5px 0; height: 18px;}

/*--------------------------------------------------
  table
  --------------------------------------------------*/

.mytable {width: 350px;padding: 0;margin: 0 0 20px 0;}

th {font: bold 11px; color: #4f6b72; border-right: 1px solid #CFD1D1; border-bottom: 1px solid #CFD1D1; border-top: 1px solid #CFD1D1;
	letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 5px 4px 5px 10px; background: #EFEFEF url(images/bg_header.jpg) no-repeat; }

th.notop {border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: #EFEFEF none; border-left: 1px solid #CFD1D1; border-top: 1px solid #CFD1D1;}

th.nobg {border-right: 1px solid #C1DAD7; background: #EFEFEF none; border-left: 1px solid #CFD1D1; border-top: 1px solid #CFD1D1;}

td {border-right: 1px solid #CFD1D1; border-bottom: 1px solid #CFD1D1; background: #fff; padding: 5px 4px 5px 10px; color: #4f6b72; }

td.nol {background: #fff;border:0px}

td.alt {background: #f5fafa; color: #797268; }

th.spec {border-left: 1px solid #CFD1D1; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px }

th.specalt {border-left: 1px solid #CFD1D1; border-top: 0; background: #f5fafa url(images/bullet2.gif) no-repeat; font: bold 10px; color: #797268; }

th.speccnter {border-left: 0px solid #CFD1D1; border-top: 0; background: #fff ; text-align: center}

/*--------------------------------------------------
  釣果・トピックス・河川情報table
  --------------------------------------------------*/

.indexTable {width: 350px;padding: 0;margin: 0 0 20px 0;}

th {font: bold 11px; color: #4f6b72; border-right: 0px; border-left: 1px solid #CFD1D1; border-bottom: 1px solid #CFD1D1; border-top: 1px solid #CFD1D1;
	letter-spacing: 2px; text-transform: uppercase; padding: 5px 4px 5px 10px; background: #EFEFEF url(images/bg_header.jpg) no-repeat; }

th.topCell {border-right: 0px; background: #EFEFEF none; border-left: 0px; border-top: 1px solid #CFD1D1; text-align: center}

th.nobg {border-right: 0px; background: #f5fafa none; border-left: 0px; border-top: 0px; text-align: center}

td {border-left: 1px solid #CFD1D1; border-right: 0px; border-bottom: 1px solid #CFD1D1; background: #fff; padding: 5px 4px 5px 10px; color: #4f6b72; }

/*--------------------------------------------------
  Weather_Table
  --------------------------------------------------*/

#Weather_Table {width: 215px;padding: 0;margin: 0 0 20px 0;}

/*--------------------------------------------------
  ページナビ　http://www.yuriko.net/arc/2008/07/26/navigation/
  --------------------------------------------------*/
.tablenav {
	color: #2583ad;
	background:white;
	margin: 0 0 10px 0;
	padding: 0;
	line-height:2em;
	text-align:right;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}