@charset "utf-8";
/* CSS Document */

/*--------------------全体----------------------*/
body{
	font:12px/1.4em Arial, Helvetica, sans-serif;

	*font:10px/1.4 Arial, Helvetica, sans-serif;
	color:#000;
	background-color: #F5F5F5;
	/*line-height:1.4em;*//*指定するとIE6ナビボタンぐずります*/
}

/*------------------ルール------------------*/
p,ul,ol,li,dl,dt,dd,form,h1,h2,h3,h4,h5,fieldset,legend{
	margin:0;
}

h1,h2,h3,h4{
	font-size:100%;
	font-weight:normal;
	
	}

h1 a, h2 a, h3 a, h4 a{
	font-weight:bold;
}

SMALL{
	font-size: 9px;
}

strong {
	font-size: 12px;
	padding: 0 3px;
}

BIG{
	font-size:12px;
}

EM{
	font-style: normal;
}

input{
	*font-size:10px;
	color:#444;
}

label{
	cursor:pointer;
	cursor:hand;
}

a{
	cursor:hand;
	cursor:hand;
	color:#2268AD;
	text-decoration:underline;
}
a:hover{

	color:#FF6600;
	text-decoration:underline;
}

img, fieldset{
	border:0px;
}

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

#contents h3 {
	font-weight:bold;
	font-size: 14px;
	padding: 2px 0;
	color: #509B36;
	margin: 5px 0 0 0;
}
#contents .h3_t1 {
	font-weight:bold;
	font-size: 12px;
	border-left: 4px solid #509B36;
	padding: 2px 6px;
	border-bottom: 1px solid #509B36;
	background-color: #B9E7A8;
	color: #000000;
}
.contents_f1 h4 {
	font-size: 12px;
	font-weight: bold;
	background-color: #F2FFE6;
	padding: 5px;
	color: #509B36;
}

/*ボーダー*/
.border_g_b {
border-bottom:1px solid #666666;
}
.border_bottom_d1{
	border-bottom:1px dotted #666666;}
/*イメージ寄せ*/
.img_l {
	float:left;
	margin: 0 5px;
}
.img_r {
	float:right;
	margin: 0 5px;
	}
/*クリア*/
DIV.clear{
	width:1px;
	height:1px;
	font-size:1px;
	clear:both;
	padding:0px;
	margin: 0px;
	background-position:50% 100%;
}

/*------------共通部分------------*/
/*外枠*/
#main {
	border:1px solid #cccccc;
	background:#FFFFFF;
	margin: 2px auto;
}
/*ヘッダ*/
.border_head {
border-top:4px solid #509b36;
border-bottom:1px solid #cccccc;
}
#logo img {
margin:0 0 0 15px;
}

/*フッタ*/
#footer {
	background:url(pict/footer_bg.gif) top left repeat-x;
	color: #366337;
	font-size: 9px;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #cccccc;

}
/*コピーライト*/
#copyright {
	text-align: right;
	padding:7px;
	font-size: 9px;
	}
#footer a {
	color: #509B36;
	text-decoration:none;
	padding: 0 2px;
	}
#footer a:hover {
	background:#B9E7A8;
	}
/*-------------トップ-------------*/
/*トップのメイン*/
#top_main_navi img {
margin:2px 3px;
}
#navi_small img {
margin:3px;
}
/*what's new*/
.what_top,.what_cont,.what_bottom {
	width:334px;
	margin: 10px 0 10px 20px;
}
.what_top img {
border-bottom:1px solid #cccccc;
}
.what_cont li {
	margin:0 5px;
	border-bottom: 1px dotted #cccccc;
	padding: 10px 0;
	list-style: url(pict/arrow1.gif);
	line-height: 2em;
	list-style-position: inside;
 }
.what_cont strong {
	padding: 0 4px;
	font-size: 11px;
}
.what_cont a {
	color: #FF6600;
}
.what_cont a:hover {
	color:#2268AD;
}	
/*生産履歴・つぼ市広報室*/
.box1_top,.box1_cont,.box1_bottom {
	width:398px;
	margin: 0px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}
.box1_top img {
	border-top: 1px solid #666666;
}
.box1_cont li {
	color:#2268AD;
	margin:0 5px;
	border-bottom: 1px dotted #cccccc;
	padding: 10px 0;
	list-style:disc;
	line-height: 2em;
	list-style-position: inside;
 }
