@charset "UTF-8";


/* -----------------------------------------------
COMMON TAG
----------------------------------------------- */

* {
	margin:0;
	padding:0;
	
}

/*IE6で横スクロールを防ぐ*/
html{
	overflow-y: scroll;
} 
/* -----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:after {
    content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -----------------------------------------------
BODY
----------------------------------------------- */

body {
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:160%;
	color:#333333;
	background:#A4D41B;
	background:url(../images/bg.gif) repeat-x center top;
	margin:0;
	padding:0;
	
	
}

.innerHome, .innerBio, .innerSpecial, .innerGame, .innerRequest, .innerFaq, .opening{
	background-color:#ffffff;
	background-image:none;
}

.innerBio p, .innerSpecial p, .innerGame p, .innerRequest p, .innerFaq p{
	width:720px;
	margin:0 auto;
	margin-bottom:20px;
}

.innerBio dl, .innerSpecial dl, .innerGame dl, .innerRequest dl, .innerFaq dl{
	width:720px;
	margin:0 auto;
	margin-bottom:20px;
}

.innerBio h3, .innerSpecial h3, .innerGame h3, .innerRequest h3, .innerFaq h3{
	width:740px;
	margin:0 auto;
	color:#000000;
	margin-bottom:10px;
	font-size:14px;
}



.innerBio ul{
	width:720px;
	margin:0 auto;
}







/* 
base link
----------------------------------------------- */
a:link{
	color:#FF6600;
	text-decoration:none;
}


a:visited{
	color:#666666;
	text-decoration:underline;
}

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


a:active{
	color:#ff000000;
	text-decoration:none;
}






/* 
list link
----------------------------------------------- */
.listLink {
	color:#CE1100;
	text-decoration:none;
	background:url(../images/arrow_square.gif) no-repeat 0 center;
	padding:0 0 0 14px;
	display:block;
}

.listLink:visited {
	color:#CE1100;
	text-decoration:none;
	background:url(../images/arrow_square.gif) no-repeat 0 center;
	padding:0 0 0 14px;
}

.listLink:hover {
	color:#CE1100;
	text-decoration:underline;
	background:url(../images/arrow_square.gif) no-repeat 0 center;
	padding:0 0 0 14px;
}

.listLink:active {
	color:#CE1100;
	text-decoration:none;
	background:url(../images/arrow_square.gif) no-repeat 0 center;
	padding:0 0 0 14px;
}



/* 
tag
----------------------------------------------- */
img {
	border-style:none;
	border:0;
}

p {
	margin:0 0 12px 0;
	padding:0;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	font-size:12px;
	line-height:160%;
	color:#666666;
	font-weight:bold;

	margin:0;
	padding:0;
}

h2.bg740 {
	width:704px;
	height:26px;
	float:left;
	
	background:url(../images/bg_h2_704.gif) no-repeat 0 0;
	margin:12px 0 12px 0;
	padding:3px 0 0 12px;
}

h3 {
	font-size:12px;
	color:#666666;
	font-weight:bold;

	

	margin:6px 0 6px 6px;
	padding:0 0 0 12px;
}

h4 {
	font-size:12px;
	color:#666666;
	font-weight:bold;

	margin:2px 0 15px 0;
	padding:0;
}

.red {
	color:#FF0000;
}

.b {
	font-weight:bold;
}

.titleNon {
	width:200px;

	position:absolute;
	top:-999px;
}

/* -----------------------------------------------
header
----------------------------------------------- */
#header {
	width:100%;
	height:110px;

	background:url(../images/header_bg.gif) repeat-x top center;

	margin:6px 0 0 0;
	/*border:solid 1px #336699;*/
}

#headerInner {
	width:780px;
	height:46px;
	margin:0 auto;
	
	/*border:solid 1px #336699;*/
}

#headerLogo {
	width:287px;
	height:46px;
	float:left;
	background:url(../images/head_official.gif) no-repeat 0 0;
	text-indent:-999px;
	overflow:hidden;
	
}

