@charset "shift_jis";

/* -- illustrated common --*/

body#illustrated {
	background: #ffffff;
	height: 100%;
}
body#illustrated #wrapper {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}


/*========================================*/
/* header
/*========================================*/
body#illustrated #header {
	border-bottom: 1px solid #95b009;
}
	#logo {
		margin: 19px 0 13px 14px;
	}


/*========================================*/
/* contentsWrap
/*========================================*/
body#illustrated #contentsWrap {
	margin: 0 30px;
	width: 900px;
}
	.naka-title {
		margin-top: 30px;
	}
	ul.illustratedTopMenu {
		margin-top: 7px;
		height: 13px;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}
		ul.illustratedTopMenu li {
			float: left;
			margin-right: 19px;
		}

	body#illustrated #contents {
		margin: 0 20px;
		width: 860px;
	}
		body#illustrated .main {
			float: left;
			margin-top: 18px;
			width: 375px;
		}
		.illustrated_table {
			margin-top: 5px;
			border-top: 1px solid #eeeeee;
		}
		.illustrated_table th,
		.illustrated_table td {
			border-bottom: 1px solid #eeeeee;
		}
		.illustrated_table th {
			text-align: left;
			font-weight: bold;
			vertical-align: top;
		}
		.illustrated_table th.th01 {
			width: 110px;
		}
		.illustrated_table th.th02 {
			width: 7em;
		}
		.illustrated_table th.th02, {
			width: 80px;
			background: #f00;
		}
		.illustrated_table td.td01 {
			width: 85px;
		}
			.illustrated_table th p {
				padding: 5px 0 5px 3px;
			}
			.illustrated_table td {
				padding: 5px 0;
			}
				.illustrated_table .box_height {
				}
				ul.illustrated_graph {
					height: 16px;
					overflow: hidden;
					font-size: 0;
					line-height: 0;
				}
				ul.illustrated_graph li {
					float: left;
				}
		body#illustrated .sub {
			float: right;
			margin-top: 38px;
			border: 1px solid #dedede;
			padding: 10px 10px 20px;
			width: 448px;
		}
			.sub .zoom {
				text-align: right;
			}
body#illustrated a img {
	border: none;
}

/*========================================*/
/* footer
/*========================================*/
body#illustrated #footer {
	margin-top: 50px;
	border-top: 1px solid #95b009;
	padding: 10px 0;
	height: 10px;
	text-align: center;
}


/*========================================*/
/* result.html
/*========================================*/
.sub .resultList {
	padding: 0 50px;
	width: 348px;
	overflow: hidden;
}
	.sub .resultList li {
		list-style: none;
		margin-top: 10px;
		width: 130px;
	}
		.sub .resultTable th {
			/*background: #f00; プレビュー用 */
			width: 130px;
			height: 130px;
			text-align: center;
			vertical-align: bottom;
		}
		.sub .resultTable td {
			padding: 3px 0 0 0;
			text-align: center;
		}


/*========================================*/
/* detail.html
/*========================================*/
.detailTable {
	margin-top: 10px;
	width: 450px;
/*	height: 450px; */
}
	.detailTable th {
		text-align: center;
		vertical-align: bottom;
	}
.detailListArrow {
	margin-top: 10px;
	height: 20px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}
.detailTitle {
	background: #dedede;
	margin-top: 10px;
	padding: 2px 0;
	font-size: 115%;
	text-align: center;
	font-weight: bold;
}
.detailList01 {
	margin: 10px 10px 0 10px;
	width: 430px;
}
	.detailList01 dt {
		float: left;
		clear: both;
		font-weight: bold;
	}
	.detailList01 dd {
		background: url(../../recommend/illustrated/imgs/detail_ico_dl_01.gif) no-repeat left 0.5em;
		margin-left: 5em;
		padding-left: 1em;
		height: 1%;
	}


/*========================================*/
/* index.html
/*========================================*/
.il_searchHead {
	margin-top: 16px;
	width: 860px;
	overflow: hidden;
}
	.il_searchHead p {
		text-align: right;
	}
	.il_searchTxt {
		float: left;
		margin-right: 1em;
		font-size: 115%;
		font-weight: bold;
		text-align: left;
	}

