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

body{
	width:740px;
	margin:0 auto;
	padding:0;
	line-height:0;
	font-family: sans-serif;
	background-color:white;
	color:black;
}

h1{
	clear:both;
	font-size:20px;
	background-color:#064;
	color:white;
	line-height:1em;
	padding:0.2em;
	text-align:right;
	margin:0;
	margin-bottom:12px;
}

h2{
	font-size:24px;
	font-weight: bold;
	color: #003300;
	margin:0;
	line-height:30px;
	border-bottom: 2px dotted;
}

h3{
	color:#004488;
}

p,dt,dd{
	line-height:1.5em;
	text-align:justify;
}

img{
	border:0;
}

a{
	color:#0066CC;
	text-decoration: none;
}

a:visited{
	color:#336666;
}

a:hover{
	color:#009999;
	text-decoration: underline;
}

table{
	border:2px solid #086;
	margin:0 auto 20px auto;
	border-collapse: collapse ;
}

caption{
	margin:0 auto;
	line-height:2em;
}

td,th {
	padding:0.25em;
	line-height:1.25em;
}

tr.color{
	background-color:#E7FFDD;
}

strong{
	color:#66C;
	font-weight:bold;
}

li{
	line-height:1.25em;
}

#TopBarPictures{
	float:left;
}

p.AllRights{
	clear:both;
	font-size:75%;
	text-align:center;
}

/* ---------- top.html ---------- */

#mobile{
	text-align:right;
	font-size:80%;
	margin:0;
	line-height:1.5em;
}

#Top_Left{
	width:160px;
	float:left;
	margin-top:4px;
}

#Top_Left p{
	text-align:center;
	margin:2px 0;
}

#Top_Center{
	width:340px;
	float:left;
	margin:4px 20px 0 20px;
}

#Top_Right{
	width:200px;
	float:left;
	margin-top:4px;
}

#New{
	background-image:url(images/newsback.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom:4px;
}

#about{
	text-align:center;
	margin:0;
	clear:both;
}

#poddo{
	float:right;
	margin-left:5px;
}

#Blog{
	margin-top:4px;
}

p.NewDate{
	font-size:60%;
	margin:0 10px;
	color: #006600;
}

p.NewText{
	font-size:80%;
	margin:0 9px 6px 18px;
	line-height:1em;
}

p.NewTitle{
	margin:0;
}

p.QRcode{
	text-align:center;
	line-height:1em;
	font-size:16px;
}

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

#AboutMENU{
	clear:both;
	width:138px;
	float:left;
	margin-top:-12px;
	padding:30px 0;
	background-image: url(images/newsback.png);
	background-repeat: repeat-y;
	background-position: left;
}

#AboutMENU h3{
	font-size:14px;
	line-height:18px;
	margin:4px 0px 4px 10px;	
}

#AboutMENU p{
	font-size:18px;
	margin:4px 0px 20px 10px;
}

#AboutMENU ul{
	margin:0 0 20px 10px;
	padding:0;
	list-style-type: none;
}

#AboutMENU ul li{
	font-size:16px;
	margin:0;
	padding:0;
}

#AboutBODY{
	float:left;
	width:580px;
	margin:0 0 0 22px;
}

/* ---------- plants ---------- */

#plants_thumbnail{
	float:left;
	width:580px;
	margin:0 0 0 22px;
}

#plants_thumbnail h2{
	clear:both;
	font-size:100%;
	line-height:1.5em;
	border-bottom:1px solid;
	margin:0 50% 10px 0;
	padding-top:30px;
}

div.thumbnail_data{
	width:128px;
	border:1px dotted #060;
	float:left;
	margin:4px;
}

div.thumbnail_data:hover{
	border:1px solid #060;
}

div.thumbnail_data p{
	text-align:center;
	font-size:12px;
	margin:4px 0;
	line-height:16px;
}

#plants_explanation{
	float:left;
	width:600px;
	margin:0 0 0 2px;
}

#plants_explanation table{
	border-collapse: separate;
	border:0;
}

#plants_explanation table th,#plants_explanation table td{
	line-height:1em;
}

#plants_explanation table th{
	color:white;
	font-size:80%;
	background-color:#030;
	width:4em;
}

#plants_explanation table th.color{
	background-color:#060;
}


#plants_explanation table td.photo{
	width:320px;
}

#plants_explanation table td i{
	font-family: serif;
	font-style: italic;	
}

#plants_explanation table.data th{
	width:auto;
	color:#030;
	background-color:#efe;
	font-size:100%;
	border-top:2px dotted #040;
	border-bottom:2px dotted #040;
}

#plants_explanation table.data td p{
	line-height:1.25em;
	margin:0.5em;
}

/* ---------- nouka ---------- */

#NoukaSide{
	width:244px;
	float:left;
}

#NoukaCenter{
	width:244px;
	float:left;
	margin:0 4px;
}

#NoukaSide p.n,#NoukaCenter p.n{
	background-color:#086;
	color:white;
	float:left;
	font-size:18px;
	line-height:26px;
	border:1px solid #086;
	width:40px;
	text-align:center;
	margin:0;
	padding:0;
}

