@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td,header,footer,nav,aside,article,section {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,small { font-size: 100%; }
address,em { font-style: normal; }
strong,th { font-weight: normal; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th { text-align: left; }
hr,legend { display: none;	}
img,fieldset { border: 0; }
img { vertical-align: bottom; } /* ←インライン要素内の縦方向の位置調整：base-lineを下に揃える（画像の下に入るスペースを消去）*/
li { list-style-type: none; }

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 62.5%; /* 10px相当に設定 */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* clearfix ※汎用的なソースコード
用途：フロートをかけた子要素を包む親要素に囲み線を付けたい時（末尾にフロートを解除する要素が何もない時）
使い方：子要素を包む親要素にclassとして追加する。
意味：高さ0の疑似的ブロック要素をボックスの末尾に挿入する。
※Webで紹介されている「overflow:hidden」は使用しない方がよい。
------------------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height:0;
}
.clearfix { /zoom: 1; } /* ←古いIE ver用 */