@charset "utf-8";
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img {
	vertical-align:bottom;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size:14px;
	font-family: "メイリオ", "Meiryo", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:87.5%;
}
*:first-child+html body {	/* for IF7 */
	font-size:87.5%;
}
html>/**/body {   	/* for IF8 */
	font-size/*\**/:87.5%\9;
} 
/* =clearfix
----------------------------------*/

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

.clearfix{
display:inline-block;
}

/* MacIE begin \*/
*+html .clearfix{
height:1%;
}

* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* Mac IE end */

/* ------------------------------
基本サイズ12px
表示したいサイズ 指定する値 
10px 84%
11px 92%
12px 100%
13px 109%
14px 117%
15px 125%
16px 134%
17px 142%
18px 150%
19px 159%
20px 167%
21px 175%
22px 184%
23px 192%
24px 200%
25px 209%
26px 217%

基本サイズ14px
表示したいサイズ 指定する値 
10px 72%
11px 79%
12px 86%
13px 93%
14px 100%
15px 108%
16px 115%
17px 122%
18px 129%
19px 136%
20px 143%
21px 150%
22px 158%
23px 165%
24px 172%
25px 179%
26px 186%
------------------------------ */