@charset "UTF-8";

*{ margin:0; padding:0;	border: none; }
html,body{ height:100%; }

body {
	margin:0 auto;
	padding:0 0;
	min-height:100%;
	-webkit-text-size-adjust: none;
    color:#000;
}

#bg_top{
	background: url(../img/bg.gif) top center repeat fixed;
}



/*  -------------------- Reset -------------------- */
/*Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
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 {font:13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/*-- END YUI--*/

div, span, h1, h2, h3, h4, h5, h6, p, a, img, q, dl, dt, dd, ol, ul, li, table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

a { outline: none; color:#999999; text-decoration: none; }
a:hover { color:#cccccc; }

body ::selection {background: #E3E3E3; }
body ::-moz-selection {background: #E3E3E3; }

h1, h2{
    text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; 
    text-indent:-9999px; font-size:1px;
}

ul { margin:0; padding:0 !important;}
li { list-style:none; margin:0px; padding:0px; }
li a{ display:block; }

/* clear */
.clearfix:after{content:"."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.hidden { text-indent:-9999px; font-size:1px; display:none; }
.none { display:none; }


/*------- TEXT ------*/

.fs10px { font-size:76.9%; line-height:1.2; }
.fs16px { font-size:123%; line-height:1.4; }
.bold { font-weight:bold; }
.center { text-align:center; margin:0 auto; }
.blue{ color:#4682b4; }
.red{ color:#c00; }
.gray{ color:#666; }
.text-black{ color:#000; }


/*------- IMG ------*/

img ,a img { border:none; -ms-interpolation-mode: bicubic; border-style:none; background-color:transparent;}
.img_border {
    margin-bottom:20px;
    padding:5px;
    border:1px solid #cccccc;
    background-color:#fff;
}

.float_l { float:left; }
.float_r { float:right; }



/*------- buttoon ------*/

.sub_tit {
    margin:10px 0 15px 0 ;
    padding:5px 0 5px 25px;
    clear:both;
    background:url(../img/icon_moon.gif) 2px 5px no-repeat;
    font-size:124.1%;
    font-weight:normal;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}

.bt_sun a, .bt_moon a{
    margin:0;
    padding-top:16px;    
    width:250px;
    height:54px;
    font-size:153.9%;
    font-weight:bold;
    text-align:center;
    color:#000;
    border:1px solid #000;
    display:block;
}


.bt_sun a{
    background:url(../img/bt_sun.gif) top center no-repeat;
}

.bt_moon a{
    background:url(../img/bt_moon.gif) top center no-repeat;
}


/*-------------------------------------------------------------
					wrap / contents / header
---------------------------------------------------------------*/

#wrap {	
	margin:0px auto;
	padding:0;
	width:900px;
	position:relative;
}

#contents {
	margin:0 auto 0 220px;
	padding: 230px 0 0 95px;
	/*height:686px;*/
	overflow:hidden;
}

#bg_key {
	margin:0 auto 0 220px;
	padding: 0;
	overflow:hidden;
    background-image:url() 0 0 no-repeart;
    width:650px;
    height:830px;
}

#header {	
	margin:0;
	padding-top:205px;
	width:220px;
	position:fixed;
	z-index:5;
}


/*-------------------------------------------------------------
							header
---------------------------------------------------------------*/

h1#h1_logo a{
	margin: 0 auto;
	padding: 0;	
	width:280px;
	height:130px;
	background:url(../img/logo.png) center top no-repeat;
	
	position:absolute;
	top:36px;
	left:20px;
}

#h2_catch {
	margin: 0 auto ;
	padding: 0;	
	width:335px;
	height:22px;
	background:url(../img/catch.gif) top center no-repeat;

	position:absolute;
	top:80px;
	left:410px;
	z-index:-10;
}

#h3_onair {
	margin: 0 auto ;
	padding: 0;	
	width:265px;
	height:265px;
	background:url(../img/bt_onair.png) top center no-repeat;

	position:absolute;
	top:600px;
	left:150px;
}

.txt {
	width:90px;
	height:21px;
	background:url(../img/txt_a1picture.gif) center top no-repeat;

	position:absolute;
	top:40px;
	left:880px;
	text-indent:-9999px;
	z-index:10;
}

/*-------------------------------------------------------------
					menu
---------------------------------------------------------------*/

#float_menu {	
	margin: 0 0 20px 0 ;
	padding:0;
	width:220px;
}

#float_menu li , #float_menu li a{	
	margin: 0;
	padding: 0;
	width:220px;
	height:22px;
	display:block;
	position:relative;    
}

.new{
	margin: 0;
	padding: 0;
	width:22px;
	height:18px;
    background:url(../img/icon_new.png) top left no-repeat;} 
}

.page_news { background:url(../img/menu_select.gif) 0px 227px no-repeat;}
.page_intro { background:url(../img/menu_select.gif) 0px 249px no-repeat; }
.page_staff { background:url(../img/menu_select.gif) 0px 271px no-repeat; }
.page_chara { background:url(../img/menu_select.gif) 0px 292px no-repeat; }
.page_music { background:url(../img/menu_select.gif) 0px 314px no-repeat; }
.page_onair { background:url(../img/menu_select.gif) 0px 335px no-repeat; }
.page_pkg { background:url(../img/menu_select.gif) 0px 357px no-repeat; }
.page_movie { background:url(../img/menu_select.gif) 0px 379px no-repeat; }
.page_radio { background:url(../img/menu_select.gif) 0px 400px no-repeat; }
.page_column { background:url(../img/menu_select.gif) 0px 422px no-repeat; }
.page_special { background:url(../img/menu_select.gif) 0px 444px no-repeat; }


#bnr_area li { margin:0 0 5px 30px; }

#bnr_area li img {
	border:1px solid #999;
    padding:1px;
}


/*-------------------------------------------------------------
					news
---------------------------------------------------------------*/

#newsinfo {
	margin: 0 0 10px 30px ;
	padding:0;
	width:183px;
	height:60px;
	overflow:auto;	
	text-align:left;
	border-right:#666666 1px solid;
	font-size:77%;
    z-index:10;
	color:#FFF;
	background:#666;
    /*filter:alpha(opacity=8);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8; */
} 

#newsinfo li {
	margin: 0;
	padding: 5px 0 0 10px;
	display:block;
} 
#newsinfo li span{ color:#ccc; } 
#newsinfo li a{ color:#fff; } 



/*-------------------------------------------------------------
							key
---------------------------------------------------------------*/

#key {
	margin: 0 auto ;
	padding: 0;	
	width:558px;
	height:686px;
}

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

#footer {
	margin: 50px auto 0 auto;
	padding:0;
	height:200px;
	font-size:77%;
	line-height:1.6;
	text-align:center;
	background:#FFFFFF;
	clear:both;
}

#footer p.copy{	
	margin:10px auto 0 auto;
}

.link img{	margin:10px 10px 10px 0; }