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

* {
	margin:0;
	padding:0;
	color:#333;
	font-size:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}
ul, ol, dl, dt, dd, address, form, blockquote { 
	line-height : 1.4em; 
	text-align : left; 
	display : block; 
	list-style-type : none;
	} 	
img,abbr,acronym,fieldset {
	border: 0;
}

body {
	text-align:center;
	background-image:url(../common/bg.jpg);
	background-repeat:repeat-x;
	}

#wrapper {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	text-align:left;
	position:relative;
	}
	
a:link {
  color: #333399;
}
a:visited {
  color: #333399;
}
a:hover {
  color: #ff7f00;
}

#header {
	height:80px;
	}

#header #logo {
	margin:0;
	padding:0;
	}
#header h1 {
	position:absolute;
	top:5px;
	left:15px;
	color:#666;
	font-size:80%;
	font-weight:normal;
	}


#header .h_logo_02 { 
	position : absolute; 
	top : 5px; 
	right : 10px;
	}
	
#header .go_english { 
	position : absolute; 
	top : 5px; 
	right : 240px;
	}
	
#gnavi dt { 
	display : none; 
	} 

#gnavi { 
	width : 730px; 
	} 
	
#gnavi dd li { 
	margin : 0; 
	padding : 0; 
	float : left;
	list-style-type:none;
} 
	
#h_navi {
	float: left;
	width: 730px;
}
#h_navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#h_navi li,#h_navi a{
	float: left;
	display: block;
	width: 146px;
	height: 40px;
	background: url(../common/g_navi.jpg);
	text-indent: -9999px;
}

#h_navi01 a { background-position: -0 0 }
#h_navi02 a { background-position: -146px 0 }
#h_navi03 a { background-position: -292px 0 }
#h_navi04 a { background-position: -438px 0 }
#h_navi05 a { background-position: -584px 0 }

#h_navi01 a:hover { background-position: 0 -40px }
#h_navi02 a:hover { background-position: -146px -40px }
#h_navi03 a:hover { background-position: -292px -40px }
#h_navi04 a:hover { background-position: -438px -40px }
#h_navi05 a:hover { background-position: -584px -40px }



#content {
	clear:both;
	width:730px;
	height:auto;
	margin:0 10px;
	}
	
#flash {
	clear:both;
	margin:0;
	padding:0;
	}
	
#page_img {
	clear:both;
	margin:0;
	padding:0;
	}
	
#main_content {
	clear:both;
	margin:0;
	padding:15px;
	}
	
#sub_content {
	clear:both;
	margin:0;
	padding:15px;
	}
	
#main_content .text {
	line-height:1.4em;
	font-size:80%;
	margin:10px 0;
	}
	
#main_content .text_R {
	text-align:right;
	line-height:1.4em;
	font-size:80%;
	margin:10px 0;
	}
#main_content .text_90 {
	line-height:1.5em;
	font-size:90%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:10px;
	}
	
#sub_content .text {
	line-height:1.3em;
	font-size:80%;
	}	

#main_content .main_img {
	margin:0 0 10px 0;
	padding:0;
	}
	
#main_content .img80 {
	clear:both;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	}
#main_content .pict { 
	float : right; 
	margin : 0 0 10px 10px;
	} 
	
#pr {
	margin:20px 0;
	padding:10px 20px;
	background-color:#eee;
	}
		
#pr .text {
	line-height:1.3em;
	font-size:80%;
	}

#pr .img80 {
	clear:both;
	float:left;
	margin:0 10px 15px 0;
	padding:0;
	}
	
#pr2 {
	margin:20px 0;
	padding:10px 20px;
	/*background-color:#F60;*/
	border : 2px solid #3399cc;
	}
		
#pr2 .text {
	line-height:1.3em;
	font-size:80%;
	}
	
#nature_p {
	margin:10px;
	padding:10px;
	border : 2px solid #006600;
	}
		
#nature_p .text {
	line-height:1.4em;
	}
	
	
#loa_tokutyo {
	margin:5px 15px 20px;
	}

#loa_tokutyo ul {
	padding:0 15px;
	list-style-type:disc;
	list-style-position: outside;
	background-image:url(../common/loa_tokutyo_side.jpg);
	background-repeat:repeat-y;
	} 
	
