@charset 'UTF-8';

#mypage #in_cmain,
#og #in_cmain{
  margin: 15px 0px 0px!important;
  width: 615px!important;
}

#in_cmain .photoBlock{
  width:615px;
}

#in_cmain .photoBlock h2{
  width:600px;
}


.albumhead h2{
  background: url("../images/plant/bg_h2_02.gif") no-repeat 0 0 transparent;
  color: #568E0F;
  font-size: 14px;
  line-height: 30px;
  margin: 10px 0 0;
  padding: 0 0 10px 15px;
  width: 600px;
  text-align:left;
}

/*--------------------------------------------------------- photos5 */



.photoBlock table.photos3,
.photoBlock table.photos4,
.photoBlock table.photos5 {
  width:605px;
  margin:0px auto 5px auto;
}

#planttab .photoBlock table.photos4,
#planttab .photoBlock table.photos5 {
  width:585px;
}


.photoBlock table.photos3 th,
.photoBlock table.photos3 td,
.photoBlock table.photos4 th,
.photoBlock table.photos4 td,
.photoBlock table.photos5 th,
.photoBlock table.photos5 td{
  padding:0px;
  margin:0px;
  font-size:12px;
  line-height:1.3em;
  text-align:center;
}

.photoBlock table.photos5 th.dtfrm{
  border:solid 1px #ccc;
  height:80px;
  padding:0px;
  margin:0px auto;
}

.photoBlock table.photos3 th.dtfrm img,
.photoBlock table.photos4 th.dtfrm img,
.photoBlock table.photos5 th.dtfrm img{
  margin:0px;
  padding:0px;
}


.photoBlock table.photos4 th.dtfrm input{
  margin:0px 3px 0px 0px;
}

* html .photoBlock table.photos4 th.dtfrm input{
  margin:0px 0px 0px 0px;
}

.photoBlock table.photos4 th.dtfrm a{
  margin:0px 0px 0px 0px;
}


.photoBlock table.photos3 div.txtLink,
.photoBlock table.photos4 div.txtLink,
.photoBlock table.photos5 div.txtLink{
  padding-bottom:15px;
}

.photoBlock table.photos3 td.com,
.photoBlock table.photos4 td.com,
.photoBlock table.photos5 td.com{
  text-align:left;
  padding:0px 5px 5px 5px;
}


.photoBlock table.photos4 td.com .desc{
}


.photoBlock td.com .desc a{
  width:130px;
  text-align:left;
  line-height:1.3em;
  display:inline-block;
  margin:0px 0px 5px 0px;
  word-wrap:break-word;
  word-break:break-all;
}


.photoBlock td.com .nickname a,
.photoBlock td.com .nickname{
  color:#666;
}


.photoBlock table.photos4 td.nickname,
.photoBlock table.photos5 td.nickname{
  text-align:left;
  padding:0px 5px 15px 5px;
  vertical-align:top;
}

.photoBlock table.photos4 td.nickname a,
.photoBlock table.photos5 td.nickname a{
  color:#666;
  vertical-align:top;
}

.photoBlock table.photos4 .wb{
  width:130px;
  word-wrap:break-word;
  word-break:break-all;
}


.photoBlock table .ui_block{
  text-align:center;
  padding:0px 5px 0px 5px;
  margin:0px auto 5px auto;
}

.photoBlock table .ui_block a.api_btn{
  cursor:pointer;
}

.photoBlock table td.title{
  vertical-align:top;
  text-align:left;
  line-height:1.3em;
  padding:0px 5px 5px 5px;
}

.photoBlock table.photos3 td.num{
  text-align:left;
  padding:0px 5px 15px 5px;
}

.photoBlock table.photos3 td.num span{
  display:inline-block;
  width:40px;
}



.photoBlock table.photos3 th.dtfrm{
  /*border:solid 1px #ccc;*/
  background:url(../images/common/album_bg.gif) no-repeat 3px 0;
  height:140px;
  padding:0px;
  margin:0px auto;
}

.photoBlock table.photos3 th.dtfrm img{
  margin-top:5px;
}

#mypage .photoBlock table.photos3{
  margin-left:5px;
}

