* {padding:0; margin:0; font-size:15px; line-height:1.5; font-weight:normal; font-style:normal; *font-size:small; *font:x-small;}
html{width:100%; height:100%; margin:0; padding:0; overflow-y:scroll;}
body{width:100%; height:100%; margin:0; padding:0; background:#e5f2ff; text-align:center;
     font-size:75%; color: #222222; font-family: 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;}

#break{clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

hr.notification {clear: both; float: left; width: 100%; margin: 30px 0;}

#ds {margin:0 auto; width:860px; min-height: 100%; background: url(images/body/ds.jpg) repeat-y; text-align:left;}
body > #canvas {height: 100%;}
#canvas {margin: 0px 10px; width: 840px; height:100%; min-height: 100%;}
#header {width: 840px; height:100px; color:#666; background: url(images/top_sky2.jpg) no-repeat center top; overflow:hidden;}
#header .siteTitle {float:left; width:40%; padding: 10px;}
#header .top_menu {float:right; width:55%; padding: 2px 10px; text-align:right; font-size: 11px;}
#header .top_menu a:link { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none;}
#header .top_menu a:visited { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none;}
#header .top_menu a:active { color: #666666; font-size: 11px; font-weight: bold; text-decoration: none;}
#header .top_menu a:hover { color: #666666; font-size: 11px; font-weight: bold; text-decoration: none;}
#header .searchForm {float:right; width:55%; padding: 2px 10px; text-align:right; font-size: 11px;}

#globalNavi {float:left; width: 840px; height:40px; background:#DCDCDC url(images/header/navi.jpg) repeat-x; color:#CCCCCC; margin-bottom:10px;}
#globalNavi ul {list-style-type:none; padding:0px;}
#globalNavi ul li {float:left; border-left:1px solid #AFC567; border-right:1px solid #679726;}
#globalNavi ul li a {float:left; display:block;  line-height:40px; padding:0 20px; text-decoration:none; font-size: 80%; color:#EEEEEE;}
#globalNavi ul li a:hover {background:#F18000; color:#FFF;}

body.ShowBlockL0R0 #main {width: 840px; clear:both;}
body.ShowBlockL1R0 #main {width: 840px; clear:both;}
body.ShowBlockL0R1 #main {width: 840px; float:left; margin-right:-195px; clear:both;}
body.ShowBlockL1R1 #main {width: 840px; float:left; margin-right:-195px; clear:both;}
body.ShowBlockL0R0 #centercolumn {float:right; width:100%; margin-left:-195px;}
body.ShowBlockL1R0 #centercolumn {float:right; width:100%; margin-left:-195px;}
body.ShowBlockL0R1 #centercolumn {margin-right:195px;}
body.ShowBlockL1R1 #centercolumn {float:right; width:100%; margin-left:-195px;}
body.ShowBlockL0R0 #mainContents {margin-left:195px; padding:10px 10px 0 0; clear:both;}
body.ShowBlockL1R0 #mainContents {margin-left:195px; padding:10px 10px 0 0; clear:both;}
body.ShowBlockL1R1 #mainContents {margin-right:195px; margin-left:195px; padding:10px 0; clear:both;}

#centerC {width:100%;}
#centerC .blockTitle {
	clear: both;
	margin: 10px 0;
	font-size: 110%;
	font-weight: bold;
	color: #597904;
	padding:3px 10px 3px 30px;
	background: #FFFFFF url(images/common/h2_bg.jpg) repeat-x left bottom;
	border:1px solid #8DC006;
	border-bottom:2px solid #8DC006;
}
#centerC .blockContent {padding:5px 10px; margin-bottom:20px;}
#centerL {float:left; width:49%;}
#centerL .blockTitle {border-bottom:#CCC solid 1px;}
#centerL .blockContent {padding:5px 10px; margin-bottom:20px;}
#centerR {float:right; width:49%;}
#centerR .blockTitle {border-bottom:#CCC solid 1px;}
#centerR .blockContent {padding:5px 10px; margin-bottom:20px;}
#leftcolumn {float:left; width:180px;}
#leftcolumn .blockTitle {margin:0 0 5px 0; padding:5px 10px; color:#FFF; background: url(images/left/base_title.jpg) no-repeat;}
#leftcolumn .blockContent {text-align:left; padding:0 10px 10px;}
#leftcolumn li {background: url(images/left/point.gif) no-repeat; padding: 0px 10px;}
#leftcolumn a:link { color: #18882d; text-decoration: none;}
#leftcolumn a:visited { color: #18882d; text-decoration: none;}
#leftcolumn a:active { color: #18882d; text-decoration: none;}
#leftcolumn a:hover { color: #F18000; text-decoration: none;}
#rightcolumn {float:right; width:180px; background:#EEE;}
#rightcolumn .blockTitle {margin:0 0 5px 0; padding:5px 10px; color:#FFF; background:#dfd577;}
#rightcolumn .blockContent {text-align:left; padding:0 10px 10px;}

