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; font-size: 100%; vertical-align: top; font-family: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; color: #333; }
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; }
body { font-family:"Red Hat Text","Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 16px; line-height: 1.7em; background: #222222; font-feature-settings: "palt" on; letter-spacing:0.03em;  }
* html body { font-size: small;}
*:first-child+html body { font-size: small; }
.mgt0 { margin-top: 0px !important; }
.mgt5 { margin-top: 5px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt13 { margin-top: 13px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }
.mgt40 { margin-top: 40px!important; }
.mgt50 { margin-top: 50px!important; }
.mgt70 { margin-top: 70px!important; }
.mgt100 { margin-top: 100px!important; }
.mgb5 { margin-bottom: 5px!important; }
.mgb10 { margin-bottom: 10px!important; }
.mgb15 { margin-bottom: 15px!important; }
.mgb20 { margin-bottom: 20px!important; }
.mgb25 { margin-bottom: 25px!important; }
.mgb30 { margin-bottom: 30px!important; }
.mgb35 { margin-bottom: 35px!important; }
.mgb40 { margin-bottom: 40px!important; }
.mgb50 { margin-bottom: 50px!important; }
.mgb100 { margin-bottom: 100px!important; }
.mgl-5 { margin-left: -5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl15 { margin-left: 15px!important; }
.mgl30 { margin-left: 30px!important; }
.mgr0 { margin-right: 0px !important; }
.mgr10 { margin-right: 10px!important; }
.mgr20 { margin-right: 20px!important; }
.mgr30 { margin-right: 30px!important; }
.mgr50 { margin-right: 50px!important; }
.mgr70 { margin-right: 70px!important; }
.mgr100 { margin-right: 100px!important; }
.pd5 { padding: 5px!important; }
.pdt5 { padding-top: 5px!important; }
.pdt10 { padding-top: 10px!important; }
.pdt15 { padding-top: 15px!important; }
.pdt20 { padding-top: 20px!important; }
.pdt25 { padding-top: 25px!important; }
.pdt30 { padding-top: 30px!important; }
.pdt70 { padding-top: 70px!important; }
.pdb5 { padding-bottom: 5px!important; }
.pdb10 { padding-bottom: 10px!important; }
.pdb15 { padding-bottom: 15px!important; }
.pdb20 { padding-bottom: 20px!important; }
.pdb30 { padding-bottom: 30px!important; }
a { color: #CC0000; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;/*transition: all 0.2s ease-out;*/}
a:hover { color: #F00; text-decoration: underline; }
a img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;/*transition: all 0.2s ease-out;*/}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }

/*----------------------
 .clearfix
----------------------*/
.clear { clear: both; }
.clearfix { *zoom:1;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.clearfix { min-height: 1px; } /*IE6、7対策*/
/*----------------------
 Contents
----------------------*/
.imgL { float: left; margin-right: 25px; }
.imgR { float: right; margin-left: 25px; }
.fleft { float: left; }
.fright { float: right; }
.center { text-align: center; margin-right: auto; margin-left: auto; }

/*----------------------
 scroll-top
----------------------*/
footer a#scroll-top{
  display:none;position:fixed;right:20px;bottom:20px;height:50px;width:50px;z-index:9999;line-height:3em;background:#333333 url(../images/pagetop.png) center center no-repeat;background-size:50px 50px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;opacity:0.5;}a#scroll-top:hover{opacity:1;}

/*----------------------
 footer
----------------------*/
footer{
  background: #000;
}
.footer-rh-band {
  background: #000;
  padding: 20px; 
  padding-bottom:160px;
}

.footer-rh-band .footer-contener{ max-width: 1400px; margin-right: auto; margin-left: auto; position:relative;  }
.footer-rh-band .rh-image{ float:left; display:inline-block;}
.footer-rh-band .rh-footnote{font-size:12px; font-weight:100; line-height:1.6em; color:rgb(138,138,138);position:absolute; top:50px; left:0px;}
.footer-rh-band .rh-footnote ul{margin-left:0px;text-align: left;  }
.footer-rh-band .rh-footnote a{color:rgb(138,138,138); text-decoration:underline;}
.footer-rh-band .rh-footnote li{margin:0 15px 3px 0;}
.footer-rh-band .rh-summit{ float:right;}
#icon-twitter {padding:3px 3px; text-decoration: none; display: inline-block;}
#icon-facebook {padding:3px 7px; text-decoration: none; display: inline-block;}
#icon-twitter .cls-1{fill:#CCCCCC;}
#icon-facebook .cls-2{fill:#CCCCCC;}

 @media screen and (max-width: 768px) {
   .footer-rh-band .rh-footnote{ font-size:10px;}
   .footer-rh-band .rh-image img{ width: 120px; height: auto;}
   .footer-rh-band .red-hat-summit-log{width: 65px; height:33px;}
}