@charset "utf-8";
/* CSS Document */
body {
	color: #333333;	/*全体の文字色*/
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #FFFFFF;	/*全体の背景色*/
}

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#wrapper{
	min-width:980px;
	margin:0 auto;
}
#hdbox1{
	min-width: 750px;
	background: url('051i_352.jpg') repeat-x;
	height: 300px;
	width: 750px;
}
/*--------------------------------------
　ヘッダー
---------------------------------------*/
h1{
	font-size: 33px;
	color: #ffffff;
    float: left;
}
#hdleft{float:left;}
#logo{
	margin: 0px;
	float: none;
	font-size: 70px;
	font-weight: bold;
	color: #ffffff;
	height: 70px;
	width: 750px;
}
#logo a:hover{text-decoration:none;}

/*table-----*/
.tbbox1 {
	margin-top:10px;
	margin-left:10px;
}
.tbbox1 th{
	padding:7px;
	background:#f2f2f2;
	border:1px solid #e0e0e0;
	vertical-align:top;
}
.tbbox1 td{
	padding:7px;
	border:1px solid #e6e6e6;
}
a {text-decoration: none;}
a:link { color: #dc2020; } /* リンクの色 */
a:visited { color: #dc2020; } /* 済みリンク */
a:hover { 
	color: #dc2020;
	text-decoration: underline;
}/* リンク上 */
a:active { color: #dc2020; }/* onclick */




/*************
テーブル
*************/
table.table{
float:left;
border-collapse:collapse;
/*width:100%;*/
margin:10px auto;
}

table.table th,table.table td{
padding:5px;
border:1px solid #b0c257;
}

table.table th{
text-align:center;
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#789632;
border-left:#b0c257 5px solid
}

table.table td{border-left:#b0c257 3px double}

/* --- リストエリア --- */
ul.list {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
padding: 0 0 5px 18px; /* 項目のパディング（上右下左） */
background: url(disc.gif) no-repeat 5px 0.4em; /* マーカー画像 */
line-height: 130%;
}

/* --- ボックス --- */
div.section {
width: 700px; /* ボックスの幅 */
height:167px;
padding-bottom: 1px; /* ボックスの下パディング */
margin-left:5px;
margin-bottom:15px;
background: #ffffff url('../../planting/images/maru1_700_bottom.gif') no-repeat 50% bottom; /* ボックスの背景 */
color: #000000;
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 3px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url('../../planting/images/maru4_700_top.gif') no-repeat 50% top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */  
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}
/*--------------------------
フッター
--------------------------*/
/*フッター------------*/
#footer a{color:#333333;}
#ftbox1{
	overflow:hidden;
	min-width:980px;
	margin:0 auto;
	padding:12px 0;
	background:#e7e7e7;
}
#ftbox1 ul{
	width:980px;
	margin:0 auto;
}
#ftbox2{
	background:url("../../planting/images/051i_350.jpg") repeat-x;
	overflow:hidden;
	padding:10px 0;
	color:#ffffff;
	min-width:980px;
	margin:0 auto;
}
#ftbox3{
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
#ftleft{
	float:left;
	width:400px;
}
#ftbox1 ul{font-size:10px;}
#ftbox1 ul li{float:left;}
#ftbox1 li a{margin:0 10px;}
/*ページトップ-------*/
.pagetop{
	overflow:hidden;
	margin:0 auto;
	width:980px;
	text-align:right;
	padding:41px 0 5px 0;
}
/*コピーライト-------*/
.copy{
	color:#ffffff;
	float:left;
}
.tmp_webfac{
	float:right;
	padding-top:5px;
}
/*--------------------------
テキスト・間隔
--------------------------*/
/*float-------------------*/
.left{
	float:left;
	/*display:inline;*/
	margin-right:15px;
	border:1px #c0c0c0  solid;
	}
.right{float:right;}
/*テキスト設定・間隔----------*/
.lefttxt1{
	width:189px;
	float:left;
}
.lefttxt2{
	width:760px;
	float:left;
	margin-left:5px;
	margin-bottom:5px;
}
.righttxt1{
	width:190px;
	float:right;
}
.righttxt2{
	width:566px;
	float:right;
}
.leftbox{
	width:150px;
	float:left;
	margin-left:10px;
}
.rightbox{
	width:240px;
	float:right;
}
.box1{
	margin-bottom:10px;
	overflow:hidden;
}
.txt1{
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}
.bold{font-weight:bold;}
.center{text-align:center;}
.clear{clear:both;}
.pd1{margin-bottom:5px;margin-left:2px;font-size:12px;}
.pd2{margin-bottom:15px;}
.pd3{margin-bottom:30px;}
/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* バーの背景色(濃い赤色) */
}

/* ▼タブ */
#tabcontrol a {
   display: inline-block;            /* インラインブロック化 */
   border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
   border-style: solid;              /* 枠線の種類：実線 */
   border-color: black;              /* 枠線の色：黒色 */
   border-radius: 0.5em 0.5em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 0.2em 0.5em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   color: #003300;                     /* 文字色：深緑色 */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}
#tabcontrol2 a {
   display: inline-block;            /* インラインブロック化 */
   border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
   border-style: solid;              /* 枠線の種類：実線 */
   border-color: black;              /* 枠線の色：黒色 */
   border-radius: 0.5em 0.5em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 0.2em 0.5em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   color: #762f07;                     /* 文字色：深緑色 */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}
#tabcontrol3 a {
   display: inline-block;            /* インラインブロック化 */
   border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
   border-style: solid;              /* 枠線の種類：実線 */
   border-color: black;              /* 枠線の色：黒色 */
   border-radius: 0.5em 0.5em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 0.2em 0.5em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   color: #696969;                     /* 文字色：深緑色 */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}