#loa_tokutyo li { 
	margin : 0 0 0 15px;
	line-height : 1.5em; 
	font-size:90%;
	} 	
#loa_tokutyo .img_pdf01 {
	clear:both;
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	}
	
#loa_tokutyo_02 {
	margin:5px 0px 20px;
	}

#loa_tokutyo_02 ul {
	padding:0 15px;
	list-style-type:disc;
	list-style-position: outside;
	background-image:url(../common/loa_tokutyo_02_side.jpg);
	background-repeat:repeat-y;
	} 
	
#loa_tokutyo_02 li { 
	margin : 0 0 0 15px;
	line-height : 1.5em; 
	font-size:90%;
	} 
	
#loa_user {
	margin:5px 15px 20px;

	
	}

#loa_user ul {
	padding:15px;
	list-style-type:disc;
	list-style-position: outside;
	background-color:#f2f2f2;
	} 
	
#loa_user li { 
	margin : 0 0 0 15px;
	line-height : 1.5em; 
	font-size:90%;
	} 	
		
		
#clear {
	clear:both;
	}
	
/*　実践結果例　下のバナー横3　*/	
.bannerM {
	margin:5px 15px 20px;
	}
.bannerM img{
	padding-right: 8px;
	padding-bottom: 15px;
	}
.bannerM img.last{
	padding-right:0;}

/*　　*********************　　*/
	
#main_left {
	float:left;
	width:420px;
	margin:20px 0;
	padding-right:15px;
	background-image:url(../common/bg_main_left.gif);
	background-repeat:repeat-y;
	}

#main_left .img80 {
	clear:both;
	float:left;
	margin:0 10px 10px 0;
	padding:0;
	}

#main_left .red-b {
	color:#FF0000;
}

#sub_content .red-b {
	color:#FF0000;
}



#main_right {
	float:left;
	width:250px;
	margin:20px 0 ;
	padding-left:15px;
	}	
	
#product  {
	clear:both;
	width:250px;
	height:auto;
	margin:10px 0 30px;
	}
	
#product  .product_img {
	clear:both;
	float : left; 
	padding:0;
	margin-right:10px;
	}
	
#product .text {
	padding:0 0 0 10px;
	font-size: 80%;
	line-height: 1.2em;
	}

#main_right #r_bnr {
	margin:50px 0 20px;
	} 
#main_right .banner {
	padding:0;
	margin:25px 0;
	} 


#gsl {
	margin : 20px 0;  
	width : 250px; 
}
#gsl .gslmark {
	float:left;
	margin-left:20px;
}
#gsl .gslimg {
	float:right;
	margin-right:20px;
}


		
/*　　content_02   */	
/*　　content_left   */
/*　　content_right   */

#content_02 {
	clear:both;
	width:730px;
	margin:0;
	padding:0px;
	background-image:url(../common/bg_content_02.gif);
	background-repeat:repeat-y;
	}

#content_left {
	float:left;
	width:200px;
	margin:20px 0;
	padding:0;
	}
	
.menu { 
	width : 200px; 
	float : left; 
	margin : 0; 
	padding : 0; 
	border-top : 1px solid #fff; 
	border-bottom : 1px solid #fff;
	font-size:80%;
	} 

/*.menu ul { 
	line-height : 1.3em; 
	border-bottom : 1px solid #cccccc; 
	}
	 
.menu li { 
	background : url(../common/m_list.jpg) no-repeat 0 0; 
	width : 168px; 
	} 
.menu li .new { 
	background : url(../common/m_list_new.jpg) no-repeat 0 0; 
	width : 168px; 
	} */
	
.menu ul {
	padding:0 0 20px 0;
	}
	
.menu li {
	background : url(../common/m_list.jpg) no-repeat 0 0;
	} 
.menu li .new{
	background : url(../common/m_list_new.jpg) no-repeat 0 0; 
	} 
.menu li .big {
	background : url(../common/m_list_big.jpg) no-repeat 0 0;
	} 
	
.menu li a { 
	border-right : 1px solid #cccccc; 
	border-left : 1px solid #cccccc; 
	padding : 8px 0 7px 22px; 
	display : block; 
	width : 176px; 
	} 
	
.menu li, .menu li a:link { 
	color : #333399; 
	} 
