@charset "UTF-8";
/* =======================================================================
	CSS information

	file name  :top.css
	version:1.0
	style info :酒人ふぁ～むについて 用。
======================================================================= */
/* import　各ディレクトリのスタイルシートは以下を必ず読み込む
----------------------------------------------------------------------------- */
@import "default.css"; /*リセット、font.css、再定義*/
@import "base.css"; /*サイトの初期設定*/
@import "layout.css"; /*サイトの基本レイアウト*/

/* TOPCONTAINER
----------------------------------- */
#topcontainer {
	background:url(../img/top_bg.jpg) repeat-x;
	background-position: center top;
        width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	font-size:90%;
		overflow:hidden;

}

/*top_header
---------*/
#top_header {
	width:1010px;
	height:534px;
	background:url(../img/top_header_bg1104.jpg) no-repeat;
	margin:0 auto;
	padding:0;
	position:relative;
}

#top_header h1{
	text-indent:-9999px;
}

#top_header .h_link {
  position:absolute;
  top:0px;
  left:0px;
	width:372px;
	height:105px;
	z-index:15;
}

#top_header .h_link .links a{
  position:absolute;
  display:block;
  width:315px;
  height:87px;
  text-indent:-9999px;
  overflow:hidden;
}

#top_header .h_link .logo{
  top:15px;
  left:16px;
}

#top_header .h_link .message{
	position:absolute;
	bottom:-54px;
	right:-105px;
	width:346px;
	font-weight: bold;
	font-size: 16px;
}

#cnavi {
  position:absolute;
  top:0px;
  right:30px;
	margin:0;
	padding:0;
	line-height: 1px;
	font-size: 1px;
  z-index:13;
}

/* map_links
------------*/
#map_links {
	position:absolute;
	top:0px;
	left:0px;
	width:1010px;
	height:534px;
}

#map_links .anime_sakana{
	width:100px;
	height:85px;
	position:absolute;
	top:180px;
	left:60px;	
	}

#map_links ul li a {
  position:absolute;
  z-index:15;
  display:block;
  width:105px;
  height:67px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(../img/trans.gif);
}

#map_links ul li.link0 a {
  top:189px;
  left:220px;
  width:200px;
}

#map_links ul li.link1 a {
  top:170px;
  left:465px;
}

#map_links ul li.link2 a {
  top:280px;
  left:40px;
}

#map_links ul li.link3 a {
  top:260px;
  right:686px;
}

#map_links ul li.link4 a {
	top:297px;
	left:271px;
}

#map_links ul li.link5 a {
	top:232px;
	left:374px;
}

#map_links ul li.link6 a {
	top:285px;
	left:374px;
}

#map_links ul li.link7 a {
	bottom:94px;
	left:39px;
}


#map_links ul li.link8 a {
  bottom:20px;
  left:60px;
}

#map_links ul li.link9 a {
	bottom:102px;
	left:286px;
}

#map_links ul li.link10 a {
  bottom:161px;
  left:705px;
}

#map_links ul li.link11 a {
  width:140px;
  bottom:40px;
  left:215px;
}

#map_links ul li.link12 a {
  bottom:110px;
  left:180px;
}
#map_links ul li.link13 a {
	bottom:115px;
	left:399px;
}

/* rank
------------*/
#ranks {
  position:absolute;
  top:130px;
  left:0px;
  /top:390px;
}

#rank {
	position:relative;
	top:0px;
	left:0px;
}

#rank ul li {
  position:absolute;
  z-index:2;
  width:129px;
  height:81px;
  overflow:hidden;
}

#rank ul li.rank1 {
	top:302px;
	left:629px;
	font-weight: bold;
	line-height: 28px;
	font-size: 14px;
	/top:40px;
}

/* rank2
------------*/
#rank2 {
	position:relative;
	top:0px;
	left:0px;
}

#rank2 ul li {
  position:absolute;
  z-index:2;
  width:113px;
  height:81px;
  overflow:hidden;
}

#rank2 ul li.rank2 {
	top:300px;
	/top:45px;
	left:740px;
	/left:730px;
	line-height: 16px;
	font-size: 14px;
}

/* rank3
------------*/
#rank3 {
	position:relative;
	top:0px;
	left:0px;
}

#rank3 ul li {
  position:absolute;
  z-index:2;
  width:77px;
  height:81px;
  overflow:hidden;
}

#rank3 ul li.rank3 {
	top:300px;
	left:820px;
	line-height: 16px;
	font-size: 14px;
	/top:45px;
	text-align: right;
}

