@charset "utf-8";

/* reset css */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
	margin: 0;/*全てのブラウザでmargin:0にしなさい*/
	padding: 0;/*全てのブラウザでpadding:0にしなさい*/
	line-height: 1.0;/*全てのブラウザで標準の行間1.0*/
	font-family:/*標準で使用フォント*/
	"Lucida Grande",
	"Hiragino Kaku Gothic ProN",
	Verdana,
	Meiryo, 
	sans-serif;
	font-size:62.5%;
	/*10pxベース/16pxがブラウザ標準=0.625em x 100=62.5% 1emと1rem=10px*/
}
table {
	border-collapse: collapse;/*隣接するセルのボーダーを重ねて表示*/
	border-spacing: 0;/*隣接する表の罫線の隙間を無しにする*/
}
ul, ol, dl {
	list-style: none;
	/*リストの表示で「・」等を非表示*/
}
a {
	text-decoration: none;
	/*アンダーラインを非表示*/
}
img {
	border: 0;
	/*画像の枠線なし*/
}
img, input {
	vertical-align: bottom;
	/*フォントの下のラインでそろえる*/
}
hr {
	display:block;
	border:0;/*線の幅*/
	margin:0;/*外余白なし*/
	padding:0;/*内余白なし*/
	/*罫線のboder margin paddingを0に設定*/
}

/*clearfixはfloatの解除をhtml内のソースコードにclassとして使用するための記述*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

*, *:before, *:after {
    box-sizing:border-box;
}
/*「*」はワイルドカードといってトランプのジョーカー的な意味。要するにどんなタグにもってこと。これを書いておけばpaddingとborderには引き算がいらなくなる。ただしmarginは増えた分引くこと*/