#mypage .photoBlock table.photos4 td.com{
  width:140px;
  padding:0px 5px 15px 5px;
  word-wrap:break-word;
  word-break:break-all;
}

#mypage .photoBlock table.photos4 td.com a{
  width:140px;
  word-wrap:break-word;
  word-break:break-all;
}

.og_top .photos3  td.com .desc a{
  width:180px!important;
}

/*--------------------------------------------------------- photos4 */

.photoBlock table.photos4 th.dtfrm{
  border:none;
  height:110px;
  padding:0px;
  margin:0px auto;
  z-index:1;
}


.photoBlock table.albumstyle th.dtfrm{
  border:none!important;
  background: url("../images/common/album_bg4s.gif") no-repeat scroll 2px 0px transparent;
  height: 112px;
}


.photoBlock table.photos4 th.dtfrm img{
  vertical-align: middle;
}

.photoBlock table.photos4 th.dtfrm img.fit{
  width:100%;
  height:auto;
}


.photoBlock table.photos4 th.dtfrm input{
  top:0px;
  left:0px;
  z-index:20;
}


/*------------------------------------------------------ community list */
#cmain .ListHead{
  width:615px;
  margin:10px auto 16px auto;
  height:24px;
  background:url(../images/community/divider.gif) no-repeat 0 100%;
  text-align:left;
}

#planttab #cmain .ListHead{
  width:585px;
}

#cmain .ListHead span.tit{
  font-weight:bold;
  color:#4e7e18;
}

#cmain .ListHead span.num{
  font-weight:bold;
  font-size:16px;
    color:#936140;
}

/*---------------------------------------------------------- paging panel */

#cmain .paging{
  width:586px;
  margin:16px auto 16px auto;
  font-size:12px;
  line-height:1.4em;
  height:30px;
    background:url(../images/community/paging_wrapper_top.gif) no-repeat 0 top;
  position:relative;
  text-align:center;
  padding-top:5px;
}

#cmain .paging .ui{
  height:25px;
  padding-top:8px;
  padding-bottom:0px;
    background:url(../images/community/paging_wrapper_bottom.gif) no-repeat 0 100%;
}

/*---------------------------------------------------------- postingPhoto */

#cmain .postingPhoto{
  width:586px;
  margin:20px auto 10px auto;
  padding-top:2px!important;
}

/*---------------------------------------------------------- albumtotopUI */

#mypage #cmain .albumtotopUI{
  margin:10px auto 15px auto;
  background:url(../images/common/wrapper_bg615.gif) no-repeat 0 0;
  width:615px;
  padding:5px 0px 0px 0px;
}

#mypage #cmain .albumtotopUI .btm{
  display:block;
  margin:0px 0px 0px 0px;
  background:url(../images/common/wrapper_bg615.gif) no-repeat 0 100%;
  width:615px;
  height:10px;
}


#mypage #cmain .albumtotopUI .btns{
  width:180px;
  float:left;
  background:url(../images/common/dot_div.gif) no-repeat 100% 100%;
  padding:5px 0px 0px 0px;
  margin:5px 0px 0px 0px;
}

#mypage #cmain .albumtotopUI .btns img{
  margin:0px 0px 5px 0px;
}


#mypage #cmain .albumtotopUI .desc{
  text-align:left;
  width:395px;
  float:right;
  line-height:1.5em;
  padding:10px 20px 0px 0px;
}




/*---------------------------------------------------------- albumDesc */
#mypage #cmain .albumDescwp01{
  background:url(../images/community/com_box01_d.gif) no-repeat;
  height:8px;
  font-size:1px;
  margin:15px 0px 0px;
}

#mypage #cmain .albumDescwp02{
  background:url(../images/community/com_box02_d.gif) repeat-y;
  text-align:center;
  padding:0px 0px 13px;
  margin:0px 0px;
}


#mypage #cmain .albumDescwp03{
  background:url(../images/community/com_box03_d.gif)  no-repeat 0 100%;
  height:5px;
  font-size:1px;
  margin:0px 0px 15px;
}






#mypage #cmain .albumDescWrapper{
  margin:10px auto 15px auto;
  background:url(../images/common/wrapper_bg585.gif) no-repeat 0 0;
  width:585px;
  padding:10px 0px 0px 0px;
}