.text_ss {
    font-size:10px;
}

/* topleftarea
-------------*/
#topleftarea {
	margin:0;
	padding:0 0 0 32px;
	float:left;
	width: 633px;
	height: auto;
}

/* top
----------------------------------------------------------------------------- */
#top {
	margin:0;
	padding:0;
}


#top .wrap_box {
	width: 633px;
	margin: 0;
	padding: 0;
	overflow:hidden;
	background-image: url(../img/top_con_bg.gif);
	background-repeat: repeat-y;
	background-position: right top;
*	height: 100%;
	overflow: hidden;
}

#top .wrap_box_top {
	background-image: url(../img/top_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
*	height: 100%;
	overflow: hidden;
}

#top .wrap_box_bottom {
	background-image: url(../img/top_con_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
*	height: 100%;
	overflow: hidden;
	min-height:300px;
	padding: 30px 15px 20px 70px;
}

#top .wrap_box_bottom .entry_wrap {
	clear: both;
	border-bottom: 1px dotted #CCCCCC;
	padding: 5px 5px 20px;
	margin-bottom: 20px;
*	height: 100%;
	overflow: hidden;
}

#top .wrap_box_bottom .entry_wrap .img_left {
    margin:10px 20px 0 0;
	padding:0;
	float:left;
}

#top .wrap_box_bottom .entry_wrap .img_left img {
	border:#DFD7BD 10px solid;
}

#top #gaido{
	padding:20px 0px 20px 40px;
	}
#top #gaido .gaido_wrap{
	background-image:url(../img/guido_bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #gaido .gaido_wrap_top{
	background-image:url(../img/guido_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #gaido .gaido_wrap_bottom{
	background-image:url(../img/guido_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
*	height:100%;
	padding: 20px 10px 20px 40px;
}

#top #gaido .gaido_wrap_bottom div{
	width:325px;
	float:left;
	padding: 5px;
	overflow: hidden;
*	height:100%;
	background-image: url(../img/gaido_bk.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 92%;
	line-height: 180%;
	}

#top #gaido .gaido_wrap_bottom div img{
	width:55%;
	float: left;
	padding-right: 15px;
	}

#top #gaido .gaido_wrap h2{
	text-indent:-9999px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/h2_gaido.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 96px;
	width: 170px;
	float: left;
	}

#top #gaido .text_gaido{
	font-size:88%;
	text-align:right;
	margin: 0px;
	padding: 0px;
	}

#top #gaido{
	padding:20px 0px 20px 40px;
	}
#top #gaido .gaido_wrap{
	background-image:url(../img/guido_bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #gaido .gaido_wrap_top{
	background-image:url(../img/guido_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #gaido .gaido_wrap_bottom{
	background-image:url(../img/guido_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
*	height:100%;
	padding: 20px 10px 20px 40px;
}

#top #gaido .gaido_wrap_bottom div{
	width:325px;
	float:left;
	padding: 5px;
	overflow: hidden;
*	height:100%;
	background-image: url(../img/gaido_bk.gif);
	background-repeat: repeat;
	background-position: left top;
	font-size: 92%;
	line-height: 180%;
	}

#top #gaido .gaido_wrap_bottom div img{
	width:55%;
	float: left;
	padding-right: 15px;
	}

#top #gaido .gaido_wrap h2{
	text-indent:-9999px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/h2_gaido.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 96px;
	width: 170px;
	float: left;
	}

#top #gaido .text_gaido{
	font-size:88%;
	text-align:right;
	margin: 0px;
	padding: 0px;
	}
	
	
/*滋賀県南郷水産センター*/
	
	#top #nangou{
	background-color:#FFFFDB;
	width:592px;
	margin-left:40px;
	margin-top:20px;
	clear:both;
	}
#top #nangou .gaido_wrap{
	background-image:url(../img/guido_bk.gif);
	background-repeat: repeat-y;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #nangou .gaido_wrap_top{
	background-image:url(../img/guido_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
*	height:100%;
}

#top #nangou .gaido_wrap_bottom{
	background-image:url(../img/guido_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
*	height:100%;
	padding: 20px 10px 20px 20px;
}

#top #nangou .gaido_wrap_bottom .title{
	background-image:url(../img/nangou_title.gif);
	background-repeat: no-repeat;
	background-position:left top;
	height:109px;
	width:231px;
	text-indent:-9999px;
	margin-bottom:5px;
}


