@charset "utf-8";

/* --HTML-- */
html {
color:#333;
}

/* --BODY-- */
body {
/*font:80%/1.5 'Lucida Grande','ＭＳ Ｐゴシック', Arial, Helvetica;*/
font:80%/1.5 'メイリオ', 'Meiryo', 'Lucida Grande','ＭＳ Ｐゴシック', Arial, Helvetica;
margin:0;
overflow:visible;
padding:0;
	color:#777;
}

	/* for Windows */
	.win body {
	font-family:'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック';
	}

	/* for Win IE6 */
	* html.win body {
	font-family:'ＭＳ Ｐゴシック';
	}

	/* for Mac firefox2 */
	.mac body.firefox2 {
	font-size:12px;
	}

/* --OTHER TAGS-- */
a {
overflow:hidden;
}

a img, img {
border:0;
vertical-align:top;
}

abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin:0;
padding:0;
text-align: center;
line-height: 1.5;
list-style:none;
}

caption, th {
text-align:left;
}

code, kbd, pre, samp, tt {
font-family:monospace;
line-height:100%;
}

	/* for IE7 */
	*+html code, *+html kbd, *+html pre, *+html samp, *+html tt {
	font-size:108%;
	}

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

ol, ul {
list-style:none;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

	/* for IE6 */
	* html input, * html textarea {
	font-family:'ＭＳ Ｐゴシック';
	}

	/* for IE7 */
	*+html input, *+html textarea {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	}

	/* for IE8 */
	.msie8 select {
	font-family:sans-serif;
	}

	/* for Chrome1 */
	.chrome1 select {
	font-family:'Lucida Grande', Arial, Helvetica;
	}

/* tables still need 'cellspacing="0"' */
table {
border-collapse:collapse;
border-spacing:0;
font-size:100%;
}

/* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	display: block;
	zoom: 100%;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
img, video, embed, object {
    height: auto;
}
img, object, embed, video, iframe {
    max-width: 100%;
}