@charset "UTF-8";


html , body , div , span , applet , object , iframe ,
h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre ,
a , abbr , acronym , address , big , cite , code ,
del , dfn , em , img , ins , kbd , q , s , samp ,
small , strike , strong , sub , sup , tt , var ,
b , u , i , center ,
dl , dt , dd , ol , ul , li ,
fieldset , form , label , legend ,
table , caption , tbody , tfoot , thead , tr , th , td ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup,
menu , nav , output , ruby , section , summary ,
time , mark , audio , video {
	margin: 0;
	padding: 0;
	border: 0;
	color: #333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.7;
	vertical-align: bottom;
}
html {
	font-size: 62.5%;
	height:100%
}
body {
	/*position:relative;*/
	width: 100%;
    height:100%; /*ブラウザいっぱいに高さを取得*/
    /*padding:0;*/
	min-width: 1020px;
	margin: 0 auto;
	font-size: 16px;
	font-size: 1.6rem;
}

/* HTML5 display-role reset for older browsers */
article , aside , details, figcaption , figure ,
footer , header , hgroup , menu , nav , section {
	display: block;
}
ol , ul {
	list-style: none;
}
blockquote , q {
	quotes: none;
}
blockquote:before , blockquote:after,
q:before , q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: none;
}

/* border-box */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix */
/*.clear:before ,
.clear:after {
	content: " ";
	display: table;
}
.clear:after {clear: both;}
.clear {zoom: 1;}*/


.clearfix{
  zoom:1;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}