@charset "utf-8";
/*
	-------------------------------------------------------------------
		高知缶詰株式会社 WEBサイト 2011.02 リニューアル
		トップページ
		NEW DESIGN Kochi-Kanzume, Scripted by Conceptbox. Feb. 2011
	-------------------------------------------------------------------
*/

/* リンクCSS
---------------------------------------------*/
@import "js/vtip.css" ;
@import "js/vtip_display_none_comment_out.css" ;
@import "jqFancyTransitions.css" ;
@import "js/s3slider.css" ;
@import "js/coda-slider-2.0.css" ;

/* 基本設定
------------------------------------------------------------------ */
* {
	margin:0px;
	padding:0px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;
}
html {
	background:#dedede;
}
body {
	margin:0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(../img/share/bg-body.gif) top repeat-x;
	font-size: 90%;
	color: #424242;
	letter-spacing:0.05em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
p, ol, ul {
	line-height: 1.4;
}
blockquote {
	margin:0 20px 0 20px;
}
a {
	color: #036;
	text-decoration:underline;
}
	a:hover {
		color: #39c;
		text-decoration:none;
	}
img {
	border: none;
}
strong {
	font-weight:bold;
}

/* clearfix
------------------------------------------------------------------ */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* floatをクリア */
.clear {
	clear:both;
}

/* 基本レイアウト
------------------------------------------------------------------ */
#container {}
#header {
	position:relative;
	z-index:200;
	width: 950px;
	height: 150px;
	margin: 0 auto;
	background: #fff;
}
#m-img {
	z-index:100;
	position:relative;
	width: 950px;
	height:221px;
	margin: 0px auto;
	background:#FFF;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}
#contents {
	width: 950px;
	padding:15px 0 20px 0 ;
	margin: 0px auto;
	background:#FFF;
}
	#contents #left{
		float:left;
		width:300px;
		padding:0 0px 0 0px;
	}
	#contents #left img {
		margin:0 0 5px 0;
		}
	#contents #right{
		float:right;
		width:600px;
		padding:0 15px 0 0px;
	}
#footer {
    width:100%;
	margin: 0px;
	background:#dedede;
	padding-bottom:20px;
}
	#footer-cont {
		width: 950px;
		padding:10px 0 0 0 ;
		margin: 0px auto 0px auto;
	}
	#footer-cont #footer-left{
		float:left;
		width:300px;
		height:120px;
		padding:0 0 0 8px;
		border-left:#999 1px solid;
	}
	#footer-cont #footer-center{
		float:right;
		width:300px;
		height:120px;
		padding-left:0px;
		border-left:#999 1px solid;
		text-align:center;
	}
	#footer-cont #footer-right{
		float:right;
		width:300px;
		height:120px;
		border-left:#999 1px solid;
		border-right:#999 1px solid;
		text-align:center;
	}


/* ヘッダー
------------------------------------------------------------------ */
#header #siteID {
	position:absolute;
	height: auto;
	padding: 0;
	left:0px;
	top:12px;
	z-index:150;
}
	#siteID h1 {
		color:#424242;
		font-size:13px;
	}
	#siteID h1 a{
		color:#424242;
		text-decoration:none;
		cursor: default;
	}
	#header h2 {
		position:absolute;
		right:0px;
		top:68px;
		font-size:15px;
		color:#424242;
	}
#seven {
	position:absolute;
	right:2px;
	top:18px;
}

#header #s-nav  {
	position:absolute;
	top:45px;
	right:35px;
	margin: 0px;
	padding: 0px;
	color: #424242;
	font-size:90%;
	letter-spacing:0.0;
	width: auto;
	height: 20px;
	z-index:120;
}
		#header #s-nav ul {
			list-style:none;
			margin: 0px;
			padding: 0px;
		}
		#header #s-nav ul li {
			float:left;
			padding:0 7px 0 7px ;
			margin:0;
			border-left: #424242 solid 1px ;
		}
		#header #s-nav ul .n-right {
			border-right: #424242 solid 1px ;
		}
		#s-nav a {
			color: #424242;
			text-decoration:none;
		}

