@charset "utf-8";
/* ===================================
Theme Name: JA-suou
初期設定

=================================== */

body,h1,h2,h3,h4,h5,h6{
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	font-size: 15px;
	color: #474747;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

table {
	font-size: 1em;
}

ul,ol,li{
	font-family: 'Trebuchet MS', Arial, Sans-Serif;
	font-size: 1em;
	color: #474747;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

a, a:visited {
	color: #3a9bc7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
	font-family: Bliss, 'Myriad Pro', 'Trebuchet MS', Arial, Sans-Serif;
	color: #a1c117;
}
h1 a, h2 a, h3 a, h4 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	text-decoration: none;
	color: #a1c117;
}

h3 {
	font-size: 1.20em;
	line-height: 1.2em;
	margin: 8px 0 15px 0;
}
h4 {
	font-size: 1.07em;
	line-height: 1.1em;
	margin: 8px 0 15px 0;
}
h5 {
	font-size: 1.07em;
	line-height: 1.1em;
	margin: 8px 0 15px 0;
}
a img {
	border: 0;
}

pre {
	background: #efefef;
	border: 1px solid silver;
	margin: 10px 0;
	padding: 10px;
	font-family: 'Courier New', Courier, monospace;
}

body{
	background:#fff url(images/body-bg.png) repeat-x;

}

#body-container{ /* ieセンタリング */
	text-align:center;
}

#container	{
	width:800px;
	margin:0px auto;
	text-align:left;
}

/* ===================================

ヘッダーとグローバルナビ

=================================== */
#head-container{
	width:800px;
	height:120px;
	margin:0 auto;
	position:relative;
	text-align:left;
	}
	#logo {
		display:block;
		background: url(images/logo.png) no-repeat;
		width:200px;
		height:65px;
		position:absolute;
		top:0;
		left:0px;
		text-indent: -9999px;
	}
	ul#menu-container{
		width:800px;
		position:absolute;
		bottom:0px;
		left:0px;
	}
	ul#menu-container li{
		float:left;
		list-style-type:none;
	}
	ul#menu-container li a{
		display:block;
		height:48px;
		text-indent:-9999px;
	}
	a#menu_about{
		width:156px;
		background:transparent url(images/menu_about.png) no-repeat;
	}
	a#menu_service{
		width:156px;
		background:transparent url(images/menu_service.png) no-repeat;
	}
	a#menu_direct-sale{
		width:156px;
		background:transparent url(images/menu_direct-sale.png) no-repeat;
	}
	a#menu_farm-products{
		width:156px;
		background:transparent url(images/menu_farm-products.png) no-repeat;
	}
	a#menu_contact{
		width:158px;
		background:transparent url(images/menu_contact.png) no-repeat;
	}

.screen-reader-text{
	display:none;
}

#size-search-container{
	/* width:350px; */
	height:25px;
	position:absolute;
	top:30px;
	right:20px;
}
#header_top{
	/* width:124px; */
	height:21px;
	position:absolute;
	top:0px;
	right:20px;
}
#button_small{
	display:block;
	width:21px;
	height:25px;
	background:url(images/button_small.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
#button_middle{
	display:block;
	width:21px;
	height:25px;
	background:url(images/button_middle.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
#button_big{
	display:block;
	width:21px;
	height:25px;
	background:url(images/button_big.png) no-repeat;
	text-indent:-9999px;
	float:left;
}

#searchform{
	background:url(images/search-bg.png) repeat-x;
	float:left;
}
input#s{
	width:100px;
	border:1px solid #ddd;
}
#searchsubmit{
	width:70px;
	height:25px;
	background:url(images/button_search.png) no-repeat;
	text-indent:-9999px;
	border:none;
	padding:none;
}
/* ===================================

メインコンテンツ

=================================== */
#mainContent {
	width:800px;
	padding:20px 0;
	margin:0px auto;
}

