@charset "utf-8";

/*============================
#mainConTitle
============================*/
#mainContentArea .mainConTitle .title { background: url(../../img/for-members/title_main.png) no-repeat 30px center; }

/*============================
#forMembersArea
============================*/
#forMembersArea {}
#forMembersArea  ul.newsList {}
#forMembersArea  ul.newsList li { margin-top: 30px; }
#forMembersArea  ul.newsList li:first-child { margin-top: 0; }
#forMembersArea  ul.newsList li a { display: block; padding: 29px; background: #f5f5f5; border: 1px solid #ddd; }
#forMembersArea  ul.newsList li .newsDetail { color: #222; }
#forMembersArea  ul.newsList li .newsDetail .detailTitle { font-weight: bold; line-height: 1.4; }
#forMembersArea  ul.newsList li .newsDetail .detailDate { margin-top: 10px; color: #777; font-size: 0.875em;   }
#forMembersArea  ul.newsList li .newsDetail .detailText { margin-top: 10px; font-size: 0.875em; line-height: 1.6; }

#forMembersArea {}
#forMembersArea .newsDesc { background: #f5f5f5; border: 1px solid #ddd; }
#forMembersArea .newsDesc .descTitle { position: relative; padding: 25px 140px 25px 30px; font-size: 1.125em; font-weight: bold; } 
#forMembersArea .newsDesc .descTitle .descDate { position: absolute; top: 28px; right: 30px; color: #777; font-size: 0.75em; font-weight: normal; } 
#forMembersArea .newsDesc .descWrap { margin: 29px; margin-top: 0; border-top: 1px solid #ddd; }
#forMembersArea .newsDesc .descWrap .descText { margin-top: 25px; line-height: 1.6; }
#forMembersArea .newsDesc .descWrap ul.descImg {}
#forMembersArea .newsDesc .descWrap ul.descImg li { float: right; margin-top: 30px; }
#forMembersArea .newsDesc .descWrap ul.descImg li:first-child { float: left; }
#forMembersArea .newsDesc .descWrap ul.descImg li img { width: 100%; }
#forMembersArea .newsDesc .descWrap ul.descImg li .caption { margin-top: 10px; color: #777; line-height: 1.2; }
#forMembersArea .newsDesc .descWrap ul.descImg.column1 li { width: 100%; }
#forMembersArea .newsDesc .descWrap ul.descImg.column1_md li { width: 100%; text-align: center; }
#forMembersArea .newsDesc .descWrap ul.descImg.column1_md li img { width: 400px; }
#forMembersArea .newsDesc .descWrap ul.descImg.column1_md li .caption { width: 400px; margin : 10px auto 0; text-align: left; }
#forMembersArea .newsDesc .descWrap ul.descImg.column2 li { width: 290px; } 
#forMembersArea .newsDesc .descWrap .descTable { margin-top: 30px; border-top: 1px solid #ddd; }
#forMembersArea .newsDesc .descWrap .descTable .tableTitle { margin-top: 25px; font-weight: bold; font-size: 1.125em; line-height: 1.2; }
#forMembersArea .newsDesc .descWrap .descTable .tableWrap { margin-top: 25px; border: 1px solid #ddd; background: #fff; }
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr {}
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr th { width: 20%; padding: 15px; line-height: 1.4; border-right: 1px solid #ddd; border-top: 1px solid #ddd; }
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr td { padding: 15px; line-height: 1.4; word-break: break-all; border-top: 1px solid #ddd; }
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr:first-child {}
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr:first-child th { border-top: none; }
#forMembersArea .newsDesc .descWrap .descTable .tableWrap tr:first-child td { border-top: none; }
#forMembersArea .newsDesc .descWrap .download { margin-top: 30px; text-align: right; }
#forMembersArea .newsDesc .descWrap .download .icon { display: inline-block; padding: 5px 10px; margin-right: 10px; margin-bottom: 5px; background: #aaa; color: #fff; font-size: 0.875em; }
#forMembersArea .newsDesc .descWrap .download .fileName { line-height: 1.1; border-bottom: 1px dotted #25a; }

#forMembersArea .pageNav { position: relative; padding-bottom: 40px; }
#forMembersArea .pageNav.bottom { margin-top: 30px; padding-bottom: 0; }
#forMembersArea .pageNav ul { position: relative; top: 6px; text-align: center; }
#forMembersArea .pageNav ul li { display: inline-block; border-right: 1px solid #ddd; width: 30px; height: 20px; line-height: 20px; }
#forMembersArea .pageNav ul li:first-child { border-left: 1px solid #ddd; }
#forMembersArea .pageNav ul li a { display: block; text-decoration: underline; }
#forMembersArea .pageNav .btn { position: absolute; top: 0; display: inline-block; padding: 9px 14px; font-size: 0.9375em; border: 1px solid #ddd; background: #f5f5f5; }
#forMembersArea .pageNav .btn a { color: #222; }
#forMembersArea .pageNav .btn.prev { left: 0; }
#forMembersArea .pageNav .btn.next { right: 0; }