/*
	---------------------------------------------------------------
		高知缶詰株式会社 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 */
#splash {
	width: 850px;
	height: 240px;
	margin: 0 auto;
	background: url(../image/img5.gif) repeat-x left bottom;
}
#header_belt {
	width: 830px;
	height: 20px;
	margin: 0 auto;
	background: #ca000c;
	border-bottom:#666 solid 4px;
	text-align: right;
	padding:10px 15px 10px 5px;
	color:#eee;
	font-weight:bold;

}
		#header_belt img {
			float:left;
			margin:0 0 0 10px ;
		}
		#header_belt a {
			color:#FFF ;
			text-decoration: none;
		}
		#header_belt a:hover {
			color:#ffd700 ;
		}

/* Content */
#content {
	width: 795px;
	margin: 0 auto 0 auto;
	padding: 30px 25px 0px 30px;
	background: #FFFFFF url(../image/img9.gif) no-repeat left bottom;
}
#colOne {
	float: right;
	width: 570px;
	padding-bottom:20px;
}
.section {}
.section ul{
	margin: 0 0 0 30px ;
	}
.section_kuri {
	background: url(../image/sidetest01.jpg) no-repeat right bottom;
}
#colOne h2 {
	background: url(../image/img5.gif) repeat-x;
		font-size: 24px;
}
#colOne h3 {
	height:30px;
	padding: 8px 0 0 35px ;
	margin: 0 0 0 10px ;
	background: url(../image/kasho/h3_bg.gif) no-repeat top left ;
	font-size: 15px;
	font-weight:bold;
	color:#FFFFFF;
}
#colOne h4 {
	height:25px;
	padding: 5px 0 0 15px ;
	margin: 0 50px 0 20px ;
	background: url(../image/img5.gif) repeat-x;
	font-size: 15px;
	font-weight:bold;
	color:#333333;
}
#colOne p {
	font-size: 110%;
	padding: 0 20px 0 20px ;
}
#colTwo {
	float: left;
	width: 185px;
	padding: 0px 0 0 0;
}
#colTwo #info{
	margin:0 0 5px 0;
}
#colTwo ul {
/*	line-height: 14px; */
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#colTwo h2 {
	background: url(../image/img5.gif) repeat-x;
	font-size: 24px;
}
#side_info p {
	font-size: 95%;
	line-height: 16px;
}
#com_info {
	clear:both;
	height:20px;
	text-align:right;
	padding:15px;
	border-top:#ca000c solid 6px;
	background: url(../image/com_info_bg.gif) repeat-x top;
}

/* 追加 */
#contents_mainimg {
	padding:0 0 15px 0 ;
}
dl{
	margin-bottom:25px;
}
dt{
	font-weight:bold;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:25px;
	margin-right:100px;
	margin-left:20px;
	border-bottom: #e6e2d5 solid 4px;
	background:url(../image/listmark_kuri18.gif) no-repeat center left ;
}
dd{
	padding:5px 0px 0px 20px;
}
#history { }

