@charset "utf-8";

/*----------------------------------

    Reset and Base Settings

-----------------------------------*/


/* reset ------------------------------------------------------------
 */
 
* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* image setting ----------------------------------------------------
 */
img {
  border:none 0px;
}


/* list setting -----------------------------------------------------
 */

li{
  list-style: none;
}


/* form setting -----------------------------------------------------
 */
legend {
  display:block;
}

fieldset{
  border:none 0px;
  vertical-align:bottom;
}

input, textarea, select {
  vertical-align:middle;
}


/* anchor setting ---------------------------------------------------
 */
a {
  cursor:pointer;
}


/* table setting ----------------------------------------------------
 */
table, tbody, tfoot, thead, tr, th, td, table > caption {
  border:none;
}

/* figure setting ---------------------------------------------------
 */
figure, figcaption {
  font-size:1em;
}

/* inline setting ---------------------------------------------------
 */

/* head title
 */

h1{ font-size:1.4em; }
h2{ font-size:1.4em; }
h3{ font-size:1.2em; }
h4{ font-size:1em; }
h5{ font-size:0.9em; }
h6{ font-size:0.8em; }

h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; }


/* wording setting ------------------------------------------------
 */
sup,
sub{ font-size:0.7em; }

address {
  font-style: normal;
}


/* clearfix --------------------------------------------------
 */
.clearfix:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

br.clearfix{
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height:0;
}


/* browser bug fix --------------------------------------------------
 */

/* fix IE6 Duplicate Characters Bug */
.fixIE6DCB{
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

[data-icon]{
  background-repeat:no-repeat;
  background-position:left 0.3em;
}

[data-icon="pdf"]{
  background-image:url('../img/icon/pdf.png');
}

[data-icon="doc"],[data-icon="docx"]{
  background-image:url('../img/icon/doc.png');
}

[data-icon="xls"],[data-icon="xlsx"]{
  background-image:url('../img/icon/xls.png');
}

[data-icon="ppt"],[data-icon="pptx"]{
  background-image:url('../img/icon/ppt.png');
}

[data-icon="zip"]{
  background-image:url('../img/icon/zip.png');
}

[data-icon="file"]{
  background-image:url('../img/icon/file.png');
}

a[data-icon]{
  position:relative;
}

a[data-icon] span.size{
  position:absolute;
  display:none;
  padding:0;
  top:-38px;
  left:-55px;
}

/* FILESIZE BALOON */
a[data-icon]:hover span.size{
  display:block;
  position:absolute;
  width:100px;
  height:38px;
  line-height:29px;
  font-size:11px;
  background:url('../img/icon/filesize.png') no-repeat top left;
  text-align:center;
  color:#FFF;
  top:-38px;
  right:-45px;
}
* html a[data-icon] .size{
  right:inherit;
  left:0;
}
* html a[data-icon]:hover .size{
  text-decoration:none;
}


/* .inline-box ------------------------------------------------------------
 */
.inline-box-parent{
  letter-spacing: -0.4em;
}

.inline-box{
  display: inline-block;
  letter-spacing: normal;
  vertical-align:top;
  height: 100%;
  *display:inline;
  *zoom:1;
}


/* WYSIWYG editor ------------------------------------------------------------
 */
#clpg-entry-body-container{
  font-size:18px;
}