#main-container{
	width:555px;
	min-height:500px;
	float:left;
	position:relative;
}
.obi{
	/* width:580px; */
	width:500px;
	/* height:62px; */
	height:42px;
	background:transparent url(images/obi_h2.png) no-repeat;
	padding:20px 0 0 80px;
	color:#216139;
	font-size:14px;
	position:absolute;
	top:0;
	right:0;
}
#white-box{
	padding:80px 20px 20px;
	min-height:500px;
	background:#fff;
}

#white-box h3{
	/* width:515px; */
	/* height:30px; */
	width:505px;
	height:23px;
	background:transparent url(images/obi_h3.png) no-repeat;
	color:#3E4617;
	font-size:15px;
	padding:7px 0 0 10px;
}
#white-box h4{
	/* width:515px; */
	/* height:30px; */
	width:500px;
	height:26px;
	background:transparent url(images/obi_h4.png) no-repeat;
	color:#3E4617;
	font-size:15px;
	padding:4px 0 0 15px;
}

/* ===================================

右サイドバー

=================================== */

#sidebar-container{
	width:205px;
	margin-left:576px;
	margin-bottom:20px;
	background:transparent url(images/sidebar_bg.png) repeat-y;
}

.obi_service{
	width:205px;
	height:57px;
	background:transparent url(images/obi_service.png) no-repeat;
	text-indent:-9999px;
}
ul#side-navi{
	width:190px;
	margin-left:7px;
}
ul#side-navi li{
	list-style:none;
}
ul#side-navi li a{
	display:block;
	width:190px;
	height:60px;
	margin-bottom:10px;
	text-indent:-9999px;
}
a#ja-point{
	background:transparent url(images/button_ja-point.png) no-repeat;
}
a#ja-bank{
	background:transparent url(images/button_ja-bank.png) no-repeat;
}
a#ja-kyousai{
	background:transparent url(images/button_ja-kyousai.png) no-repeat;
}
a#einou{
	background:transparent url(images/button_einou.png) no-repeat;
}
a#travel{
	background:transparent url(images/button_travel.png) no-repeat;
}
a#kaigo{
	background:transparent url(images/button_kaigo.png) no-repeat;
}
a#ja-green{
	background:transparent url(images/button_ja-green.png) no-repeat;
}

#sidebar-bottom{
	width:205px;
	height:13px;
	background:#fff url(images/sidebar_bottom.png) no-repeat;
}


#mainContent h1 {
	text-align: -9999px;
	height: 0;
	overflow: hidden;
	margin: 0;
}
#content {
	margin-right: 250px;
}
.panel {
	margin-bottom: 2em;
	display: none;
}

#footer-container{
	width:100%;
	height:45px;
	background:#333 url(images/footer_bg.png) repeat-x;
	text-align:center;
	color:#fff;
}

#foot-wrapper{
	width:800px;
	position:relative;
}
	ul#footer-navi li{
		float:left;
		list-style-type:none;
    white-space: nowrap;
	}
	ul#footer-navi li a#button_sitemap{
		display:block;
		width:93px;
		height:20px;
		background:#fff url(images/button_sitemap.png) no-repeat;
		text-indent:-9999px;
		}
	ul#footer-navi li a#button_policy{
		display:block;
		width:118px;
		height:20px;
		background:#fff url(images/button_policy.png) no-repeat;
		text-indent:-9999px;
		}

/* ===================================

共通で使うクラス

=================================== */

.clear{
	clear:both;
}

a.pdf {
	background:#fff  url(images/icon_pdf.gif) no-repeat;
	background-position: 2% 50%;
	padding: 10px 45px;
  line-height: 1.6;
}

a.pdf-small {
	background:#fff  url(images/icon_pdf_small.gif) no-repeat;
	background-position: 2% 50%;
	padding: 5px 35px;
  line-height: 1.6;
}

div.section {
	margin: 1.5em 1em 2em;
}

img.center{
	display:block;
	margin: 0 auto;
}

.red {
	color: red;
}

