/* CSS Document */
* {
  margin: 0; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-decoration: none;
}
/* ---------------------------------------------------------- */
/* 全体構造 */
/* ---------------------------------------------------------- */
*html body {  /*IE6ハック*/
   overflow-y:auto;
}
*+html body {  /*IE7ハック*/
   overflow-y:auto;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
  margin: 0;
  padding: 0px;
  font-size: 100%;
  font-family: Verdana, ヒラギノ角ゴ Pro W3, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
  line-height: 100%;
	background: url(../image/bg_hed_top_line.gif) repeat-x;
  color: #444444;
	overflow-y: scroll;
}
#wrap {
  margin: 2px auto 0 auto;
  padding: 0;
  width: 900px;

}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
li {
  list-style: none;
}
img {
  border: none;
}
strong {
	font-weight: normal;
}
/* ---------------------------------------------------------- */
/* リンク設定 */
/* ---------------------------------------------------------- */
a:link { color: #006699; text-decoration: none;}
a:visited { color: #006699; text-decoration: none;}
a:hover, a:active { color: #FF0000; text-decoration: underline;}
aaa:hover img{ opacity:0.8; filter: alpha(opacity=80);}

/* ---------------------------------------------------------- */
/* ヘッダー */
/* ---------------------------------------------------------- */
#header {
  margin: 10px 0 0 0;
  padding: 0;
  height: 125px;
	background:url(../image/bg_hed_bottom_line.gif) repeat-x;
	background-position: bottom;
}
#hed-wrap {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 900px;
}

/* ---------------------- */
/* ロゴ */
/* ---------------------- */
#header h1 {
  height: 75px;
  width: 220px;
	background: url(../image/img_hed_logo.gif) no-repeat;
	float: left;
}
#header h1 a {
  /*\*/
  overflow: hidden;
  /**/
  width: 220px;
  height: 75px;
  display: block;
  text-indent: -9999px;
}

/* ---------------------- */
/* ヘッダー電話番号 */
/* ---------------------- */
#hed-tel {
	/*\*/
  overflow: hidden;
  /**/
	background: url(../image/img_hed_tel.gif) no-repeat;
	width: 300px;
	height: 75px;
	text-indent: -9999px;
	float: right;
}

/* ---------------------- */
/* ヘッダーメニュー */
/* ---------------------- */
#hed-menu {
  clear: both;
}

#hed-menu ul {
  margin: 0;
  padding: 0;
}
#hed-menu li {
	width: 150px;
  height: 50px;
  float: left;
}

/* ---------------------- */
/* 各ボタン設定 */
/* ---------------------- */
#hed-menu li#home {
	background: url(../image/btn_hed_home_off.gif) no-repeat;
}
#hed-menu li#carbonate {
	background: url(../image/btn_hed_carbonate_off.gif) no-repeat;
}
#hed-menu li#product {
	background: url(../image/btn_hed_product_off.gif) no-repeat;
}
#hed-menu li#case {
	background: url(../image/btn_hed_case_off.gif) no-repeat;
}
#hed-menu li#company {
	background: url(../image/btn_hed_company_off.gif) no-repeat;
}
#hed-menu li#contact {
	background: url(../image/btn_hed_contact_off.gif) no-repeat;
}

/* 各ボタンリンク設定 */
#hed-menu li a {
  /*\*/
  overflow: hidden;
  /**/
  text-indent: -9999px;
  width: 150px;
  height: 50px;
  display: block;
}

/* HOVER */
#hed-menu li#home a:hover {
  background: url(../image/btn_hed_home_on.gif) no-repeat;
}
#hed-menu li#carbonate a:hover {
	background: url(../image/btn_hed_carbonate_on.gif) no-repeat;
}
#hed-menu li#product a:hover {
	background: url(../image/btn_hed_product_on.gif) no-repeat;
}
#hed-menu li#case a:hover {
	background: url(../image/btn_hed_case_on.gif) no-repeat;
}
#hed-menu li#company a:hover {
	background: url(../image/btn_hed_company_on.gif) no-repeat;
}
#hed-menu li#contact a:hover {
	background: url(../image/btn_hed_contact_on.gif) no-repeat;
}

/* 選択状態保持 */
#hed-menu li#home02 {
  background: url(../image/btn_hed_home_on.gif) no-repeat;
}
#hed-menu li#carbonate02 {
	background: url(../image/btn_hed_carbonate_on.gif) no-repeat;
}
#hed-menu li#product02 {
	background: url(../image/btn_hed_product_on.gif) no-repeat;
}
#hed-menu li#case02 {
	background: url(../image/btn_hed_case_on.gif) no-repeat;
}
#hed-menu li#company02 {
	background: url(../image/btn_hed_company_on.gif) no-repeat;
}
#hed-menu li#contact02 {
	background: url(../image/btn_hed_contact_on.gif) no-repeat;
}