#headerBanner {
	width:400px;
	height:34px;
	float:right;
	text-align:right;
	/*border:solid 1px;*/
	padding-top:8px;
}







/*
main menu
----------------------------------------------- */
#naviMain {
	width:770px;
	height:54px;

	background:url(../images/bg.gif) no-repeat 0 0;

	margin:0 auto;
	padding-top:5px;

}

#naviMain li { 
	float:left;
	display:inline;

	list-style:none;
	overflow:hidden;

	margin:0;
	padding:0;
}


#naviMain li a {
	height:27px;
	display:block;

	text-indent:-9999px;
	text-decoration:none;
	/*for Firefox*/
}

li#top a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat 0 0;
}

li#top a:hover {
	background:url(../images/navi_main.gif) no-repeat 0 -52px;
}

li#info a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -102px 0;
}

li#info a:hover {
	background:url(../images/navi_main.gif) no-repeat -102px -52px;
}

li#bio a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -204px 0;
}

li#bio a:hover {
	background:url(../images/navi_main.gif) no-repeat -204px -52px;
}

li#disco a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -306px 0;
}

li#disco a:hover {
	background:url(../images/navi_main.gif) no-repeat -306px -52px;
}

li#live a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -408px 0;
}

li#live a:hover {
	background:url(../images/navi_main.gif) no-repeat -408px -52px;
}


li#special a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -510px 0;
}

li#special a:hover {
	background:url(../images/navi_main.gif) no-repeat -510px -52px;
}


li#bbs a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -612px 0;
}

li#bbs a:hover {
	background:url(../images/navi_main.gif) no-repeat -612px -52px;
}

li#game a {
	width:56px;
	background:url(../images/navi_main.gif) no-repeat -714px 0;
}

li#game a:hover {
	background:url(../images/navi_main.gif) no-repeat -714px -52px;
}



li#ippei a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat 0 -27px;
}

li#ippei a:hover {
	background:url(../images/navi_main.gif) no-repeat 0 -79px;
}

li#kuribo a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -102px -27px;
}

li#kuribo a:hover {
	background:url(../images/navi_main.gif) no-repeat -102px -79px;
}

li#son a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -204px -27px;
}

li#son a:hover {
	background:url(../images/navi_main.gif) no-repeat -204px -79px;
}



li#mobile a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -306px -27px;
}

li#mobile a:hover {
	background:url(../images/navi_main.gif) no-repeat -306px -79px;
}

li#chakuuta a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -408px -27px;
}

li#chakuuta a:hover {
	background:url(../images/navi_main.gif) no-repeat -408px -79px;
}

li#mailservice a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -510px -27px;
	
}

li#mailservice a:hover {
	background:url(../images/navi_main.gif) no-repeat -510px -79px;
}


li#request a {
	width:102px;
	background:url(../images/navi_main.gif) no-repeat -612px -27px;

}

li#request a:hover {
	background:url(../images/navi_main.gif) no-repeat -612px -79px;
}


li#shop a {
	width:56px;
	background:url(../images/navi_main.gif) no-repeat -714px -27px;
}

li#shop a:hover {
	background:url(../images/navi_main.gif) no-repeat -714px -79px;
}


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


/* -----------------------------------------------
layout
----------------------------------------------- */
#contentsWrapper {
	height: 348px;
	width: 782px;
	
	margin:0 auto;
	padding:0;
	/*border:solid 1px;*/
}
iframe.contents {
	height: 300px;
	width: 780px;
	margin:0 auto;
	padding:0;
	display: block;
	
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom:none;
	background: #FFFFFF;
	
}

*html iframe.contents{
	width: 778px;
}


ul.fullList li{
	width:720px;
	margin: 0 auto;
	background:transparent url(../images/point.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:20px;
	margin-bottom:20px;
}

ul.halfList li{
	/*width:330px;*/
	margin: 0 auto;
	background:transparent url(../images/point.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:20px;
	
	margin-bottom:20px;
}




#ring{

	width: 782px;
	height:177px;
	margin:0 auto;
	background:transparent url(../images/ring.gif) no-repeat top center;


}

#fireworks{
	z-index:10; position:absolute; left:0; top:465px;
	width:100%;
}

