@charset "UTF-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

/* ------------------------------
言語記述ルール
------------------------------ */

body {
background-color:#001539;
color:#ffffff;
height:auto;
width:100%;
font-family:"Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Geneva","Arial","Verdana","sans-serif";
position:relative;
}

ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
z-index:5;
}

p{
line-height:150%;
}

img {
border:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

a{
color:#FFFFFF;
text-decoration:underline;
}

a:hover{
color:#0f8aff;
}


/* ------------------------------
ヘッダー
------------------------------ */

#head{
background:url(../images/header_bg.png) repeat-x;
width:100%;
height:413px;
text-align:center;
margin:0 auto;
}

#header{
width:900px;
position:relative;
margin:0 auto;
text-align:center;
}


#head h1{
width:900px;
height:413px;
background:url(../images/header.png) no-repeat;
text-align:center;
text-indent:-100000px;
overflow:hidden;
margin:0 auto;
}

#header #pv{
position:absolute;
height:264px;
left:520px;
top:120px;
z-index:10;
width:320px;
}

/* ------------------------------
インデックス
------------------------------ */

#main_index{
background:url(../images/main_index_bg.png) repeat-x;
width:100%;
height:56px;
text-align:center;
margin:0 auto;
}

#main_index h2{
width:900px;
height:56px;
background:url(../images/main_index.png) no-repeat;
text-align:center;
text-indent:-100000px;
overflow:hidden;
margin:0 auto;
}

/* ------------------------------
コンテント
------------------------------ */

#wraper{
width:100%;
text-align:center;
margin:0 auto;
}

#content{
width:900px;
height:auto;
background:url(../images/content_bg5.png) repeat-y;
text-align:center;
margin:0 auto;
overflow:hidden;
position:relative;
}

/* ------------------------------
レフトコンテント
------------------------------ */

#left{
float:left;
width:320px;
text-align:left;
margin-left:57px;
_margin-left:27px;
}

#left #information{
width:260px;
height:310px;
background:url(../images/information_bg.png) no-repeat;
overflow:hidden;
padding:24px 18px 0 42px
}


#left h4{
background:url(../images/daily.gif) no-repeat;
height:16px;
width:90px;
color:#FFFFFF;
overflow:hidden;
font-size:10px;
padding-left:10px;
margin-top:20px;
padding-top:3px;
}

#left h4.top{
margin-top:0px;
}

#left p{
font-size:80%;
}

#left p.info{
border-bottom:dotted 1px;
margin:10px 0px 5px 5px;
padding-bottom:5px;
}

#left #staff{
margin-top:20px;
}

#left #staff h5.cast{
background: url(../images/cast_title.gif) no-repeat;
width:45px;
height:14px;
overflow:hidden;
text-indent:-100000px;
text-align:center;
margin:0 auto;
}

#left #staff h5.staff{
background: url(../images/staff_title.gif) no-repeat;
width:56px;
height:14px;
overflow:hidden;
text-indent:-100000px;
text-align:center;
margin:0 auto;
}

#left #staff h5.banner{
background: url(../images/banner_title.gif) no-repeat;
width:73px;
height:14px;
overflow:hidden;
text-indent:-100000px;
text-align:center;
margin:0 auto;
}

p.banner{
margin-top:20px;
}

.wallpaper{
height:150px;
padding:20px 18px 12px 20px;
}

#left #staff #title{
font-size:90%;
margin-top:20px;
}

#left #staff ul{
/*margin-top:20px;*/
list-style: disc inside;
}

#left #staff li{
font-size:80%;
line-height:180%;
}

/* ------------------------------
ライトコンテント
------------------------------ */

#right{
float:right;
width:450px;
text-align:left;
margin-right:50px;
_margin-right:7px;
}

#right h3{
width:447px;
height:42px;
background:url(../images/saov_title.png) no-repeat;
text-indent:-100000px;
overflow:hidden;
}

#right #voice_content{
width:445px;
overflow:hidden;
padding:20px 18px 12px 20px;
margin-top:10px;
}

#right #voice_content p{
font-size:80%;
margin-bottom:15px;
}

.siteinfo{
height:100px;
padding:20px 18px 12px 20px;
}

.preview{
background:url(../images/preview_bg.png) no-repeat;
height:71px;
padding:20px 18px 12px 20px;
}

.drama{
background:url(../images/74_bg.png) no-repeat;
height:129px;
padding:20px 18px 12px 20px;
}

.cladeal{
background:url(../images/cladeal_bg.png) no-repeat;
height:129px;
padding:20px 18px 12px 20px;
}

.marriage{
background:url(../images/marriage_bg.png) no-repeat;
height:129px;
padding:20px 18px 12px 20px;
}

.floor22{
background:url(../images/floor22_bg.png) no-repeat;
height:129px;
padding:20px 18px 12px 20px;
}

.floor75{
background:url(../images/75_bg.png) no-repeat;
height:129px;
padding:20px 18px 12px 20px;
}

.finalbattle{
background:url(../images/preview_bg.png) no-repeat;
height:71px;
padding:20px 18px 12px 20px;
}

.endoftheworld{
background:url(../images/preview_bg.png) no-repeat;
height:71px;
padding:20px 18px 12px 20px;
}

.talk{
background:url(../images/radio_bg.png) no-repeat;
min-height:240px;
height:auto;
padding:20px 18px 12px 20px;
}

#right #web_clap{
background:url(../images/clap_bg.png) no-repeat;
width:446px;
height:146px;
padding:55px 15px 20px 25px;
overflow:hidden;
}

/* ------------------------------
フッター
------------------------------ */

#footer{
clear:both;
display:block;
padding:50px 0px 20px 0px;
width:900px;
height:100%;
background:url(../images/content_bg2.png) repeat-y;
text-align:center;
margin:0 auto;
position:relative;
}

#footer p{
font-size:80%;
color:#3d62a6;
}

/* ------------------------------
HTML5 Player & Web拍手 補助
------------------------------ */
.audio-btn {
cursor: pointer;
vertical-align: middle;
margin-right: 4px;
}
.audio-status {
font-size: 90%;
color: #8ab4f8;
vertical-align: middle;
}
#full {
margin-top: 30px;
text-align: center;
}
#BifFrame {
width: 600px;
margin: 0 auto;
padding: 20px;
}
.img_sect img {
margin: 15px 0;
}
.img_sect p {
margin: 8px 0;
}