/*

 CSS Document

*/

/*------------------------------------------------------------------------
共通
------------------------------------------------------------------------*/
body{
width:100%;
height:100%;
margin:0px;
padding:0px;
background-color:#FFFFFF;
font-family:"Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
text-align: center;
}

#header-area{
 width:100%;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/head_bg.gif) repeat-x;
 margin:0px;padding:0px;
 display:block;
}

#header-box{
 width:1050px;
 margin:0px auto;padding:0px;
 text-align: left;
 display:block;
}

#logo{
 width:520px; height:394px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/title.gif) no-repeat;
 text-indent:-9999px; font-size:0px; line-height:0px;
 display:block;
 float:left;
}

#movie-area{
 width:530px; height:394px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/movie_bg.gif) no-repeat;
 display:block;
 float:left;
}

#movie-box{
 width:400px; height:225px;
 padding:0;
 margin:102px 0 0 30px;
}


div#thm-area{
 margin:0 0 0 34px;
 padding:0px;
}
div#thm-area p.thm{
 float:left;
 width:100px;
 padding:0;
 margin:5px 0 0;
}


#body-area{
 width:100%;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/mid_bg.gif) repeat;
 margin:0px auto;padding:0px;
 display:block;
}

#body-box{
 width:1050px;
 margin:0px auto;padding:0px;
 display:block;
 text-align: left;
}

#body-left{
 width:450px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/shadow_l.gif) right top no-repeat;
 margin:0 0 0 70px;
 display: inline;
 float:left;
}
#body-right{
 width:530px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/shadow_r.gif) right top no-repeat;
 margin:0;
 display: inline;
 float:left;
}

#new-title{
 width:420px; height:26px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/new_ttl.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 margin:0 0 10px;
}

#body-left p{
 width:420px;
 font-size:14px;
 line-height: 16px;
 color:#CCFF00;
 font-weight: bold; 
}
#body-left span{
 width:420px; 
 font-size:12px;
 line-height: 20px;
 color:#FFFFFF;
 margin:0 0 30px;
 display: block;
}
#body-left span em{
 width:150px; 
 display: block;
 float:right;
}
#body-left img{
 margin:5px 0 5px 10px; 
}

#corner-title{
 width:420px; height:26px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/corner_ttl.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 margin:0 0 10px;
}

#body-left ul{
 width:420px; 
 font-size:12px;
 line-height: 18px;
 color:#FFFFFF;
 margin:0;
 list-style-type:none;
 display: inline;
}
#body-left li{
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/arrow.gif) left 3px no-repeat;
 margin:0 0 3px;
 padding:0 0 0 18px;
 list-style-position: outside;
}

#movie-info{
 width:460px;
 background-color:#E3F4DB;
 margin:0 0 25px;padding:0;
}

#movie-info p{
 width:360px;
 font-size:12px;
 line-height: 20px;
 color:#0F174A;
 margin:0 30px 20px;
}

.backnumber{
 margin:5px 0 0 135px;
}

iframe#bn-s-if{
 width:460px; height:50px;
 margin:0;
 padding:0;
}
#movie-info #movie-bn{
 width:460px; height:50px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/backnumber.gif) no-repeat;
}
.backnumber-select{
 margin:5px 0 0 0;
}



a.btn-com{
 width:190px; height:65px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/btn_com.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 margin:0 0 10px;
 display:block;
 float:left;
}

a.btn-q{
 width:190px; height:65px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/btn_q.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 margin:0 0 10px;
 display:block;
 float:left;
}

.link-area p{
 width:260px; height:65px;
 font-size:12px;
 line-height: 18px;
 color:#FFFFFF;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/arrow.gif) left 3px no-repeat;
 margin:0 0 10px;
 padding:0 0 0 18px;
 float:left;
}

.link-area:after {
	clear: both;
}

#foot-menu{
 width:910px;
 padding:0;
 margin:0px auto;
 padding:30px 0;
 display:block;
}
#bn-title{
 width:910px; height:26px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/backnumber_ttl.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 margin:0 0 10px;
}
#foot-menu ul{
 width:910px;
 margin:0;
 list-style-type:none;
 display: inline;
}
#foot-menu li{
 width:209px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/arrow.gif) left 3px no-repeat;
 font-size:12px;
 line-height:18px;
 color:#FFFFFF;
 text-align:left;
 margin:0 0 3px 0; padding:0 0 0 18px;
 list-style-position: outside;
 display: inline;
 float:left;
}
#foot-menu ul a{
 color:#FFFFFF;
 text-decoration: none;
}


/*------------------------------------------------------------------------
footer
------------------------------------------------------------------------*/
#footer{
 width:910px;
 padding:0;
 margin:8px auto;
}

#footer-link{
 width:600px;
 margin:0; padding:0;
 text-align:left;
 float:left;
}

#footer-copy{
 width:310px;
 margin:0; padding:0;
 text-align:right;
 float:left;
}

#footer p#cp{
 font-size:10px;
 line-height: 14px;
 color:#000000;
 padding:0 0 3px;
 margin:0;
}

#footer-link a{
 float:left;
}

a#mynavi{
 width:144px;height:27px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/mynavi.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 text-align:left;
 margin:0 25px 0 0; padding:0;
 overflow: hidden;
 display:block;
}
a#mycom{
 width:113px;height:40px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/mycom.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 text-align:left;
 margin:0; padding:0;
 overflow: hidden;
 display:block;
}
a#bstbs{
 width:108px;height:17px;
 background: url(http://www.swans.ne.jp/bstbs/syukaturesearch/images/bstbs.gif) no-repeat;
 text-indent:-9999px; font-size:1px; line-height:1px;
 text-align:left;
 margin:0 0 0 auto; padding:0;
 overflow: hidden;
 display:block;
}

/*------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------*/

.clearfix:after {
	content: ",";
	height: 0;
    visibility: hidden;
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */