/*-----きらら市民農園共通設定-----------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	/*vertical-align: top;*/
	line-height: 1.8;
}
body{
	margin: 0px;
	padding: 0px;
}
#wrapper{
	width: 780px;
	margin: 0px auto;　/*■ブラウザ全体幅からcontainerの幅を引いた残りの余白を、左右均等に振り分けるので本体が中央に来る。*/
	padding: 0px;
	font-size: 12px;
	position: ralative;   /*■この記述によってcontainer要素自体を浮かせ、内部の配置を自由にしている。*/
	border: 1px solid silver;
}
h1,h2,h3,h4{
	margin: 0px;
	padding: 0px;
}
p{
	margin: 0px;
	padding: 0px;
}
.alt{
	display: none;
}
.clear{
	clear: both;
}
.red{
	color: red;
}
img {
	border: none;
}

/*-----ヘッダー------------------------------------------------------------------------*/
#header{
	width: 780px;
	height: 34px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../common/head.jpg) no-repeat;
}
#header h1{
	width: 280px;
	height: 34px;
	margin: 0px 0px 0px 5px;
}
#header h1 a{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

/*-----メインビジュアル--------------------------------------------------------------------*/
#main{
	width: 780px;
	height: 198px;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	background: url(../img/main.jpg) no-repeat;
}

/*-----内容全体-----------------------------------------------------------------------------*/
#contents{
	width: 780px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/*-----左側のコンテンツ----------------------------------------------------------------*/
#leftbox{
	width: 189px;
	margin: 0px 0px 0px 5px;
	_margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/*-----左の縦に並んだメニュー----------------------------------------------------------*/
#leftbox li{
	width: 189px;
	height: 44px;
	margin: 0px 0px 7px 0px;
	_margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
  	list-style: none;
	display: block;
}
#leftbox li a{
  	text-decoration: none;  /* ■Firefox等で線が表示されないようにする */
  	width: 100%; /* aに対して100％にしておくと、li本体のサイズを変えたときにそのサイズに対応するのでaのサイズの書き直しが要らない */
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}
.outlink{
	width: 189px;
	height: 55px;
	margin-top: 7px;
	padding: 0px;
}
.outlink a{
	text-decoration: none;
 	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}
#link_rurikei{
	background: url(../common/rurikei.jpg) no-repeat;
}
#link_yupei{
	background: url(../common/yupei.jpg) no-repeat;
}
#link_tanoshii{
	background: url(../common/tanoshii.jpg) no-repeat;
}
#menu1{
	background: url(../common/menu1.jpg) no-repeat;
}
#menu2{
	background: url(../common/menu2.jpg) no-repeat;
}
#menu3{
	background: url(../common/menu3.jpg) no-repeat;
}
#menu4{	
	background: url(../common/menu4.jpg) no-repeat;
}
#menu5{	
	background: url(../common/menu5.jpg) no-repeat;
}

/*-----マウスポイントを乗せた時の設定----------------------------*/
#menu1 a:hover{
	background: url(../common/menu1_on.jpg) no-repeat;
}
#menu2 a:hover{
	background: url(../common/menu2_on.jpg) no-repeat;
}
#menu3 a:hover{
	background: url(../common/menu3_on.jpg) no-repeat;
}
#menu4 a:hover{
	background: url(../common/menu4_on.jpg) no-repeat;
}
#menu5 a:hover{
	background: url(../common/menu5_on.jpg) no-repeat;
}

/*-----右側メニューボタン部分内容-------------------------------------------------------------*/
#rightbox{
	width: 567px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	float: right;
}

/*-----ページのトップへボタン-----------------------------------------------------------------*/
#back{
	text-align: right;
	margin-bottom: 20px; 
}

/*-----フッター上テキストリンク---------------------------------------------------------*/
#footer_navi{
	clear: both;
	width: 780px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

/*-----フッター（コピーライト）部分------------------------------*/
#footer{
	clear: both;
	width: 780px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../common/footer.jpg) no-repeat;
}