/* CSS Document */

* { margin: 0px; padding: 0px; }

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 62.5%;
		line-height: 180%;
		color: #333333;
		background: url(http://www.ja-tajima.or.jp/images/bg_body.gif) repeat;
		text-align: center;
}

img {
vertical-align: bottom;
border: none;
}

a { text-decoration: underline; }
a:focus{ outline:none; }
a:link { color: #0A50A1; }
a:visited { color: #8003F; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

a img {
	border: none;
  text-decoration: none;
}

/* standard helper classes */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


#container
{
   position: relative;
   margin: 0 auto; /* center on everything else */
   width: 680px;
	 font-size: 1.2em;
   text-align: left;
	 background: #FFFFFF; 
}
#container-inner { /*position: static; width: auto;*/ }


#pagebody { position: relative; width: 668px; margin-left: 6px; }
#pagebody-inner { /*position: static;*/ width: 100%;  }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    min-height: 1px;
}

/*
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}
*/

   #alpha
   {
    float: right;
	  margin: 0;
	  width: 495px;
	  background: #FFFFFF;
   }

   #alpha-inner
   {
			width: 100%;
			padding: 10px 0;
   }

   #beta
   {
      float: left;
	  margin: 0;
	  width: 160px;
   }

   #beta-inner
   {
      width: 100%;
			padding: 10px 0;
   }

.entry { width: 100%; }
.entry-body { width: 100%; }


/* page layout */
/******************************************************************/

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-size: 1.0em; }

h1 { margin-left: 6px; }
h2, h3, h4, h5, h6, #alpha p { margin-bottom: 10px; }

h3, h2#archive-title {
color: #FFFFFF;
background: url(visual/common/ttl_h3.jpg) left center no-repeat;
padding-left: 37px;
display: block;
line-height: 22px;
}

h4, h3.archive-entry { 
background: url(visual/common/ttl_h4.jpg) left center no-repeat;
padding-left: 27px;
display: block;
line-height: 23px;
color: #555555;
}

h5 { font-weight: bold; border-left: 4px solid #D60201; padding-left: 9px; margin-top: 20px; }

h6 { border-bottom: 1px dotted #867364; color: #BC5908; }

h5, h6, #alpha p {
margin-right: 9px; margin-left: 9px;
}

table {
margin: 0;
padding: 0;
}

#banner { position: relative; margin-bottom: 6px; }
#banner-inner { position: static; }

#banner {
height: 111px;
position: relative;
background: url(http://www.ja-tajima.or.jp/images/banner.gif) left top no-repeat;
}

#banner-inner { position: static; }


#banner-inner p {
position: absolute;
top: 0;
left: 0;
width: 213px;
text-indent: -9999px;
}

#banner-inner p a {
display: block;
width: 213px;
height: 70px;
text-decoration: none;
overflow: hidden;
}

#banner-inner ul {
list-style: none;
}

#banner-inner li {
text-indent: -9999px;
position: absolute;
}

#banner-inner li a{
display: block;
text-decoration: none;
overflow: hidden;
}

#banner-inner li#gaiyo {
top: 27px;
left: 213px;
}
#banner-inner li#gaiyo a {
width: 170px;
height: 23px;
}
#banner-inner li#gaiyo a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn1_02.gif) no-repeat;
}

#banner-inner li#search {
top: 54px;
left: 213px;
}
#banner-inner li#search a {
width: 95px;
height: 16px;
}
#banner-inner li#search a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn2_02.gif) no-repeat;
}

#banner-inner li#home {
top: 76px;
left: 39px;
}
#banner-inner li#home a{
width: 76px;
height: 26px;
}

#banner-inner li#gyu {
top: 80px;
left: 126px;
}
#banner-inner li#gyu a {
width: 65px;
height: 17px;
}
#banner-inner li#gyu a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn3_02.gif) no-repeat;
}

#banner-inner li#nousan {
top: 80px;
left: 202px;
}
#banner-inner li#nousan a {
width: 108px;
height: 17px;
}
#banner-inner li#nousan a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn4_02.gif) no-repeat;
}

#banner-inner li#kinyu {
top: 80px;
left: 321px;
}
#banner-inner li#kinyu a {
width: 102px;
height: 17px;
}
#banner-inner li#kinyu a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn5_02.gif) no-repeat;
}

