@charset "utf-8";
 
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%;
    font: inherit;
    vertical-align: baseline;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 0;
}
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;
}

/*zentai*/
html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: Tahoma, Verdana, Arial, "Arial Black", "Comic Sans MS", Georgia, "・ュ・ウ ・ー繧エ繧キ繝・け", "・ュ・ウ 繧エ繧キ繝・け";
  background-color: #000000;
  line-height: 0;
}

#loading {
	width: 100px; /* gif画像の幅 */
	height: 100px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	background: #000000; /* gif画像の背景色 */
	opacity: 0.8; /* 透過させる */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
}

#error {
 padding: 20px 0;
 color: #000;
 background: #fc3;
}
 
#error p {
 font: bold 16px/30px Meiryo,sans-serif;
}
 
#error a {
 color: #f00;
 text-decoration: underline;
}
 
#error a:hover {
 color: #fff;
 background: #f00;
}

#all{
	/*-background-attachment:fixed;-*/
	background-repeat:repeat-y;
	background-image:url(/m3/img/new_face/pc/karakuti/back.jpg);
	text-align:center;
	background-position:center,top;
	margin:0 auto;
	width:100%;
}


#top{
margin: 0 auto;
width:1200px;
}

#main{
width:1000px;
position: relative;
margin: 0 auto;
text-align:center;
background-color:#2e1212;
z-index:1;
}

#side{
width:998px;
margin:0 auto;
text-align:center;
background-repeat:repeat-y;
background-image:url(/m3/img/new_face/pc/karakuti/waku_l.png);
background-size:contain;
position:relative;
z-index: 2;
}

img.title{
margin:0 auto 0 auto;
width:1200px;
}

img.hari{
margin:0 auto;
position: relative;
width:1000px;
}

/*--------
footer
--------*/
#footer {
  margin: 0 auto;
  padding: 10px auto;
  text-align:center;
  width: 90%;
  height:50px;
}

#footer_menu {
  margin: 0px auto;
  padding-top:40px;
}

#footer ul {
  display: inline;
  border-left: 1px solid #ffffff;
}

#footer li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px solid #ffffff;
  font-size: 14px;
}

#sn {
  margin: 0 auto;
  text-align:center;
  width: 90%;
  height:50px;
  position: relative;
  padding-top: 40px;
}