.menu li a:visited { 
	color : #333399; 
	} 
.menu li a:hover { 
	color : #ff7f00; 
	} 
	
.menu-2 { 
	width : 200px; 
	float : left; 
	margin : 0; 
	padding : 0; 
	border-top : 1px solid #fff; 
	border-bottom : 1px solid #fff;
	font-size:80%;
	} 	
.menu-2 ul {
	padding:0 0 15px 0;
	}
.menu-2 li a { 
	border-right : 1px solid #cccccc; 
	border-left : 1px solid #cccccc; 
	padding : 3px 0 3px 8px; 
	display : block; 
	width : 190px; 
	} 
.menu-2 li, .menu-2 li a:link { 
	color : #333399; 
	} 
.menu-2 li a:visited { 
	color : #333399; 
	} 
.menu-2 li a:hover { 
	color : #ff7f00; 
	} 
	
#content_left .banner {
	padding:0;
	margin:20px 10px;
	} 

#content_left .banner02 {
	padding:0;
	margin:40px 10px;
	}

#content_right {
	float:right;
	width:500px;
	margin:20px 0 ;
	padding:0 15px;
	}	
	
#content_right p {
	font-size: 83%;
	width: auto;
	line-height: 1.4em;
	padding: 0 10px;
	margin: 20px 0px;
}

#content_right p.agri {
	font-size: 80%;
	width: auto;
	line-height: 1.65em;
	padding: 0 10px;
	margin: 10px 0px;
}

#content_right p.text_right {
	padding-right:30px;
	text-align:right;
}

#content_right .pict { 
	float : right; 
	margin : 0 0 10px 10px;
	} 



#content_right .pict03 { 
	float : left; 
	margin : 20px 10px 10px 0;
	} 

/*　　voice　　*/

#voice  p {
	font-size: 80%;
	width: auto;
	line-height: 1.3em;
	padding: 10px 10px 0;
	margin: 20px 0px;
	border-top:1px dotted #4a7a2a;
	}

/*　　event　　*/

#calendar {
	margin: 0;
	padding: 0;
	font-size:80%;
}

#m01 {
	width:154px;
	float : left;
	margin:8px 0;
	}
#m02 {
	width:154px;
	float : left;
	margin:8px;
	}
#m03 {
	width:154px;
	float : left;
	margin:8px 0;
	}

.tb_cale {
	border-top: #ccc 1px solid;
	margin: 0px auto;
	border-left: #ccc 1px solid;
	font-weight:normal;
	line-height: 1.5em}
	
.tb_cale td {
	border-right: #ccc 1px solid;
	/*padding: 5px;*/
	vertical-align: top;
	border-bottom: #ccc 1px solid;
	text-align:center;
}
.tb_cale th {
	border-right: #ccc 1px solid;
	/*padding: 5px;*/
	vertical-align: top;
	border-bottom: #ccc 1px solid;
	font-weight: normal; 
	width: 21px;
	line-height:18px;
	text-align:center;
	}
	
.bg_ttl {
	background-color:#eeeeee;
	}
.bg_sun {
	background-color:#ff3300;
	color:#FFFFFF;
	}
.bg_day {
	background-color:#C7D8ED;
	}	
.bg_sat {
	background-color:#A6C0E1;
	}
.bg_event {
	background-color:#FFCC99;
	}
	
	
/*  example  table  */
.table_exa {
	margin-bottom: 12px;
	margin-left: 10px;
	width: 480px;
	line-height:1.2;
	background-color:#999
}

.table_exa tr {
	VERTICAL-ALIGN: top
}
.table_exa th {
	/*width: 160px;*/
	font-size:80%;
　　padding: 2px 0;
	background-color:#fff;
	font-weight:normal;
	text-align:center;
}

.table_exa td {
	width: 160px;
	background-color:#fff;
	padding: 2px 0;
	text-align:center;
	}

.bk-80 {
	font-size:80%;
	font-weight:bold;
	}

.bk-83 {
	font-size:83%;
	font-weight:bold;
	}
	
.bk-100 {
	font-size:100%;
	font-weight:bold;
	}

.bk-110 {
	font-size:110%;
	font-weight:bold;
	}
	
/*　data  */
#data ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
}

#data li{
	background-image: url(../data/img/pdf.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 25px;
	height:20px;
}