#banner-inner li#fukushi {
top: 80px;
left: 434px;
}
#banner-inner li#fukushi a {
width: 77px;
height: 17px;
}
#banner-inner li#fukushi a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn6_02.gif) no-repeat;
}

#banner-inner li#link {
top: 80px;
left: 522px;
}
#banner-inner li#link a {
width: 61px;
height: 17px;
}
#banner-inner li#link a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn7_02.gif) no-repeat;
}

#banner-inner li#bbs {
top: 80px;
left: 594px;
}
#banner-inner li#bbs a {
width: 65px;
height: 17px;
}
#banner-inner li#bbs a:hover {
background: url(http://www.ja-tajima.or.jp/images/btn8_02.gif) no-repeat;
}

	 
#footer {
clear: both; 
width: 680px;
line-height: 1.2;
}

#footer #address {
background: #DFF2BB;
color: #59614B;
text-align: center;
padding: 10px 0;
}

#footer #cr {
display: block;
width: auto;
height: 16px;
padding-top: 7px;
padding-right: 18px;
color: #FFFFFF;
text-align: right;
background: url(http://www.ja-tajima.or.jp/images/bg_footer.gif) no-repeat;
}

#alpha-inner .box_g, #alpha-inner .box_r {
width: 486px;
margin: 0 auto 20px auto;
padding: 0;
padding-bottom: 4px;
}

#alpha-inner .box_g {
background: url(http://www.ja-tajima.or.jp/images/bg_border_green.gif) left bottom repeat-x;
}

#alpha-inner .box_r {
background: url(http://www.ja-tajima.or.jp/images/bg_border_red.gif) left bottom repeat-x;
}

#alpha-inner .box_g h2, #alpha-inner .box_r h2 {
display: block;
width: auto;
height: 27px;
padding-top: 8px;
padding-left: 30px;
text-align: left;
color: #FFFFFF;
font-size: 1.0em;
}

#alpha-inner .box_g h2 {
background: url(http://www.ja-tajima.or.jp/images/bar_green.gif) no-repeat;
}

#alpha-inner .box_r h2 {
background: url(http://www.ja-tajima.or.jp/images/bar_red.gif) no-repeat;
}

#alpha-inner .box_g div, #alpha-inner .box_r div{
width: auto;
margin: 0 auto;
padding: 10px 0;
background: url(http://www.ja-tajima.or.jp/images/bg_topcatbox.gif) repeat-y;
text-align: left;
}

.date {
clear: left;
display: block;
margin-left: 5px;
padding-left: 15px;
float: left;
line-height: 2;
background: url(http://www.ja-tajima.or.jp/images/mrk_red.gif) 5px 7px no-repeat;
font-size: 0.75em;
}

.title {
display: block;
margin: 0 0 0 120px;
line-height: 2;
font-size: 0.75em;
}

.link {
clear: left;
display: block;
margin: 0 0 0 120px;
text-align: right;
padding-right: 30px;
line-height: 2;
font-size: 0.75em;
}

ul#navi {
width: 160px;
list-style: none;
}

ul#navi li {
text-indent: -9999px;
margin-bottom: 10px;
width: 160px;
height: 44px;
}

ul#navi li a{
display: block;
text-decoration: none;
overflow: hidden;
width: 160px;
height: 44px;
}

ul#navi li#agurin a {
background: url(http://www.ja-tajima.or.jp/images/agurin_net.jpg) no-repeat;
}
ul#navi li#web a {
background: url(http://www.ja-tajima.or.jp/images/web_nougyoujyouhousien.jpg) no-repeat;
}
ul#navi li#saiyo a {
background: url(http://www.ja-tajima.or.jp/images/20nendo_saiyo.gif) no-repeat;
}
ul#navi li#el a {
background: url(http://www.ja-tajima.or.jp/images/e-relatopn.gif) no-repeat;
}
ul#navi li#jigomeblg a {
background: url(http://www.ja-tajima.or.jp/images/jigomeyablog.gif) no-repeat;
}
ul#navi li#jigome a {
background: url(http://www.ja-tajima.or.jp/images/jigomeya.gif) no-repeat;
}
ul#navi li#ja a {
background: url(http://www.ja-tajima.or.jp/images/net01.gif) no-repeat;
}
ul#navi li#uchinoko a {
background: url(http://www.ja-tajima.or.jp/images/utinoko_ba.gif) no-repeat;
}
ul#navi li#raku a {
background: url(http://www.ja-tajima.or.jp/images/raku01.gif) no-repeat;
}
ul#navi li#money a {
background: url(http://www.ja-tajima.or.jp/images/moneykoza.gif) no-repeat;
}
ul#navi li#einou a {
background: url(visual/common/einou.jpg) no-repeat;
}