.orange {
	color: #ffa500;
}

.orangered {
	color: #ff4500;
}

.center {
	text-align:center;
}

.right{
	text-align:right;
}

p.note {
	margin:0;
	padding:0;
	line-height: 1.3em;
}

#white-box ol.policy li,
#white-box ul.policy li
{
  margin-bottom:2em;
}

div.container:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

div.container {
  width: 100%;
}

#white-box .wp-caption-text{
	text-align:center;
}

#single-post #white-box ol li,
#single-post #white-box ul li {
	margin: 0 0 2em 2em;
}

/* ===================================
#white-box ul li,
#white-box ol li
{
	margin: 0 0 2em 2em;
}
=================================== */

/* ===================================

TOPページ

=================================== */
#stage {
	top: 0px;
	top: 120px;
	left: 0px;
	z-index: 100;
}
.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	height: 272px;
	overflow: hidden;
}
#bg {
	background: #aedfe5 url(images/sky1.png) 0 0 repeat-x;
}
#clouds {
	background: transparent url(images/cloud.png) 255px 2px repeat-x;
}
#hill2 {
	background: transparent url(images/hill2.png) 0 158px repeat-x;
}
#hill1 {
	background: transparent url(images/hill-with-windmill.png) 0 0px repeat-x;
}
#bird {
	background: transparent url(images/bird-forward-back.gif) 0 0 no-repeat;
	position: absolute;
	top: 61px;
	top: 181px;
	left:430px;
	width: 333px;
	height: 223px;
	z-index: 2000;
	cursor: pointer;
}

#index #white-box {
	padding-top: 70px;
}

ul#news {
	list-style-type: none;
	margin-bottom:20px;
}

ul#news li{
 border-bottom:2px dashed #ccc;
 padding: 5px 1em;
}

ul#news li.first{
 border-top:2px dashed #ccc;
}

#sidebar-container-top{
	width:205px;
	margin-left:576px;
	margin-bottom:10px;
}

ul#side-navi-top{
	width:200px;
	margin-left:3px;
}
ul#side-navi-top li{
	list-style:none;
}
ul#side-navi-top li a{
	display:block;
	width:200px;
	height:60px;
	margin-bottom:5px;
	text-indent:-9999px;
}
a#akebono-top{
	background:transparent url(images/menu_akebono.png) no-repeat;
}

a#disclosure-top{
	background:transparent url(images/menu_disclojure.png) no-repeat;
}

h2.top_main{
	background:transparent url(images/obi_h2_top.png) no-repeat;
}

h2.top_sidebar{
	background:transparent url(images/obi_service_top.png) no-repeat;
}

div#inner-menu-top li.top-menu {
	float:left;
	width:80px;
	list-style-type: none;
}

div#inner-menu-top ul {
	width:250px;
	margin:0 5px 0 5px;
}

div#inner-menu-top .top-menu p{
	margin:0;
}

div#inner-menu-top .top-menu a {
	margin: 3px auto;
	display:block;
	width:75px;
	height:75px;
	text-indent:-9999px;
}


a#top-menu-ichigo{
	background:transparent url(images/top_menu_ichigo.png) no-repeat;
}
a#top-menu-nasu{
	background:transparent url(images/top_menu_nasu.png) no-repeat;
}
a#top-menu-hanakkori{
	background:transparent url(images/top_menu_hanakkori.png) no-repeat;
}
a#top-menu-okura{
	background:transparent url(images/top_menu_okura.png) no-repeat;
}
a#top-menu-tamanegi{
	background:transparent url(images/top_menu_tamanegi.png) no-repeat;
}
a#top-menu-asupara{
	background:transparent url(images/top_menu_asupara.png) no-repeat;
}
a#top-menu-ichijiku{
	background:transparent url(images/top_menu_ichijiku.png) no-repeat;
}
a#top-menu-biwa{
	background:transparent url(images/top_menu_biwa.png) no-repeat;
}
a#top-menu-mikan{
	background:transparent url(images/top_menu_mikan.png) no-repeat;
}

