@charset "UTF-8";


/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 90%;
	line-height: 1.5;
	color: #222222;
	background-color: #000066;
	background-image: url(../img/back.gif);
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6,p,ul,il,ol,dl,dt,dd{
	margin: 0;
	padding: 0;
}
a {
	color: #000099;
}
a:hover {
	color: #0000FF;
}
.skip {
	display: none;
}
.media1 {
	display: none;
}
.totop {
	font-size: 80%;
	text-align: right;
	padding-right: 0;
	padding-bottom: 10px;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}
.clear {
	float: none;
	clear: both;
}
.blue{
	color: #0000CC;
}
.vlt{
	color: #3333FF;
}
.blwn{
	color: #993300;
}

.gly{
	color: #666666;
}

.white{
	color: #FFFFFF;
}


.attention{
	color: #cc0000;
}


/* Wrapper
---------------------------------------------*/
#Base-center {
	position:absolute;
	text-align:center;
	width: 100%;
}

#Wrapper {
	margin-left:auto;
	margin-right:auto;
	margin:0px auto;
	width: 760px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	background: #FFFFFF url(../img/back-left.gif) repeat-y left;
}
#Wrapper2 {
	width: 800px;
	margin: 0;
	padding: 0;
	background: url(../img/back-right.gif) repeat-y right;
}



/* トップヘッダー
---------------------------------------------*/
#header {
	background: #FFFFFF url(../img/top-title.png) top left no-repeat;
	width: 760px;
	padding-top: 170px;
	margin-left: 20px;
	margin-right: 20px;
}
#header h1{
	position: absolute;
	top: 17px;
	width: 760px;
	height: 153px;
}
#top {
	position: absolute;
	top: 1px;
	width: 745px;
	text-align: center;
	font-size: 80%;
	color: #000066;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0 5px;
}
#topline {
	background:  url(../img/menu-bottomline.png) bottom repeat-x;
	width: 760px;
	height: 37px;
}

/* トップナビゲーション
---------------------------------------------*/
#globalNav {
	position: relative;
	width: 760px;
	height: 30px;
	background: #000099 url(../img/menu-back.png) left top repeat-x;
}
#globalNav li {
	float: left;
	list-style-type: none;
	text-indent: -99999px;
	background: #000099 url(../img/menu-back.png) left top repeat-x;
}
#globalNav li a {
	/*¥*/
	overflow: hidden;
	text-decoration: none;
	/**/	
}
#globalNav li a:hover {
	background: url(../img/menu-ov.png) top left no-repeat;
	text-decoration: none;
}
#globalNav li.menu0 {
	display: block;
	background: #000099 url(../img/menu-back.png) left top repeat-x;
	width: 0px;
	height: 30px;
	border-right: 0px solid #FFFFFF;
}
#globalNav li.menu1 a {
	display: block;
	background: url(../img/menu/top.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu1 a:hover {
	background: url(../img/menu/top-ov.png) top center no-repeat; 
}
#globalNav li.menu2 a {
	display: block;
	background: url(../img/menu/shop.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu2 a:hover {
	background: url(../img/menu/shop-ov.png) top center no-repeat; 
}
#globalNav li.menu3 a {
	display: block;
	background: url(../img/menu/biotope.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu3 a:hover {
	background: url(../img/menu/biotope-ov.png) top center no-repeat; 
}
#globalNav li.menu4 a {
	display: block;
	background: url(../img/menu/feedlot.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu4 a:hover {
	background: url(../img/menu/feedlot-ov.png) top center no-repeat; 
}
#globalNav li.menu5 a {
	display: block;
	background: url(../img/menu/contact.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu5 a:hover {
	background: url(../img/menu/contact-ov.png) top center no-repeat; 
}
#globalNav li.menu6 a {
	display: block;
	background: url(../img/menu/law.png) top center no-repeat;
	width: 95px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu6 a:hover {
	background: url(../img/menu/law-ov.png) top center no-repeat; 
}
#globalNav li.menu7 a {
	display: block;
	background: url(../img/menu/aboutus.png) top center no-repeat;
	width: 94px;
	height: 30px;
	border-right: 1px solid #FFFFFF;
}
#globalNav li.menu7 a:hover {
	background: url(../img/menu/aboutus-ov.png) top center no-repeat; 
}
#globalNav li.menu8 a {
	display: block;
	background: url(../img/menu/sitemap.png) top center no-repeat;
	width: 94px;
	height: 30px;
}
#globalNav li.menu8 a:hover {
	background: url(../img/menu/sitemap-ov.png) top center no-repeat; 
}



/* たて組レイアウト
---------------------------------------------*/
#contentWrapper {
	position: relative;
	width: 760px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
	background: #FFFFFF;
}
#content {
	padding: 10px 0px;
	margin: 0 37px;
}

