@charset 'utf-8';
@import url("./common.css");

@charset 'utf-8';

/* ==================================================
  INDEX common.css
 ----------------------------------------------------
 link
  1.main
  2.header
  3.contents
  4.footer
  5.other
    5-1.line
    5-2.color
    5-3.background
    5-4.position
================================================== */

/* 1.main
================================================== */
#main{
	width		: 950px;
	margin		: 0 auto;
	text-align	: left;
	}

.pagetop{
	margin		: 20px;
	text-align	: right;
	clear		: both;
	}
	


/* 2.header
================================================== */
#header{
	padding		: 0 5px;
	}

h1{
	margin		: 5px 5px -1px 70px;
	font-weight	: normal;
	}


#logo{
    float		: left;
	margin		: 6px 10px 0 65px;
	}

#tel{
	float		: right;
	margin      : -2px 65px 15px;
	}

/* 2-1.header_menu
------------------------------------*/
#header_menu {
	width:350px;
	margin:-12px 60px 30px 0;
	float:right;
}	

#header_menu p{
	color:#056CCB;
	letter-spacing:1px;
	font:12px;
	float:right;
	font-weight	: bold;
	background:url(../img/menu_icon.gif) no-repeat top left;
}

#header_menu a:link {   
	color		: #056CCB;
	text-decoration	: none;
	}  
	
#header_menu a:visited {  
	color		: #056CCB;
	text-decoration	: none;
	}
	
#header_menu a:hover {  
	color		: #056CCB;
	}
	
#header_menu a:active {  
	color		: #056CCB;
	}
	
	
/* 3.contents
================================================== */
#contents{
	width		: 800px;
	margin		: 0 76px;
	}

/* 3-1.top_img
=====================================*/
#top_img{
	clear		: both;
	}

#header_img img{
	vertical-align	: bottom;
	}

#header_img ul{
	margin		: 0;
	padding		: 0;
	}

#header_img li{
	float	: left;
	}

/* 3-2.top_info
=====================================*/
.top_info{
    margin		: 5px 0 15px 40px;
	font-size	: 10px;
	}

/* 3-3.side
=====================================*/
#side{
	width		: 185px;
	float		: left;
	}
	
#side ul{
	margin		: 0;
	padding		: 0;
	}

#side li{
	margin-bottom : 5px
	}
	
/* 3-4.sideR
=====================================*/
#sideR{
	width		: 610px;
	float		: left;
	margin-left	: 5px;
	}

/* 3-5.news
=====================================*/	
.top_news{
	width		: 300px;
	color		: #fffff0;
	margin-bottom	: 10px;
	float		: left;
	border		: solid 1px #999;
	background	: url("../img/bg_short.gif") top left repeat-y #014995;
	}
	
.top_joho{
	width		: 300px;
	color		: #fffff0;
	float		: left;
	margin-left	: 5px;
	border		: solid 1px #999;
	background	: url("../img/bg_short.gif") top left repeat-y #014995;
	}

.top_fishing{
@@width		: 606px;
	height		: 168px;
	color       : #FFF;
	float		: left;
	margin-bottom	: 5px;
	border		: solid 1px #FFF;
	background	: url("../img/bg_menu2.jpg") top repeat-y;
	}

.top_fishing h2{
	margin		: 1px 3px 2px 3px;
	float		: left;
	}
	
		
.top_fishing p{
	margin		: 10px 3px;
	width		: 285px;
	float		: right;
	font-size	: 13px;
	}

.top_fishing strong{
	color       : #F7FF18;
	font-size	: 24px;
	font-weight	: bold;
	}

.top_news h2,
.top_joho h2{
	margin		: 1px 0 5px 0;
	}
	
.top_news ul,
.top_joho ul{
	margin		: 5px 10px;
	}
	
.top_news a:link {   
	color		: #FFF;
	}  
	
.top_joho a:link {   
	color		: #FFF;
	}  
	
.top_fishing a:link {   
	color		: #FFF;
	}  
	
.top_news a:visited {   
	color		: #FFF;
	}  
	
.top_joho a:visited {   
	color		: #FFF;
	}  
	
.top_fishing a:visited {  
	color		: #FFF;
	}
	
.top_news a:hover {  
	color		: #FFF;
	text-decoration	: none;
	}
	
.top_joho a:hover {  
	color		: #FFF;
	text-decoration	: none;
	}
	
.top_fishing a:hover {  
	color		: #FFF;
	text-decoration	: none;
	}
	
.top_news a:active {  
	color		: #FFF;
	} 
	
.top_joho a:active {  
	color		: #FFF;
	} 
	
.top_fishing a:active {  
	color		: #FFF;
	} 
	
.fish{
	margin		: 0 0 25px 10px;
	}

.ed{
	float		: right;
	margin		: 8px 10px 0 auto;
	}

.new{
	float		: left;
	margin		: 10px 3px auto 5px;
	}

.top_zukan{
	width		: 300px;
	height      : 123px;
	margin-bottom	: 10px;
	float		: left;
	background	: url("../img/bg_zukan.jpg") top left repeat-y ;
	}

.top_zukan p{
    width		: 125px;
	float		: right;
	margin		: 35px 3px;