/*-- フォントルール YUI --*/
body{
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:12.5px;
line-height: 1.5;
}
table{
font-family:monospace;
font-size: inherit;
font:100%;
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:100%;
}

/*-- 全体的なルール YUI --*/
html{
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,blockquote,p,th,td{ 
margin: 0; 
padding: 0;
}
body{
}
strong,em{
font-style: normal; 
font-weight: bold;
}
small{
font-size: 88%;
}
.txsmall{
font-size: 88%;
}
big{
font-size: 110%;
}
b{
}
table{
border-collapse: collapse; 
border-spacing: 0; 
}
fieldset,img{ 
border: 0; 
}
address,caption,cite,code,dfn,th,var{
font-style: normal; 
font-weight: normal; 
}
ul ul{
margin: 10px 0;
padding: 0 0 0 20px;
}
li{
list-style: none; 
}
caption,th{
text-align: left; 
}
h1,h2,h3,h4,h5,h6{
font-size: 100%; 
font-weight: normal; 
}
q: before,q: after{
content: ''; 
}
abbr,acronym{
border: 0; 
}
sup{
vertical-align: text-top; 
}
sub{
vertical-align: text-bottom; 
}
input,textarea,select{
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,textarea,select{
*font-size: 100%;
}
legend{
color: #000000;
}
hr{
margin: 0;
padding: 0;
display: none;
}
.clear{
clear:both;
}

/*-- ユーティリティ --*/
.clearfix:after,
#header:after,
#container:after,
#content:after,
.lead:after,
.bngm:after,
.bngm-inner:after,
.bngm-inner dl:after,
#footer:after{
content:" ";
display:block;
visibility:hidden;
clear:both;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.clear{
clear:both;
}
a:focus{
outline:0 !important;
}

/*-- レイアウトブロック --*/
#container{
background:#191918 url(../images/bg_body.jpg) center top no-repeat;
min-width:1000px;
}
#container-inner{
margin:0 auto;
padding:0;
width:1000px;
position:relative;
clear:both;
}
#header, #content, #footer {
position:relative;
clear:both;
}
#header-inner,#alpha-inner, #beta-inner{
position:static;
}
.entry{
clear:both;
}

/*-- M-ON!ヘッダ --*/
#header-mon{
padding:10px 0;
width:100%;
min-width:1000px;
height:34px;
line-height:1;
text-align:center;
font-family:Arial,sans-serif;
border-bottom:5px solid #dddddd;
background:#ffffff;
position:fixed;
z-index:100;
}
#header-mon-inner{
margin:0 auto;
width:1000px;
}
#header-name{
padding:0 0 0 10px;
width:160px;
height:34px;
float:left;
}
#header-sns{
width:600px;
height:34px;
float:right;
}
.header-sns-tw{
padding:8px 0 0;
height:22px;
width:105px;
float:right;
overflow:hidden;
}
.header-sns-fb{
padding:8px 0 0;
height:22px;
width:130px;
float:right;
overflow:hidden;
}
.header-sns-gp{
padding:8px 0 0;
height:22px;
width:75px;
float:right;
overflow:hidden;
}

/*-- 視聴方法などバナー --*/
.btn-howto{
margin:0 auto 20px;
padding:5px;
display:block;
width:222px;
height:55px;
background:#0e0e0e;
border:1px solid #404040;
line-height:1;
text-align:center;
clear:both;
-webkit-border-radius:6px;
-moz-border-radius:6px;
transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}
.btn-howto:hover,
.btn-howto:focus,
.btn-howto:active{
color:#ffffff;
background-color:#dd0000;
transition:all 0.5s ease-out 0s;
-moz-transition:all 0.5s ease-out 0s;
-webkit-transition:all 0.5s ease-out 0s;
-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;
}

/*-- カミングスーン --*/
.soon{
margin:0;
padding:15px;
line-height:1;
text-align:center;
clear:both;
}

/*-- フッタ --*/
#mon-footer{
margin:0;
padding:15px 0;
width:100%;
min-width:1000px;
color:#999999;
font-size:90%;
line-height:1;
text-align:center;
font-family:Arial,sans-serif;
clear:both;
border-top:5px solid #dddddd;
background:#ffffff;
}

/*-- イメージ配置 --*/
.mon-image-left{
float:left;
margin:0 15px 15px 0;
}
.mon-image-center{
display:block;
margin:0 auto 15px;
text-align:center;
}
.mon-image-right{
float:right;
margin:0 0 15px 15px;
}

/*-- webフォント --*/
.fa{
padding-right:4px;
font-weight:normal !important;
color:#991f29;
}

p {
padding:0 0 10px;
clear:both;
}

a{text-shadow:#000000 1px 1px 1px;text-decoration:underline; }
a:link{color:#e52e3d; text-decoration:underline;
transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;}
a:visited{color:#e52e3d; text-decoration:underline;}
a:active{color:#e52e3d; text-decoration:underline;}
a:hover{color:#ffffff; text-decoration:underline;
transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-webkit-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;}