/* ---------------------------------------------------------- */
/* メインコンテンツ */
/* ---------------------------------------------------------- */
#cover {
	background: #d6f1ff;
	margin: 0 0 20px 0;
}
#top-img {
	margin: 0 auto 0 auto;
	padding: 0 0 1px 0;
	width: 900px;
}
/* トップページ枠 */
#main {
	width: 675px;
	margin: 0 0 40px 0;
	float: left;
}

/* セカンドページ枠 */
#sec-main {
	width: 665px;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 40px 0;
	float: left;
}

/* ---------------------- */
/* サイドナビ */
/* ---------------------- */
#side-navi-box {
	width: 222px;
	float: right;
}
#side-navi {
	width: 206px;
	border: 1px #dcdcdc solid;
	background: #F6F6F6;
	padding: 7px;
	margin: 0 0 10px 0;
}
.banner-box {
	margin: 0 0 10px 0;
}
#lbl-side-menu {
	background: url(../image/lbl_side_menu.gif) no-repeat;
	height: 23px;
	text-indent: -9999px;
}
#side-navi-in {
	border: 1px #dcdcdc solid;
	background: #FFF;
	padding: 10px;
}
#side-navi-in ul {
	margin: 0;
}
#side-navi-in li {
	padding: 0 0 14px 27px;
	font-size: 14px;
	background: url(../image/icon_arrow02.gif) no-repeat;
	background-position: 0 3px;
}
#side-navi-in li.faq {
	padding: 15px 0 14px 27px;
	font-size: 14px;
	background: url(../image/icon_arrow02.gif) no-repeat;
	background-position: 0 18px;
}
/* 第2階層 */
#side-navi-in li.sec {
	margin: -10px 0 0 0;
	padding: 0 0 14px 28px;
	font-size: 12px;
	background: none;
}

/* ラベル */
h2.h2lbl {
	background: url(../image/bg_h2lbl.gif) repeat-x;
	height: 22px;
	margin: 0 0 14px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 23px;
	color: #333;
}
/* ラベル 枠無しBOX 用 */
h2.h2lbl-non {
	background: url(../image/bg_h2lbl.gif) repeat-x;
	height: 22px;
	margin: 0 0 14px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 0 0 23px;
	color: #333;
	border-width: 0 1px 0 1px;
	border-color: #dcdcdc;
	border-style: solid;
}
/* ---------------------- */
/* トップページ */
/* ---------------------- */
/* トップカバー */
#top-img.cover_top01 {
	background: url(../image/cover_top02.jpg) no-repeat;
	height: 300px;
	padding: 0 0 1px 0;
	text-indent: -9999px;
}


/* ピックアップBOX */
.pic-box {
	border: 1px #dcdcdc solid;
	width: 213px;
	margin: 0 10px 20px 0;
	padding: 0 0 5px 0;
	float: left;
}
.pic-box-in {
	margin: 0 5px 0 5px;
	font-size: 12px;
	line-height: 1.3em;
}
.pic-box-img {
	width: 96px;
	background: #d6d6d6;
	float: left;
	margin: 0 7px 0 0;
}
.pic-box-img a {
	padding: 3px;
	display: block;
}
.pic-box-img a:hover {
	background: #FC6;
}
/* NEWS */
#news-box {
	clear: both;
	width: 665px;
}

/****************************/
/* News RSS Feed */
/****************************/
#feed {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}
#feed ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#feed li {
  padding: 3px 0 2px 15px;
  margin: 0 0 7px 0;
  font-size:12px;
  background: url(../image/icon_arrow01.gif) no-repeat;
	background-position: 2px 10px;
}

/* ---------------------------------------------------------- */
/* 炭酸泉とは */
/* ---------------------------------------------------------- */
h2.t-carbon {
	height: 35px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
}
#carbon01 {
	background: url(../carbonate/image/t_carbon01.gif) no-repeat;
}
#carbon02 {
	background: url(../carbonate/image/t_carbon02.gif) no-repeat;
}
#carbon03 {
	background: url(../carbonate/image/t_carbon03.gif) no-repeat;
	width: 325px;
}
#carbon04 {
	background: url(../carbonate/image/t_carbon04.gif) no-repeat;
	margin: 0 0 5px 0;
}

