@charset "utf-8"; 

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
a{color:inherit;text-decoration:none;}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

section.sampler { padding:  84px 0 70px; }
section.sampler_2 { padding:  60px 0 0; }
section.sampler header.sampler-header { margin:  0 0 25px; text-align:  center; font-size:  14px; }
section.sampler header.sampler-header h3 { }
section.sampler header.sampler-header h3 + * { margin:  10px 0 0; }
section.sampler .category { margin:  0 0 30px; text-align:  center; }
section.sampler .category li { display: inline-block; position: relative; }
section.sampler .category li:before { content: ''; display: inline-block; vertical-align: middle; height: 16px; margin: 0 10px 0 8px; border-left: 1px solid #ddd; }
section.sampler .category li:first-child:before { content: none; }
section.sampler .category a { display: inline-block; vertical-align: middle; font-size: 16px; }
section.sampler .category .on a { font-weight: 800; color: #333; }
section.sampler .samples-block { overflow: hidden; position: relative; }
section.sampler .samples-block ul { margin: -20px 0 0 -26px; }
section.sampler .samples-block ul:after { content: ''; display: block; clear: both; }
section.sampler .samples-block li { float: left; width: 20%; }
section.sampler .samples-block a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20px 0 0 26px; height: 159px; font-size: 14px; text-align: center; }
section.sampler .samples-block.portfolios a { height: 191px; }
section.sampler .samples-block.portrait a { height: 261px; }
section.sampler .samples-block a span.image-wrapper { display: block; margin: 0 0 10px; padding: 2px; height: 98px; border: 1px solid #ccc; }
section.sampler .samples-block.portfolios a span.image-wrapper { height: 130px; line-height: 130px; vertical-align: middle; }
section.sampler .samples-block.portrait a span.image-wrapper { height: 200px; line-height: 200px; vertical-align: middle; }
section.sampler .samples-block a span.category { display: block; margin: 0; padding: 2px; border: none; font-size: 13px; color: #767676; }
section.sampler .samples-block img { height: 100%; }
section.sampler .samples-block.portrait img { height: auto; }


section.sampler .pagenate{margin:20px 0 0;text-align:center;}
section.sampler .pagenate > a{display:inline-block;}
section.sampler .pagenate > a > img,
section.sampler .pagenate > img{padding:5px;}
section.sampler .pagenate section.sampler .paging{margin:0 20px;font-size:14px;}
section.sampler .pagenate section.sampler .paging li a{width:30px;height:30px;line-height:30px;border:0;}
section.sampler .paging{display:inline-block;vertical-align:middle;}
section.sampler .paging ol{}
section.sampler .paging li{display:inline-block;}
section.sampler .paging li a{display:block;width:20px;height:20px;line-height:20px;border:1px solid #dfdfdf;background:#fff;text-align:center;}
section.sampler .paging li a.on{border-color:#0b51be;background:#0b51be;color:#fff;}


#sampler-screener{}
#sampler-screener .inner { max-width: 1000px;}
#sampler-screener .contents { padding: 0; }
#sampler-screener .contents img { max-width: 636px;}
#sampler-screener .close{width:27px;height:26px;background:url('../images/btn_close_xx.png') no-repeat;}
#sampler-screener .article{overflow:hidden;position:relative;height:0;}
#sampler-screener .article.on{overflow:visible;height:auto;}
#sampler-screener button.prev,
#sampler-screener button.next{overflow:hidden;position:absolute;top:50%;width:43px;height:73px;margin:-36px 0 0;}
#sampler-screener button.prev span,
#sampler-screener button.next span{display:block;text-indent:-9999px;}
#sampler-screener button.prev:hover,
#sampler-screener button.next:hover{background-position:0 -73px;}
#sampler-screener button.prev{left:-70px;background:url('../images/btn_prev_g.png') no-repeat;}
#sampler-screener button.next{right:-70px;background:url('../images/btn_next_g.png') no-repeat;}


/*sampler_self*/
#sampler_self{}
#sampler_self .wp_samples-block li{width:33.3%; margin-bottom: 50px;}
#sampler_self .wp_samples-block a{ overflow:auto; height:auto;color:#333333; font-weight:bold;}
#sampler_self .wp_samples-block a span.image-wrapper{height:213px; padding:0;}
#sampler_self .wp_samples-block a span.image-wrapper img{ width: 100%; height: auto;}
#sampler_self .wp_samples-block a span.category{display:inline-block; color:#333333;}