@charset 'UTF-8';

body#topIndex #contentswrap{
    padding-top:20px;}

body#topIndex h1{
    width:auto;
    height:auto;
    background:none;
    padding:0;
    margin:0 auto 15px;
    }

body#topIndex #container #contentswrap #cright{
    margin-top:0px;
}

/* BoxM
===========================*/

body#topIndex .boxM .plant{
    width:400px;
    overflow:hidden;
    background:url(../images/top/box1_bg.gif) repeat-y;
    }

/* Plant
===========================*/

body#topIndex .boxM .plant h2{
    margin-bottom:5px;
    }

body#topIndex .boxM .plant dl.main{
    margin:0 17px 12px;
    padding-bottom:10px;
    }

body#topIndex .boxM .plant dl.main dt img{
    vertical-align:bottom;
    }

body#topIndex .boxM .plant dl.main dd.text{
    text-align:left;
    }
body#topIndex .boxM .plant dl.main dd.img{
    margin:0 auto 7px;
    }

body#topIndex .boxM .plant .row{
    width:355px;
    margin:0 17px 10px;
    padding-top:10px;
    clear:both;
    background:url(../images/top/line.gif) repeat-x top;
    overflow:hidden;
    }
    
body#topIndex .boxM .plant .row h3{
    text-align:left;
    font-size:14px;
    margin-bottom:10px;
    }
    
body#topIndex .boxM .plant .row h3 a{
    color:#4c7e14;
    }

body#topIndex .boxM .plant .row dl{
    float:left;
    margin:0 20px 0 0;
    }

body#topIndex .boxM .plant .row dl.margin0{
    margin:0;
    }

body#topIndex .boxM .plant .row dl dt{
    padding:10px 0 0;
    font-weight:normal;
    text-align:left;
    width:100px;
    }
    
body#topIndex .boxM .plant .bottom{
    width:400px;
    height:10px;
    overflow:hidden;
    background:url(../images/top/box1_bottom.gif) no-repeat;
    }
    
/* commu
===========================*/

body#topIndex .boxM .commu{
    width:201px;
    margin-bottom:15px;
    }

body#topIndex .boxM .commu h2{
    margin:0 0 17px;
    }
    
body#topIndex .boxM .commu {
    background:url(../images/top/box2_bg.gif) repeat-y;
    }
    
body#topIndex .boxM .commu dl.top{
    width:177px;
    margin:0 auto 18px;
    overflow:hidden;
    }

body#topIndex .boxM .commu dl.top dd.img{
    margin-bottom:10px;}

body#topIndex .boxM .commu dl.top dd.ico{
    float:left;
    width:23px;
    height:31px;
    }

body#topIndex .boxM .commu dl.top dt{
    float:right;
    width:140px;
    margin-bottom:5px;
    text-align:left;
    }

body#topIndex .boxM .commu dl.top dd.text{
    float:right;
    width:140px;
    text-align:left;
    }

body#topIndex .boxM .commu .bottom{
    width:201px;
    height:4px;
    background:url(../images/top/box2_bottom.gif) no-repeat;
    overflow:hidden;
    }
body#topIndex .boxM .commu dl.common_1st,
body#topIndex .boxM .commu dl.common{
    width:177px;
    margin:0 auto 15px;
    padding-top:15px;
    overflow:hidden;
    background:url(../images/top/line.gif) top repeat-x;
}

body#topIndex .boxM .commu dl.common_1st{
  padding-top:0px;
  background:none;
}


body#topIndex .boxM .commu dl.common_1st dd.img,
body#topIndex .boxM .commu dl.common dd.img{
    float:left;
    }
    
body#topIndex .boxM .commu dl.common_1st dd.ico,
body#topIndex .boxM .commu dl.common_1st dt,
body#topIndex .boxM .commu dl.common_1st dd.text,
body#topIndex .boxM .commu dl.common dd.ico,
body#topIndex .boxM .commu dl.common dt,
body#topIndex .boxM .commu dl.common dd.text{
    width:104px;
    float:right;
    text-align:left;
    line-height:1.3em;
    margin-bottom:2px;
    }

