@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 {
    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:10px auto;
    padding:0;
    }

#photoSpot #photo p {
    font-size: 14px;
}

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

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

#photoSpot #photo #img1 span {
  margin:3px 0 0 0;
  font-size:12px;
  text-align:left;
  display:block;
}

#photoSpot #photo .right {
  width:165px;
  margin:0;
  padding:0;
  float:right;
}

#photoSpot #photo .right img {
  border:none;
  width:165px;
}

#photoSpot #photo .right span {
  margin:3px 0 12px 0;
  font-size:12px;
  text-align:left;
  display:block;
}

/*-----------------------------------------------------------------*/
.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.desc{
    font-size: 14px;
}

.bgdiary_wrapper .item dd.user a{
    color: #666;
}

.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{
  line-height:1em;
  font-size:1px;
  margin:0px!important;
  padding:0px!important;
  height:34px!important;
}


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

#cmain .bnrList .bnr{
  width:295px;
  float:left;
  margin-top:5px;
  padding:0px 0px 5px 0px;
  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;
}

#cmain .bnrList .row{
  padding: 5px 0px 0px 0px;
  line-height: 1em;
}

#cmain .bnrList .row dl.item {
  float:left;
  line-height: 1em;
  margin: 0px auto 0px;
  overflow: hidden;
  width: 285px;
  border:1px solid #fff;
}
#cmain .bnrList .row dl.item dd.img {
  float: left;
  margin-right: 5px;
  width: 80px;
}
#cmain .bnrList .row dl.item dt {
  margin-bottom: 5px;
  text-align:left;
}
#cmain .bnrList .row dl.item dd.text {
  text-align:left;
}


#cmain .bnrList .row dl.item dd.text div.title a,
#cmain .bnrList .row dl.item dd.text div.title{
  margin:0px 0px 3px 0px;
  font-size:12px;
  line-height:1.5em;
}


#cmain .bnrList .row dl.item dd.text p{
  margin:0px 0px 3px 0px;
  font-size:12px;
  line-height:1.5em;
}


#cmain .bnrList .textbtmUI{
  padding: 0px 20px 5px 5px;
  text-align: right;
}

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


/*----------------------------------------------------- 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:none;
}


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;
}



#cmain .search_tags {
  width:560px;
  margin:10px 0px 5px 0px;
  padding:8px 10px 5px 10px;
  border:1px solid #bad98b;
  line-height:1.5em;
  text-align:left;
}

#cmain .search_tags .title{
  float:left;
  width:96px;
  color: #568E0F;
  font-size: 12px;
  font-weight:bold;
}
#cmain .search_tags .tags{
  float:right;
  width:458px;
}


#cmain .search_tags a{
  margin:0px 10px 0px 0px;
  line-height:1.5em;
}

/*------------------------------------------------*/

#showCase{
	padding:0px;
	margin:-15px 0px 20px 0px;
	/margin:0px 0px 20px -615px;
  position:relative;
  width:405px;
}

#showCase #showCaseInner{
	padding:0;
	margin:0;
}

#showCase #showCaseInner #showCaseMask{
}

#showCase #showCaseInner #slider{
}

#showCase #showCaseInner #slider a{
}
#showCase #showCaseInner #slider a img{
}

/*------------------------------------------------*/

#cmain #headimager2{
  width:595px;
  height:251px;
  margin:0px auto 20px!important;
  text-align:center;
}


#cmain #headimager2 .slick-slide img{
  display: block;
  width: 405px;
  height: 205px;
}

#cmain #headimager2 .multBnrInner div {
  padding: 0 10px;
}



#cmain #headimager{
  clear:both;
  width:615px;
  height:205px;
  margin:15px auto 20px!important;
  position: relative;
}


#cmain #headimager #showCase{
  /*position: relative; top: -190px; z-index: 1;*/
}

#cmain #headimager #topslider1wrapperouter{
  background:url(../images/top/slider/bg.gif) no-repeat 0px 0;
	width: 202px;
	height: 205px;
  pading:0px;
  position: absolute;
  right:0px;
}

#cmain #headimager #topslider1wrapperouter #topslider1wrapper{
  margin:0px 0px!important;
  text-align:left;
	width: 182px;
	height: 205px;
  position: relative;
}


