@charset "utf-8";

.float-area{ *zoom:1; }
.float-area:after{ content:''; display:block; clear:both; }
.float-area .fl{ float:left; }
.float-area .fr{ float:right; }

/* btn */
.btn{ display:inline-block; font-weight:bold; text-align:center; letter-spacing:-.075em; vertical-align:top; }
.btn:hover{ color:#333; }
.btn-login{ width:56px; height:20px; line-height:20px; font-size:12px; letter-spacing:-.03em; }
.btn-sm{ width:75px; height:32px; line-height:32px; font-size:14px; }
.btn-middle{ width:100px; height:40px; line-height:40px; font-size:16px; }
.btn-long{ padding:3px 15px; }
.btn-gray{ background-color:#cacaca; border-bottom:1px solid #bfbfbf; color:#fff; }
.btn-gray:hover{ color:#fff; }
.btn-darkgray{ background-color:#666; color:#fff; }
.btn-darkgray:hover{ color:#fff; }
.btn-black{ background-color:#000; color:#fff; }
.btn-black:hover{ color:#fff; }
.btn-blue{ background-color:#4794c6; color:#fff; }
.btn-blue:hover{ color:#fff; }
.btn-white{ width:33px; height:22px; line-height:22px; border:1px solid #e9e9e9; font-size:12px; font-weight:bold; color:#4794c6; letter-spacing:-.075em; }
.btn-white:hover{ color:#4794c6; }

/* ico */
.ico{ display:inline-block; position:relative; top:-1px; background-position:50% 0; background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline/*IE7 HACK*/; }
.ico-file{ width:14px; height:15px; top:1px; background-image:url(/images/common/ico_file.png); }
.ico-reply{ width:11px; height:13px; top:-2px; background-image:url(/images/common/ico_reply.png); }
.ico-view{ width:35px; height:30px; top:-2px; background-image:url(/images/common/ico_view.png); }
.ico-pager-prev{ width:20px; height:22px; background-image:url(/images/common/btn_pager.png); background-position:0 0; }
.ico-pager-next{ width:20px; height:22px; background-image:url(/images/common/btn_pager.png); background-position:100% 0; }
.ico-new{ height:16px; line-height:17px; padding:0 5px 0 3px; top:1px; background-color:#a71922; border-radius:3px; font-size:12px; color:#fff; text-indent:0; }

/* input, select, textarea */
.input-check{ position:relative; top:-1px; cursor:pointer; }
.input-radio{ height:40px; line-height:40px; padding-right:15px; font-size:14px; cursor:pointer; }
.input-radio input[type="radio"]{ position:relative; top:-2px; }
.input-text{ width:172px; height:32px; line-height:30px; padding-left:10px; border:none; border:1px solid #e0e0e0; font-size:14px; vertical-align:middle; box-shadow:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; }
.input-text-sm{ width:90px !important; }
.input-text-sm2{ width:145px !important; }
.input-text-middle{ width:217px !important; }
.input-text-long{ width:602px !important; }
.input-date{ width:100px; height:32px; line-height:30px; padding-left:10px; border:none; border:1px solid #e0e0e0; font-size:14px; vertical-align:middle; box-shadow:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; }
.select{ width:160px; height:30px; line-height:28px; padding-left:10px; display:inline-block; position:relative; background:#fff url(/images/common/ico_select.png) 99% 50% no-repeat; border:1px solid #e0e0e0; cursor:pointer; vertical-align:top; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.select label{ line-height:30px; color:#666; cursor:pointer; }
.select select{ width:99.99%; height:32px; min-height:32px; line-height:32px; padding:0 10px; position:absolute; top:-1px; left:-1px; opacity:0; filter:alpha(opacity=0); }
.textarea{ height:28px; line-height:28px; padding:10px; border:none; border:1px solid #e0e0e0; font-size:14px; text-align:left; vertical-align:middle; }

/* ttl, box */
.page-ttl{ margin-bottom:15px; font-size:25px; font-weight:bold; letter-spacing:-.075em; }
.article-ttl{ margin-bottom:15px; font-size:30px; font-weight:bold; letter-spacing:-.075em; }
.article-ttl em{ font-size:30px; letter-spacing:-.075em; font-weight:normal; }
.sub-ttl{ margin-bottom:15px; font-size:20px; font-weight:bold; letter-spacing:-.075em; }
.sub-ttl small{ font-size:14px; font-weight:normal; }

/* text-box */
.text-box{ max-width:100%; line-height:30px; font-size:16px; letter-spacing:-.075em; word-break:break-all; }
.text-box strong{ font-size:16px; }
.border-box{ padding-top:30px; border-top:5px solid #000; }

/* color */
.color-gray{ color:#666; }
.color-red{ color:#f00; }

/* cycle */																																							 
.cycle-slideshow{ width:100%; margin:0 auto; z-index:1; }
.cycle-slideshow .slide{ display:none; text-align:center; }
.cycle-slideshow .first-slide{ display:block; }

/* board */
.board-search{ width:100%; min-height:32px; margin-bottom:20px; position:relative; }
.board-search .text-box{ width:520px; line-height:22px; font-size:14px; letter-spacing:-.075em; }
.board-search .search-box{ width:250px; position:absolute; right:0; bottom:0; font-size:0; text-align:right; }

.board-list{  }
.board-list table{ width:100%; border-top:5px solid #000; table-layout:fixed; }
.board-list table tr th{ height:50px; line-height:50px; border-bottom:1px solid #000; font-size:16px; text-align:center; letter-spacing:-.075em; }
.board-list table tr td{ height:42px; line-height:42px; border-bottom:1px solid #e2e2e2; font-size:14px; text-align:center; letter-spacing:-.075em; }
.board-list table tr td.board-ttl{ padding-left:10px; text-align:left; }
.board-list table tr .board-ttl .ttl-txt{ max-width:90%; margin-right:3px; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; zoom:1; *display:inline/*IE7 HACK*/; }
.board-list table tr .board-ttl .ttl-txt:hover{ text-decoration:underline; }

.board-btn{ margin-top:20px; font-size:0; text-align:right; }
.board-btn a{ margin-left:10px; }
.board-btn a:first-child{ margin-left:0; }
.board-btn-center{ text-align:center; }

.board-pager{ margin:20px auto; text-align:center; }
.board-pager .ico{ opacity:.3; }
.board-pager .ico:hover{ opacity:1; }
.board-pager .pager-num{ margin:0 5px; display:inline-block; font-size:0; zoom:1; *display:inline/*IE7 HACK*/; }
.board-pager .pager-num a{ width:20px; height:15px; line-height:15px; padding:0 5px; display:inline-block; border-left:1px solid #ddd; font-size:12px; text-align:center; letter-spacing:-.075em; color:#808080; }
.board-pager .pager-num a:first-child{ margin-left:0; padding-left:0; border-left:none; }
.board-pager .pager-num a:hover, .board-pager .pager-num a.on{ font-weight:bold; }

.board-view{  }
.board-view table{ width:100%; border-top:5px solid #000; table-layout:fixed; }
.board-view table tr th, .board-view table tr td{ line-height:22px; padding:15px; border-bottom:1px solid #e2e2e2; font-size:14px; letter-spacing:-.075em; }
.board-view table tr th{ font-size:16px; text-align:left; }
.board-view table tr .board-ttl{ padding-left:0; word-break:break-all; }
.board-view table tr.file-content th, .board-view table tr.file-content td{ padding:10px; background-color:#f5f5f5; border-bottom:none; font-size:14px; font-weight:normal; }
.board-view table tr.file-content td{ padding-left:0; }
.board-view table tr.file-content a{ color:#4794c6; }
.board-view table tr.file-content a .ico{ margin-right:5px; }
.board-view table tr .text-box{ line-height:26px; padding:30px 15px; }
.board-view table tr .text-box img{ max-width:100%; }
.board-view table tr.prev-content th, .board-view table tr.prev-content td{ border-top:2px solid #000; border-bottom:1px solid #000; }
.board-view table tr.next-content th, .board-view table tr.next-content td{ border-bottom:2px solid #000; }
.board-view table tr td a:hover{ text-decoration:underline; }

.board-write{  }
.board-write table{ width:100%; border-top:5px solid #000; table-layout:fixed; }
.board-write table tr th, .board-write table tr td{ line-height:22px; padding:15px; border-bottom:1px solid #e2e2e2; font-size:14px; letter-spacing:-.075em; }
.board-write table tr td{ padding-right:0; }
.board-write table tr th{ font-size:16px; text-align:left; }
.board-write .input-text{ width:686px; }
.board-write .textarea{ width:664px; height:300px; }

.board-gallery{  }
.board-gallery ul{ margin-left:-20px; }
.board-gallery ul li{ margin-left:20px; margin-bottom:30px; float:left; border:1px solid #f1f1f1; -webkit-box-shadow:0px 2px 5px 0px rgba(212,212,212,1); -moz-box-shadow:0px 2px 5px 0px rgba(212,212,212,1); box-shadow:0px 2px 5px 0px rgba(212,212,212,1); }
.board-gallery ul li:hover{ transition:box-shadow .5s cubic-bezier(.16,.84,.44,1); -webkit-box-shadow:0px 2px 10px 0px rgba(138,135,138,.95); -moz-box-shadow:0px 2px 10px 0px rgba(138,135,138,.95); box-shadow:0px 2px 10px 0px rgba(138,135,138,.95); }
.board-gallery ul li a{ width:230px; padding:10px 9px 20px; display:block; }
.board-gallery ul li:hover a{ text-decoration:underline; }	
.board-gallery ul li .gallery-img{ width:230px;  height:180px; }
.board-gallery ul li .gallery-img img{ width:100%; height:100%; }
.board-gallery ul li .gallery-ttl{ margin-top:17px; font-size:14px; letter-spacing:-.075em; text-align:left; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; white-space:nowrap; }

.menber-form{  }
.menber-form table{ width:100%; border-top:5px solid #000; table-layout:fixed; }
.menber-form table tr th{ line-height:26px; padding:9px 20px 8px 0; border-bottom:1px solid #000; font-size:16px; letter-spacing:-.075em; text-align:right; }
.menber-form table tr td{ line-height:26px; padding:9px 3px 8px; border-bottom:1px solid #000; }
.menber-form table tr td .input-text{ width:294px; }
.menber-form table tr td .select{ width:282px; }
.menber-form table tr td .info-txt{ display:inline-block; font-size:14px; font-weight:bold; color:#666; letter-spacing:-.075em; vertical-align:bottom; }

.agree-form{ padding-top:10px; border-top:5px solid #000; }
.agree-form .agree-box{ height:132px; line-height:22px; padding:0 10px; font-size:12px; color:#666; letter-spacing:-.075em; overflow-y:scroll; word-break:break-all; }
.agree-form .agree-label{ line-height:24px; margin-top:10px; padding-top:20px; border-top:1px solid #000; font-size:14px; letter-spacing:-.075em; text-align:center; }
.agree-form .agree-label label{ margin-left:20px; cursor:pointer; }
.agree-form .agree-label label.first{ margin-left:40px; }
.agree-form .agree-label input{ position:relative; top:-2px; vertical-align:middle; }