.grn-box {
	border: 1px #b3dece solid;
	background: #ebf7f2;
	padding: 10px;
	margin: 0 0 5px 0;
	color: #329e75;
}
.grn-box-lbl {
	font-weight: bold;
	padding: 0 0 2px 0;
	font-size: 16px;
}
/* ---------------------- */
/* 炭酸泉で健康になる */
/* ---------------------- */
#health01 {
	background: url(../carbonate/image/t_health01.gif) no-repeat;
}
/* 番号付きリスト */
dl.no-list {
	float: left;
	width: 665px;
}
dl.no-list dt {
	clear: both;
	float: left;
	width: 33px;
}
dl.no-list dd {
	float: left;
	width: 600px;
	padding: 0 0 0 10px;
	margin: 0 0 3px 0;
}
/* clearfix */
dl.no-list:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
dl.no-list {
	display: inline-block;
}
/* 炭酸泉 そのメカニズム */
#health-flow01 {
	background: url(../carbonate/image/img_flow01.gif) no-repeat;
	height: 450px;
	text-indent: -9999px;
}
#health-flow02 {
	background: url(../carbonate/image/img_flow02.gif) no-repeat;
	height: 420px;
	text-indent: -9999px;
}

/* ---------------------------------------------------------- */
/* 製品紹介 */
/* ---------------------------------------------------------- */
/* INDEX 製品BOX */

.item-box {
	width: 320px;
	margin: 0 0 20px 0;
	padding: 0 6px 0 6px;
	float: left;
	font-size: 12px;
	line-height: 1.3em;
}
.item-box-l {
	width: 320px;
	margin: 0;
	float: left;
	font-size: 12px;
	line-height: 1.3em;
}
.item-box-r {
	width: 320px;
	margin: 0;
	float: right;
	font-size: 12px;
	line-height: 1.3em;
}
.item-box02 {
	width: 320px;
	height: 300px;
	margin: 0 6px 20px 6px;
	float: left;
	font-size: 12px;
	line-height: 1.3em;
}
.arrow01 {
	background: url(../image/icon_arrow01.gif) no-repeat;
	background-position: 2px 6px;
	padding: 0 0 0 10px;
	font-size: 12px;
}
.comm-box {
	border: 3px #EEEEEE solid;
	padding: 10px;
	font-size: 12px;
}
.m05 {
	margin: 0 5px 0 5px;
}
.btn-down-pdf {
	width: 350px;
	margin: 0 auto;
}

/* ---------------------- */
/* シードル エコ */
/* ---------------------- */
#cover-cidre-eco {
	background: url(../product/image/img_cover_cidre_eco.jpg) no-repeat;
	width: 665px;
	height: 300px;
}
#cover-cidre-eco a {
	width: 665px;
	height: 300px;
	display: block;
	text-indent: -9999px;
}
.t-item {
	background: url(../product/image/t_item.gif) no-repeat;
	height: 25px;
	padding: 10px 0 0 10px;
	margin: 0 0 5px 0;
	font-weight: bold;
	clear: both;
}
.item-txt380 {
	padding: 0 0 0 20px;
	width: 380px;
}
.item-txt460 {
	padding: 0 0 0 20px;
	width: 460px;
}
.item-txt {
	padding: 0 0 0 20px;
}
#lbl_cidre_eco01 {
	height: 130px;
	background: url(../product/image/lbl_cidre_eco01.gif) no-repeat;
	text-indent: -9999px;
}

/* 仕様表 */
table.glid {
}
table.glid th {
	border: 1px #CCCCCC solid;
	background: #f2F2F2;
	padding: 3px 3px 3px 5px;
	text-align: left;
}
table.glid td {
	border: 1px #CCCCCC solid;
	padding: 3px 3px 3px 5px;
}

/* ---------------------- */
/* 施工事例 */
/* ---------------------- */
.case-img {
	float: left;
	margin: 0 10px 0 0;
}
.case-img02 {
	float: left;
	margin: 0 10px 10px 0;
}
.m10 {
	margin: 0 0 10px 0;
}
.case-txt-box {
	margin: 0 0 5px 0;
	/*font-size:12px;*/
}

/* ---------------------- */
/* 会社概要 */
/* ---------------------- */
dl.comp-info {
	float: left;
	width: 665px;
}
dl.comp-info dt {
	clear: both;
	float: left;
	width: 130px;
}
dl.comp-info dd {
	float: left;
	width: 520px;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
	border-left-width: 2px;
	border-left-color: #EEE;
	border-left-style: solid;
}
/* clearfix */
dl.comp-info:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
dl.comp-info {
	display: inline-block;
}
/* アクセスマップ */
.map-waku {
	border: 1px #dcdcdc solid;
}

/* ---------------------- */
/* 求人情報 */
/* ---------------------- */
.recruit-lbl {
	background: #2f559f;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	font-weight: bold;
}
.recruit-td {
	border: 1px #8ab4cd solid;
	padding: 9px;
}
.lbl {
	border: 1px #8ab4cd solid;
	font-weight: bold;
	color: #2f559f;
}