a#products-menu {
	display:block;
	width:250px;
	height:46px;
	margin:0 0 10px;
	background:transparent url(images/products-menu.png) no-repeat;
	padding:0;
	text-indent:-9999px;
}

.container div.top-container-left {
	padding: 0;
	margin: 0;
}

.container div.top-container-right{
	padding: 0;
	margin: 0 0 0 260px;
}

a#direct-sale-top {
	display:block;
	width:250px;
	height:412px;
	margin:0 0 10px 0;
	background:transparent url(images/direct-sale-top.png) no-repeat;
	padding:0;
	text-indent:-9999px;
}

/* ===================================

リンク集ページ

=================================== */
dl.category-link dt {
	display: list-item;
	list-style-type: circle;
	margin: 20px 0 0 20px;
}

dl.category-link dt.first {
	margin-top: 0;
}

dl.category-link dd {
	margin-left: 2em;
}

ol.indent li,
ul.indent li,
p.indent
{
	margin: 0 0 0 2em;
}

#white-box dd.indent-1em
{
	margin-left:0 0 0 1em;
}

p.right {
	text-align:right;
}

/* ===================================

アクセスマップで使うスタイル

=================================== */
div#access-info table.branch-info,
div#access-info #map{
	margin: 1.5em auto 2.5em;
}

div#access-info table.branch-info {
	border-spacing: 0;
	border-collapse:collapse;
}

div#access-info table.branch-info thead tr td {
border-bottom: 2px dashed #A5BD33;
}

div#access-info table.branch-info tbody tr td {
border-bottom: 2px dashed #CCCCCC;
}

div#access-info table.branch-info td {
	padding: 5px 0;
}

table.branch-info  tbody td {
  line-height:1.4em;
}

/* ===================================

事業内容で使うスタイル

=================================== */

#outline div.container {
	width: 515px;
}

#outline div.inner-content {
	margin:5px;
	padding:5px;
	float:left;
	width:230px;
}

#outline div.container-image {
	width:100px;
	margin:0;
	padding:0;
	float:left;
}

#outline div.container-text{
	margin:0 0 0 115px;
	padding:0;
}

#outline div.container-text h5{
	margin-top:0;
	margin-bottom:10px;
}

#outline div.container-text li {
	margin-left: 2em;
	font-size: 0.9em;
}


/* ===================================

ブログポスト更新情報で使うスタイル

=================================== */
div.container-image {
	width:250px;
	margin:0;
	padding:0;
	float:left;
}

div.container-text{
	margin:0 0 0 250px;
	padding:0 0 0 15px;
}

div.container-image-80 {
	width:85px;
	margin:0;
	padding:0;
	float:left;
}

div.container-image-240 {
	width:240px;
	margin:0;
	padding:0;
	float:left;
}

div.container-image-180 {
	width:180px;
	margin:0;
	padding:0;
	float:left;
}

div.container-text-180{
	margin:0 0 0 190px;
	padding:0 0 0 15px;
}

/* ===================================

どべたすくーるで使うスタイル

=================================== */

#white-box div.container-text h4{
	width:240px;
}

div#ienohikari-banner a{
	margin:10px auto 40px;
	display:block;
	width:512px;
	height:128px;
	text-indent:-9999px;
	background:transparent url(images/ienohikari_banner.gif) no-repeat;
}

/* ===================================

営農で使うスタイル

=================================== */

div#inner-menu {
	margin:auto;
}

div#inner-menu li.menu {
	float:left;
	width:85px;
	list-style-type: none;
}

div#inner-menu .menu p{
	margin:0;
}

div#inner-menu li,
{
	display:block
}

div#inner-menu a {
	margin: 20px auto;
	display:block;
	width:75px;
	height:60px;
	text-indent:-9999px;
}