/* -----------------------------------------------
title
----------------------------------------------- */

#contentsWrapper h2{
	width:782px;
	height:48px;
	background:transparent url(../images/title_none.gif) no-repeat top center;
	text-indent:-9999px;
	/*overflow:hidden;*/

}

.home #contentsWrapper h2{
	/*height:43px;*/
}


.info #contentsWrapper h2{
	background:transparent url(../images/title_information.gif) no-repeat top center;
}
.bio #contentsWrapper h2{
	background:transparent url(../images/title_bio.gif) no-repeat top center;
}
.disco #contentsWrapper h2{
	background:transparent url(../images/title_disco.gif) no-repeat top center;
}
.listening #contentsWrapper h2{
	background:transparent url(../images/title_listening.gif) no-repeat top center;
}

.game #contentsWrapper h2{
	background:transparent url(../images/title_game.gif) no-repeat top center;
}

.bbs #contentsWrapper h2{
	background:transparent url(../images/title_bbs.gif) no-repeat top center;
}

.kuribo #contentsWrapper h2{
	background:transparent url(../images/title_kuribo.gif) no-repeat top center;
}

.special #contentsWrapper h2{
	background:transparent url(../images/title_special.gif) no-repeat top center;
}

.shop #contentsWrapper h2{
	background:transparent url(../images/title_shop.gif) no-repeat top center;
}
.mailservice #contentsWrapper h2{
	background:transparent url(../images/title_mailservice.gif) no-repeat top center;
}

.keitai #contentsWrapper h2{
	background:transparent url(../images/title_mobile.gif) no-repeat top center;
}


.request #contentsWrapper h2{
	background:transparent url(../images/title_request.gif) no-repeat top center;
}

.chakuuta #contentsWrapper h2{
	background:transparent url(../images/title_chakuuta.gif) no-repeat top center;
}
.ippeijyuku #contentsWrapper h2{
	background:transparent url(../images/title_ippei.gif) no-repeat top center;
}

.live #contentsWrapper h2{
	background:transparent url(../images/title_live.gif) no-repeat top center;
}


#innerContents{
	margin-top:20px;
}

.innerHome #innerContents{
	margin-top:0px;
}








a.btnarrow{

background:transparent url(../images/arrow.gif) no-repeat 0 4px;
margin-left:10px;
padding-left:10px;

}

a:hover.btnarrow{

background:transparent url(../images/arrow-hover.gif) no-repeat 1px 4px;
margin-left:10px;
padding-left:10px;

}

a.btngoods{
	width:480px;
	height:100px;
	display:block;
	background:transparent url(../images/goods.gif) no-repeat 0 0;
	margin-bottom:20px;
	margin-top: 15px;
}
a.btnsony{
	width:140px;
	height:35px;
	display:block;
	background:transparent url(../images/sony.gif) no-repeat 0 0;
}
a.btnbitmusic{
	width:154px;
	height:35px;
	display:block;
	background:transparent url(../images/bitmusic.gif) no-repeat 0 0;
}

b.green{
  width:231px;
	height:23px;
	display:block;
	background:transparent url(../images/green.gif) no-repeat 0 0;
}

/* -----------------------------------------------
OPENING
----------------------------------------------- */

.opening #contentsWrapper{
	width:760px;
	height:530%;
	margin:0 auto;
	margin-top:30px;
	
}


/* -----------------------------------------------
HOME
----------------------------------------------- */


body.innerHome{
	/*background:transparent url(../images/picture.jpg) no-repeat  5px 0;*/
		font-size:11px;
	line-height:1.3;
	
}

.innerHome #leftColumn{
	width:374px;
	height:300px;
	float:left;
	margin-left:4px;
	
	
}
.innerHome #rightColumn{
	width:350px;
	height:300px;
	float:right;
	
	padding-left:4px;
	
	
}

.innerHome #innerContents{

	width:750px;
	
	/*margin:0 10px 0 0;*/
	/*border:solid 1px;*/

}