.box1_cont {
	background:url(pict/top/t_box1_cont.gif) top left repeat-y;
}
/*-------------会社概要-------------*/
/*-------------その他のページ共通-------------*/
/*左ボタン*/
#right_navi {
	background:url(pict/right_navi_bg.gif) top left repeat-y;
}
#right_navi_top,#right_navi_cont,#right_navi_bottom {
	width:164px;
	margin: 0 0 0 8px;
}
#right_navi #right_navi_top h3 {
	background:url(pict/right_navi_h2.gif) top left repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	padding: 6px 0 4px 5px;
	font-size: 14px;
}
#right_navi dt {
	margin:0;
	border-bottom: 1px solid #cccccc;
	line-height: 1em;
	list-style-position: inherit;
	padding: 0;
 }
#right_navi_cont dt a {
	color: #000000;
	text-decoration: none;
	width: 164px;
	display: block;
	}
#right_navi_cont dt a:hover {
	color:#000000;
	background-color: #B9E7A8;

}
#right_navi li {
	margin:0;
	border-bottom: 1px solid #cccccc;
	line-height: 1em;
	list-style-position: inherit;
	padding: 0;
 }
#right_navi_cont dd a {
	color: #000000;
	text-decoration: none;
	width: 164px;
	display: block;
	}
#right_navi_cont dd a:hover {
	color:#000000;
	background-color: #FFCC99;

}	
#right_navi_cont h3 {
	padding: 0 5px;
	margin: 0;
	}
#right_navi_cont ul {
	padding: 0;
	}
#main h1 {
border-bottom:1px solid #666666;
}
#pankuzu {
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	padding: 5px;
	color: #0092FF;
	font-weight: bold;
}
#contents h2 {
	background:url(pict/h2_bg.gif) top left repeat-x;
	padding: 7px;
	border-bottom:1px dotted #666666;
	font-weight: bold;
	font-size: 14px;
}
.border_bottom_d1 table th {
	text-align:left;
	font-size: 13px;
}
#main #contents table {
margin:15px 0 15px 10px;
}

#contents .contents_f1 {
margin:0px;
}
#main #contents .contents_f1 {
margin:0px;
}
/*-----------------------------------------*/
.style2 {color: #FF0000}
/*背景黄色*/
.T_color5 {
	background:#FFFFCC;
}
.T_color5 p{
	padding: 5px;
	font-size: 11px;
}
/*背景緑色*/
.T_color1 {
	background:#E0FFC1;
	width:120px;/*幅*/
}
.T_color2 {
	background:#F2FFE6;
	width:335px;/*幅*/
}
/*背景灰色2*/
.T_color3 {
	background:#dddddd;
	width:120px;/*幅*/
}
.T_color4 {
	background:#F2F2F2;
	width:335px;/*幅*/
}
/*行の高さ*/
.line-25 {
line-height:2.5em;
}

/*ボックス2*/
.box2_top,.box2_bottom {
	width:484px;
	margin: 0 0 0 10px;
}
.box2_cont {
	width:454px;
	background:url(pict/other/box2_cont.gif) top left repeat-y;
	padding: 15px;
	margin-left: 10px;
}
.box2_cont li{
	margin:0 20px;
	padding: 7px 0;
 }
/*ボックス3-L*/
.box3-l_top,.box3-l_bottom {
	width:484px;
}
.box3-l_cont {
	width:454px;
	background:url(pict/other/box3_l_cont.gif) top left repeat-y;
	padding: 15px;
}

/*ボックス3-S*/
.box3-s_top,.box3-s_bottom {
	width:240px;
	margin: 0;
}
.box3-s_cont {
	width:216px;
	background:url(pict/other/box3_s_cont.gif) top left repeat-y;
	padding: 12px;
}
/*ボックス　業務案内*/
.box5_top,.box5_bottom {
	width:163px;
	margin: 0;
}
.box5_cont {
	width:239px;
	background:url(pict/other/business/business_box_cont.gif) top left repeat-y;
	padding: 2px 12px;
	height: 115px;
}
/*ボックス　業務案内 ステップ*/
.box6_top,.box6_bottom {
	width:560px;
	margin: 0;
}
.box6_cont {
	width:536px;
	background:url(pict/other/business/bussiness_step_box_cont.gif) top left repeat-y;
	padding: 12px;
}

/*フォーム タイプ1*/
#form1 {
	font-size:12px;
	width:483px;
	padding:0px;
	border-right: 1px solid #666666;
	border-top: 1px solid #666666;
	margin:15px 0 15px 0px;
	/*border: 1px solid #666666;*/
}
#form1 td {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
#form1 .t_center {
text-align:center;
}
#form1 .pbdsn b {
	font-size: 10px;
}
#form1 .t10 {
	font-size: 10px;
	color: #FF0000;
	width: 300px;
}
/*テーブルタイプA*/
.CELL {		border:1px solid #FFFFFF;
		background:#CAC9C9;
		color: #000000;
		padding:4px;
}
.TBL_a {
	background-color:#006600;
	margin: 5px;
	padding: 0px;
	table-layout: fixed;
	width: 450px;
}
#P1_T0 {
	color:#FFFFFF;
	font-size:12px;
	padding-left:15px;
	font-weight: bold;
	background-color: #006600;
	padding: 0px;
	text-align: center;
}