#NoukaSide p.t,#NoukaCenter p.t{
	font-size:18px;
	line-height:26px;
	float:left;
	border:1px solid #086;
	width:196px;
	text-indent: 4px;
	margin:0;
	padding:0;
	color:#996;
}

#NoukaSide p.p,#NoukaCenter p.p{
	clear:both;
	width:240px;
	height:1px;
	margin:0;
	line-height:0;
	padding:4px 0;
}

#NoukaSide p.pi,#NoukaCenter p.pi{
	clear:both;
	width:240px;
	height:58px;
	margin:0;
	line-height:58px;
	padding:12px 0 13px 0;
}

div.NoukaData{
	width:380px;
	margin-right:20px;
	float:left;
}

div.NoukaData h2{
	padding-left:0.5em;
}

div.NoukaData h3{
	line-height:120%;
	margin:10px 0 0 0;
}

div.NoukaData p.address{
	background-color:#E6FFE1;
	font-size:80%;
	text-align:right;
	line-height:1.5em;
	border-bottom:1px solid #063;
	margin:0;
}

div.NoukaData p.itemhead{
	float:left;
	width:140px;
	text-align:center;
	background-color:#063;
	border-bottom:1px solid #063;
	color:white;
	margin:0;
}

div.NoukaData p.itembody{
	float:left;
	width:228px;
	padding-left:10px;
	border-bottom:1px solid #063;
	margin:0;
}

div.NoukaData p.itemend{
	clear:both;
	line-height:0;
	margin:0;
}

div.NoukaData p.texthead{
	font-size:90%;
	text-align:center;
	background-color:#2869A4;
	color:white;
	font-weight: bold;
	margin:4px 0 0 0;
}

div.NoukaData p.textbody{
	font-size:90%;
	border:1px solid #2869A4;
	margin:0;
	padding:0.5em;
}

div.NoukaData p.photo{
	text-align:center;
	margin:6px 0;
	line-height:0;
}

div.NoukaPhotos{
	width:338px;
	float:left;
	background-image: url(nouka/images/back1.jpg);
	border:1px dotted #063;
	border-top:0px;
	border-bottom:0px;
}

div.NoukaPhotos p{
	text-align:center;
	margin:6px 0;
	line-height:0;
}

#NoukaName{
	text-align:right;
	margin-right:0.5em;
	line-height:0;
}

div.NoukaPhotos p.picture,div.NoukaData p.picture{
	text-align:center;
	line-height:1em;
	color:#00725B;
	font-size:80%;
	font-weight:bold;
	margin:0;
}

/* ---------- Ishihata ---------- */

#IshihataBODY{
	float:left;
	width:580px;
	margin:0 0 0 22px;
}

#IshihataBODY h3{
	line-height:1.5em;
}

#IshihataBODY p{
	margin:20px 40px;
	text-indent: 1em;
	line-height: 35px;
	background-image: url(ibusuki/ishihata/back5.png);
}

#IshihataBODY p.picture{
	text-indent: 0;
	text-align:center;
	font-weight:bold;
	background-image: none;
	margin:20px 0;
	padding:0;
}

#IshihataBODY sup{
	color:#06f;
}

#IshihataBODY table{
	border-color:#000;
}

#IshihataBODY th,#IshihataBODY td{
	border:1px solid #000;
}

#IshihataBODY #bunken li{
	margin:0 20px 20px 20px;
}

/* ---------- market ---------- */

#MarketList{
	clear:both;
	margin-left:60px;
}

div.market{
	text-align: center;
	margin: 6px;
	padding: 2px;
	width: 284px;
	height: 68px;
	float: left;
	border-style: dotted solid solid dotted;
	border-width: thin medium medium thin;
	border-color: #00725b
}

div.market2{
	background-color: #e8ffd5;
	background-image: url(market/marketimages/back.jpg);
	background-repeat: repeat-y;
	background-position: right 0;
	text-align: center;
	margin: 6px;
	padding: 2px;
	width: 284px;
	height: 68px;
	float: left;
	border-style: dotted solid solid dotted;
	border-width: thin medium medium thin;
	border-color: #00725b
}

div.market p,div.market2 p{
	text-align:center;
	font-size: 16px;
	clear:both;
	line-height:24px;
	margin:0;
	padding:0;
}

/* ---------- shop ---------- */

table.shop{ 
	margin:20px auto;
	width:100%;
}

table.shop th{
	 border:1px solid #086;
}

table.shop td{
	 border:1px solid #086;
	 text-align:center;
	 padding:0.5em;
}

#ShopKeisai{
	text-align:right;
	font-size:90%;
}

div.netshop{
	width:184px;
	height:220px;
	margin:10px 0 0 0;
	float:left;
}

div.netshop p{
	text-align:center;
	margin:6px 10px;
	line-height:1em;
}

div.netshop p.title{
	font-size:18px;
}

div.netshop p.picture img {
	border:2px solid;
}

div.netshop p.picture a {
	color:#fff;
}

div.netshop p.picture a:hover {
	color:#6cc;
}

div.netshop p.url{
	font-size:12px;
}


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

#LinkPage h2{
	margin-top:2em;
}

#LinkPage h3{
	margin:1.5em 20px;
}

#LinkPage p{
	margin:auto 100px auto 40px;
}