#top #nangou .gaido_wrap_bottom .left{
	float:left;
	width:230px;
	margin-top:10px;
}

#top #nangou .gaido_wrap_bottom .left .gaiyo{
	background-image:url(../img/nangou_gaiyo.gif);
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	height:72px;
	margin-bottom:5px;
}

#top #nangou .gaido_wrap_bottom .left .link{
	background-image:url(../img/nangou_link.gif);
	background-repeat: no-repeat;
	background-position:left top;
	text-indent:-9999px;
	height:20px;
	width:180px;
	}

#top #nangou .gaido_wrap_bottom .left .link a{
	display:block;
	height:20px;
	width:180px;
	margin-top:-10px;
}


#top #nangou .gaido_wrap_bottom .right{
	float:right;
	width:320px;
	margin-top:10px;
}

#top #nangou .gaido_wrap_bottom .right .news{
	background-image:url(../img/nangou_news.gif);
	background-repeat: no-repeat;
	background-position:left top;
	height:24px;
	width:128px;
	text-indent:-20px;
}

#top #nangou .gaido_wrap_bottom .right .entry_wrap .img_left{
	float:left;
	width:160px;
}

#top #nangou .gaido_wrap_bottom .right .entry_wrap .s_rihgt{
	float:right;
	width:155px;
	text-align:left;
	font-size:88%;
	text-decoration:none;
}


/*滋賀県南郷水産センター end */
	
	
	
	
#top .con_title_02 {
    background:url(../top/img/top_title_bg_02.gif) no-repeat;
	width: 691px;
	height: 87px;
	margin: 0;
	padding: 0;
}

#top p.l_text_red {
	font-size:120%;
	margin:0;
	padding:20px 0 0 0;
	color: #DD3300;
	font-weight: bold;
}

#top .l_text {
	font-size:120%;
	margin:0;
	padding:0;
	font-weight: bold;
}

#top p {
    margin:0;
	padding:10px 0 0 0;
}

#top p.right_button {
    margin:0;
	padding:10px 20px 0 0;
	text-align:right;
}

#top img.img_left {
    margin:10px 20px 0 0;
	padding:0;
	border:#DFD7BD 10px solid;
	float:left;
}
/* toprightmenu
-------------*/
#toprightmenu {
	margin:0;
	padding:0 46px 0 21px;
	float:right;
	width: 278px;
	height: auto;
}

#toprightmenu .sied_bana {
    margin:20px 0 0 12px;
	padding:0;
}
#toprightmenu .side_bana_bg {
	margin:10px 0 0 0;
	padding:50px 60px 0 40px;
	background:url(../img/side_bana.jpg) no-repeat;
	width:160px;
	height:300px;
	font-size: 12px;
	color: #FFF;
	line-height: 16px;
}

#toprightmenu .side_bana_bg img a{
	border: 1px solid #FFFFFF;
	}

#toprightmenu .side_bana_bg a{
	color:#FFFFFF;
	}


/*top_side_cnavi_bg
------------------*/
#top_side_cnavi_bg {
	background:url(../img/top_sife_cnavi_bg.gif) no-repeat;
	width:258px;
	height:153px;
	margin: 0;
	padding: 26px 0 0 20px;
}

/*top_side_cnavi
--------*/
#top_side_cnavi {
    margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
	width:210px;
	height:147px
}

#top_side_cnavi ul {
	margin:0;
	padding:0;
	width:210px;
	height:147px;
	background:#FFF;
	line-height:0;
	list-style-type:none;
}

#top_side_cnavi li {
	margin:0;
	padding:0;
	line-height:0;
}

#top_side_cnavi a {
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-9999px;
    overflow:hidden;
}

#top_side_cnavi a:hover {
	text-decoration:none;
}

#top_side_cnavi a.btn1 {	height:53px;	background:url(../img/side_cnavi.gif) no-repeat 0 0;}
#top_side_cnavi a.btn1:hover {	background:url(../img/side_cnavi.gif) no-repeat -210px 0;}

#top_side_cnavi a.btn2 {	height:45px;	background:url(../img/side_cnavi.gif) no-repeat 0 -53px;}
#top_side_cnavi a.btn2:hover {	background:url(../img/side_cnavi.gif) no-repeat -210px -53px;}

#top_side_cnavi a.btn3 {	height:49px;	background:url(../img/side_cnavi.gif) no-repeat 0 -98px;}
#top_side_cnavi a.btn3:hover {	background:url(../img/side_cnavi.gif) no-repeat -210px -98px;}