#mypage #cmain .albumDescWrapper .btm{
  display:block;
  margin:0px 0px 0px 0px;
  background:url(../images/common/wrapper_bg585.gif) no-repeat 0 100%;
  width:585px;
  height:10px;
}



#mypage #cmain .albumDesc{
  margin:0px auto 0px auto;
  width:585px;
  padding:5px 0px 0px 0px;
}



#mypage #cmain .albumDesc .cover{
  width:170px;
  margin:0px 0px 0px 0px;
  float:left;
}

#mypage #cmain .albumDesc .cover img{
  margin:5px 0px 0px 0px;
}

#mypage #cmain .albumDesc .desc{
  text-align:left;
  width:410px;
  float:right;
  line-height:1.5em;
}

#mypage #cmain .albumDesc .albumDescUI{
  margin:5px 0px 0px 5px;
}

#mypage #cmain .albumDesc .albumDescUI ul.UI li{
  float:left;
  margin-left:10px;
  height:25px;
  padding-top:3px;
}

#mypage #cmain .albumDesc .albumDescUI ul.UI li a.txt_link{
  display:inline-block;
  margin-top:2px;
}



#mypage #cmain .albumDesc .albumDescUI ul.UI li.first{
  margin-left:0px;
  padding-top:0px;
}



#mypage #cmain .albumDesc .desc h2{
  background: url("../images/common/head_hr.gif") no-repeat 0 100% transparent;
  color: #568E0F;
  font-size: 14px;
  height: auto;
  line-height: 1.5em;
  margin: 0px 10px 10px 0px;
  padding: 0 0 5px 2px;
}

#mypage #cmain .albumDesc .desc .txt{
  margin:0px 10px 5px 5px;
  line-height:1.5em;
}

#mypage #cmain .albumDesc .desc .txt .attr{
  margin:15px 0px 0px 0px;
}


#mypage #cmain .albumDesc .desc ul.UI li{
  float:left;
  margin-left:10px;
  height:25px;
  padding-top:3px;
}

#mypage #cmain .albumDesc .desc ul.UI li.first{
  margin-left:0px;
  padding-top:0px;
}

#mypage #cmain .albumDesc .desc .txt .album_num{
  margin-top:15px;
}


/*--------------------------------------------------------  edit --*/

#mypage .photoBlockUI h3{
  background:transparent url(../images/plant/bg_h2_02.gif) no-repeat 0 0;
  color:#568E0F;
  font-size:14px;
  height:32px;
  line-height:1.5em;
  margin:60px auto 6px auto;
  padding:4px 0 0 15px;
  text-align:left;
}

#mypage .photoBlockUI .comBox03{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  height:5px;
  line-height:1em;
  font-size:1px;
	background: url(../images/community/com_box03_d.gif) no-repeat 0 100%;
}

#mypage .photoBlockUI ul.select{
  width:350px;
  margin:0px auto;
}

#mypage .photoBlockUI ul.select li{
  float:left;
  margin-left:10px;
  height:25px;
  padding-top:0px;
}

#mypage .photoBlockUI ul.select li.first{
  margin-left:0px;
  padding-top:10px;
}

* html #mypage .photoBlockUI ul.select li.first{
  padding-top:5px;
}


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

#cmain .headLink{
  position:relative;
  width:615px;
  height:20px;
  margin:10px 0px 5px 0px;

}
#cmain .headLink .notice{
  position:absolute;
  top:0px;
  left:0px;
  color:#333;
  font-weight:normal;
  font-size:12px!important;
}

#cmain .headLink .help{
  position:absolute;
  top:0px;
  right:0px;
}

#cmain .headLink .help a{
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	background: url(../images/sodarepo/y01.gif) no-repeat 0px 2px;
  margin-right:5px;
}


#cmain .formBox input[type="text"]{
	width:370px;
  padding:1px;
  font-size:12px;
  line-height:1.2em;
}

#cmain .formBox textarea{
	width:400px;
  height:9em;
  padding:1px;
  line-height:1.4em;
  font-size:12px;
  margin:3px auto;
}