/* -- 検索フォーム --*/
.il_searchBox {
	background: url(../../recommend/illustrated/imgs/illustrated_bg_sbox.gif) no-repeat left bottom;
	margin-top: 16px;
	width: 860px;
}
/* -- ページ毎の検索フォーム下余白 --*/
body.index  .il_searchBox { padding-bottom: 15px;}
body.search .il_searchBox,
body.photo  .il_searchBox { padding-bottom: 10px;}

	/* -- タブ --*/
	.il_searchBoxBtn {
		background: url(../../recommend/illustrated/imgs/illustrated_bg_sbox.gif) no-repeat left top;
		padding-bottom: 15px;
		width: 860px;
		height: 26px;
		overflow: hidden;
	}
		.il_searchBoxBtn ul {
			float: left;
			width: 580px;
			height: 26px;
			overflow: hidden;
		}
		.il_searchBoxBtn li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.il_searchBoxBtn li.nav01,
		.il_searchBoxBtn li.nav02 { width: 194px;}
		.il_searchBoxBtn li.nav03 { width: 192px;}
			.il_searchBoxBtn li a {
				display: block;
				width: 192px;
				height: 26px;
			}
			.il_searchBoxBtn li a:hover {
				background-color: transparent;
			}
				.il_searchBoxBtn li a:hover img {
					visibility: hidden;
				}
				/* -- タブアクティブ設定 bodyのclassで切り替え --*/
				body.index  .il_searchBoxBtn li.nav01 a img,
				body.search .il_searchBoxBtn li.nav02 a img,
				body.photo  .il_searchBoxBtn li.nav03 a img {
					visibility: hidden;
				}
		.il_searchBoxBtn p {
			display: inline;
			float: right;
			margin: 6px 3px 0 0;
		}
	body.index .il_searchContent {
		margin-left: 245px;
		width: 370px;
	}
		/* -- キーワードで探す --*/
		body.index .sKeyWord {
			background: #ffffff;
			border: 1px solid #cccccc;
			width: 370px;
			overflow: hidden;
		}
			body.index .sKeyWord td,
			body.index .sSeason  td {
				padding: 3px 0;
			}
				body.index .sKeyWord .td01 p,
				body.index .sSeason  .td01 p {
					margin-left: 11px;
				}
				body.index .sKeyWord .td02 input {
					width: 173px;
				}
		/* -- 花の時期で探す --*/
		body.index .sSeason {
			background: #ffffff;
			margin-top: 10px;
			border: 1px solid #cccccc;
			width: 370px;
		}
				body.index .sSeason .td02 select {
					width: 177px;
				}
		/* -- 植物名・科名ボタン --*/
		body.index .sBtn {
			margin-top: 10px;
			width: 370px;
			height: 26px;
			overflow: hidden;
		}
/* -- 50音順ボタン --*/
.il_btnBox {
	margin-top: 15px;
	height: 20px;
	overflow: hidden;
}
	.il_btnBox p {
		float: right;
		margin-left: 5px;
	}
	.il_btnBox p.float_left {
		float: left;
	}
	.il_btnBox p.btn01 {
		background: url(../../recommend/illustrated/imgs/il_cmn_btn_02_on.gif);
		width: 59px;
		height: 20px;
	}
		.il_btnBox p.btn01 a {
			display: block;
			width: 59px;
			height: 20px;
		}
			.il_btnBox p.btn01 a:hover {
				background-color: transparent;
			}
				.il_btnBox p.btn01 a:hover img,
				.il_btnBox p.btnOn a img {
					visibility: hidden;
				}
	/* -- Add 090514 -- */
	.btnStaff {
		background: url(../../recommend/illustrated/imgs/il_index_btn_staff_on.gif);
		width: 122px;
		height: 20px;
	}
		.btnStaff a {
			display: block;
			width: 122px;
			height: 20px;
		}
			.btnStaff a:hover {
				background-color: transparent;
			}
				.btnStaff a:hover img {
					visibility: hidden;
				}
	/* -- Add 090514 -- */

/* -- ア〜ラ行 --*/
.sJapaneseBox {
	background: #f0f0f0;
	margin-top: 15px;
	padding: 5px 0;
	text-align: center;
}
	.sJapaneseBox li {
		list-style: none;
		display: inline;
		padding: 0 10px;
		font-weight: bold;
	}

/* -- 検索結果 --*/
.il_indexContent {
	margin: 12px 20px 0;
	width: 820px;
	overflow: hidden;
}
	.il_indexContent dl {
		display: block;
		float: left;
		margin-right: 50px;
		width: 20em;
	}
	.il_indexContent dl.third {
		margin-right: 0;
	}
		.il_indexContent dl dt {
			font-weight: bold;
		}
		.il_indexContent dl dt.dt01 {
			margin-top: 1.5em;
		}