.innerHome h3#head-update{
	width:354px;
	height:14px;
	background:transparent url(../front/images/head-update.gif) no-repeat  0 0 ;
	text-indent:-9999px;
	overflow:hidden;
	
	margin:0;
	
	padding:0;
	margin-bottom:5px;
}

.innerHome h3#head-release{
	width:354px;
	height:14px;
	background:transparent url(../front/images/head-release.gif) no-repeat  0 0 ;
	text-indent:-9999px;
	overflow:hidden;
	
	margin:0;
	
	padding:0;
	margin-bottom:5px;
}


ul#listHome{
	width:349px;

}
#listHome li{
	width:340px;
	padding-left:14px;
	margin-bottom:5px;

	background-position:0 3px;
}

#listHome .btnarrow{
	margin-left:150px;
}

embed{
	margin:0;
	padding:0;
}


ol.tracklist{
	float:right;
	width:170px;
	margin:3px 0 0 0;
	padding:0 0 1em 2em;
}

ol.tracklist li{
	line-height:1.1;
	margin:0 0 6px 0;
}

/* -----------------------------------------------
BIO
----------------------------------------------- */



.innerBio li{
	list-style:circle
}

.innerBio .name{
	background-color:#A4D41B;
	padding:6px 4px;
	width:320px;
	
	color:#000000;
	margin-top:20px;
}

.innerBio .name-top{
	background-color:#A4D41B;
	padding:6px 4px;
	width:320px;
	
	color:#000000;
	margin-top:20px;
}


/* -----------------------------------------------
DISCO
----------------------------------------------- */
/*disco　外部読み込み***********************/


#contents-disco{
	width:782px;
	margin :0;
	background-color:#FFFFFF;
	/*border:solid 1px;*/
	margin:a auto;
}

#contents-disco-l{
	float:left;
	width:250px;
	display:block
	background-color:#FFFFFF;
	/*position: absolute;left:150px;*/
	/*border:solid 1px;*/
	border-left:solid 1px #000000;
}

#contents-disco-r{
	float:right;
	width:530px;
	height:300px;
	margin :0;
	display:block
	background-color:#FFFFFF;
	border-right:solid 1px #000000;
	/*border:solid 1px;*/
}

.iframe_Left{
	/*margin-left:12px;*/
	width:250px;
	height:300px;
	/*border:solid 1px;*/
	border:none;
}

.iframe_Right{
	/*margin:0 12px 0 24px;*/
	width:530px;
	height:300px;
	border:none;
	
	/*border:solid 1px;*/
	}
	
/*\*/
*html #contents-disco-l{
	width:250px;
	float:left;
}
*html #contents-disco-r{
	width:515px;
	float:right;
}

*html .iframe_Left{
	/*margin-left:12px;*/
	width:250px;
	height:300px;
	/*border:solid 1px;*/
	border:none;
}

*html .iframe_Right{
	/*margin:0 12px 0 24px;*/
	width:515px;
	height:300px;
	border:none;
	
	/*border:solid 1px;*/
	}
/**/

/* -----------------------------------------------
SEPCIAL
----------------------------------------------- */
/*
ul.fullList li{
	width:720px;
	margin: 0 auto;
	background:transparent url(../images/point.gif) no-repeat 0 5px;
	list-style:none;
	padding-left:20px;
	margin-bottom:20px;
}
*/

.innerSpecial b{
	color:/*#76A100*/#000000;
}


.innerSpecial #innerContents{

	width:760px;
	
	/*margin:0 10px 0 0;*/
	/*border:solid 1px;*/
	

}
.innerSpecial #leftColumn{
	width:340px;
	height:300px;
	float:left;
	padding:0 0 0 20px;
	
	
}
.innerSpecial #rightColumn{
	width:340px;
	height:300px;
	float:right;
	
	padding:0 20px 0 0;
}



ul.playBtn li{
	width:126px;
	height:24px;
	float:left;
	background-image:none;
	margin:0;
	padding:0;
	
}

ul.playBtn a{
	margin-top:10px;
	margin-right:10px;
}

