html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

/* change colours to suit your needs */
ins { background-color:#ff9; color:#000; text-decoration:none; }

/* change colours to suit your needs */
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }

/* change border colour to suit your needs */
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* base */
html,legend { color:#000; font-size:100%; }
html { background:#fff; }
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,table,td,textarea,th,tr,ul{ margin:0; padding:0; }
table { border-collapse: collapse; border-spacing: 0; border: none; font: 100%; color: #333; line-height: 1.4; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,optgroup,strong,th,var { font-style:normal; font-weight: 400; }
del,ins{ text-decoration: none; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: 400; line-height: 1;}
q:after,q:before{content:'';}
abbr,acronym{border:0;font-variant:normal;}
abbr{cursor:help;}
label{cursor:pointer;}
sub,sup{vertical-align:baseline;}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
body{ font-family: "CI", Meiryo, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", sans-serif; line-height: 1.3em; color: #333; margin: 0; overflow-x: hidden; }
button,input,select,textarea{ font-family: "CI", Meiryo, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", sans-serif; line-height: 1.3em; color: #333;}
.txt-red{color:#C00;}
strong,.txt-B{font-weight:700;}
.center,.txt-C{text-align:center;}.sp,.sp02,.tb,.img_t_sp{display:none;}
.clearfix{display:block;}
a { color: #333 }
a:hover, a:active { color: #cc0000; text-decoration: none; }
a:hover { opacity: 0.7; text-decoration: none; }
img { max-width: 100%; }
img { -ms-interpolation-mode: bicubic; }

/*box-sizingπSuEUΙΞ*/
*, *: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;
}

/*box*/
.box100 { float: left; clear: both; width: 100%; }
.box70 { float: left; width: 68%; }
.box30 { float: right; width: 30%; }

/*space*/
.mT30 { margin-top: 30px; }


