/* Reset
----------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,
blockquote,table,caption,
tbody,tfoot,thead,th,td{
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,img{
border:0;
}

address,caption,cite,
code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}

ol,ul{
list-style:none;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

q:before,q:after{
content:'';
}

object,
embed {
vertical-align: top;
}

abbr,acronym{
border:0;
}

/* basic property
----------------------------------*/

html {
overflow:scroll;
overflow:-moz-scrollbars-vertical;
overflow-x:scroll;
}

body{
font-size: 62.5%;
font-family: Arial, Helvetica, Verdana, "ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}

.right{
float: right;
}

.left{
float: left;
}

.clear{
clear: both;
}

img.bottom{
vertical-align: bottom;
}

/* clearfix
----------------------------------*/

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
display: inline-block;
}

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

* html .clearfix{height: 1%;}

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