@charset "utf-8";

/* CSS Document */


/************************************************************
 * reset css
 ************************************************************/
/*
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }
*/

/* html5 */
/*
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }
*/

/************************************************************
 * contents
 ************************************************************/
/*
body { position:relative; font-size:14px; line-height:20px; background:#000; }
*/

.bg { position:fixed; top:50%; left:50%; margin:-600px 0 0 -900px; }
.remove_cookie { display:block; position:fixed; width:200px; height:40px; top:40%; left:50%; margin:-20px 0 0 -100px; color:#999; font-weight:bold; text-align:center; text-decoration:none; line-height:40px; background:#FFF; border:1px solid #CCC; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,0.4); cursor:pointer; }
.remove_cookie:hover { color:#333; }

/************************************************************
 * modal
 ************************************************************/

.modal {
  position:fixed;
  display:none;
  z-index:9999;
  top:40%;
  left:50%;
  width:400px;
  height:150px;
  margin:-116px 0 0 -221px;
  padding:20px;
  color:#fff;
  text-align:center;
  border:1px solid #FFF;
  border-radius:10px;
}
.modal img { vertical-align:bottom; }
.modal p {
  margin-bottom:10px;
  padding-top:20px;
}
.modal ul { text-align:center; }
.modal li { display:inline; }
.modal a { cursor:pointer; }