a#suitou-yoyaku{
	background:transparent url(images/no_image_80x60.jpg) no-repeat;
}
a#mujin-heri{
	background:transparent url(images/no_image_80x60.jpg) no-repeat;
}
a#rice-center{
	background:transparent url(images/no_image_80x60.jpg) no-repeat;
}
a#zanryu-nouyaku{
	background:transparent url(images/no_image_80x60.jpg) no-repeat;
}
a#jyutaku-ryoukin{
	background:transparent url(images/no_image_80x60.jpg) no-repeat;
}


/* ===================================

JA南グリーンで使うスタイル

=================================== */
div.container-left{
	width:260px;
	margin:5px;
	padding:5px;
	float:left;
}

div.container-right{
	margin:5px 5px 5px 260px;
	padding:5px 5px 5px 20px;
}

div.container-left p.indent {
	margin: 0 0 2em 1em;
}

div.container-left a#ryoukin {
	margin: 40px 0;
	display:block;
	width:120px;
	height:40px;
	text-indent:-9999px;
	background:transparent url(images/no_image.jpg) no-repeat;
}

/* ===================================

遊気百菜で使うスタイル

=================================== */
div#image-list {
	margin:auto;
}

div#image-list .image-element {
	float:left;
	width:128px;
}

div#image-list li {
	display:block
}

div#image-list img {
	margin: 20px auto;
	display:block;
	width:115px;
	height:85px;
}

/* ===================================

沿革で使うスタイル
history

=================================== */

table#history {
	width: "515";
	border-collapse: collapse;
}

table#history td {
	padding: 5px;
}

table#history td.year {
	text-align:center;
	border-top:1px solid #82BAFF;
	border-bottom:0;
}

table#history td.month {
	text-align:center;
	border-right:1px solid #82BAFF;
	border-top:1px solid #82BAFF;
}

table#history td.month-2 {
	text-align:center;
	border-top:1px solid #BBB;
	border-right:1px solid #82BAFF;
}

table#history td.topic {
	border-top:1px solid #BBB;
}

table#history td.last{
	border-bottom:1px solid #82BAFF;
}

table#history td.last-2{
	border-bottom:1px solid #BBB;
}

/* ===================================

ディスクロージャーで使うスタイル

=================================== */
#disclosure div.container-left {
	width:112px;
	margin:5px;
	padding:5px;
	float:left;
}

#disclosure div.container-right {
	margin:5px 5px 5px 130px;
	padding:5px;
}

#disclosure  a#adobe-reader {
	margin: 5px 0px;
	display:block;
	width:112px;
	height:33px;
	text-indent:-9999px;
	background:transparent url(images/get_adobe_reader.gif) no-repeat;
}

div.block {
	width: 440px;
	margin: 10px auto;
	border: 1px solid #ccc;
	padding: 15px;
}

/* ===================================

JA共済で使うスタイル

=================================== */
#ja-kyousai p {
	margin: 30px 0 10px 0.75em;
}

/* ===================================

介護で使うスタイル

=================================== */
#kaigo div.container {
	width: 515px;
}

#kaigo div.inner-content {
	margin:5px;
	padding:5px;
	float:left;
	width:230px;
}

.inner-content dl {
	margin:0.5em 0 2.5em;
}

.inner-content dd {
	display: list-item;
	list-style-type: circle;
}

div.qa {
	margin-bottom: 2em;
}

div.qa h5 {
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 2px solid #A0B425;
}

div.qa p {
	margin-top: 3px;
}

/* ===================================

あけぼので使うスタイル

=================================== */
div.image-list {
	margin:auto;
}

div.image-list .image-element {
	margin: 0 10px;
	float:left;
	width:150px;
}

div.image-list li {
	display:block
}

div.image-list img {
	margin: 20px auto;
	padding: 0 10px ;
	display:block;
	height:150px;
}

#akebono h4 {
	margin: 30px 0 10px;
}

/* ===================================

受託料金表で使うスタイル

=================================== */
table#jyutaku-ryoukin{
	width: 515px;
	border-collapse: collapse;
}