#cmain .formBox select{
  padding:1px;
  font-size:12px;
  line-height:1.2em;
}

#cmain .formBox .sz_z20{
  padding:1px;
  font-size:12px;
	width:20em!important;
  margin-bottom:3px;
}

#cmain .formBox .sz_z40{
  padding:1px;
  font-size:12px;
	width:30em!important;
  margin-bottom:3px;
}
.noticemes{
	width:400px;
  margin:5px auto 0px auto;
  text-align:left;
}

.albumselector{
  margin:15px auto;
}

.albumselector ul li{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.albumselector ul li select{
  margin-top:4px;
}


.albumselector .formBox .left,
.albumselector .formBox .right{
  padding:5px 10px 0px 10px!important;
}

.albumselector .formBox .left{
  padding-top:10px!important;
}


.plantName {
	font-size: 12px;
	padding: 4px 2px;
	margin: 0px 0px 6px 0px;
	border: 1px solid #DCF2B9;
}

.photoBlockUI .linkPlant{
	margin: 10px 0px 6px 0px;
}

.photoBlockUI .linkPlant p.tit{
	margin: 0px 0px 5px 0px;
}

.photoBlockUI .linkPlant .plantNameUI{
  overflow:hidden;

}

.photoBlockUI .linkPlant .plantNameUI div.plantName{
  width:240px;
  float:left;
}

.photoBlockUI .linkPlant .plantNameUI a.btn{
  float:left;
  margin:0px 0px 0px 5px;
}



img.album_detail_photo{
	margin: 5px 0px 5px 0px;
}

.photoBlockUI .formBox .text10px{
  font-size:10px;
  line-height:1.2em;
  }

.photoBlockUI .formBox .tit {
  font-weight:bold;
	margin-bottom: 0px;
}

.photoBlockUI .formBox .tit span{
  font-weight:normal;
}
.photoBlockUI .formBox .ato {
	margin-top: 5px;
	/* font-weight: bold;*/
  font-size:12px;
}

.photoBlockUI .formBox .ato span{
	font-weight: bold;
  font-size:14px;
}

.photoBlockUI .formBox .ato span.notice{
	font-weight: normal;
}

.formBox .right dl.photodesc dt{
  font-weight:bold;
	margin-bottom: 5px;
  width:400px;
}

.formBox .right dl.photodesc dd{
	margin-bottom: 10px;
	margin-left: 15px;
  width:385px;
}

.formBox .right dl.photodesc dd span{
  font-weight:bold;
}

.formBox .right select{
  padding:1px 2px 1px 2px;
  border: 1px solid #DCF2B9;
  font-size:12px;
}

.formBox .right select option {
	margin: 2px 0 0;
	padding: 2px 10px 1px 1px;
  line-height:1em;
}

.formBox .right p.notice{
	margin: 4px 0 0;
  font-size:10px;
  line-height: 18px;
}

.mrt10{
  margin-top:10px;
}

/*-------------------------------------- ogmap --*/
#in_cmain .ogmap{
  width:595px;
  margin:0px auto;
}

#in_cmain .ogmap .maparea{
  width:315px;
  float:left;
}

#in_cmain .ogmap .maparea h2{
  /*background: url("../images/plant/bg_h2_02.gif") no-repeat 0 0;*/
  background: url("../images/common/head_hr.gif") no-repeat scroll 0 100% transparent;
  color: #568E0F;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 10px 15px 0;
  padding: 0 0 4px 2px;
  width: 315px;
  text-align:left;
}


#in_cmain .ogmap .info{
  width:260px;
  float:right;
  text-align:left;
}


#in_cmain .ogmap .info h2{
  background: url("../images/common/head_hr.gif") no-repeat 0 100% transparent;
  color: #568E0F;
  font-size: 14px;
  line-height:1.4em;
  margin: 0px 10px 15px 0px;
  padding: 0 0 4px 2px;
}

#in_cmain .ogmap .info p{
  font-size:12px;
  margin-bottom:15px;
  line-height:1.4em;
}

#in_cmain .ogmap .info .ui{
  margin:0px auto;
  text-align:center;
}