body#topIndex .boxM .commu dl.common_1st dt,
body#topIndex .boxM .commu dl.common dt{
    margin-bottom:3px;
    }
    
body#topIndex .boxM .commu dl.common_1st dd.text,
body#topIndex .boxM .commu dl.common dd.text{
    color:#411a0e;
    }
    


body#topIndex .diary {
  width:615px;
  margin:15px 0px 5px 0px;
}

body#topIndex .diary .newDiaryBlock {
  margin-bottom:5px;
}

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

body#topIndex .yougo{
    text-align:center;
    }

body#topIndex .yougo table{
    margin:0 auto 20px;
    text-align:left;
    line-height:1.3em;
    }

body#topIndex .yougo table td{
    padding-bottom:10px;
    }

body#topIndex .yougo table td.day{
    width:88px;
    color:#63493d;
    }

body#topIndex .yougo table td.new{
    width:56px;
    }

body#topIndex .yougo table td.text{
    width:456px;
    color:#63493d;
    }

body#topIndex .yougo table td.text span.cate{
    border:1px #c8ddba solid;
    background:#f0fade;
    font-size:10px;
    color:#4c7e14;
    font-weight:bold;
    line-height:1;
    padding:2px 10px;
    }

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



body#topIndex .dot{
    width:615px;
    background:url(../images/top/dot_mid.gif) repeat-y;
    overflow:hidden;
    margin-bottom:20px;
    }

body#topIndex .dot h2 {
    width:595px;
    padding:10px 10px 0;
    text-align:left;
    }

body#topIndex .dot .top{
    width:615px;
    height:1px;
    background:url(../images/top/dot_top.gif) no-repeat;
    overflow:hidden;
    }


body#topIndex .dot ul{
    padding:10px 20px;
    line-height:1.7em;
    text-align:left;
    }

body#topIndex .dot ul li{
    display:inline;
    }
    
    
body#topIndex .dot .bottom{
    width:615px;
    height:3px;
    background:url(../images/top/dot_bottom.gif) no-repeat 0 100%;
    clear:both;
    }

body#topIndex .yougoshu p{
    text-align:left;
    padding:10px;
    color:#63493d;
    }



/*---------------------------------------------------------- added 090928 */

/*---------------------------------------------------------------shopSpot*/
#shopSpot {
    padding:5px 0 0 0;
    margin:0 0 15px 0; 
    margin-top:-15px;
    /margin-top:0px;
}

#shopSpotBtm {
}

#shopSpot h2.titShop {
  padding:0;
  margin:0px auto;
  position:relative;
  width:592px;
  height:37px;
}

#shopSpot a h2.titShop {
  text-decoration:none;
}

#shopSpot a h2.titShop img{
  z-index:1;
  position:absolute;
  top:0;
  left:0;
}

#shopSpot a h2.titShop p{
  z-index:2;
  position:absolute;
  top:10px;
  left:265px;
  font-size:13px;
  color:#5f4934;
  text-decoration:none;
}


#shopSpot ul.ShopItem {
    width:580px;
    margin:5px auto 0px auto;
    padding:0;
    overflow:hidden;
}

#shopSpot ul.ShopItem li{
  padding:0px 15px 0px 5px;
  float:left;
  width:173px;
}

#shopSpot .item{
  text-align:left;
  width:170px;
}

#shopSpot .item p{
  line-height:1.4em;
}

#shopSpot .item img.photo{
  padding-bottom:3px;
}

#shopSpot .item p{
  padding-bottom:5px;
}

#shopSpot .item p.price{
  font-weight:bold;
}

#shopSpot .item a.name{
  color:#5f4934;
}

#shopSpot .item p.cat{
}

#shopSpot img.shopbnr{
  padding-bottom:5px;
}

#shopSpot .categoryWrapper{
  padding-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
}


#shopSpot .CategoryRowWithDiv,
#shopSpot .CategoryRow{
  width:596px;
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
}

#shopSpot .CategoryRowWithDiv{
  background:url(../images/shop/cat_divider.gif) no-repeat 0 100%;
}


#shopSpot .catName{
  float:left;
  width:62px;
  height:20px;
  background:url(../images/shop/cat_bg.gif) no-repeat 0 0;
  text-align:center;
  line-height:1em;
  padding-top:6px;
  margin-left:3px;
  margin-right:8px;
  font-size:12px;
  font-weight:bold;
  color:#5f4934;
}

