@charset "utf-8"; 
/* community.css */

/********************************************************************

	CONTENTS
	  
********************************************************************/
/*mainArea*/
.mainArea { width:708px; padding:30px 25px 0 27px; float:right;}

/** BBS LIST **/
/*table*/
#board .bbsList { width:100%;}
#board .bbsList th { height:38px; background:url(http://images.plaync.jp/bluetears/common/image/bg_tit1.gif) repeat-x; color:#7e7e7e; font-weight:normal;}
#board .bbsList td { padding:8px 0; border-bottom:1px solid #e5e5e5; background:#fff; color:#7e7e7e; text-align:center;}
#board .bbsList td.last { border-bottom:1px solid #aca08e;}
#board .bbsList td img { vertical-align:middle;}

#board .bbsList th.title { width:350px;}
#board .bbsList th.author { width:120px;}
#board .bbsList th.date { width:95px;}
#board .bbsList th.inq { width:40px;}
#board .bbsList th.reco { width:46px;}

#board .bbsList .number { width:46px;}
#board .bbsList td.title,
#board .bbsList td.author { text-align:left;}
#board .bbsList td.title { padding:8px 10px;}

#board .bbsList .c { text-align:center;}
#board .bbsList .reco { text-align:center;}

/*bottomArea*/
#board .bottomArea{ padding-top:13px; clear:both;}
#board .bottomArea:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}/*clearFix*/
#board .bottomArea {display:inline-block;}/*clearFix*/
#board .bottomArea {display:block;}/*clearFix*/

#board #search{float:left;margin-top:7px;}
#board #search .wrap_search{float:left;}
#board #search .wrap_search .search{float:left}

#board .pager_ty1{text-align:center;}
#board .pager_ty1 .pageList{ padding-top:10px;}

#board .wrap_list_btn1{float:right;margin-top:;padding-left:73px}
#board p.btns {padding:2px 0 0; text-align:right;}


/** BBS VIEW **/
#board #view h2 { height:38px; padding: 0 9px; background:url(http://images.plaync.jp/bluetears/common/image/bg_tit1.gif) repeat-x; overflow:hidden; line-height:36px;}
#board #view h2 img { vertical-align:middle;}

#view .info { height:32px; padding:0 9px; border-bottom:1px solid #e2e2e2; overflow:hidden; background:#fff; line-height:32px;}
#view .info .name { float:left;}
#view .info ul { float:right; font-size:11px; color:#7f7f7f;}
#view .info ul li { margin-right:25px; float:left;}
#view .info ul li span { padding-left:5px; color:#000;}
#view .info ul li.last { margin-right:0;}
#view .viewContents { padding: 18px 31px 24px 16px; font-size:14px; line-height:25px; word-wrap:break-word; overflow:hidden;}
#board p.btns2 { height:53px; padding-top:20px; border-top:1px solid #aca08e; border-bottom:1px solid #aca08e; text-align:right; overflow:hidden;}
#board p.btns2 img { margin-left:6px;}

/** BBS REPLY **/
#board #reply { margin-bottom:5px;}
#board #reply li { padding:16px 0; border-bottom:1px solid #e5e5e5; line-height:20px;}
#board #reply li:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}/*clearFix*/
#board #reply li {display:inline-block;}/*clearFix*/
#board #reply li {display:block;}/*clearFix*/


#reply li dt { width:147px; padding-left:10px; float:left;}
#reply li dd { width:521px; padding-right:30px; float:left; word-wrap:break-word;}
#reply li dd span{ display:block; color:#7f7f7f; font-size:11px;}
#reply li dd span img{ vertical-align:middle;}
#reply li.commentArea { padding-top:20px!important; padding-bottom:20px!important; border-bottom:1px solid #aca08e!important;}

#reply li.commentArea dt { width:139px;}
#reply li.commentArea dd { padding-right:0;}
#reply li.commentArea dd.cTxtArea { width:460px;}
#reply li.commentArea dd.cTxtArea textarea { width:448px; height:61px; padding:5px; border:1px solid #cfcacc; overflow:auto;}
#reply li.commentArea dd.cBtnArea { width:90px; float:right;}
#reply li.commentArea dd.cBtnArea img { margin:0;}

/********************************************************************

	EDITOR
	  
********************************************************************/
#board #write { padding-bottom:20px; overflow:hidden;}

#write dl {height:39px ; border-top:1px solid #aca08e; background:#fff; }
#write dt {float:left ; width:60px ; text-align:left ; padding-top:12px ;padding-left:15px; color:#4c4c4c;}
#write dd {float:left ; width:510px ;  padding-top:6px ;}
#write dd input {border:1px solid #d5cfd2 ; padding:2px 5px 0 5px ; width:595px ; height:23px ;}

#write .content {position:relative; background:#fff;}

#write .content ul { padding: 3px 0 0 3px; height:24px; background:#e7e7e7; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
#write .content li {float:left ;padding-right:5px;}

#write li.family span, #write li.size span {background:url(http://images.plaync.jp/bluetears/community/editor/write_select.gif) ; width:56px ; height:18px ; display:block ; padding:3px 0 0 5px ; font-family:"MS Pゴシック"!important; }
#write li.family {padding-right:2px;}
#write li.import {padding:0;}

#write .content textarea {clear:both ; border:1px solid #dbd5d8; padding:10px ; width:578px ; height:388px ; }
#write .content iframe{ width:706px; margin-top:10px;height:333px;border:1px solid #dbd5d8;}
*html #write .content iframe{ width:704px;}

#board .editorBtn { height:35px;}
#board .editorBtn .btnL { float:left;}
#board .editorBtn .btnR { float:right;}

/********************************************************************

	IMAGE Board
	  
********************************************************************/
.ibWrap { width:724px; padding: 30px 10px 0 26px; overflow:hidden;}
#board .galleryList { padding-bottom:10px; border-bottom:1px solid #aca08e;}
#board .galleryList:after{content:url(http://images.plaync.jp/bluetears/common/image/spacer.gif);display:block;clear:both;height:0;}/*clearFix*/
#board .galleryList {display:inline-block;}/*clearFix*/
#board .galleryList {display:block;}/*clearFix*/
#board .galleryList li { width:165px; margin: 0 16px 0 0; padding-bottom:30px; float: left;}
#board .galleryList li .thumb { width:163px; height:118px; border: 1px solid #dedede;}
#board .galleryList li p { padding-left:6px;}
#board .galleryList li p.title { margin-top:5px;}
#board .galleryList li p.name { color:#7f7f7f;}