/* hide from Mac IE \*/
 * html #content {
	padding: 0px;
	margin: 0 37px;
}
    /* */ 
	
#footer {
	clear: both;
	width: 760px;
	margin-right: 20px;
	margin-left: 20px;
	background: #FFFFFF url(../img/footer-line.gif) top repeat-x;
	padding-bottom: 20px;
}
#footer-text {
	padding-top: 10px;
	padding-right: 25px;
	font-size: 90%;
	font-weight: normal;
	color: #333333;
	text-align: right;
}
#footer-menu {
	margin: 0;
	padding-top: 15px;
	padding-right: 20px;
	text-align: right;
	font-size: 90%;
	font-weight: normal;
}
/* メインテキスト指定
---------------------------------------------*/
#plist {
	font-size: 85%;
	color: #555555;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-left: 5px;
}

h1 .top {
}
h2 {
	font-size: 160%;
	font-weight: bold;
	color: #000033;
	letter-spacing: 0.1em;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	margin: 5px 0;
	padding: 5px 10px;
	letter-spacing: 0.1em;
	background-color: #7A98D2;
	color: #000099;
}
h4 {
	font-size: 120%;
	font-weight: bold;
	}
.main-text {
	font-size: 100%;
	color: #444444;
	line-height: 1.5;
	
}

.text-s {
	font-size: 90%;
	color: #444444;
	line-height: 1.5;
	
}
.text-ss {
	font-size: 80%;
	line-height: 1.5;
	
}
.waku-back{
	background: url(../img/table-back.gif) center repeat-y;
	width: 685px;
	margin: 10px 0;
	padding: 0;
}
.waku-top{
	background: url(../img/table-top.gif) top center no-repeat;
	width: 685px;
}
.waku-bottom{
	background: url(../img/table-bottom.gif) bottom center no-repeat;
	width: 685px;
}

.contents-table {
	padding: 25px 20px 20px 20px;
	text-align: left;
}
.indent {
	margin: 10px 25px;
}

.contents-table table {
	margin: 0 0 10px 0;
	padding: 0;
	width: 600px;
	font-size: 90%;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.contents-table th{
	margin: 0;
	padding: 5px;
	text-align: center;
	border-right: 1px solid #999999;
	border-bottom: 2px solid #999999;
	background-color: #BABAFF;
}
.contents-table td{
	margin: 0;
	padding: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.contents-table td.date{
	background-color: #DDDDDD;
	text-align: center;
}

.contents-table img {
	padding: 5px;
}


.contents-table img.right {
	padding: 5px 0px 5px 5px;
	float: right;
}

.contents-table img.left {
	padding: 5px 5px 5px 0px;
	float: left;
}

.contents-table img.center {
	padding: 5px;
	text-align: center;
}

.contents-table ul{
	margin: 5px 20px;
}

.contents-table ol{
	margin: 5px 30px;
}
.contents-table li{
	padding: 3px;
}

.sitemap{
	margin: 10px 20px 10px 50px;
	background: url(../img/sitemapback.jpg) right bottom no-repeat;
	text-align: left;
}

.sitemap ul{
	list-style-type: none;
	background: url(../img/dot-sitemap1.gif) left repeat-y;
}
.sitemap li{
	padding-bottom: 10px;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	padding-left: 40px;
	margin-top: 5px;
	background: url(../img/dot-sitemap.gif) left top no-repeat;
}

* html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}

*:first-child+html .sitemap li{
	padding-bottom: 0px;
	padding-top: 5px;
	background: url(../img/dot-sitemap3.gif) left top no-repeat;
}




.sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left bottom no-repeat;
}

* html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

*:first-child+html .sitemap li.sitemap2{
	background: url(../img/dot-sitemap2.gif) left top no-repeat;
}

.sitemap h3{
	font-size: 100%;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	margin-top: 5px;
}