/* ▼タブにマウスポインタが載った際（任意） */
#tabcontrol a:hover {
   text-decoration: underline;   /* リンクの下線を引く */
}
#tabcontrol2 a:hover {
   text-decoration: underline;   /* リンクの下線を引く */
}
#tabcontrol3 a:hover {
   text-decoration: underline;   /* リンクの下線を引く */
}

/* ▼タブの中身 */
#tabbody div {
   border: 1px solid black; /* 枠線：黒色の実線を1pxの太さで引く */
   margin-top: -1px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
   padding: 1em;            /* 内側の余白量 */
   background-color: white; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
}
/* ▼タブの配色 */
#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #e0ebaf; }/* 1つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: #eaedf7; }/* 2つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(3), #tabbody div:nth-child(3) { background-color: #ebf6f7; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(4), #tabbody div:nth-child(4) { background-color: #f2f2b0; }/* 4つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(5), #tabbody div:nth-child(5) { background-color: #fef4f4; }/* 5つ目のタブとその中身用の配色 */

#tabcontrol2 a:nth-child(1), #tabbody div:nth-child(1) { background-color: #e0ebaf; }/* 1つ目のタブとその中身用の配色 */
#tabcontrol2 a:nth-child(2), #tabbody div:nth-child(2) { background-color: #eaedf7; }/* 2つ目のタブとその中身用の配色 */
#tabcontrol2 a:nth-child(3), #tabbody div:nth-child(3) { background-color: #ebf6f7; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol2 a:nth-child(4), #tabbody div:nth-child(4) { background-color: #f2f2b0; }/* 4つ目のタブとその中身用の配色 */
#tabcontrol2 a:nth-child(5), #tabbody div:nth-child(5) { background-color: #fef4f4; }/* 5つ目のタブとその中身用の配色 */

#tabcontrol3 a:nth-child(1), #tabbody div:nth-child(1) { background-color: #e0ebaf; }/* 1つ目のタブとその中身用の配色 */
#tabcontrol3 a:nth-child(2), #tabbody div:nth-child(2) { background-color: #eaedf7; }/* 2つ目のタブとその中身用の配色 */
#tabcontrol3 a:nth-child(3), #tabbody div:nth-child(3) { background-color: #ebf6f7; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol3 a:nth-child(4), #tabbody div:nth-child(4) { background-color: #f2f2b0; }/* 4つ目のタブとその中身用の配色 */
#tabcontrol3 a:nth-child(5), #tabbody div:nth-child(5) { background-color: #fef4f4; }/* 5つ目のタブとその中身用の配色 */

/*--------------------------------------
ボタン各種　
---------------------------------------*/
/* 大ボタン（緑） */
.box1 {
    padding: 1px 15px;
    margin: 2em 0;
    color: #006400;
    background: #ffffff;
    border-top: solid 3px #006400;
    border-bottom: solid 3px #006400;
}
.box1 p {
    margin: 0; 
    padding: 0;
}
/* 中ボタン（緑）  */
.square4_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 12pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.1em;
    text-decoration: none;
    color: #FFF;
    background:#008000;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #006400;/*線色*/
}

.square4_btn:active {
/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
	font-size: inherit;
}

/* 小ボタン（緑）  */
.square1_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 34pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.25em;
    text-decoration: none;
    color: #FFF;
    background:#008000;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #006400;/*線色*/
}

.square1_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/* 大ボタン（茶）  */
.box2 {
    padding: 1px 15px;
    margin: 2em 0;
    color: #762f07;
    background: #ffffff;
    border-top: solid 3px #762f07;
    border-bottom: solid 3px #762f07;
}
.box2 p {
    margin: 0; 
    padding: 0;
}
/* 中ボタン（茶）  */
.square5_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 12pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.1em;
    text-decoration: none;
    color: #FFF;
    background:#8a3b00;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #762f07;/*線色*/
}

.square5_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* 小ボタン（茶）  */
.square2_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 34pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.25em;
    text-decoration: none;
    color: #FFF;
    background:#8a3b00;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #762f07;/*線色*/
}

.square2_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/* 大ボタン（白）  */
.box3 {
    padding: 1px 15px;
    margin: 2em 0;
    color: #696969;
    background: #ffffff;
    border-top: solid 3px #696969;
    border-bottom: solid 3px #696969;
}
.box3 p {
    margin: 0; 
    padding: 0;
}
/* 中ボタン（白）  */
.square6_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 12pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.1em;
    text-decoration: none;
    color: #FFF;
    background:#f5f5f5;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #696969;/*線色*/
}

.square6_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/* 小ボタン（白）  */
.square3_btn {
    text-align: center;
    margin-left: 1px;
	font-size: 34pt;
    position: relative;
    display: inline-block;
    padding: 0.1em 0.25em;
    text-decoration: none;
    color: #FFF;
    background:#f5f5f5;/*色*/
    border-radius: 6px;/*角の丸み*/
    box-shadow: inset 0 5px 0 rgba(255,255,255,0.2), inset 0 -5px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
    border: solid 3px #696969;/*線色*/
}

.square3_btn:active {/*押したとき*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.search {
	position: relative;
}

.keyword {
	position: absolute;
	top: 0;
	left: 0;
	width: 155px;
	height: 36px;
	border: 1px solid #D9D9D9;
	font-size: 15px;
	color: #999;
}

.search_btn {
	position: absolute;
	top: 0;
	left: 159px;
	cursor: pointer;
}