table#jyutaku-ryoukin td {
	padding: 5px;
	font-size: 0.85em;
	border:1px solid #BBB;
}

/* ===================================

農産物で使うスタイル

=================================== */
div#farm-products2 div#inner-menu a {
	margin: 15px auto 0;
	display:block;
	width:80px;
	height:58px;
	text-indent:-9999px;
}

#farm-products2 div.container:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#farm-products2 div.container {
  width: 100%;
}

a#ichigo{
	background:transparent url(images/ichigo.png) no-repeat;
}

a#nasu{
	background:transparent url(images/nasu.png) no-repeat;
}

a#hanakkori{
	background:transparent url(images/hanakkori.png) no-repeat;
}

a#okura{
	background:transparent url(images/okura.png) no-repeat;
}

a#tamanegi{
	background:transparent url(images/tamanegi.png) no-repeat;
}

a#asupara{
	background:transparent url(images/asupara.png) no-repeat;
}

a#ichijiku{
	background:transparent url(images/ichijiku.png) no-repeat;
}

a#biwa{
	background:transparent url(images/biwa.png) no-repeat;
}

a#mikan{
	background:transparent url(images/mikan.png) no-repeat;
}

a#kome{
	background:transparent url(images/kome.png) no-repeat;
}

/* ===================================

農作物で使うスタイル

=================================== */
div.container-left-220{
	width:220px;
	margin:5px;
	padding:5px;
	float:left;
}

div.container-right-220{
	margin:5px 5px 5px 230px;
	padding:5px 5px 5px 20px;
}

div.container-left-240{
	width:240px;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 0;
	float:left;
}

#white-box div.container-left-240 h4{
	width:240px;
}

div.container-right-240{
	margin:5px 5px 5px 250px;
	padding:20px 5px 5px 30px;
}

table#shipping-calendar {
	width: 480px;
	border-collapse: collapse;
	margin: 0 auto;
}

table#information {
	width: 250px;
	border-collapse: collapse;
}

table#information td
{
	padding: 3px;
	font-size: 0.85em;
	border:1px solid #BBB;
}

table#shipping-calendar td
{
	padding: 3px;
	font-size: 0.85em;
	border:1px solid #444;
	width:40px;
}


table#shipping-calendar tr.cell {
	height: 15px;
}

table#shipping-calendar .orange {
	background-color: #ffa500;
}

table#shipping-calendar .orangered {
	background-color: #ff4500;
}

table#shipping-calendar .yellow,
table#information .yellow {
	background-color: #fefecc;
}

/* ===================================

サイトマップで使うスタイル

=================================== */

ul.children {
	margin-left: 2em;
}

/* ===================================

手数料で使うスタイル

=================================== */
table#tesuuryou{
	width: 515px;
	border-collapse: collapse;
}

table#tesuuryou td {
	padding: 5px;
	font-size: 0.85em;
	border:1px solid #BBB;
}

table#tesuuryou td.indent {
	padding-left: 2.8em;
}

table#tesuuryou td.indent-2 {
	padding-left: 4.6em;
}

ul#leftside-navi{
	width:274px;
	margin-left:7px;
}
ul#leftside-navi li{
	list-style:none;
}
ul#leftside-navi li a{
	display:block;
	width:274px;
	height:143px;
	margin-bottom:10px;
	text-indent:-9999px;
}

a#bnr_campaign {
	display:block;
	width:260px;
	height:79px;
	background:transparent url(images/bnr_campaign.jpg) no-repeat;
	padding:0;
	text-indent:-9999px;
}
a#bnr_event {
	display:block;
	width:260px;
	height:79px;
	background:transparent url(images/bnr_event.jpg) no-repeat;
	padding:0;
	text-indent:-9999px;
}
a#bnr_loan {
	display:block;
	width:260px;
	height:79px;
	background:transparent url(images/bnr_loan.jpg) no-repeat;
	padding:0;
	text-indent:-9999px;
}