@charset "utf-8";
/* CSS Document */
/* basic type CSS
-------------------------------------------------------------------------------------------*/

body	{color: #3a3a3a;}

a:link	{color: #3a3a3a;}
a:hover	{color: #3a3a3a;}
a:visited	{color: #3a3a3a;}
a:active	{color: #3a3a3a;}

.softCol,
.softCol a,
a.softCol	{color: #999;}
.softCol2,
a.softCol2	{color: #777;}

/* layout */
#container.boxWrap	{background-color: #EEE;}
#boxing	{background-color: #FFF;}


/* topMenu*/
#topMenuWrap	{background: url(../images/bgBlack10_2.png);}
#topMenu .searchinput	{background: transparent url(../images/basicBgSearch.png) no-repeat; color: #888;}
#topMenu .searchinput.on	{padding: 0 10px; background-image: none; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(../border-radius.htc);}
#topMenu .memberArea li a,
#topMenu .memberArea li button	{color: #888;}
#topMenu .memberArea li ul.selectLang	{background: url(../images/bgBlack10.png);}


/* header */
#mainNav li a	{color: #888;}
#mainNav li a:hover	{color: #555;}
#mainNav li ul	{background-color: #FFF; margin-top: 5px; border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(../border-radius.htc);}
#mainNav li ul li	{border-bottom: 1px solid #DDD;}
#mainNav li ul li a:hover	{color: #3a3a3a;}

/* topImage */
ol#controls li a	{padding: 3px 5px; background: url(../images/basicSlideOff.png) no-repeat center center; font-size: 6px; color: #d7d7d7; line-height: 10px; letter-spacing: 0.01em;}
ol#controls li.current a	{background: url(../images/basicSlideOn.png) no-repeat center center; color: #383838;}


/* set bl */
.imgDate	{padding-left: 14px; background: url(../images/basicBlDate.png) no-repeat 0 center;}
.imgAuthor	{padding-left: 14px; background: url(../images/basicBlAuthor.png) no-repeat 0 center;}
.imgVote	{padding-left: 10px; background: url(../images/basicBlVote.png) no-repeat 0 center;}
.imgRead	{padding-left: 14px; background: url(../images/basicBlRead.png) no-repeat 0 center;}
.imgTag	{padding-left: 14px; background: url(../images/basicBlTag.png) no-repeat 0 center;}
.imgFile	{padding-left: 14px; background: url(../images/basicBlFile.png) no-repeat 0 center;}
.imgCategory	{padding-left: 14px; background: url(../images/basicBlFolder.png) no-repeat 0 center;}
.imgReply	{padding-left: 14px; background: url(../images/basicBlReply.png) no-repeat 0 center;}


/* headline */
.iwHeadline	{color: #555;}
.iwHeadline span	{display: block; float: left; padding: 13px 15px; background: url(../images/bgBlack10.png) repeat-y left top; font-size: 13px;}
h1.iwHeadline	{font-size: 16px; margin-bottom: 30px;}


/**** global sidebar style ****/
.sidebar .category li.on a,
.sidebar .category li.on_ a	{color: #555; font-weight: bold;}
.sidebar .category h3	{color: #555;}
.sidebar .module li a	{ color: #777;}
/* lineType */
.sideLine .category li a	{background: url(../images/basicBlFolder.png) no-repeat 0 center; }
/* boxType */
.sideBox .category li	{background: url(../images/bgBlack08_2.png) repeat-x left top;}
.sideBox .category li a	{background: url(../images/basicBlFolder.png) no-repeat 15px center; }
.sideBox .category li ul	{background: url(../images/bgBlack08_2.png) repeat-x left top;}




/* mainWedgetStyle - photoCommunity
--------------------------------------------------------------------------*/
/* pcWebzine */
.pcWebzine .date	{background: url(../images/bgBlack20_2.png); color: #FFF;}
.pcWebzine .infoArea.infoWrap	{float: left; padding: 0 14px 0 28px; width: 215px; height: 130px; overflow: hidden; position: relative;}

/* pcCommunity */
.pcCommunity li.document	{padding: 0 0 20px 35px; background: url(../images/basicBgPcDocument.png) no-repeat 10px 0;}
.pcCommunity li.comment	{padding: 15px 15px 0 15px; margin-bottom: 15px; height: 103px; background: url(../images/basicBgPcComment.png) no-repeat; line-height: 180%; }


/* mainWedgetStyle - gallery 
--------------------------------------------------------------------------*/
.anne .gridEl,
.paul .gridEl	{background-color: #FFF}
.anne.grid-content .gridEl	{background: none;}
.anne .imgComment	{padding-right: 15px; background: url(../images/basicBlComment.png) no-repeat right center; font-weight: bold;}

.gridEl .author	{border-left: 1px solid #DDD;}
.hide .gridEl .author	{background: url(../images/bgWhite10.png) repeat-y left top; border-left: none;}
.anne .gridEl .author	{padding-left: 14px; background: url(../images/basicBlAuthor.png) no-repeat 0 center;}

.hide .infoArea	{ background:#000; opacity:.7;  filter:alpha(opacity:70); z-index: 100;}
.hide .titleArea	{color: #FFF;}

.tom .gridEl	{border-bottom: none;}
#grid-content .boxing	{padding: 10px; border: 1px solid #e5e5e5; border-bottom: 1px solid #d5d5d5; background-color: #FFF;}

.replyNum	{ color: #129800; font-weight: bold;}


/* (g)list notice */
.itWorksGallery .notice li a	{padding-left: 45px; background: url(../images/basicBlNotice.png) no-repeat 5px center;}


/* (b)list */
.boardList tr.notice	{background: url(../images/bgBlackTopLine.png) repeat-x left top;}
.boardList thead tr	{background: url(../images/bgBlackTopLine2.png) repeat-x left top;}

.boardList .noticeNo	{display:block; width: 40px; height: 13px; background: url(../images/basicBlNotice.png) no-repeat center center;}
.boardList td.title .replyNum	{ color: #129800; font-weight: bold;}


/** listSearch **/
.listSearch .toggleSearch	{background: url(../images/basicBgListSearch.png) no-repeat center center;}
.listSearch .select	{overflow: hidden; background: url(../images/basicBgSelectArrow.png) no-repeat right center;}
.listSearch select	{color: #888;}


/* header */
.topTab li	{ background: url(../images/bgBlack10.png) repeat-y right top; }
.topTab .on .softCol,
.topTabSub .on_ .softCol	{color: #555;}

.sideTabSearch .select	{background: url(../images/basicBgSelectArrow.png) no-repeat right center;} *+ html .sideTabSearch .select	{background: none;}
.sideTabSearch select	{color: #888; background: transparent;}
.sideTabSearch .iText	{background: url(../images/basicBgSideTabSearch.png) no-repeat left center; color: #888;}


/* read */
.readBody .xe_content,
.readBody .xe_content span,
.readBody .xe_content p	{color: #3a3a3a}

.sign p	{color: #888 !important; }

.itWorksGallery .infoWrap,
.itWorksBoard .infoWrap	{padding: 0 25px; background: url(../images/bgWhite50.png);}


.readTitle .underTitle li	{background: url(../images/bgBlack10.png) repeat-y right top}

.bbStyle.readBtArea	{padding-bottom: 1px}
.readAction li button	{padding-left: 12px ;background: url(../images/basicCommentOnOff.png) no-repeat 0 3px;}
.readAction li.off button	{background: url(../images/basicCommentOnOff.png) no-repeat 0 -19px;}
.readAction li.off .softCol2	{color: #aaa;}

.readControlSide	{}
.readControlSide.bStyle	{border: 1px solid #DDD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(../border-radius.htc);}
.readControlSide li {margin-bottom: 1px; background: url(../images/bgBlack05_2.png);}
.readControlSide.bStyle li	{margin: 0px; background: none; border-top: 1px solid #DDD;}
.readControlSide.bStyle li.first	{border-top: none;}
.readControlSide a.btList	{background: url(../images/basicBgBtReadList.png) no-repeat center 8px;}
.readControlSide a.btEdit	{background: url(../images/basicBgBtReadEdit.png) no-repeat center 8px;}
.readControlSide a.btDel	{background: url(../images/basicBgBtReadDel.png) no-repeat center 8px;}
.readControlSide a.btTop	{background: url(../images/basicBgBtReadTop.png) no-repeat center 8px;}

/* comment */
.commentList li.indent .commentInfo {background: url(../images/basicBlReply.png) no-repeat left 10px;}

.commentInfo .author,
.commentInfo .author a	{color: #666;}

.cList .xe_content,
.cList .xe_content p	{line-height: 160% !important; color: #666 !important;}
.secretCon p	{color: #AAA;}

.commentControl li	{background: url(../images/bgBlack10.png) repeat-y left top; }
.commentControl button	{padding-left: 12px ;background: url(../images/basicCommentOnOff.png) no-repeat 0 4px;}
.commentControl button.off	{background: url(../images/basicCommentOnOff.png) no-repeat 0 -11px;}


/* deleteForm */
.context_message2 h1	{color: #666;}


/* writeForm */
.boardWrite	{padding: 25px; background: url(../images/bgWhite50.png);}



/* moduleStyle - member 
--------------------------------------------------------------------------*/
.section .context_message3,
.boxWrap .context_message3	{border-bottom: none;}
.context_message3 p	{color: #666;}
/* member_info */
.iwMemberTable td.title	{background: url(../images/bgBlack05_2.png);}
.iwMemberTable em	{color: #4a9d23 !important;}

.iwScrapTable thead tr	{background: url(../images/bgBlackTopLine2.png) repeat-x left top; white-space: nowrap;}
.iwScrapTable td.date	{white-space: nowrap;}

.agreement .text	{background: url(../images/bgBlack05_2.png);}


/* moduleStyle - communication 
--------------------------------------------------------------------------*/
.messageControl .select,
.friendBtArea .select	{overflow: hidden; background: url(../images/basicBgSelectArrow.png) no-repeat right center;}
.messageControl select,
.friendBtArea select	{color: #888; background: transparent;}

.messageTable	{background: url(../images/bgBlack05_2.png);}
.messageTable .imgAuthor	{border-right: 1px solid #DDD; }
.messageTable td.messageInfo	{ background: url(../images/bgBlack08_2.png) repeat-x left bottom;}


/* black10 - borderBottom */
.sideLine h3,
.sideLine .category li,
.itWorksGallery .notice li,
.boardList,
.readTitleTop,
.readInfo,
.readFile,
.bbStyle,
.commentList,
.context_message3,
.section.last .context_message3,
.iwMemberTable,
.iwScrapTable	{background: url(../images/bgBlack10_2.png) repeat-x left bottom;}

/* black10 - borderTop */
.iwHeadline,
.sideLine .category ul,
.itWorksGallery .notice,
.boardList tr,
.sign,
.readTag,
.commentList .cList,
.commentFile,
.context_message2,
.iwMemberTable tr,
.iwScrapTable tr	{background: url(../images/bgBlack10_2.png) repeat-x left top;}

.infoWrap .readTitleTop	{background: none;}

/* black08 - background */
.sideBox .module,
.sideBox .module h3,
.pagination .pageNum,
.pagination .pageNumOn,
.topTab,
.readBtArea li,
.commentWrite textarea,
.iwMemberTable textarea,
.bt,
.iText	{background: url(../images/bgBlack08_2.png);}


/* global style */
.bt a,
.bt input,
.bt button	{color: #888;}
.iLabel	{color: #888;}