li.btn300k a{
	width:116px;
	height:24px;
	background:transparent url(../images/300k.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	
	display:block;


}

li.btn300k a:hover{
	background:transparent url(../images/300k.gif) no-repeat 0 -24px;

}

li.btn56k a{
width:116px;
height:24px;
background:transparent url(../images/56k.gif) no-repeat 0 0;
text-indent:-9999px;

display:block;
}

li.btn56k a:hover{

background:transparent url(../images/56k.gif) no-repeat 0 -24px;


}

#help{
	background-color:#ffffff;
	background-image:none;
}

#help h1{
	width:240px;
	font-size:14px;
}

#help h3{
	width:240px;
	text-indent:0;
	margin:0;
	padding-left:0;
	color:#000000;
	font-size:12px;
}

#help li{
	list-style:decimal;
	margin-left:20px;
	background-image:none;
	margin-bottom:5px;
	padding-left:0;
}

.colorBlock{
	background-color:#FF6600;
	color:#ffffff;
	font-size:11px;
	padding:3px;
	

}

/* -----------------------------------------------
REQUEST
----------------------------------------------- */

ul#requestList{
	float:right;
}

ul#requestList li{
	width:50px;
	float:left;
}

table.radiolist{
	width:720px;
	margin:0 auto;
	border-top:solid 2px;
	padding:5px;
	
}

.request-radiotitle{

}

.station_area, .station, .mobile,.carrer,.nocontent{
border-top:solid 1px;
}
.station_area{;
	width:100px;
	
}

.station{
	width:200px;
}

.mobile{
	width:210px;
}

.carrer{
	width:210px;
}

table.tvlist{
	width:720px;
	margin:0 auto;
	border-top:solid 2px;
	padding-top:5px;
	
}

.tvstation{
	width:220px;
	border-top:solid 1px;
}

.tvurl{
	width:500px;
	border-top:solid 1px;
}

table.yusenlist{
	width:720px;
	margin:0 auto;
	border-top:solid 2px;
	padding-top:5px;

}

#usen .yusenlist01, #usen .yusenlist02{
background-image:none;

}


/* -----------------------------------------------
FAQ
----------------------------------------------- */
.innerFaq dt{
	background:transparent url(../faq/images/q.gif) no-repeat 0 0;
	padding-left:30px;
	margin-bottom:10px;
	font-weight:bold;
}

.innerFaq dd{
	background:transparent url(../faq/images/a.gif) no-repeat 0 0;
	padding-left:30px;
	margin-bottom:20px;
}


/* -----------------------------------------------
 table
----------------------------------------------- */
dl.table{
	width:720px;
	
	margin-bottom:24px;
	padding-bottom:6px;
	/*border-bottom:#dadada solid 1px;*/
	
	margin:0 auto;
	
}

.table dt{
	width:100px;
	height:83px;
	float:left;
	clear:both;
	
	/*border-top:#dadada solid 1px;*/
	
	margin:3px 0;
	/*padding:6px 20px ;*/
	margin-bottom:15px;
}

.table dd{
	width:620px;
	height:83px;
	float:left;
	
	/*border-top:#dadada solid 1px;
	background: url(../images/dot_dadada.gif) no-repeat 0px 0px;
	*/
	margin-bottom:15px;

}


/* -----------------------------------------------
longin
----------------------------------------------- */



.login { 

	
	width:350px;
	margin:0 auto;
}

.login input { 
	
	font-size:12px;
	color:#000000;
}

.login input:focus,.login input.short:focus  {
	background:#f3f3f3;
}

.login input {
	width:145px;
	height:19px;

	border:solid 1px #B9B9B9;
	background:#FFFFFF;
	
	margin:0;
	padding:0;
}
.login input.short {
	width:100px;
	height:19px;

	border:solid 1px #B9B9B9;
	background:#FFFFFF;
	
	margin:0;
	padding:0;
}


/*検索ボタン*/
input.btnSubmit{
  width:60px;
  height:19px;
	float:left;

	margin:0 0 0 5px;
	padding:0;
}


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


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