/*　public  */
#public  {
	padding-left: 15px;
}
#public ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
}

#public li{
	background-image: url(../public/images/pdf.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 25px;
	/*height:20px;*/
}

/*　link  */
#link ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
}

#link li{
	/*margin-top: 10px;*/
	padding-top: 7px;
	padding-left: 25px;
	line-height:1.5em;
}

/*　black_body  */

#bb_01  {
	margin: 10px;
	padding:0;
	}
#bb_01 ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
	font-weight: bold;
	list-style-image: url(../common/bb_01.gif);
	}

#bb_01 li{
	margin-top: 7px;
	padding-left: 7px;
	line-height:1.5em;
	margin-left: 25px;	
}

/* ページトップイメージ */
.pagetop {
	clear:both; 
	text-align: right;
	margin:10px 0;
}
	
/* 見出し */
#main_content h2 {
	background-image: url(../common/bg_h2.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	color: #333333;
	height: 30px;
	padding-left: 15px;
	padding-top: 7px;
	background-repeat: no-repeat;
}


h2 {
	background-image: url(../common/bg_h2.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	color: #333333;
	height: 30px;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-top: 7px;
	background-repeat: no-repeat;
}

h3 {
	clear:both;
	background-image: url(../common/bg_h3.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	color: #333333;
	height: 20px;
	margin-top: 30px;
	padding-left: 13px;
	padding-top: 3px;
	background-repeat: no-repeat;
}

h4 {
	clear:both;
	background-image: url(../common/bg_h4.jpg);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	color: #333333;
	height: 25px;
	margin-top: 30px;
	padding-left: 13px;
	padding-top: 6px;
	background-repeat: no-repeat;
}

h5 {
	clear:both;
	background-image: url(../common/bg_h5.gif);
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 80%;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 4px;
	padding-top: 3px;
	background-repeat: no-repeat;
	font-weight: normal;
	height: 20px;
}

/*  talbe layout  */
.talbe {
	padding: 15px 10px;
	font-size: 80%;
	}
	
.table_base {
	border-top: #999 1px solid;
	margin: 0px auto;
	border-left: #999 1px solid;
	font-weight:normal;
	line-height: 1.5em;}
	
.table_base td {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	/*color: #999999*/}
	
.table_base th {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	font-weight: normal; 
	width: 110px;
	text-align:left;	
	}
	
.bg01 {
	background-color:#efefef;
}

.bg02 {
	background-color:#FFDF60;
}

/*　導入事業者　*/

.table_2 {
	border-top: #999 1px solid;
	margin: 0px auto;
	border-left: #999 1px solid;
	font-weight:normal;
	line-height: 1.5em;}
	
.table_2 td {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	color: #999999}
	
.table_2 th {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	font-weight: normal; 
	width: 110px;
	text-align:left;	
	}

.top_txt_lnk03 {
	background: #F0F0F0;
	text-align: left;
	margin:5px 0 15px 10px;
	font-size: 12px;
	padding: 13px 0px 13px 15px;
	line-height: 1.8em
}

.top_txt_lnk03 a {
	background: url(../images/txt_lnk.jpg) no-repeat left 50%;
	padding-left: 10px;
	padding-right: 15px;
}

/*  talbe layout　Nature  */

.table_nature {
	border-top: #999 1px solid;
	margin: 0px auto;
	border-left: #999 1px solid;
	font-weight:normal;
	line-height: 1.5em;}
	
.table_nature td {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	width: 200px;}
	
.table_nature th {
	border-right: #999 1px solid;
	padding: 5px;
	vertical-align: top;
	border-bottom: #999 1px solid;
	font-weight: normal; 
	width: 80px;
	text-align:left;	
	}

/*　　導入事業者　詳細部分　　*/

/* 左側 */

.leftColumn {
	display: block;
	width: 200px;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	float:left;
	font-size:80%;
}
.leftColumn img /*.main_ph*/ {
     border:solid 1px #ccc;
     padding:4px;
	 margin: 0 0 5px 0;
}

/* 右側 */
.rightColumn {
	display: block;
	width: 300px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	float: right;
	font-size:80%;
}

/*-----------------------------------------------
 テーブル
----------------------------------------------- */
table.normal {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
table.normal th {
	padding: 3px 10px 3px 0;
	margin: 0;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	border-bottom: 1px solid #c8c8c8;
}
table.normal td {
	padding: 3px 10px 3px 0;
	margin: 0;
	border-bottom:1px solid #c8c8c8;
	line-height: 130%;
}
table.normal table td{
	border-top:none;
	border-left:none;
}

/* コメント部分*/
#information {
	clear:both;
	padding: 12px;
	/*margin:15px 0;*/
	background-color: #f3eff0;
	line-height: 120%;
	font-size:80%;
}



/* form area */

table.form_t{
	background-color:#CCCCCC;
	border-color:#999999;
	border-width:1px;
	border-style:dotted;
	font-size: 80%;
}

#formwrap {
	padding: 0px;
 	margin: 10px auto; 
	width: 470px; 
	text-align: left;
}

.inquiry {
	margin-bottom: 12px;
	margin-left: 10px;
	width: 470px;
	line-height:1.5;
	background-color:#999
}
.inquiry tr {
	VERTICAL-ALIGN: top
}
.inquiry th {
	width: 30%;
	color: #666;
	font-size:80%;
	background-color:#f1f1f1;
}

.inquiry td {
	background-color:#fff;
	padding-right: 12px;
	padding-left:12px;
	padding-bottom:8px;
	padding-top:8px;
	font-size:80%;
	/*border-top:#fff 1px solid;
	border-left:#fff 1px solid;*/
	}
.inquiry th {
	padding-right: 12px;
	border-top: #fff 1px solid;
	padding-left: 12px;
	padding-bottom: 8px;
	border-left: #fff 1px solid;
	padding-top: 8px
}
.inquiry tr.cell_submit TD {
	background-color: #fff;
	text-align: center;
}
.inquiry tr.cell_submit INPUT {
	padding: 3px;
	font-weight: bold;
	margin: 1px 3px;
}
.inquiry INPUT {
	margin-bottom: 2px
}

.red {
	padding: 0 2px;
    font-weight: bold;
	font-size: 80%;
	color:#FF0000;
}
.text-bl {
    font-weight: bold;
	font-size: 120%;
	color:#3333CC;
}

.text-bl2 {
    font-weight: bold;
	color:#3333CC;
}

.text-red {
    font-weight: bold;
	font-size: 120%;
	color:#FF0000;
}

.text-red02 {
	color:#FF0000;
}
.text-green {
    font-weight: bold;
	font-size: 120%;
	color:#339900;
}

.submit {
	margin:0;
	padding:0;
	text-align:center;
	font-size:80%;
	}
	
		
/*　サイトマップ　　*/


#sitemap  {
	margin-top: 30px;
	padding-left: 50px;
}
#sitemap ul {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size:80%;
}