ul#navi li#enkatu a {
background: url(http://www.ja-tajima.or.jp/bannar_ga/kinnyuenkatuka.jpg) no-repeat;
}


ul#navi li#amica a {
background: url(http://www.ja-tajima.or.jp/top_ga/amica.gif) no-repeat;
}

ul#feed {
width: 160px;
list-style: none;
text-align: left;
margin: 30px auto 0 auto;
}

ul#feed li {
margin-bottom: 10px;
width: 60px;
height: 14px;
text-align: left;
}

/***********************************************************/

table.tbl { margin: 10px 0px; margin-left: 10px; width: 475px; _font-size: 1.0em; }
dd table.tbl { margin-left: 0px; }

table.tbl th, table.tbl td { padding: 9px; }
table.tbl th { border-bottom: 1px solid #717171; border-right: 1px solid #FFFFFF; background-color: #E8E8E8; text-align: center; }
table.tbl td { border-bottom: 1px solid #BCBCBC; border-right: 1px solid #FFFFFF; background-color: #FFFFFF;  }

#lead {
color: #986E00;
font-weight: bold;
border-left: 3px solid #986E00;
padding-left: 7px;
}

.lead-entry { 
color: #986E00;
font-weight: bold;
}

.red { color: #FF0000; }

dl.type_tbl {
width: 495px;
}

dl.type_tbl dt {
padding: 8px;
background-color: #DEDEDE;
border-top: 1px solid #BDBDBD;
margin-bottom: 10px;
}

dl.type_tbl dd {
margin-left: 0px;
padding: 0px 8px ;
margin-bottom: 20px;
}

.ttl_kakko {
color: #047B05;
font-weight: bold;
}

.ttl_kakko_s {
color: #047B05;
}


dl.list { width: 485px; _width: 475px; margin-left: 10px; margin-bottom: 10px; }

dl.list dt {
border: none;
background: url(visual/common/icn_arrow_yellow.gif) left 6px no-repeat;
padding: 0px;
padding-left: 10px;
margin-bottom: 6px;
}

dl.list dd {
margin-left: 10px;
margin-bottom: 10px;
}


/*　入れ子　*/
dd dl.list dd dl {
width: 475px; _width: 465px;
}

dl.type_tbl dd dl.list {
width: 469px; _width: 459px;
margin-left: 0px;
}

dl.type_tbl dd dl.list dd dl {
width: 459px; _width: 449px;
}

ul#campaign_list { margin-left: 10px; }

ul#campaign_list li {
list-style-type: none;
background: url(visual/common/icn_arrow_green.gif) left 6px no-repeat;
padding-left: 10px;
margin-bottom: 6px;
}


/* ページ内リンク */
ul.pagelink { width: 475px; _width: 465px; margin-left: 20px; margin-bottom: 20px; }

ul.pagelink li {
list-style-type: none;
border: none;
background: url(visual/common/icn_arrow_red.gif) left 6px no-repeat;
padding: 0px;
padding-left: 12px;
margin-bottom: 6px;
}

#submenu {
	width: 150px;
	_width: 160px;
	border: 1px solid #8E7139;
	background-color: #FFFFCD;
	padding: 0px 5px 20px 5px;
	margin-bottom: 20px;
}

.category-title,  .category-title-other, .category-title-campaign {
list-style-type: none;
padding-left: 20px;
margin-top: 10px;
background-position: left 4px;
background-repeat: no-repeat;
}

/*
.category-title-campaign {
list-style-type: none;
padding-left: 20px;
margin-top: 10px;
margin-bottom: 15px;
background-position: 5px 2px;
background-repeat: no-repeat;
}
*/
.category-title { font-weight: bold; background-image: url(visual/common/icn_catarrow_red.gif); }
.category-title-other { font-weight: normal; background-image: url(visual/common/icn_catarrow_green.gif);  }