/* -- 前へ：次へ --*/
.sFootNav {
	margin-top: 26px;
	text-align: center;
}
	.sFootNav dt,
	.sFootNav dd {
		display: inline;
	}
	.sFootNav dt {
		font-weight: bold;
	}
	.sFootNav dt.prev {
		background: url(../../recommend/illustrated/imgs/il_cmn_arrow_left.gif) no-repeat left 0.2em;
		padding: 0 20px 0 12px;
	}
	.sFootNav dt.next {
		background: url(../../recommend/illustrated/imgs/il_cmn_arrow_right.gif) no-repeat right 0.2em;
		padding: 0 12px 0 20px;
	}
	.sFootNav dd {
		padding: 0 7px;/* Mod 090420 */
		font-weight: bold;
	}
		.sFootNav dd a {
			font-weight: normal;
		}

body#illustrated.index  #footer,
body#illustrated.search #footer,
body#illustrated.photo  #footer {
	margin-top: 37px;
}


/*========================================*/
/* search.html
/*========================================*/
body.search .il_searchContent {
	padding: 0 11px;
	width: 838px;
}
.searchSection01 {
	padding: 0 9px 1px;
	border-bottom: 1px solid #dadad9;
	width: 820px;
	overflow: hidden;
}
	/* -- table一括設定 --*/
	.il_searchContent table.search01,
	.il_searchContent table.search02,
	.il_searchContent table.search03,
	.il_searchContent table.search04,
	.il_searchContent table.search05 {
		float: left;
		text-align: left;
	}
		.il_searchContent table.search01 th,
		.il_searchContent table.search02 th,
		.il_searchContent table.search03 th {
			font-weight: bold;
		}
		.il_searchContent table.search02 th,
		.il_searchContent table.search03 th {
			vertical-align: middle;
		}
		.il_searchContent table.search02 th,
		.il_searchContent table.search03 th,
		.il_searchContent table.search02 td,
		.il_searchContent table.search03 td {
			padding: 0 0 9px;
		}
			.il_searchContent table th p {
				padding-right: 6px;/* Add 090420 */
				white-space: nowrap;/* Add 090420 */
			}
			.il_searchContent table.search01 td input,
			.il_searchContent table.search02 td input,
			.il_searchContent table.search03 td input {
				vertical-align: text-bottom;
			}
	/* -- table個別設定：左 --*/
	.il_searchContent table.search01 {
		margin-right: 27px;/* Mod 090420 */
		width: 228px;
	}
		.il_searchContent table.search01 th {
			vertical-align: top;
		}
		tr.tr01 td { padding-bottom: 2px;}
		tr.tr02 td { padding-bottom: 6px;}
			.il_searchContent table.search01 td input {
				margin-right: 3px;
			}
			.il_searchContent table.search01 td input.txtBox {
				width: 176px;
			}
	/* -- table個別設定：中央 --*/
	.il_searchContent table.search02 {
		/*margin-right: 28px;*/ /* Del 090420 */
		width: 285px;
	}
		.il_searchContent table.search02 td select.selectBox01 { width: 83px;}
		.il_searchContent table.search02 td select.selectBox02 { width: 118px;}
			.il_searchContent table.search02 th span {
				font-weight: normal;
			}
	/* -- table個別設定：右 --*/
	.il_searchContent table.search03 {
		float: right;/* Add 090420 */
		width: 249px;
	}
		.il_searchContent table.search03 td {
			width: 151px;/* Add 090420 */
		}
		.il_searchContent table.search03 td select.selectBox01 { width: 151px;}
		.il_searchContent table.search03 td select.selectBox02 { width: 118px;}

/* -- キーワード検索 --*/
.searchSection02 {
	margin-top: 10px;
	border-bottom: 1px solid #dadad9;
	padding-bottom: 10px;
	text-align: center;
}
	.searchSection02 .txtBox {
		margin: 0 5px 0 10px;
		width: 275px;
	}
		.searchSection02 label input,
		.searchSection03 label input {
			vertical-align: text-bottom;
			margin-right: 3px;
		}
		.searchSection02 label input,
		.searchSection03 label input, {
			vertical-align: baseline;
			margin-right: 0;
		}
		.searchSection02 label .checkBox02,
		.searchSection03 label .checkBox02 {
			margin-left: 10px;
		}