#topslider1wrapper .bx-window{
  margin:0px 0px 0px 10px;
	width: 182px;
}

#topslider1wrapper .bx-wrapper{
  margin:0px 0px 10px 0px;
  width:202px!important;
  padding:30px 0px 20px;
}

#topslider1wrapper .bx-wrapper li img{
  margin:5px 5px 0px 40px;
}


#topslider1wrapper .bx-wrapper li .item{
  margin:0px 5px 5px 10px;
  line-height:1.4em;
  font-size:12px;
}
#topslider1wrapper .bx-wrapper li .price{
  margin:5px 5px 5px 10px;
  font-size:12px;
}

#topslider1wrapper .bx-wrapper a{
  outline:none!important;
  overflow:hidden!important;
}

#topslider1wrapper .bx-wrapper a:focus{
  outline:none!important;
  overflow:hidden!important;
}

#showCase #navigator{
  /*display:none!important;*/
}


.topic_news {
  padding: 0;
}
.topic_news .btm {
  background: url("../images/top/plant_frm_btm.gif") no-repeat 0px 100%;
  width:615px;
  height: 10px;
  display:block;
  margin: 0;
  padding: 0;
}


.topic_news h2{
    text-align: left;
    font-size: 18px;
    color: #216607;
    margin: 0px 0px 5px 0px;
    border-bottom: 2px solid #216607;
}

.topic_news h2 a{
    text-decoration: none;
}

.topic_news h2 img{
  margin:10px auto 0px auto;
}


.topic_news .blockBtmUI{
  margin-top:5px;
  width:595px;
}


.topic_news .list_wrapper{
  overflow:hidden;
  margin-bottom: 5px;
}

.topic_news .list_wrapper .list_row{
	width:581px;
	margin:0 auto;
	padding:10px 0px 10px 0px;
	text-align:left;
	border-bottom: 1px dotted #6e8f45;

}

.topic_news .list_row .left{
	width:120px;
	float:left;
  text-align:center;
}

.topic_news .list_row .right{
	width:436px;
	margin-left:16px;
	float:left;
  font-size:13px;
  line-height:1.3em;
}

.topic_news .list_row .right h3{
	float:left;
	font-size:16px;
	line-height:1.4em;
	margin-right:10px;
}

.topic_news h3 a {
    color: #3A3535;
    text-decoration: none;
}

.topic_news .list_row .right ul{
	clear:both;
	padding-top:5px;
	margin-bottom:0px;
}

.topic_news .list_row .right ul li{
	margin-bottom:5px;
}

.topic_news .list_row .right ul li a{
  color:#411a0e;
  text-decoration:none;
}

.topic_news .list_row .right ul li a:hover{
  color:#333!important;
  text-decoration:none;
}

.topic_news .list_row .right ul li.date{
  text-align:right;
	margin-bottom:5px;
  color:#999;
  font-size:12px;
}


.topic_news .Large_row .left{
	width:280px;
	float:left;
}

.topic_news .Large_row .right h3{
  font-size:16px;
}

.topic_news .Large_row .right{
	width:260px;
	margin-left:5px;
	float:right;
  line-height:1.3em;
}

.topic_news .blockBtmUI{
  margin:0px!important;
  font-size:14px;
}

/* test */

#common_parts{
  position:relative;
  width:580px;
  height:285px;
  background:#fff;
}

#common_parts div.image1{
  position:absolute;
  top:0;
  left:0;
  width:392px;
  height:300px;
}

#common_parts div.image1 img{
  width:392px;
}

#common_parts div.image1 span{
  width:392px;
  display:block;
  text-align:left;
  margin-top:5px;
}

#common_parts div.image2{
  position:absolute;
  top:0;
  right:0;
  width:165px;
  height:130px;
}

#common_parts div.image2 img{
  width:165px;
}

#common_parts div.image3{
  position:absolute;
  top:140px;
  right:0;
  width:165px;
  height:130px;
}

#common_parts div.image3 img{
  width:165px;
}

#common_parts div.image2 span,
#common_parts div.image3 span{
  width:165px;
  display:block;
  text-align:left;
  margin-top:5px;
}

.multBnrInner {
  display: none;
}