basic.css

basic.css

@CHARSET "utf-8";
/**
 * basic css
 * 
 * Initialize Layout
 *
 * @author nojimage
 *
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  overflow: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
  overflow: visible;
}

/* End hide from IE-mac */
body {
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #fff;
  font-size: 16px;
  /* NOTE */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
  line-height: 1.4;
}

/* for IE6 */
* html body {
    font-size: 100%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 100%;
}

a:link {
  color: #006699;
}

a:visited {
  color: #993399;
}

a:active {
  color: #FF3333;
}

a:hover {
  color: #FF3333;
}

h1,h2,h3,h4,h5,h6,p,form {
  margin: 0;
  padding: 0;
}

ul,ol,dl {
  margin: 0;
  padding: 0;
}

li,dt,dd {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
}

th,td {
	padding: 0;
	font-weight: normal;
	text-align: left;
}

input, select, option {
	font-size: 99%;
}

img {
  border: none;
}

address {
  font-style: normal;
}

.textcenter {
  text-align: center;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

.floatleft {
  float: left;
}
.floatright {
  float: right;
}

.baseline {
  vertical-align: baseline;
}

.bottom {
  vertical-align: bottom;
}

.middle {
  vertical-align: middle;
}

.top {
  vertical-align: top;
}

.small {
  font-size: 85%;
}
.x-small {
  font-size: 78%;
}
.xx-small {
  font-size: 71%;
}

.hidden {
  display: none !important;
}

.red {
  color: #f00 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}