@charset "utf-8";

/* -----------------------------------------

INFORMATION

FileName:	about.css
Summary:	about private
Created:	2008-04-15
UpdatedBy:	2008-04-16
Copyright:	(c)2008 SIGG

--------------------------------------------

/* SIGGについて共通
--------------------------- */
h3 {
	margin:0 0 15px 0;
}

h3.first {
	margin:0 0 15px 0;
	padding:9px 0 0 0;
}

.unit {
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background:url(../../common/images/lin_dot.gif) repeat-x bottom;
} 

.unit img.layout-right {
	margin-bottom:0;
}


/* SIGGについて
--------------------------- */
.about img.layout-right {
	float:right;
	margin:0 0 0 15px;
}


/* SIGGの歴史
--------------------------- */
.history-img {
	clear:both;
	margin:20px 0 0 0;
}

.collection {
	float:right;
	width:420px;
}

.collection a {
	display:block;
	border:#DADADA 6px solid;
}

.collection a:hover {
	border:#fb0000 6px solid;
}

#collecitonlist {
	margin:0 0 20px 0;
	padding:1px 0;
	border-top:#000000 4px solid;
	border-bottom:#000000 4px solid;
}

#collecitonlist li {
	float:left;
	padding-right:1px;
}

#collecitonlist li.last {
	padding:0;
}

/* 製造方法
--------------------------- */
.bottle {
	min-height:691px;
	background: url(../images/pht_bottle101.jpg) 0 5em no-repeat;
}

.process-box {
	width:342px;
	margin:0 0 18px 256px;
	padding:0 0 10px 0;
	background:url(../images/bg_boxbtm.gif) bottom no-repeat;
	line-height:1.75;
	font-size:10px;
}

.middle {
	margin-bottom:14px;
}

.process-box-inner {
	background:url(../images/bg_boxtop.gif) top no-repeat;
}

.process-box p {
	padding:13px 16px 0;
}

#processimg {
	padding:5px 0 0 0;
	text-align:center;
}

#to-cap {
	width:342px;
	margin:0 0 0 256px;
	padding:10px 0 0 0;
}

#to-cap a {
	display:block;
	border:#adadad 4px solid;
}

#to-cap a:hover {
	border:#fb0000 4px solid;
}

#to-cap a:active {
	border:#fb0000 4px solid;
}

/* ボトルキャップ
--------------------------- */
.bottlecap h2,
.process h2 {
	padding-bottom:9px;
}

.bottlecap p.lead {
	margin:0 0 20px 0;
}

.bottlecap h4#spec {
	clear:both;
	padding:15px 0 8px 0;
	font-size:100%;
	font-weight:bold;
}

.bottlecap p#speclist {
	clear:both;
	font-size:100%;
	font-weight:bold;
}

.bottlecap .capbox {
	clear:both;
	width:615px;
	margin:0 0 7px 0;
	background:url(../images/bg_capbtm.gif) bottom no-repeat;
	font-size:10px;
}

.bottlecap .capbox-inner {
	background:url(../images/bg_captop.gif) no-repeat;
}

.capbox-left {
	float:left;
	width:304px;
}

.capbox-right {
	position:relative;
	float:right;
	width:304px;
}

.capbox-inner h4 {
	margin:20px 0 16px 16px;
}

.capbox-inner p {
	margin:0 16px 16px 16px;
}

.capbox-inner .layout-right {
	margin:18px 12px 8px 2px;
}

.capbox-inner .layout-right2 {
	position:absolute;
	top:0px;
	left:182px;
	margin:18px 12px 8px 0;
}

.capbox-inner p#newkids {
	margin-right:130px;
}

/* 会社概要
--------------------------- */
.company h3 {
	margin:40px 0 22px 0;
}

.company .layout-right {
	margin:0 0 0 15px;
}

.data {
	padding:3px;
	border:#cdcdcd 1px solid;
	background-color:#f9f9f9;
}

.company table {
	width:614px;
	background:url(../images/bg_table.gif) 0 3px repeat-y;
}

.company td {
	position:relative;
	padding:6px 8px 13px 0;
	vertical-align:middle;
	background: url(../images/bg_separate.gif) bottom repeat-x;	
}

.company th {
	width:108px;
	padding:6px 0 13px 17px;
	vertical-align:middle;
	background: url(../images/bg_separate.gif) bottom repeat-x;	
}

.company td.last {
	padding:2px 8px 2px 0;
	background:none;
}

.company th.last {
	padding:6px 8px 3px 17px;
	background:none;
}

.thumnail {
	position: relative;
	width:470px;
	text-align:right;
}

table#development th {
	width:125px;
	padding:6px 0 13px 8px;
	letter-spacing:-0.1em;
}

table#development td {
	padding:6px 8px 13px 0;
}

table#development td.right {
	text-align:right;
}