#in_cmain .ogmap .info .ui .bnr{
  margin-top:15px;
}

#in_cmain .ogmap .info .ui .pr{
  margin:0px auto 15px auto;
}





/*-------------------------------------------planttab albumDesc */
#planttab #cmain .albumDescwp01{
  background:url(../images/community/com_box01_586_d.gif) no-repeat;
  height:5px;
  font-size:1px;
  margin:15px 0px 0px;
  width:586px;
  line-height:1em;
}

#planttab #cmain .albumDescwp02{
  background:url(../images/community/com_box02_586_d.gif) repeat-y;
  text-align:center;
  padding:0px 0px 5px;
  margin:0px 0px;
  width:586px;
}


#planttab #cmain .albumDescwp03{
  background:url(../images/community/com_box03_586_d.gif)  no-repeat 0 100%;
  height:5px;
  font-size:1px;
  margin:0px 0px 20px;
  width:586px;
  line-height:1em;
}

.photoBlock .postingPhotohead{
  margin:0px 0px 5px 0px ;
  padding:10px 0px 0px 0px ;
  overflow:hidden;

}


.photoBlock .postingPhotohead .desc{
  width:400px;
  float:left;
  line-height:1.5em;
  margin:0px 10px 0px 20px;
  text-align:left;
}

.photoBlock .postingPhotohead a.btn{
  float:left;
}

/*------------------------------------------------ 20121225 --*/
#cmain .imageSearch{
  margin: 10px 0px 5px 0;
  padding: 0px;
}

#cmain .imageSearch h2{
  background: url("../images/common/head_hr.gif") repeat-x scroll 0 100% transparent;
  color: #568E0F;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0 10px 0px 0;
  padding: 0 0 4px 2px;
  text-align: left;
  width: 615px;
}

#cmain .PanelSearch {
  background: url("../images/community/search_wrapper_top.gif") no-repeat scroll 0 0 transparent;
  font-size: 12px;
  height: 40px;
  line-height: 1.4em;
  margin-bottom: 18px;
  margin-top: 10px;
  position: relative;
}

#cmain .PanelSearch:after{
  content: "";
  background: url("../images/community/search_wrapper_bottom.gif") no-repeat scroll 0 100% transparent;
  display:block;
  height:11px;
  width:615px;
  padding-top:30px;
}

#cmain .PanelSearch .ui {
}

#cmain .PanelSearch .ui input.keyword{
  border: 1px solid #9FB27B;
  left: 103px;
  padding: 3px 2px 2px;
  position: absolute;
  top: 8px;
  width: 348px;
  font-size:14px;
}
#cmain .PanelSearch .ui input.form_btn {
  position: absolute;
  right: 90px;
  top: 8px;
}


#cmain .print_flow{
  margin:10px 0px 0px 0px;
}

#cmain .message{
  margin:10px;
}

#cmain .message .btm_ui{
  margin:10px;
}

#cmain .message .btm_ui a.btn_link {
  background: url("../images/diary/btn_diarylist.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-left: 10px;
}
#cmain .message a {
  color: #4C7E14;
}

#cmain .album_ui{
  position:relative;
  text-align:center;
  font-size:14px;
}

#cmain .album_ui .left{
  position:absolute;
  top:0px;
  left:0px;
}

#cmain .album_ui .right{
  position:absolute;
  top:0px;
  right:0px;
}

#cmain .album_ui .center{
  margin:0px auto 10px;
}

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

.idx_tags{
  margin:10px 0px 0px;
}

.idx_tags ul.list{
  width:100%;
  margin:0px 0px;
}

.idx_tags ul.list li{
  float:left;
  width:18%;
  margin:0px 0px;
  padding:5px 5px 10px;
  font-size:14px;
  line-height:1.4em;
}

.idx_tags ul.list li img{
  width:100%;
  height:auto;
  margin-bottom:5px;

}

.idx_tags ul.list li a{
  display:block;
  width:100%;
}

.idx_tags ul.list li:nth-child(5n + 1){
	clear:both;
}

.idx_tags ul.list:after{
	content: "";
	clear: both;
	width: 1px;
	height: 0;
	display: block;
	overflow: hidden;
}