@charset "utf-8";

/* =======================================
	reset
======================================= */
html,body,div,span,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;font-weight:normal;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

img {max-width:100%;height:auto;}
table {width:100%;}
li img{vertical-align:bottom;}
* {-webkit-box-sizing: border-box;-moz-box-sizing:
border-box;-o-box-sizing: border-box;-ms-box-sizing:
border-box;box-sizing: border-box;}
/* =======================================
	common
======================================= */
html, body {height:100%;}
a {
	color: #ccc;
	text-decoration:underline;
}
a:link { color: #ccc;text-decoration:none; }
a:visited { color: #ccc;text-decoration:none; }
a:hover { color: #ccc;text-decoration:none; }
a:active { color: #ccc; text-decoration:none;}
 

/* =======================================

	CommonElements

======================================= */
body {
	font-size: 100%;
	line-height: 160%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	background: #000;
}



/* #container
--------------------------- */

#container{
width:100%;
margin:0 auto;

}





/* comment
--------------------------- */

#comment {
width:800px;
margin:0 auto;
text-align:left;
padding-top:100px;
padding-bottom:80px;

}



/* #footer
--------------------------- */

#footer {
background:#000;
padding:20px 20px;
font-size:12px;
margin-top:100px;

}

/* =======================================
	pagetop
======================================= */
#pageTop{
  font-weight : bold;
  font-size   : 12px;
  background  : rgba(16,0,138,0.7);
  -webkit-border-radius : 3px;
	 -moz-border-radius : 3px;
	   -o-border-radius : 3px;
	      border-radius : 3px;
  color                 : #ffffff;
  padding               : 40px 5px 5px 5px;
  position              : fixed;
  bottom                : 20px;
  right                 : 20px;
  z-index               : 30;
}
#pageTop:hover{
  backgrond : rgba(16,0,138,0.5);
}
#pageTop:before{
  display : block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
	 -moz-transform: rotate(45deg);
	   -o-transform: rotate(45deg);
	      transform: rotate(45deg);
  top        : 50%;
  left       : 20px;
  width      : 15px;
  height     : 15px;
  margin-top :-12px;
  border-top : white 4px solid;
  border-left: white 4px solid;
  -webkit-border-top-left-radius: 4px;
	 -moz-border-top-left-radius: 4px;
	    o-border-top-left-radius: 4px;
	      border-top-left-radius: 4px;
}