#shopSpot ul.cate_menu{
  float:left;
  width:512px;
  text-align:left;
  padding-top:6px;
}

#shopSpot ul.cate_menu li{
  float:left;
  width:160px;
  margin-right:10px;
  padding-bottom:8px;
  /*border:1px dotted #fcc;*/
}

#shopSpot ul.cate_menu li.col2{
  width:330px;
}

#shopSpot ul.cate_menu li a{
  background:url(../images/shop/cat_arrow.gif) no-repeat 0 1px;
  padding-left:10px;
  color:#5f4934;
}
/*--------------------------------------------------------- imageNewBlock */

div#cmain .blockBtmUI{
  text-align:right;
  padding-top:3px;
  margin-right:10px;
  margin-bottom:10px;
}

div#cmain .blockBtmUI a.btn_link{
  padding-left:10px;
  background:url(../images/diary/btn_diarylist.gif) no-repeat 0 0px;
}





/*---------------------------------------------------------------photoSpot*/
#photoSpot {
    background:url(../images/top/plant_frm_top.gif) no-repeat 0 0;
    margin:0 0 20px 0;
    padding:0 0 0 0;
    }


#photoSpot .btm {
    background:url(../images/top/plant_frm_btm.gif) no-repeat 0 100%;
    height:10px;
    margin:0;
    padding:0;
}

#photoSpot h2 img{
  margin:10px auto 0px auto;
}


#photoSpot #photo {
    width:580px;
    margin:5px auto 0px auto;
    padding:0;
    }
    

#photoSpot #photo #large {
    width:392px;
    margin:0;
    padding:0;
    float:left;
    }

#photoSpot #photo #large img {
    border:none;
    }

#photoSpot #photo #large p {
    margin:3px 0 0 0;
    font-size:12px;
    text-align:left;
    }
    
#photoSpot #photo #small {
 width:165px;
 margin:0;
 padding:0;
 float:right;
 }
 
#photoSpot #photo #small img {
    border:none;
    }

#photoSpot #photo #small p {
    margin:3px 0 12px 0;
    font-size:12px;
    text-align:left;
    }

/*-----------------------------------------------------------------*/
.bgdiary_wrapper{
  background:url(../images/botanicalgarden/home_new_top.gif) no-repeat 0 0px;
  width:615px;
  margin:0px auto 20px auto;
  padding:5px 0px 0px 0px;
  text-align:left;
}

.bgdiary_wrapper h4.title{
  width:615px;
  height:25px;
  margin:0px;
  padding:0px;
  position:relative;
  background:none;
  border:none;
}

.bgdiary_wrapper h4.title a.btn_list{
  position:absolute;
  top:4px;
  right:15px;
}


.bgdiary_wrapper .bgdiary_wrapper_btm{
  background:url(../images/botanicalgarden/home_new_btm.gif) no-repeat 0 100%;
  width:615px;
  height:10px;
  margin:0px;
  padding:0px;
  font-size:1px;
}


.bgdiary_wrapper .bgdiary{
  padding:0px;
}

.bgdiary_wrapper .item{
  border-top:1px dotted #ede793;
  clear:both;
}

.bgdiary_wrapper .first{
  border-top:none!important; 
}
.bgdiary_wrapper .item dl{
  width:100%;
  padding:0px;
  margin:0px;
  font-size:12px;
}

.bgdiary_wrapper .item dt{
  float:left;
  width:90px;
  padding:5px 0px 0px 10px;
  clear:both;
  margin-bottm:10px;
}

.bgdiary_wrapper .item dd{
  width:auto;
  padding:0px;
  margin:0px 0px 5px 0px ;
  margin-left:90px;
}

.bgdiary_wrapper .item dd.date{
  padding-top:12px;
  color:#000;
}

.srepo p{
  padding:0px 0px 0x 0px;
  margin:0px 0px 3px 0px ;
  line-height:1.3em;
}

.srepo p.btm{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px ;
}


