@charset "UTF-8";

/* Reset Style
---------------------------------------------------------*/ 
/* Pattern <Reset> : normallize.cssのあと */
html, body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del,img, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}
br{
	letter-spacing: 0;
}


/* Base Class
---------------------------------------------------------*/ 
/*** 通常のクリア ***/
.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/*** 親要素でクリア ***/
.clearfix:before,
.clearfix:after{
  content:"";
  display: table;
}
.clearfix:after{
  clear:both;
}
.clearfix{
	/*IE6,7対策 （haslayout対策）*/
	*zoom:1;
}


/*** フロート ***/
.fl-r{
	float: right;
}
.fl-l{
	float: left;
}


/* Base tag
---------------------------------------------------------*/ 
html{
	font-size: 62.5%;	/* =font-size: 10px 以降remで指定 */
}
html, body{
	height: 100%;
}

a:hover,
a:hover > img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

a{
	outline: none;  /* for IE8 **/
}