@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  サイト全体共通css
=================================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

html, body {
  height: 100%;
}

/* fontsize YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */
/*

/*----------------------------------------------------------------------------------
		 								body、リンク色設定 
------------------------------------------------------------------------------------*/
body {
  color: #333333;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
  word-wrap: break-word;
  background:url(../images/common/bgSub.jpg) repeat center top;
}

* html body {
  /* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  
}

/* 基本リンク色 */
a {
  color:#66CC33;
  text-decoration: none;
}

a:hover {
  color:#99cc66;
  text-decoration: underline;
}


/* text */

.font_12 {
	
	font-size:12pt;
	line-height:1.4;
}

.fs10{
	font-size:10px;
}
.fs11{
	font-size:11px;
}
.fs12{
	font-size:12px;
}


.red { color:#CC0000; }
.blue { color:#66ccff; }
.pink { color:#ff9999; }
.purple { color:#9966ff; }

.bold { font-weight:bold; }

.center {
	 text-align:center;
	 margin:0 auto;
}

.hidden {

    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
	display:none;
}



/*------- 透過ボタン
---------------------------------------------------------------*/

.alpha {
	
	background:none !important;

}
 
.alpha a:hover, .page_top a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/*------- float
---------------------------------------------------------------*/

.float_l {
	float:left;
	padding-right:10px;
	
	display:inline;
}

.float_r {
	float:right;
	margin-left:10px;
	
	display:inline;
}



/* clear */

.clearFix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;

clear:both;
}

.clearFix{
min-height: 1px;
}

* html .clearFix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}




/* PAGE TOP 
---------------------------------------------------------------*/

#page-top, #page-top a{
	
	position: fixed;
	bottom: 20px;
	right: 20px;
	background:url(../img/pagetop.gif) 0 0;
	
	display:block;
	width:60px;
	height:60px;
	
	text-indent:-9999px;
}

#page-top a:hover {
	opacity:0.1;
	filter:alpha(opacity=10);
	-ms-filter: "alpha( opacity=10 )";
 }



/*----------------------------------------------------------------------------------
		 								mainContainer
------------------------------------------------------------------------------------*/

div#header ul#mainMenu{
  float:right;
  margin:45px 10px 0 0;
  width:670px;
  height:80px;

}
div#header ul#mainMenu li{
  float:left;
  height:33px;
  margin:5px 2px 0 3px;
  text-indent:-9999px;
}

ul#mainMenu li a{
  display:block;
  height:33px;
}

div#header ul#mainMenu li.news a{ width:75px;background:url(../images/common/menu_off.png) no-repeat -3px -5px;}
div#header ul#mainMenu li.news a:hover{ width:75px;background:url(../images/common/menu_on.png) no-repeat -3px -5px;}

div#header ul#mainMenu li.intro a{ width:145px;background:url(../images/common/menu_off.png) no-repeat -83px -5px;}
div#header ul#mainMenu li.intro a:hover{ width:145px;background:url(../images/common/menu_on.png) no-repeat -83px -5px;}

div#header ul#mainMenu li.story a{ width:95px;background:url(../images/common/menu_off.png) no-repeat -233px -5px; }
div#header ul#mainMenu li.story a:hover{ width:95px;background:url(../images/common/menu_on.png) no-repeat -233px -5px; }

div#header ul#mainMenu li.onair a{ width:75px;background:url(../images/common/menu_off.png) no-repeat -333px -5px;}
div#header ul#mainMenu li.onair a:hover{ width:75px;background:url(../images/common/menu_on.png) no-repeat -333px -5px;}

div#header ul#mainMenu li.chara a{ width:105px;background:url(../images/common/menu_off.png) no-repeat -413px -5px;}
div#header ul#mainMenu li.chara a:hover{ width:105px;background:url(../images/common/menu_on.png) no-repeat -413px -5px;}

div#header ul#mainMenu li.staffcast a{ width:145px;background:url(../images/common/menu_off.png) no-repeat -523px -5px;}
div#header ul#mainMenu li.staffcast a:hover{ width:145px;background:url(../images/common/menu_on.png) no-repeat -523px -5px;}

div#header ul#mainMenu li.pkg a{ width:135px;background:url(../images/common/menu_off.png) no-repeat -3px -43px;}
div#header ul#mainMenu li.pkg a:hover{ width:135px;background:url(../images/common/menu_on.png) no-repeat -3px -43px;}

div#header ul#mainMenu li.music a{ width:65px;background:url(../images/common/menu_off.png) no-repeat -143px -43px;}
div#header ul#mainMenu li.music a:hover{ width:65px;background:url(../images/common/menu_on.png) no-repeat -143px -43px;}