.category-title-campaign { font-weight: normal; background-image: url(visual/common/icn_catarrow_red.gif); /*background-image: url(visual/common/icn_catarrow_corner.gif);*/ padding-bottom: 15px; border-bottom: 1px dotted #C8990D; }

.category-title a {
color: #FF9900;
text-decoration: none;
}
.category-title-other a { 
color: #5C6514;
text-decoration: none;
}

.category-title-campaign a { 
color: #DA7106;
text-decoration: none;
}

.category-title li, .category-title2 {
list-style-type: none;
background: url(visual/common/icn_t_red.gif) left 4px no-repeat;
padding-left: 6px;
font-weight: normal;
}

.category-title li a, .category-title2 a {
color: #0001EC;
text-decoration: underline;
}

.category-title2 {
margin-left: 20px;
}

.category-title2 li {
list-style-type: none;
background: url(visual/common/icn_l_red.gif) left 4px no-repeat;
padding-left: 6px;
font-weight: normal;
}

.category-title-other li {
list-style-type: none;
background: url(visual/common/icn_l_green.gif) left 4px no-repeat;
padding-left: 6px;
font-weight: normal;
}

.category-title-other li a {
color: #0001EC;
text-decoration: underline;
}



#submenu_header {
display: block;
width: 112px;
height: 14px;
text-indent: -9999px;
background: url(visual/common/ttl_submenu.gif) left bottom no-repeat;
margin: 0px;
}

#topcover { margin-bottom: 10px; border: 1px solid #D2D2D4; }
#cover { margin-bottom: 10px; }


ul#campaign li { list-style-type: none; padding-left: 68px; background-position: left top; background-repeat: no-repeat; margin-bottom: 6px; } 
li.category_tameru { background-image: url(visual/common/icn_tameru.jpg); }
li.category_kariru { background-image: url(visual/common/icn_kariru.jpg); }
li.category_tsukau { background-image: url(visual/common/icn_tsukau.jpg); }
li.category_sonaeru { background-image: url(visual/common/icn_sonaeru.jpg); }

.parent {
float: left;
position: relative;
width: 242px;
list-style-type: none;
background: url(visual/common/bg_tabbox_bottom.jpg) bottom left no-repeat;
padding: 0px;
padding-bottom: 6px;
margin-bottom: 10px;
}

#category_tameru, #category_tsukau { margin-right: 11px; }

.category_img { float: left; width:74px; margin-left: 10px; margin-top: 6px; }

.child { margin-left: 90px; width: 120px; }
.child li {
list-style-type: none;  background: url(visual/common/icn_block.gif) left 4px no-repeat; margin-left: 0px; padding-left: 16px; margin-top: 6px; }

.more { position: absolute; top: 10px; right: 5px; text-indent: -9999px; }
.more a { display: block; width:83px; height: 17px; background: url(visual/common/btn_more.jpg) top left no-repeat; text-decoration: none; }

.to_campaign { width:100%; height: 12px; text-indent: -9999px; margin: 0px 0px 15px 0px; }
.to_more { width:100%; height: 12px; text-indent: -9999px; margin: 15px 0px; }
.to_pagetop { width:100%; height: 12px; text-indent: -9999px; margin: 30px 0px; }

.to_campaign a { display: block; width:118px; height: 12px; background: url(visual/common/btn_campaign_list.gif) top left no-repeat; text-decoration: none; position:absolute; right:0px; }
.to_more a { display: block; width:92px; height: 12px; background: url(visual/common/btn_to_more.gif) top left no-repeat; text-decoration: none; position:absolute; right:0px; }
.to_pagetop a { display: block; width:90px; height: 12px; background: url(visual/common/btn_to_pagetop.gif) top left no-repeat; text-decoration: none; position:absolute; right:0px; }


.colorbox {
width: 494px;
background: url(visual/common/bg_colorbox_bottom.gif) left bottom no-repeat;
padding-bottom: 10px;
margin-bottom: 20px;
}
.colorbox-inner {
width: 494px;
background: url(visual/common/bg_colorbox_top.gif) left top no-repeat;
padding-top: 10px;
}
.colorbox-inner div {
width: 470px;
_width: 494px;
background-color: #FDEFC0;
padding: 0px 12px;
}

#alpha .colorbox-inner div p {
margin-bottom: 0px;
}

#alpha .colorbox .colorbox-ttl {
font-weight: bold;
color: #986E00;
padding-left: 10px;
border-left: 3px solid #986E00;
margin-bottom: 10px;
}