#P1_T1 {	
    background:#FFFFFF;
	font-size:12px;
	padding-left:15px;
	width:120px;/*幅*/
	font-weight: bold;
}
#P1_T2 {	background:#F2FFE6;
	font-size:12px;
	padding-left:15px;
	width:120px;/*幅*/
	font-weight: bold;
}
#P2_C1 {	background:#FFFFFF;
	font-size:11px;
	padding-left:15px;
	width:280px;/*幅*/
}
#P2_C2 {	background:#F2FFE6;
	font-size:11px;
	padding-left:15px;
	width:280px;/*幅*/
}
/*-----tearoom_バックナンバー------*/
.tearoom_bk_cont {
	width:500px;
	margin: 5px auto;
}
.tearoom_bk_cont li {
	color:#663366;
	margin:0 10px;
	border-bottom: 1px dotted #cccccc;
	padding: 5px;
	line-height: 1em;
	list-style-position: inside;
	list-style-image: url(pict/other/tearoom_bk_arrow.gif);
 }
.tearoom_bk_cont a {
	padding: 0 10px;
	color: #663366;
}
/*リスト*/
#contents .ul_t1 {
padding:10px 15px;
margin:0;
list-style:disc;
}

#contents .ul_t1 li {
padding:0 5px 5px 5px;
margin:0;
list-style:disc;
}
/*テーブル2*/
.TBL_b {
border-top:1px solid #99cc66;
border-right:1px solid #99cc66;
}
.TBL_b td {
	border-left:1px solid #99cc66;
	border-bottom:1px solid #99cc66;
	background-color: #FFFFCC;
}

/*-----|Sitemap------*/
.sitemap_title {
	background:url(pict/other/sitemap_arrow01.gif) top left no-repeat;
	padding: 0 0 0 15px;
	}
.sitemap_title a {
	font-size: 12px;
	color:#006633;
	font-weight:bold;
	text-decoration:none;
}
.sitemap_title a:hover {
	text-decoration:underline;
}
#top_h1 {
	width:790px;
	padding: 0px 5px;
	margin: 0px auto;
	font-size: 10px;
	color: #666666;
}
/*トップにペットボトル追加*/
.what_bottom2{
	width:334px;
	margin: 10px 0;
}
.pet_tx p {
	padding: 5px;
}
/*商品ページ用*/
#contents .contents_f1 .border_bottom_d1 #taItem {
	margin: 30px;
	padding: 0px;
	border-right:1px solid #66CC33;
	border-bottom:1px solid #66CC33;
}
#taItem td{
	vertical-align:top;
	padding:15px;
}
#taItem .i1{
	width:150px;
	height: 120px;
	border-top:1px solid #66CC33;
	border-left:1px solid #66CC33;
	text-align: center;
}
#taItem .i2{
	border-top:1px solid #66CC33;
	background: #E0FFCE;
}

#taItem .coG {
	color: #509B35;
	font-weight:bold;
	display:block;
	font-size: 13px;
}
#taItem .ryokucha {
	border:2px solid #006600;
	background-color: #CCFFCC;
	color: #006600;
	width: 42px;
	text-align: center;
}
#taItem .mugicha {
	border:2px solid #666600;
	background-color: #FFFFCC;
	color: #666600;
	width: 42px;
	text-align: center;
}
#taItem .genmai {
	border:2px solid #996600;
	background-color: #FFCC99;
	color: #996600;
	width: 42px;
	text-align: center;
}
#taItem .kenko {
	border:2px solid #CC3300;
	background-color: #FFE6E6;
	color: #CC3300;
	width: 42px;
	text-align: center;
}
#taItem .houji {
	border:2px solid #663300;
	background-color: #E6E6E6;
	color: #663300;
	width: 42px;
	text-align: center;
}
#taItem .bancha {
	border:2px solid #999900;
	background-color: #FFFFEC;
	color: #999900;
	width: 42px;
	text-align: center;
}
.style3 {
	color: #FFFFFF;
	font-weight: bold;
}