div#header ul#mainMenu li.special a{ width:95px;background:url(../images/common/menu_off.png) no-repeat -213px -43px;}
div#header ul#mainMenu li.special a:hover{ width:95px;background:url(../images/common/menu_on.png) no-repeat -213px -43px;}

div#header ul#mainMenu li.radio a{ width:95px;background:url(../images/common/menu_off.png) no-repeat -313px -43px;}
div#header ul#mainMenu li.radio a:hover{ width:95px;background:url(../images/common/menu_on.png) no-repeat -313px -43px;}

div#header ul#mainMenu li.books a{ width:65px;background:url(../images/common/menu_off.png) no-repeat -413px -43px;}
div#header ul#mainMenu li.books a:hover{ width:65px;background:url(../images/common/menu_on.png) no-repeat -413px -43px;}

div#header ul#mainMenu li.goods a{ width:75px;background:url(../images/common/menu_off.png) no-repeat -483px -43px;}
div#header ul#mainMenu li.goods a:hover{ width:75px;background:url(../images/common/menu_on.png) no-repeat -483px -43px;}

div#header ul#mainMenu li.twitter a{ width:105px;background:url(../images/common/menu_off.png) no-repeat -563px -43px;}
div#header ul#mainMenu li.twitter a:hover{ width:105px;background:url(../images/common/menu_on.png) no-repeat -563px -43px;}

/*----------------------------------------------------------------------------------
		 								subContainer
------------------------------------------------------------------------------------*/

#subContainer {
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding:0px;
	min-height:1250px;
	position:relative;
}

#subMenuArea{
  float:left;
  position:relative;
  margin-bottom:20px;
}

#subMenuArea h1{
  position:absolute;
  top:10px;
}

ul#subMenu{
	width:231px;
	height:440px;
    top:70px;
    z-index:-1;
    margin-top:80px;
    padding:60px 0 0 0;
}

ul#subMenu li{
    width:190px;
    height:35px;
	z-index:100;
    margin:0px auto;
	text-indent:-9999px;
}

ul#subMenu{ background:url(../images/common/menuSub.png) 0 0 no-repeat #ffcc33;}

ul#subMenu li a{
  display:block;
  height:32px;
}

ul#subMenu li.news a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 0;}
ul#subMenu li.news a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 0;}

ul#subMenu li.intro a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -33px;}
ul#subMenu li.intro a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -33px;}

ul#subMenu li.story a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -65px;}
ul#subMenu li.story a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -65px;}

ul#subMenu li.onair a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -95px;}
ul#subMenu li.onair a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -95px;}

ul#subMenu li.chara a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -128px;}
ul#subMenu li.chara a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -128px;}

ul#subMenu li.staffcast a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -159px;}
ul#subMenu li.staffcast a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -159px;}

ul#subMenu li.pkg a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -194px;}
ul#subMenu li.pkg a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -194px;}

ul#subMenu li.music a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -227px;}
ul#subMenu li.music a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -227px;}

ul#subMenu li.special a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -260px;}
ul#subMenu li.special a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -260px;}

ul#subMenu li.radio a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -293px;}
ul#subMenu li.radio a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -293px;}

ul#subMenu li.books a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -326px;}
ul#subMenu li.books a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -326px;}

ul#subMenu li.goods a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -359px;}
ul#subMenu li.goods a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -359px;}

ul#subMenu li.twitter a{ width:190px;background:url(../images/common/menuSub_off.jpg) no-repeat 0 -392px;}
ul#subMenu li.twitter a:hover{ width:190px;background:url(../images/common/menuSub_on.jpg) no-repeat 0 -392px;}

.twitter_icon{
	margin-top:20px;
}

.bt_movie{
	
	display:block;
	
	width:150px;
	height:130px;
	
	background:url(../images/common/bt_movie_2.png) 0 0 no-repeat;
	
	position:relative;
	
	top:-20px;
	left:60px;
}

.bt_movie img{ 
	margin:48px 0 0 15px;
}


/*----------------------------------------------------------------------------------
		 								footer
------------------------------------------------------------------------------------*/

#footer{
  padding:10px 0;
  color:#ffffff;
  font-size:7pt;
  background:#ff9999;
  clear:both;
}

div.footerArea{
	width:980px;
    margin:0px auto;
    position:relative;
}

p.mbQr{
	position:absolute;
    top:-18px;
    right:-20px;
}

#footer p.bnwrap{
	padding:5px 0;
}
#footer p.bnwrap img{
	margin:0 5px;
}
#footer p{
	margin:10px 0;
}
#footer a{
	color:#FFFFFF;
}
#footer .copy{
	background:url(../images/common/copy.png) no-repeat center 0;
	height:12px;
	text-indent:-9999px;
}