/* -- 検索ボタン --*/
.searchSection03 {
	margin-top: 10px;
	text-align: center;
}
	.searchSection03 .searchBtn {
		margin-right: 15px;
	}

/* -- サムネイル一覧 --*/
.il_searchSection {
	margin: 0 5px;
	width: 850px;
}
	.il_searchSection table {
		margin-top: 17px;
		width: 850px;
		height: 150px;
	}
	.il_searchSection table.table02 {
		margin-top: 37px;
	}
		/* -- サムネイル写真 --*/
		.il_searchSection table th {
			width: 162px;
			vertical-align: bottom;
			text-align: center;
		}
		.il_searchSection table td {
			text-align: center;
		}
			.il_searchSection table td.name {
				width: 162px;
			}
		/* -- 空白セル --*/
		.il_searchSection table td.blank {
			width: 10px;
		}


/*========================================*/
/* photo.html
/*========================================*/
body.photo .il_searchContent {
	padding: 0 11px;
	width: 838px;
}
	/* -- table個別設定：左 --*/
	.il_searchContent table.search04 {
		margin-right: 57px;/* Mod 090420 */
		width: 268px;
	}
		.il_searchContent table.search04 th {
			vertical-align: top;
		}
		.il_searchContent table.search04 th,
		.il_searchContent table.search04 td {
			padding-bottom: 6px;
		}
			.il_searchContent table.search04 .selectBox {
				width: 83px;/* Mod 090420 */
			}
			.il_searchContent table.search04 .txtBox {
				width: 176px;/* Mod 090420 */
			}
	/* -- table個別設定：中央 --*/
	body.photo .il_searchContent table.search01 {
		margin-right: 55px;
	}
	/* -- table個別設定：右 --*/
	.il_searchContent table.search05 {
		width: 211px;
	}
		.il_searchContent table.search05 td { padding-bottom: 6px;}
		.il_searchContent table.search05 td select.selectBox01 { width: 151px;}/* Add 090420 */
		.il_searchContent table.search05 td select.selectBox02 { width: 118px;}/* Add 090420 */


/*========================================*/
/* explan.html
/*========================================*/
body#illustrated.explan #wrapper {
	width: 700px;
	overflow-x: hidden;
}
	body#illustrated.explan li {
		list-style: none;
	}
	#popupHeader {
		padding: 11px 11px 11px 13px;
		border-bottom: 1px solid #95b009;
	}
		#popupHeader .float_right {
			padding-top: 9px;
		}
			#popupHeader .float_right img {
				border-style: none;
			}
	body#illustrated.explan #contentsWrap {
		margin-top: 20px;
		width: 660px;
	}
		body#illustrated.explan .contents {
			margin: 0 10px;
			width: 640px;
		}
			.title_box {
				background:#d1e686 url(../../userguide/imgs/bg_userguide_title.gif) repeat-y;
				padding:2px 10px 2px 10px;
				font-weight:bold;
			}
			
			.sub_title {
				font-weight:bold;
				border-bottom:3px solid #95b009;
				margin-bottom: 5px;
				display:block;
			}
			/* -- 簡易検索 --*/
			.explanList01 {
				width: 640px;
				overflow: hidden;
			}
				.explanList01 li {
					float: left;
					background: #f0f0f0;
					margin-right: 8px;
					width: 154px;
				}
				.explanList01 li.list02 { margin-right: 7px;}
				.explanList01 li.list04 { margin-right: 0;}
					.explanList01 li p.txt {
						padding: 10px;
					}
			/* -- 詳細検索 --*/
			.explanList02 {
				margin-top: 2em;
			}
				.explanList02 dt {
					clear: both;
					float: left;
					width: 5em;
				}
				.explanList02 dd {
					height: 1%;
				}
					.explanList02 span {
						font-weight: bold;
					}
			/* -- 図鑑の見方 --*/
			.explanTable01 {
				margin-top: 1em;
				border-top: 1px solid #eeeeee;
			}
				.explanTable01 th,
				.explanTable01 td {
					border-bottom: 1px solid #eeeeee;
					padding: 5px 0;
				}
				.explanTable01 th {
					width: 125px;
					vertical-align: middle;
					text-align: left;
					font-weight: bold;
				}
	#popupFooter {
		margin-top: 30px;
		border-top: 1px solid #95b009;
		padding: 10px 0;
		text-align: center;
	}
.fBold {
	font-weight: bold;
}