#history dt {
	padding-left:25px;
	background:url(../image/listmark_kuri18.gif) no-repeat center left ;
	margin-bottom:15px;
}
#history dd {
	padding:2px 0 2px 25px ;
	text-indent: -15px ;
	margin-bottom:10px ;
	border-left: #e6e2d5 solid 8px;
}
.dd_listmark {
	color:#ca000c;
}
#footnavi {
	margin:0;
	padding:0 ;
}
#footnavi li {
	display:inline;
	margin:0 ;
	padding:0 7px 0 7px ;
	border-right: 1px solid #999 ;
	list-style-type:none ;
}
.products_table {
	margin:10px 30px 10px 20px
}
.products_table td {
	font-size:90%;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.products_table p {
	line-height:16px;
	padding:2px 0 2px 25px ;
	text-indent: -15px ;
	margin:0px 0px 10px 15px ;
	border-left: #e6e2d5 solid 8px;
}
#products h3 {
	font-size:120%;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:35px;
	margin-right:20px;
	margin-left:20px;
	background:url(../image/listmark_kuri24.gif) no-repeat center left ;
	border-bottom: #e6e2d5 solid 4px;
	color:#333333;
}
#products h4 {
	font-size:120%;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:5px;
	padding-left:70px;
	margin-right:20px;
	margin-left:20px;
	background:url(../image/listmark_kuri50.gif) no-repeat center left ;
	border-bottom: #e6e2d5 solid 4px;
	color:#333333;
}
#footer-menu { 
	clear: both;
	text-align: center;
	padding: 0 ;
	margin: 0;
	border-top: 1px solid #ccc;
}
.section h5 {
	font-size:120%;
	margin: 0 0 0 30px;
	padding: 0;
	text-transform: lowercase;
	font-weight: bold;
	color: #000000;
}
.products-s , .products-s td a {
	text-align:center;
	text-decoration:none;
}
.products-s td a:hover {
	text-decoration:underline;
}
.banner {
	margin:3px 0 3px 0 ;
}
#faq {
	font-size:110%;
	margin:0 0 20px 0 ;
	line-height:1.2;
}
			#faq ul {
				margin:0 50px 10px 50px ;
				padding:0 0 5px 0 ;
				border-bottom: #666 1px dotted ;
			}
			#faq ul li {
				padding:0px 0px 0px 33px ;
				margin:4px 0 4px 0px ;
				list-style-type:none;
				font-size:100%;
				font-weight:normal;
				letter-spacing:none;
				color: #666666 ;
				background: url(../image/listmark_Q.gif) left center no-repeat;
			}
			#faq ul li a {
				text-decoration:underline;
			}
			#faq ul li a:hover{
				text-decoration:none;
				color:#FF6600;
			}
			
						/* 回答欄
						---------------------------------------------*/
						#faq dl {
							margin:10px 30px 0px 20px ;
						}
						#faq dl dt {
							margin:3px 0px 2px 0 ;
							padding:5px 0 8px 30px ;
							border-bottom: #666 1px dotted ;
							color:#666666;
							font-weight:bold;
							background: url(../image/listmark_Q.gif) left top no-repeat;
						}
						#faq dl dd {
							margin:3px 0 20px 0px ;
							padding:2px 0 3px 30px ;
							background: url(../image/listmark_A.gif) left top no-repeat;
						}
.gototop {
	margin: 5px 0 10px 0 ;
}
.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;
}
#processing table{
	margin:0px 0 10px 10px ;
}
#processing table td{
	padding: 3px 0 3px 0;
}

/* テーブルデザイン
---------------------------------------------*/
caption {
	padding: 3px 0 2px 0 ;
	font-size:130%;
}

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

/* テーブル
---------------------------------------------*/
.inquiry {
	margin: 15px auto 20px auto ;
	border: #eeeeee 0px solid ;
	width: 95% ;
	border-top: #ccc 8px solid ;
	border-bottom: #ccc 8px solid ;
}
		.inquiry td {
			text-align:center;
			padding:6px;
			margin:0;
			border: #ccc 1px solid ;
		}

/* カタログのテーブル
---------------------------------------------*/
.catalog {
	margin:8px 0px 8px 0px;
}
		.catalog td{
			padding:5px 5px 5px 5px ;
			vertical-align:top;
		}	
		.catalog th{
			width:120px;
			padding:5px 5px 5px 5px ;
			text-align:left;
			vertical-align:top;
		}

/* テキストボックステーブル
---------------------------------------------*/
.textbox {
	margin: 0 auto 0 auto ;
	width:90%;
	border:#FF6600 3px solid ;
}
.textbox td {
	padding: 8px ;
}
.textboxB {
	margin: 0 auto 0 auto ;
	width:90%;
	border: #33CCFF 5px solid ;
}
.textboxB td {
	padding: 15px ;
	font-size:130% ;
}

/* 設備テーブル
---------------------------------------------*/
.machine {
	width:90%;
	margin: 0 0 0 50px ;
}
.photo {
	float: left ;
	width: 260px ;
	padding: 0px ;
}
.intro {
	float: right ;
	width: 235px ;
	padding: 0px 0 0 0 ;
	}
.clear {
	clear:both;
}
.more {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../image/more.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}

.more2 {
	padding:2px 0px 2px 47px ;
	border-bottom:dotted #999 1px;
	margin:0px 5px 0px 5px ;
	background: url(../image/more.gif) left center no-repeat;
	font-weight:normal;
	font-size:100%;
	text-decoration:none;
}
.catch {
	text-align:center;
	font-size:130%;
	font-weight:bold;
	color:#FF0000;
	margin:auto;
	padding:2px 4px 2px 4px;
	text-decoration:underline;
}

/* 「製品選定ガイド」ページ
---------------------------------------------*/
#col-wide {
	width: 100%;
	padding-bottom:20px;
}
#col-wide .section h2{
	background: url(../image/img5.gif) repeat-x;
	font-size: 20px;
	padding:10px 0 10px 5px;
	margin:0 20px 0 15px;
}