/* ヘッダーのメインナビゲーション
---------------------------------------------*/
#header #m-nav {
	position:absolute;
	top:105px;
	left:0px;
	border-left:#ddd solid 1px;
}
	#m-nav ul {
		padding:0;
		margin:0;
		list-style:none;
	}
	#m-nav ul li {
		display:block;
		text-align:center;
		font-size:12px;
		font-weight:bold;
		float:left;
		width:157px;
		height:35px;
		margin:0;
		background:url(../img/share/bg-menu.gif) top repeat-x;
		border-right:#ddd solid 1px;
		border-top:#ddd solid 1px;
		border-bottom:#ddd solid 1px;
	}
		#m-nav ul li.top{
			border-left:#ddd solid 1px;
		}
	#m-nav ul li a {
		display:block;
		width:100%;
		height:25px;
		color:#424242;
		text-decoration:none;
		padding:10px 0 0 0 ;
		margin:0;
	}
	#m-nav ul li a:hover {
		cursor:default;	
	}
			#m-nav ul .current{
				list-style:none;
				text-align:center;
				font-weight:bold;
				color:#424242;
				float: left;
				width:130px;
				height:39px;
				background:url(../img/share/bg-menu.gif) top repeat-x;
				padding:13px 0 0 0 ;
			}
		#m-nav ul ul {
			margin-top:0px;
		}
		#m-nav ul ul li {
			float: none;
			background: #036;
			opacity: 0.8;
			filter: alpha(opacity=80);
			border-bottom: #fff 1px solid;
		}
		#m-nav ul ul li a {
			cursor:pointer;
			color:#FFF;
		}
		#m-nav ul ul li a:hover {
			color: #09F;
			cursor:pointer;
		}
		#m-nav ul li.parent ul {
			display: none;
		}
		#m-nav ul li.parentOn ul {
			display: block;
		}

/* ボディ右サイド　#contents #right
------------------------------------------------------------------ */
#right h2{
	margin:0;
	padding:10px 10px 7px 10px ;
	background:#ebebeb;
	border:#bbb solid 1px;
	border-bottom:#bbb solid 5px;
	font-size:13px;
	font-weight:bold;
}
ul.news {
	margin:15px 0 0 10px;
	list-style:none;
}
	ul.news li{
		margin:0 10px 5px 0;
		padding:0 0 5px 0;
		font-size:12px;
		font-weight:normal;
		line-height:1.2;
		border-bottom:#bbb solid 1px;
		}
	ul.news li a{
		color:#036;
		text-decoration:none;
	}
	ul.news li a:hover{
		color:#39c;
	}
span.date a{
	font-size:12px;
	font-weight:bold;
	color:#036;
	text-decoration:none;
}

/* ボディ左サイド　#contents #left
------------------------------------------------------------------ */
#left h2{}

/* フッター
------------------------------------------------------------------ */
#footer {
	clear:both;
}
	#credit {
		text-align:center;
		font-size:11px;
		margin:0px 0 0 0;
		padding:15px 0 0 0;
	}

/* フッターのコンテンツ
------------------------------------------------------------------ */
#footer-cont #left {}
address {
	line-height: 1.2;
	font-style:normal;
	font-size: 11px;
}
address strong{
	font-size:13px;
	line-height: 1.5;
}

/* テーブル各種
------------------------------------------------------------------ */
/* 基本のテーブル
---------------------------------------------*/
.tbl-basic {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
.tbl-basic td, .tbl-basic th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-basic th{
	background:#ededed;
}

/* 透明テーブル
---------------------------------------------*/
.tbl-trans {
	border-collapse:collapse;
	text-align:left;
	font-size:90%;
	margin:5px auto 0 auto;
	border:#666666 1px solid;
}
.tbl-trans td, .tbl-trans th{
	border:#666666 1px solid;
	padding:3px;
}
.tbl-trans th{
	background:#ededed;
}


/* 基本のリスト
---------------------------------------------*/
ul.b-list {
	margin:0px 50px 15px 30px ;
	padding:0 0 5px 0 ;
/*	border-bottom: #666 1px dotted ; */
}
	ul.b-list li {
		padding:0px 0px 0px 20px ;
		margin:10px 0 8px 0px ;
		list-style-type:none;
		font-size:100%;
		font-weight:normal;
		letter-spacing:none;
		color: #666666 ;
		background: url(../img/common/listmark02.gif) left center no-repeat;
	}
	ul.b-list li a {
		text-decoration:underline;
	}
	ul.b-list li a:hover{
		text-decoration:none;
		color:#FF6600;
	}
	ul.b-list .list-sub {
		margin:10px 0 8px 30px ;
	}

/* テキスト装飾ほか
------------------------------------------------------------------ */
.font80 {
	font-size:80%;
}
.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../img/common/link.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.pdf {
	padding:6px 30px 2px 0px ;
	border-bottom:dotted #999 1px;
	margin:2px 5px 0px 5px ;
	background: url(../img/common/pdf02.gif) right bottom no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}