@charset "utf-8";
/* css reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {color:#000;background:#FFF;}

/*html{filter: gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button,p, blockquote, 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;}
ol, ul {list-style:none}
caption{text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:""}
abbr, acronym {border:0;font-variant:normal}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit}
input, textarea, select {*font-size:100%}
button{*overflow:visible;line-height: normal;}
legend {color:#000}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clearfix:after {content:"\20";display:block;height:0;clear:both;}
.clearfix {*zoom:1;}
.r:after, .c:after, .b:after, .g:after {content:"\20";display:block;height:0;clear:both;}
.r, .c, .b, .g {*zoom:1;}
.nm-wrap {float:left;width:100%;}

.row:after, .col:after, .block:after, .grids:after{content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
.row, .col, .block, .grids{*zoom:1;}
.col,.grid{ float:left;}