#footer {margin:20px 0 0 0; width:840px; height: 80px; background:#d8d497;}
#copyright {padding: 20px; width:800px; height:20px; bottom:0px; text-align:right;}

h3 {
	margin: 10px 0;
	font-size: 100%;
	font-weight: bold;
	color: #597904;
	padding:3px 10px 3px 30px;
	background: url(images/common/h3_bg.jpg) repeat-x left bottom;
	border-bottom:1px solid #8DC006;
}


ul {margin:0; padding:0; list-style-type:none; text-align:left;}
li {margin:0; padding:0; list-style-type:none; list-style-position:outside;}

img {border:0;}

.red {color: red;}
.green {color: green;}

.item {border:1px solid #cccccc;}
.itemHead {padding:3px 5px; background:#d9ee7f; color:#3e7111;}
.itemHead a:link {color: #3e7111; text-decoration: none;}
.itemHead a:visited {color: #3e7111; text-decoration: none;}
.itemHead a:active {color: #3e7111; text-decoration: none;}
.itemHead a:hover {color: #F18000; text-decoration: none;}
.itemInfo {text-align:right; padding:3px 5px; background:#efefef;}
.itemTitle a {font-size:120%; font-weight:bold; font-variant:small-caps; color:#ffffff;}
.itemPoster {font-size:90%;}
.itemPostDate {font-size:90%;}
.itemStats {font-size:90%;}
.itemBody {padding:10px;}
.itemText {margin-top:5px; margin-bottom:5px; line-height:1.5;}
.itemText:first-letter {}
.itemFoot {text-align:right; padding:3px 5px; background:#efefef;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

div.errorMsg {background:#ffcccc; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.confirmMsg {background:#ddffdf; color:#136c99; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.resultMsg {background:#cccccc; color:#333333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:10px;}

div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}
.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#ffffff; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2f5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}


.frame {margin: 5px; padding: 5px; float: left; text-align:center;}

/* ------------ for userinfo ------------ */
#userinfo {float: left; width: 635px;}

#W_avatar {float: left; width: 180px; height: 300px; background: url(images/user/avatar_bg.jpg) no-repeat; border: 2px solid #62b41b;}
#W_avatar .avatar {text-align: center;}
#W_avatar .avatar img {margin: 20px 0 5px 0;}
#W_avatar .avatar p {margin: 5px; color: #FFFFFF; font-weight:bold;}
#W_avatar .pm {margin: 20px 0; text-align: center;}
#W_avatar .pm a {margin: 5px; color: #FFFFFF; font-weight:bold;}
#W_avatar .pm p {margin: 5px; color: #FFFFFF; font-weight:bold;}

#BG_comment {margin: 0 5px; float: left; width: 285px; height: 245px; background: url(images/user/comment_bg.jpg) no-repeat; word-break: break-all; overflow: auto;}
#BG_comment .comment {margin: 15px 15px 15px 34px; width: 236px; height: 205px;}
#last_login {float: left; text-align: center; border:2px solid silver; background:#ffffff; margin:5px; padding:5px;}

#profile {float: left; margin: 5px; width: 145px;}
#profile p {margin: 5px 0; font-size: 90%; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}

#umenu {float: left; margin: 10px 0 0 0;text-indent: 0.5em;}

#search {clear: both; float: left; width: 100%;}
#search li {background: url("images/news/point.gif") no-repeat left center; text-indent: 20px; padding: 10px 0; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#search em {font-size: 90%; color: #444444;}
#search em a {font-size: 90%; color: #444444;}


/* ------------ for crops ------------ */

#crops_index {float: left; width: 635px;}
#crops_index div {float: left; width: 44%; margin: 15px 2% 20px 2%; }
#crops_index h4 {font-weight: bold;}
#crops_index em {margin: 0 0 0 1em;}
#crops_index .fruit p {margin: 0 5px; color:#CCAAAA; border-color:#CCAAAA; border-width:0 0 1px 0; border-style:dotted;}
#crops_index .fruit p a {color:#664444;}
#crops_index .vegetables p {margin: 0 5px; color:#AACCAA; border-color:#AACCAA; border-width:0 0 1px 0; border-style:dotted;}
#crops_index .vegetables p a {color:#446644;}
#crops_index .flower p {margin: 0 5px; color:#CCCCAA; border-color:#CCCCAA; border-width:0 0 1px 0; border-style:dotted;}
#crops_index .flower p a {color:#666644;}
#crops_index .grains p {margin: 0 5px; color:#AAAAAA; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#crops_index .grains p a {color:#444444;}
#crops_index .processed p {margin: 0 5px; color:#AAAACC; border-color:#AAAACC; border-width:0 0 1px 0; border-style:dotted;}
#crops_index .processed p a {color:#444466;}

#crops {float: left; width: 635px;}
#crops .category {float: left; width: 100%;}
#crops h4 {margin: 10px 0; font-weight: bold; color: #333333; background: url("images/h4.jpg") left bottom no-repeat;}
#crops em {margin: 30px; color: green;}
#crops p {margin: 0 0 0 5px;}
#crops .crop {float: left; width: 96%; margin: 10px 0; padding: 2%; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#crops .crop div {margin: 0 0 0 20px;}
#crops .crop img {border: 2px solid #8DC006;}

/* ------------ for outline ------------ */

#outline {float: left; width: 635px;}
#region {width: 96%; float: left; padding: 2%;}
#region h4 {padding: 0 0 10px 0; font-weight: bold;}
#region p {line-height: 1.9;}
#region .region_img {float: left; width: 35%;}
#region .explanation {float: left;  width: 65%; height: 320px; text-align: center; background: url(/images/outline_bg.jpg) no-repeat center;}

#friendsmark {float: left; width: 600px; margin: 10px 0; padding: 10px; border: 1px solid #bbbbbb; background: #f6ffeb;}
#friendsmark h4 {margin: 10px; font-weight: bold;}
#friendsmark .frame {float: left; width: 100px;}
#friendsmark .frame img {height:55px; width: 50px;}
#friendsmark .frame p {margin: 2px 0; color: rgb(0, 100, 0);}
#friendsmark .explanation {float: right; width: 480px;}

#org {margin: 0 1% 0 0;}

#sections {float: left; width: 635px;}
#sections .category {float: left; width: 100%;}
#sections .section {clear: both; float: left; width: 96%; margin: 10px 0; padding: 2%; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#sections .section img {border: 2px solid #8DC006;}

#sections h4 {margin: 10px 0; font-weight: bold; color: #333333; background: url("images/h4_s.jpg") left bottom no-repeat;}
#sections img {margin: 0 0 0 20px;}
#sections p {margin: 0 0 0 5px;}

#policy {float: left; width: 635px;}
#policy li {list-style-type: decimal; margin: 10px 40px; font-size: 100%;
}

/* ------------ for pdf ------------ */

#acrobat {margin:20px 0; border: 1px solid #bbbbbb;}
#acrobat h4 {margin: 10px; font-weight: bold;}
#acrobat p {margin: 10px;}
#acrobat img {margin: 10px;}

.pdf {
background: url("images/pdf.gif") no-repeat left;
padding: 13px 36px;
margin: 0 0 10px 10px;
}

/* ------------ for store ------------ */

#store_index {float: left; width: 635px;}
#store {float: left; width: 49%; padding: 0 1% 0 0;}
#store_img {float: left; width: 40%; text-align: center;}
#store_img img {border: 1px solid #bbbbbb;}
#store .ex {float: right; width: 60%;}

/* ------------ for store ditale ------------ */

#ditale_store {float: left; width: 635px;}
#build .store_big {float: left; margin: 10px 0; width: 40%; text-align: center;}
#build .store_big img {border: 1px solid #bbbbbb; width:200px; height:150px;}
#build .ex {float: right; width: 60%;}
/* ------------ for person ------------ */

#ditale_store .person {float: left; width: 100%; margin: 5px 0 5px 0; padding: 10px 0; border-color:#AAAAAA; border-width:1px 0 0 0; border-style:dotted;}
#ditale_store .person img {margin: 0 20px; border: 1px solid #bbbbbb; width:160px; height:160px;}
#ditale_store .person h4 {margin: 10px; font-weight: bold;}
#ditale_store .person p {margin: 10px 30px;}

/* ------------ for more members ------------ */

#more_members {float: left; width: 635px;}
#more_members .st {float: right;}
#more_members .person {float: left; width: 100%; margin: 5px 0 5px 0; padding: 10px 0; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#more_members .person img {margin: 10px 20px 30px 20px; border: 1px solid #bbbbbb; width:160px; height:160px;}
#more_members .person h4 {margin: 10px; font-weight: bold;}


/* ------------ for store_item ------------ */

#ditale_store .store_item {float: left; width: 47%; margin: 1%; padding: 10px 0; border-color:#AAAAAA; border-width:1px 0 0 0; border-style:dotted;}
#ditale_store .frame {width: 110px;}
#ditale_store .frame img {border: 1px solid #bbbbbb;}
#ditale_store .frame p {margin: 10px 0 0 0;}

/* ------------ for more items ------------ */

#more_items {float: left; width: 635px;}
#more_items .st {float: right;}
#more_items .store_item {float: left; width: 100%; margin: 10px 0; padding: 10px 0; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#more_items .frame {width: 110px;}
#more_items .frame img {width: 80px; height: 80px; border: 1px solid #bbbbbb;}
#more_items .frame p {margin: 10px 0 0 0; font-size: 12px;}

/* ------------ for map ------------ */

#ditale_store .map img {border: 1px solid #bbbbbb;}

/* ------------ for shop ------------ */
#shop {float: left; width: 635px;}
#shop .order {clear: both;}
#shop .order p {margin: 10px;}


/* ------------ for rice ------------ */

#rice h4 {margin: 5px; font-size: 110%; font-weight: bold;}
#rice {float: left; width: 635px;}
#rice p {margin: 10px 0;}
#rice em.line {color: black; text-decoration: line-through;}
#rice em {font-size: 110%; color: red; font-weight: bold;}
#rice strong {font-weight: bold;}
#rice em strong {font-size: 200%;}


/* ------------ for strawberry ------------ */
#strawberry {float: left; width: 635px;}
#strawberry p {text-indent: 1em;}
#strawberry .ditale {text-align: center; margin: 40px 0;}
#strawberry .pic_image {float: left; width: 47%; text-align: center;}
#strawberry .pic_image img {border: 1px solid #bbbbbb;}
#strawberry .frame {float: right; width: 47%; text-align: center;}
#strawberry .frame p {text-align: left; text-indent: 26px;}
#strawberry .contact {clear: both; margin 30px 0;}


/* ------------ for whatsnew ------------ */

#whatsnew li {background: url("images/news/point.gif") no-repeat left center; text-indent: 20px; padding: 10px 0; border-color:#AAAAAA; border-width:0 0 1px 0; border-style:dotted;}
#whatsnew em {font-size: 90%; color: #444444;}
#whatsnew em a {font-size: 90%; color: #444444;}

/* ------------ for topbanner ------------ */

#topbanner ul {list-style-type:none; padding:0px;}
#topcontents li {float:left; height: 160px; list-style: none outside none; margin: 0; padding: 0 10px 0 0;}
#topcontents li a {display: block; height: 160px; overflow: hidden;}
#topbanner01 {width: 190px}
#topbanner02 {width: 190px}
#topbanner03 {width: 190px}
#topbanner01 a {background: url("images/top/fr_b.gif") no-repeat; text-indent: -9999px;}
#topbanner02 a {background: url("images/top/fr_y.gif") no-repeat; text-indent: -9999px;}
#topbanner03 a {background: url("images/top/fr_p.gif") no-repeat; text-indent: -9999px;}

/* ------------ for banner ------------ */
.banner p a {font-size: 14px;}

/* ------------ for link ------------ */

A:link {color: #1888cd; text-decoration: none;}
A:visited {color: #1888cd; text-decoration: none;}
A:active {color: #1888cd; text-decoration: none;}
A:hover {color: #1888cd; text-decoration: underline;}

/* ------------ for about ------------ */

#about {width: 100%;}
#about h4 {margin: 20px 0 5px 10px; font-weight: bold;}
#about p {margin: 5px 0; text-indent: 1em;}
#about li {list-style-type: decimal; margin: 5px 0 0 50px;}

/* ------------ for new printing ------------ */

#new_printing {padding: 120px 0; width: 100%; height: 200px; text-align: center;}


/* ------------ for flash ------------ */

#top_image {border: 1px solid #AAAAAA; width: 614px; height: 244px;}
#top_image .top_inner {margin: 2px; width: 610px; height: 240px;}

/* ------------ for table ------------ */

table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse:separate;
	border-spacing:2px;
	text-align: left;
	text-indent: 1em;
	vertical-align: middle;
}
table td {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	line-height: 130%;
}

.outer {
	border: 1px solid #EEE;
}

th {
	padding: 3px;
	vertical-align: middle;
	font-weight: normal;
	color: #666;
	border-bottom: 1px solid #CCC;
	background: #EEE;
}
.head {
	padding: 5px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #F2F2F2;
}
.even {
	padding: 2px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #F7F7F7;
}
.odd {
	padding: 2px;
	color: inherit;
	border-bottom: 1px solid #CACACA;
	background: #FAFAFA;
}
.foot {
	padding: 5px;
	font-weight: bold;
	color: inherit;
	background: #F2F2F2;
}
tr.even td {
	padding: 2px;
	border-bottom: 1px solid #CACACA;
}
tr.odd td {
	padding: 2px;
	border-bottom: 1px solid #CACACA;
}
tr.even {
	color: inherit;
	background: #F7F7F7;
}
tr.odd {
	color: inherit;
	background: #FAFAFA;
}
tr.odd:hover, tr.even:hover {
	color: #000;
	border-bottom: 1px solid #CACACA;
	background: #DFDFDF;
}



.rice {
	width: 80%;
	text-align: center;
	text-indent: 0;
}