/*
	---------------------------------------------------------------
		高知缶詰株式会社 WEBサイト 2009 Feb. リニューアル
	---------------------------------------------------------------
*/


/*	基本設定	*/

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

body {
	margin: 15px 0;
	padding: 0;
	background: #e6e2d5;
	font-size: 80%;
	color: #424242;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #000000;
}

h2 {
	margin-bottom: 10px;
	border-bottom: 1px solid #F4F4F4;
}

h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 16px;
	border-bottom: 1px solid #F4F4F4;
}

p, ol, ul, blockquote {
	line-height: 1.6;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

a {
	color: #EC5600;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}


/* Header */

#header {
	position:relative;
	width: 850px;
	height: 130px;
	margin: 0 auto;
	background: #333;
}

#seven {
	position:absolute;
	right:20px;
	top:18px;
}

#logo {
	position:absolute;
	height: 115px;
	padding: 0 0 0 0;
	left:20px;
	top:20px;
}

		#logo * {
			text-decoration: none;
		}
		
		#logo h1 {
			padding: 0 0 0 0;
			font-size: 150%;
			color:#FFFFFF;
			font-weight:normal;
		}
		
#header h2 {
	position:absolute;
	right:20px;
	top:68px;
	font-size:110%;
	color:#ededed;
}


/* Menu */
		
#menu {
	position:absolute;
	top:100px;
	right:19px;
	bottom:0px;
	height:auto;
	padding: 0px 0px 0 0;
}

		#menu ul {
			padding:0;
			margin:0;
			list-style: none;
		}
	
		#menu ul li {
			display:block;
			float: left;
			width: 135px;
			padding: 5px 0 0 0 ;
			height: 25px;
			text-align:center;
			background-color:#ededed;
			background:url(../image/common/bg_topmenu.gif) top center;
		}

		#menu ul li a{
			display:block;
			width: 100%;
			font-weight:bold;
			text-decoration:none;
			color:#424242;
			cursor: default;
		}

		#menu ul li a:hover{
		}
		
				#menu ul ul {
					z-index:500;
					margin-top:4px;
					
				}
				#menu ul ul li {
					float: none;
					background: #ddd;
					font-size: 90%;
					line-height:1.1em;
					padding: 0px 0 10px 0 ;
					background:url(../image/common/bg_topmenu_pulldown.gif) bottom center ;
				}
				#menu ul ul li a {
					font-weight:normal;
					text-decoration:none;
					padding: 10px 0 10px 0 ;
					cursor:pointer;
				}
				#menu ul ul li a:hover {
					background: ;
					text-decoration:none;
					padding: 10px 0 10px 0 ;
					color:#cc3300;
				}
				#menu ul li.parent ul {
					display: none;
				}
				#menu ul li.parentOn ul {
					display: block;
				}
				


/* Splash */

#splash {
	width: 850px;
	height: 240px;
	margin: 0 auto;
	background: url(../image/img5.gif) repeat-x left bottom;
}

/* Content */

#content {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 25px 25px 0px 25px;
	background: #FFFFFF url(../image/img9.gif) no-repeat left bottom;
}

#colOne {
	float: right;
	width: 590px;
}

.section {
	background: url(none) no-repeat right bottom;
	}
	
.fhoto {
	float:left;
}	


#colOne h2 {
	background: url(../image/img5.gif) repeat-x;
		font-size: 18px;
}

#colOne p {
	font-size: 120%;
	padding: 0 10px 0px 10px ;
	margin:5px 0 5px 0;
}

#colTwo {
	float: left;
	width: 185px;
	padding: 5px 0 0 0;
}

#colTwo ul{
	line-height:0;
}


#com_info {
	clear:both;
	height:140px;
	padding:15px;
	border-top:#ca000c solid 6px;
	background: url(../image/com_info_bg.gif) repeat-x top;
}

#com_info p {
	color: #555;
	line-height: 120%;
	margin:5px 0 5px 0 ;
	padding:5px 0 5px 0 ;
}

#com_info img {
	border: none;
	float: left;
	margin: 0 9px 3px 0;
}

/* Footer */
#footer-menu { 
	clear: both;
	text-align: center;
	padding: 0 ;
	margin: 0;
	border-top: 1px solid #ccc;
}
#footer {	
	text-align: center;
	color: #777777;
	font-size:95%;
	padding:8px;
}

#footer p {

}

#footer a {
	color: #5D5D5D;
}


/* 追加 */

.banner {
	margin:3px 0 3px 0 ;
}

.top-news ul li{
	padding: 0 0 0 15px ;
}
.emp01 {
	padding:2px ;
	background-color: #FFFF99;
	color:#333333;
	font-weight:bold;
}
.emp02 {
	padding:4px ;
	font-size:130%;
	background-color: #FFCCFF;
	color:#333333;
	font-weight:bold;
}
.emp03 {
	padding-bottom: 2px ;
	border-bottom:#666666 1px dotted ;
	font-weight:bold;
}