/* スマートフォン iPhone Android共通 */
body {
margin:0;
padding: 0;
background:#040000;
background-image:url(../../images/back_pc.jpg);
background-repeat: repeat-x;
color:#fff;
font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

/* ↓以下通常CSSを記載していく */

#container{
width:640px;
background-color:#040000;
margin: 0px auto;
text-align: left;
padding: 0px;
}

a.over:hover{
opacity:0.5;
}

.ttlbox1 , .ttlbox2 , .ttlbox3 , .ttlbox4 , .ttlbox5 , .ttlbox6 , .ttlbox7 , .ttlbox8{
padding: 0;
margin: 15px auto 0 auto;
text-align: left;
width:640px;
}
.ttlbox1{
background: url(../../images/line_introduction.png) repeat-x;
}
.ttlbox2{
background: url(../../images/line_tv.png) repeat-x;
}
.ttlbox3{
background: url(../../images/line_story.png) repeat-x;
}
.ttlbox4{
background: url(../../images/line_cast.png) repeat-x;
}
.ttlbox5{
background: url(../../images/line_staff.png) repeat-x;
}
.ttlbox6{
background: url(../../images/line_movie.png) repeat-x;
}
.ttlbox7{
background: url(../../images/line_goods.png) repeat-x;
}
.ttlbox8{
background: url(../../images/line_news.png) repeat-x;
}
.rtntop{
float: right;
padding-right: 0px;
}

#menu{
margin: 0;
width: 100%;
}

#menu li {
float: left;
display: block;
width: 50%;
}

ul#navi{
width: 612px;
padding: 0;
margin: 0 auto;
}

ul#navi li {
float: left;
display: block;
}

ul#sns{
padding: 0;
margin: 0 auto;
line-height: 0;
}

ul#sns li.snsbtn{
float: left;
display:inline;
line-height: 0;
padding-right: 15px;
}

.snsarea{
width:612px;
background-color:#040000;
margin: 0 auto;
padding: 14px;
text-align: left;
vertical-align: top;
}


h1#pttl{ 
display:inline;
margin-top: 0px;
padding: 0px;
}

.line{
background: url(../../images/h2bg.png) repeat-x bottom;
margin: 0 14px;
padding-bottom: 9px;
}

.notice{
margin: 0 14px;
color: #c00411;
font-size: 140%;
border-bottom: 3px solid #c00411;
font-weight: bold;
}

.attentiontxt{
color: #fff200;
}

.title{
margin: 0;
padding: 0;
background:#fff200;
color:#000;
font-size: 150%;
line-height: 1.6;
text-align: center;
font-weight:bold;
}

.newsbox{
background: url(../../images/news_bg.jpg) no-repeat;
height: 168px;
}

a.more{
display: block;
text-align: right;
}
.top_box{
margin: 0px;
}

.gbox{
width:640px;
background:#333;
margin: 0px;
padding:20px 0px 30px 0px;
}

.commonbox{
width: 100%;
margin: 0px;
}

.ctsbox{
width:612px;
background-color:#040000;
margin: 0 auto;
padding: 0 14px;
text-align: left;
}

.photobox{
width:640px;
vertical-align: top;
margin-bottom: 15px;
padding: 0 14px;
}

.photo{
float: left;
}

.photomtl{
float: left;
padding-left: 5px;
}

.txtarea{
padding: 0 14px;
text-align: left;
font-size: 110%;
line-height: 1.6;
}

.stxtarea{
padding: 0 14px;
margin: 0 auto;
text-align: center;
font-size: 100%;
line-height: 1.8;
}

.newsarea{
width: 465px;
padding: 15px;
text-align: left;
font-size: 110%;
line-height: 1.6;
font-weight: bold;
float: left;
height: 129px;
overflow: hidden;
}


.newslist{
padding: 0 14px 0 40px;
text-align: left;
font-size: 100%;
line-height: 1.8;
}

.news{
padding: 0 40px 0 40px;
text-align: left;
font-size: 100%;
line-height: 1.8;
}

.ntxt{
padding-bottom: 15px;
}

.table_tv{
width: 612px;
border-collapse: separate;
border-spacing: 6px;
font-size: 120%;
font-weight: bold;
text-align: center;
}

th.tvttl{
background-color: #fff200;
text-align: center;
}

.table_bnr{
width:100%;
margin: 0px;
padding: 0px;
}

.ftr{
width: 640px;
margin: 0 auto;
padding: 0;
background:#fff200;
color:#000;
font-size: 110%;
line-height: 1.6;
text-align: center;
font-weight:bold;
}