#sitemap li.s00{
	background-image: url(../common/tree00.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-left: 25px;
}

#sitemap li.s01{
	background-image: url(../common/tree02.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left:25px;
	padding-left: 25px;
}
#sitemap li.s02 {
	padding-left:65px;
	list-style-type: none;
	line-height: 1.3em;
}
/*  footer  */

.footerText {
	clear:both;
	padding:0 0 5px 0;
	font-size:80%;
	text-align:center;
	}
	
#footer-navi {
	clear:both;
	padding:10px 0;
	font-size:75%;
	border-top:1px solid #e8e8e8;
	line-height: 1.3em;
	}
	
#footer {
	clear:both;
	margin:7px 0;
	padding:5px 0;
	background-image:url(../common/bg_footer.jpg);
	background-repeat:no-repeat;
	height:60px;
	font-size:80%;
	}
	
#footer .footer-link a:link {
  color: #666666;
}
#footer .footer-link a:visited {
  color: #666666;
}
#footer .footer-link a:hover {
  color: #ff7f00;
}

#footer .footer-link {
	position:absolute;
	bottom:55px;
	right:10px;
	font-size:75%;	
	}

#rootlist {
	position:absolute;
	margin-top:5px;
	top:265px;
	left:220px;
	font-size:80%;
	/*margin-bottom:5px;*/
	}	
	
address {
	padding:5px;
	margin-left:60px;
	font-style:normal;
	line-height:1.2em;
	}

#footer .copyright {
	position:absolute;
	bottom:25px;
	right:10px;
	}