.imageNewBlock a.plant{
  font-size:10px;
}
.imageNewBlock a.story{
  font-size:10px;
}
.imageNewBlock a.nickname{
  color:#666;
}



/*-------------------------------------------------------  test book ---*/


table.sodarepoBook {
  width:608px;
}

table.sodarepoBook th,
table.sodarepoBook td{
  padding:px;
  margin:0px;
  font-size:12px;
  vertical-align:top;
}

table.sodarepoBook th{
  height:115px;
  vertical-align:middle;
	background:url(../images/sodarepo/books.gif) no-repeat 10px 10px;
}

table.sodarepoBook .desc .plant,
table.sodarepoBook .desc .story{
  margin-bottom:5px;
  font-size:10px;
  padding:0px 3px 0px 10px;
  text-align:left;
  line-height:1.4em;
}

table.sodarepoBook .desc .story{
  font-size:12px;
}

table.sodarepoBook .desc .nickname{
  padding:0px 3px 0px 10px;
  text-align:left;
  line-height:1.4em;
}

table.sodarepoBook .desc .nickname a{
  color:#666;
}


/*----------------------------------------------------- BnrBlock */
#cmain .BnrBlock{
  padding-top:5px;
}


#cmain .bnrList{
  text-align:left;
  background:url(../images/top/textlink_body.gif) no-repeat 0 100%;
  padding-bottom:5px;
  margin-bottom:15px;
  padding-left:20px;
  width:595px;
}

#cmain .bnrList .bnr{
  width:295px;
  float:left;
  margin-top:5px;
  text-align:left;
  line-height:1.4em;
}

#cmain .bnrList .bnr img{
  margin-bottom:2px;
}
#cmain .bnrList .bnr a.txtlink{
  margin-top:5px;
  line-height:1.5em;
}

/*----------------------------------------------------- bnrListSp */
#cmain .bnrListSp{
  padding-top:5px;
  overflow:hidden;
}


#cmain .bnrListSp{
  text-align:left;
  background:none;
  padding-bottom:5px;
  margin-bottom:10px;
  padding-left:10px;
  width:605px;
}

#cmain .bnrListSp .bnr{
  width:200px;
  float:left;
  margin-top:0px;
  text-align:left;
  line-height:1.4em;
}

#cmain .bnrListSp .bnr img{
  margin-bottom:2px;
}
#cmain .bnrListSp .bnr a.txtlink{
  margin-top:5px;
  line-height:1.5em;
}


/*------------------------------------------------  keywdSearch ----*/

#cmain #photoSpot .keywdSearch{
  padding-top:10px;
  overflow:hidden;
	width:580px;
  _display:table;

}

#cmain #photoSpot .keywdSearch .freewd{
	float:none;
	width:392px;
	margin:0px 0px 0px 0px;
  vertical-align:top;
	/float:left;
	/padding:0px;
  display:table-cell;
}


#cmain #photoSpot .keywdSearch .freewd #freewdSearch{
  background:url(../images/plant/bg_freewd.gif) no-repeat 0 0;
  position:relative;
  width:392px;
  height:42px;
  text-align:left;
}

#cmain #photoSpot .keywdSearch .freewd #freewdSearch input.free{
  position:absolute;
  top:10px;
  left:70px;
  padding:1px;
  line-height:1em;
  font-size:12px;
  width:246px;
  height:18px;
  border:1px solid #a4b97f;
  /padding:4px 2px 0px 2px;
  /height:16px;
  padding:4px 2px 0px 2px\9;
  height:16px\9;
}

#cmain #photoSpot .keywdSearch .freewd #freewdSearch input.btn{
  position:relative;
  top:10px;
  left:324px;
}


#cmain #photoSpot .keywdSearch .season{
	width:188px;
	float:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
  vertical-align:top;
	/float:right;
	/padding:0px;
  display:table-cell;
  text-align:right;
}


body#topIndex table.imageNewBlock th.dtfrm{
  border:solid 1px #ccc;
}


body#topIndex .imageNewBlock div.desc a{
  margin-bottom:6px;
  display:inline-block;
  word-wrap:break-word;
  word-break:break-all;
  width:110px;
}


body#topIndex .imageNewBlock a.nickname {
  color: #666666;
}