/*=====================================
（財）自然公園財団
『花図鑑』スタイルシート
=====================================*/

@import "../common/css/style.css";

/*-- #menu
--------------------*/
#ZMENU{position:absolute;left:265;top:16;height:75px;width:505px;background:url('img/zmenu2.jpg') left top no-repeat;background-position:0 -16px;}
#ZMENU ul{list-style:none;margin:0 0 0 380px;}
#ZMENU li{display:inline;margin:0;}
#ZMENU a{display:block;text-indent:-9000px;height:50px;background:url('img/zmenu2.jpg') left top no-repeat;}
#ZMENU a:hover{background:url('img/zmenu2_on.jpg') left top no-repeat;}
#ZMENU .m-exp a{width:125px;background-position:-380px -16px;}
#ZMENU .m-exp a:hover{background-position:-380px -16px;}

.expl #ZMENU .m-exp a{background:url('img/zmenu2_on.jpg') left top no-repeat;background-position:-380px 0;}

/*-- #SIDE --
-----------------*/
#INDEX-LIST{margin:0 15px 15px 25px;}
#INDEX-LIST table{border-collapse:collapse;width:170px;margin:0;font-size:9pt;}
#INDEX-LIST td{border:0px none;vertical-align:middle;text-align:center;white-space:nowrap;padding:5px 2px;}
*html #INDEX-LIST td{padding:3px 2px;}
#INDEX-LIST td a{text-decoration:none;background:#DEEBF5;padding:3px 5px;}
*html #INDEX-LIST td a{width:3em;padding:3px 0;}
#INDEX-LIST td a:hover{background:#fC0;color:#fff;}

#SEARCH{margin:5px 0 0 0;}
#SEARCH dl{margin:0 0 0 25px;}
#SEARCH dt{background:url('../common/img/icon_or2.gif') left center no-repeat;padding:2px 0 0 15px;margin:0 0 3px 0;font-weight:bold;color:#666;height:auto !important;height:1px;min-height:1px;}
#SEARCH dd{margin:0 0 0.5em 5px;}
form input, form select{font-size:85%;width:150px;}
#SEARCH .button{margin:1em 0 1em 1em;text-align:center;}
#SEARCH form .button input{width:7em;font-size:100%;}


/*-- #MAIN --
-----------------*/

/*==花図鑑==*/
#PRINT{float:right;font-size:80%;background:url('img/print.gif') right center no-repeat;height:auto !important;height:20px;min-height:20px;padding:2px 20px 0 0;}

#CONTENTS h2{clear:right;margin:5px 0 0 25px;height:auto !important;height:25px;min-height:25px;background:url('../common/img/area/h2_bg.gif') left bottom no-repeat;color:#0E799C;padding:0 5px 5px 15px;}

.page-navi{clear:right;height:1em;margin:0 20px 0.5em 0;padding:5px 0;text-align:right;}
.page-navi ul{list-style:none;margin:0;}
.page-navi li{display:inline;margin:0;font-size:90%;}
.page-navi .number{}
.page-navi .page-1{}
.page-navi .page-2{}
.page-navi .page-2 ul{display:inline;}
.page-navi .page-2 li{margin:0 0 0 5px;}

#FLOWER-LIST{margin:0 0 0 20px;}
#FLOWER-LIST p, #FLOWER-LIST dl, #FLOWER-LIST dd{margin:0;padding:0;}

#FLOWER-LIST .column{clear:right;margin:15px 0 0 10px;}
*html #FLOWER-LIST .column{margin:3px 0 0 10px;}
#FLOWER-LIST table{border-collapse:collapse;}
#FLOWER-LIST td{width:170px;padding:0 10px 0 0;vertical-align:top;}

#FLOWER-LIST .box-left, .box-center, .box-right{}
#FLOWER-LIST .box-left{}
#FLOWER-LIST .box-center{}
#FLOWER-LIST .box-right{}
#FLOWER-LIST .photo{margin-bottom:5px;}
#FLOWER-LIST .photo img{border-right:2px solid #ccc;border-bottom:2px solid #ccc;}
#FLOWER-LIST .name{font-weight:bold;font-size:110%;color:#0E799C;line-height:110%;}
#FLOWER-LIST .family{color:#666;font-weight:normal;font-size:80%;}
#FLOWER-LIST dd{display:none;}
#FLOWER-LIST .todetail{margin:0 0 0.5em 0;float:right;padding-right:5px;}
#FLOWER-LIST .todetail a{background:url('img/todetail.gif') left top no-repeat;width:40px;height:15px;display:block;text-indent:-9000px;background-position:0 0;}
#FLOWER-LIST .todetail a:hover{background-position:0 -50px;}
*html #FLOWER-LIST .todetail{margin:0;}
#FLOWER-LIST hr.bor-1{clear:right;}
*html #FLOWER-LIST .bor-1{margin:5px 0.5em;}

#COPY{display:none;}

#ALL-LIST {margin:0 15px 3em 5px;}
#ALL-LIST dt{clear:right;background:#F1EFE2;padding:3px 0 3px 5px;margin:0 0 5px 0;font-weight:bold;color:#666;}
#ALL-LIST dd{margin-bottom:1em;}
#ALL-LIST ul{font-size:80%;}
#ALL-LIST li{display:inline;float:left;white-space:nowrap;width:15em;}
.p-top{float:right;font-size:75%;margin-right:0.5em;}
.p-top a{text-decoration:none;background:url('../common/img/navi_icon3.gif') left center no-repeat;padding:0 2px 0 12px;}

/*==説明==*/
#CONTENTS #EXP h2{margin:1.5em 0 0 25px;}

#EXP dl{margin-left:40px;}
#EXP .area{border-collapse:collapse;}
#EXP .area th,table.area td{border:1px solid #ccc;border-style:solid none;vertical-align:top;text-align:left;padding:3px 10px 3px 5px;}
#EXP .area th{background:#ECF3F9;}

.mt2e{margin-top:2em;}

/*===============================*/