/* ---------------------- */
/* FAQ */
/* ---------------------- */
#faq-box {
}
#faq-box .faq-q {
  background: url(../contact/image/icon_q.gif) no-repeat;
  border-bottom: 1px #7fc8ac solid;
  height: 24px;
  padding: 5px 0 0 30px;
	color: #288a8a;
}
#faq-box .faq-a {
  background: url(../contact/image/icon_a.gif) no-repeat;
  background-position: 20px 10px;
  padding: 20px 0 0 90px;
  margin: 0 0 30px 0;
}
/* ---------------------- */
/* 納品までの流れ */
/* ---------------------- */
.flow-txt {
	background: url(../contact/image/icon_arrow_flow.gif) no-repeat;
	background-position: 30px 10px;
	padding: 20px 10px 0 90px;
}
.flow-txt-none {
	padding: 20px 10px 0 90px;
}
.flow01 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow01.gif) no-repeat;
}
.flow02 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow02.gif) no-repeat;
}
.flow03 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow03.gif) no-repeat;
}
.flow04 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow04.gif) no-repeat;
}
.flow05 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow05.gif) no-repeat;
}
.flow06 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow06.gif) no-repeat;
}
.flow07 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow07.gif) no-repeat;
}
.flow08 {
	height: 40px;
	text-indent: -9999px;
	background: url(../contact/image/lbl_flow08.gif) no-repeat;
}

/* ---------------------------------------------------------- */
/* メールフォーム用CSS
/* ---------------------------------------------------------- */
form#mailform {
  margin: 0;
}
form#mailform td  {
	padding: 0 0 7px 0;
}
tr span {
  color: #FF0000;
  font-size: 12px;
}
/* 郵便番号ボタン */
.zip {
  width: 120px;
  height: 25px;
	font-size: 11px;
  margin: 0 0 0 5px;
}
/* 送信ボタン */
.submit {
  width: 120px;
  height: 30px;
	font-size: 12px;
  margin: 0 14px 0 0;
}
.mfs {
  padding: 2px;
	height: 26px;
	border: 1px #CCC solid;
	color: #666;
}
.mf {
  padding: 2px 5px 0 5px;
	height: 20px;
	border: 1px #CCC solid;
	width: 350px;
	color: #666;
}
.mfz {
  width: 115px;
}
.mft {
  border: 1px #CCC solid;
  padding: 0 5px 0 5px;
  width: 350px;
  height: 150px;
	color: #666;
}
/* ---------------------------------------------------------- */
/* lightBox用CSS */
/* ---------------------------------------------------------- */
.gallery {
	margin:0;
  padding: 0;
}
.gallery ul { list-style: none; }
.gallery ul li { display: inline; float: left;}
.gallery ul a:hover { color: #FFFFFF; }
.gallery ul img {
  margin: 0 1px 0 0;
}

/* ---------------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------------- */
#footer {
  clear: both;
  margin: 0;
  padding: 0;
  background: #95b1bf;
}
#foot-copy {
  width: 900px;
  margin: 0 auto 0 auto;
  padding: 25px 0 25px 0;
  font-size: 12px;
  color: #FFFFFF;
}
.copy-txt {
	color: #d6f1ff;
	font-size: 10px;
}
#foot-copy a:link { color: #FFFFFF; text-decoration: none;}
#foot-copy a:visited { color: #FFFFFF; text-decoration: none;}
#foot-copy a:hover, a:active { color: #d6f1ff; text-decoration: underline;}

#foot-pagetop {
	clear: both;
	margin: 0 auto 0 auto;
	width: 900px;
}
.btn-pagetop {
	width: 100px;
	height: 16px;
	background: url(../image/btn_pagetop.gif) no-repeat;
	margin: 0 0 0 auto;
}
.btn-pagetop a {
	width: 100px;
	height: 16px;
	display: block;
	text-indent: -9999px;
}

/* その他
---------------------------------------------------- */
.br-mini {
	line-height: 0.5em;
}
.cls {
  clear: both;
}
.ind {
  padding: 0 10px 0 10px;
}
.ind2 {
  padding: 0 0 0 17px;
}
.ind3 {
  padding: 0 0 0 7px;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.cap-r {
	float: left;
	margin: 0 20px 15px 0;
}
.cap-l {
	float: right;
	margin: 0 0 15px 20px;
}
.lbl-bl {
	font-size: 16px;
	font-weight:bold;
	color: #06C;
	padding: 0 0 2px 0;
}
.f12 {
	font-size: 12px;
}
.f10 {
	font-size: 10px;
	line-height: 1.2em;
}
.bld {
	font-weight: bold;
}
.blu {
	color: #09F;
}