@charset "UTF-8";
/* ---------------------------------------------------------------------
TITLE    : www.denkigroove.com CSS
URL      : http://www.denkigroove.com/css/layout.css
DATE     : 2009.8
--------------------------------------------------------------------- */
/* ---------------------------------------------------------
基本設定
------------------------------------------------------------ */
*{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}


/*IE6で横スクロールを防ぐ*/
html{
	overflow-y: scroll;/*IE6で横スクロールを防ぐ*/
	height:100%;/*フッタ対応or縦センタリング用*/
}


body{
	/*font-family:Verdana,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	line-height:1.8;
	color:#cccccc;
	background:#000000;
	margin:0;
	padding:0;
	/*height:100%;縦センタリング用*/
	
	background:transparent url(../images/bg.gif) 0 0 ;
}


table, input{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#666;
	border-collapse:collapse;
}



/* for WinIE6*/
* html body {
	font-size:12px;
	/*letter-spacing: 1px;*/
	vertical-align:baseline;
}



h1, h2, h3, h4, h5, h6 {
	font-size:14px;
	line-height:1.5;
	font-weight:bold;
	/*margin:0 0 12px 0;*/
}


img {
	border-style:none;
	border: 0;/* IEの画像下の余白用*/
	vertical-align: top;/*IEで下マージンが開くのを防ぐ*/
}

/*リンクの枠線（点線）が延びる現象を回避*/
a img{
	overflow:hidden;
}


p {
	margin: 0 0 1em 0;
	padding:0;
}

p.cap {
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 2px 12px;
}



.pctl{
	float:left;
	padding:2px 10px 10px 0;
	/*border: solid 1px #ff0000;*/
}


 ul,li,dl,dt,dd {
	list-style: none;
	list-style-image: none; 
 }
 
 
/*ol{
	list-style-type: decimal;
}*/


input{
	border-style:solid 1px;
}

label{
	zoom:1;
}

a{
	outline:0;/*Firefoxで表示される点線枠を防ぐ*/
}


/*共通スタイル*/
.center {
	clear:both;
	text-align:center;
	margin:0;
	padding:0;
}

.floatright {
	clear:both;
	float:right;
	margin:0;
	padding:0;
}

.floatleft{
	float:left;
	margin:0;
	padding:0;
}

.pctr{
	float:right;
	padding:2px 0 10px 10px;
}

.pctf{
	float:left;
	padding:0 0 15px 0;
}


.textnormal {
	font-weight:normal;
}

.textred {
	color:#990101;
}

.textcolor{
	color:#0098EA;
}

.texts{
	font-size:10px;
	line-height:1.2;
}

.textm{
	font-size:12px;
	line-height:1.2;
}

.textl{
	font-size:14px;
	/*line-height:1.6;*/
	font-weight:bold;
	/*color:#ffffff;*/
}


/* -----------------------------------------------
clearfix
----------------------------------------------- */
.clfx:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


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


/* -----------------------------------------------
WRAPPER
----------------------------------------------- */
#wrapper {
	width:100%;
	height:100%;/*for IE*/
	min-height:100%;
	text-align:center;
	margin:0;
	padding:0;
}



#contents{
	width:955px;
	padding:0;
	margin:0 auto;
	text-align:left;
	
		filter: alpha(opacity=0);
  	-moz-opacity:0;
  	opacity:0;
	
}

#contents-inner{
	width:955px;
	padding:0;
	margin:0 auto;
	text-align:left;
	

}

#contents-main{
	/*width:682px;*/
	width:955px;
	height:446px;
	float:right;
	padding:30px 0 20px 0;
}


table.layout{
	width:955px;
	height:98%;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
td.headerarea {
	width:955px;
	height:204px;
	vertical-align:top;
	text-align:left;
}

td.mainarea {
	width:945px;
	height:99%;
	vertical-align:top;
	text-align:left;
	padding:0 6px 0 4px;
}

td.footerarea {
	width:955px;
	height:30px;
	vertical-align:top;
	text-align:left;
}



/* -----------------------------------------------
CONTENTS
----------------------------------------------- */

/*
タイトル
----------------------------------------------- */

#pagetitle{
	width:243px;
	/*background:transparent url(../images/shameful_logo.png) no-repeat 10px 51px;*/
	
}




/*
ヘッダ
----------------------------------------------- */
#header{
	width:955px;
	height:180px;
	padding:12px 0 0 0;
	margin:0 auto;
	margin-bottom:18px;
}

.headerinner{
	width:955px;
	height:125px;
	background:transparent url(../images/bg_header.gif) no-repeat 0 0;
	margin:0 auto;
	margin-bottom:6px;
}

.headerinnerleft{
	float:left;
	width:200px;
	height:48px;/*130*/
	padding:64px 0 0 24px;
	/*background-color:#FF3300*/
}

.headerinnerright{
	float:right;
	width:301px;/*271*/
	height:70px;/*130*/
	padding:40px 24px 0 0;
	/*background-color:#330033;*/
}


/*
タイトル
----------------------------------------------- */
h1{
	width:172px;
	height:48px;
	margin:0;
	padding:0;
	/*background-color:#996600;*/
}

h2#webtitle{
	width:271px;
	height:11px;
	text-align:right;
	padding:0 0 10px 0;
	margin:0;
}

/*
.btn20thsite,.btn20thsite a{
	width:271px;
	height:71px;
	background:transparent url(../images/btn_20thsite_s.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
*/



/*
コーナータイトル
----------------------------------------------- */
h2#corner{
	width:945px;
	height:19px;
	text-align:left;
	margin:0 0 24px 4px;
	padding:0 0 4px 0;
	border-bottom:solid 3px #000000;
}


/*inline frame
----------------------------------------------- */
.iframe{
	clear:both;
	width:100%;
	height:390px;


	padding:;/*topは0で*/
	margin:0;
}





/* -----------------------------------------------
DISCO外部読み込み
----------------------------------------------- */
body.disco .inner{
	text-align:left;
	height:100%;
	margin:0;
	padding:0;
	background:#fff100;
}


/*js共通のid*/
/*[top.js]iframe id左*/
#main_left{
	width:236px;
	height:446px;


	padding:;/*topは0で*/
	margin:0;
	float:left;
}

/*[top.js]iframe id右*/
#main_right{
	float:right;
	/*width:436px;*/
	width:700px;
	height:446px;
	margin:0;
	padding:0;
}

/*tablelyaout*/
td.mainareal {
	width:236px;
	height:99%;
	vertical-align:top;
	text-align:left;
	padding:0 6px 0 4px;
}

td.mainarear {
	width:700px;
	height:99%;
	vertical-align:top;
	text-align:left;
	padding:0 6px 0 4px;
}



/* -----------------------------------------------
PROFILE
----------------------------------------------- */
body.profile .inner{
	width:auto;
	text-align:left;
	padding-right:20px;
}



body.profile .boxleft{
	float:left;
	width:322px;/*336*/
	padding:0 14px 0 0;
}

body.profile .boxright{
	float:left;
	width:576px;/*582*/
	padding:6px 12px 0 0;
}

body.profile p{
	text-align:left;
	line-height:1.8;
}

.photo-denki{
	margin:0 15px 10px 0;
	float:left;
}



/* -----------------------------------------------
SHOP
----------------------------------------------- */
body.shop .inner{
	text-align:left;
	padding:12px 0 24px 0;
}

body.shop .inner p{
	text-align:left;
}

body.shop .inner p.pre{
	text-align:center;
	padding:120px 0 0 0;
}


/* -----------------------------------------------
FANCLUB
----------------------------------------------- */
body.fanclub .inner{
	text-align:left;
	padding-right:20px;
}

body.fanclub h3{
	margin:0 0 24px 0;
}

.fanclub ol{
	margin:0 0 1em 2.6em;
}

.fanclub ol li{
	list-style-type:decimal;
}

.fanclubs .column{
	float:left;
	width:280px;
	margin-top:110px;
}

/* -----------------------------------------------
CONTACT
----------------------------------------------- */
body.contact .inner{
	text-align:left;
}

.contact .column{
	width:auto;
	margin:0 auto;
	margin-bottom:24px;
	padding:0;
}


/* -----------------------------------------------
DOWNLOAD
----------------------------------------------- */
#connected{
	width:400px;
	height:50px;
	text-align:left;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:40px;
}

/* -----------------------------------------------
MOBILE
----------------------------------------------- */


/* -----------------------------------------------
RINGTONE
----------------------------------------------- */


/* -----------------------------------------------
ナビゲーション
----------------------------------------------- */
#gnavi{
	width:955px;
	height:50px;
	padding:0;
}

#gnavi ul{
	width:955px;
	height:50px;
	background:transparent url(../images/gnavi.png) no-repeat 0 0;
	margin:0;
	padding:0;
}

.front #gnavi ul{
	width:955px;
	height:50px;
	background-image:none;
	margin:0;
	padding:0;
}

#gnavi li{
	float:left;
	height:50px;
	display:inline;
	overflow:hidden;
	margin:0 0 0 0;
	padding:0;
}

#gnavi li a{
	float:left;
	height:50px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;/*Firefox*/
}


li#navidenki,li#navidenki a{
	width:216px;
	background:transparent url(../images/gnavi.png) no-repeat 0 0;
	margin-right:46px;
}
li#navidenki a:hover{
	background:transparent url(../images/gnavi.png) no-repeat 0 0;
}


li#navihome,li#navihome a{
	width:59px;
	background:transparent url(../images/gnavi.png) no-repeat -262px 0;
}
li#navihome a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -262px -60px;
}


li#navinews,li#navinews a{
	width:67px;
	background:transparent url(../images/gnavi.png) no-repeat -321px 0;
}
li#navinews a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -321px -60px;
}



li#navidisco,li#navidisco a{
	width:116px;
	background:transparent url(../images/gnavi.png) no-repeat -388px 0;
}
li#navidisco a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -388px -60px;
}


li#naviprofile,li#naviprofile a{
	width:79px;
	background:transparent url(../images/gnavi.png) no-repeat -504px 0;
}
li#naviprofile a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -504px -60px;
}


li#naviringtone,li#naviringtone a{
	width:64px;
	background:transparent url(../images/gnavi.png) no-repeat -583px 0;
}
li#naviringtone a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -583px -60px;
}


li#navidownload,li#navidownload a{
	width:96px;
	background:transparent url(../images/gnavi.png) no-repeat -647px 0;
}
li#navidownload a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -647px -60px;
}


li#navimobile,li#navimobile a{
	width:76px;
	background:transparent url(../images/gnavi.png) no-repeat -743px 0;
}
li#navimobile a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -743px -60px;
}


li#navishop,li#navishop a{
	width:56px;
	background:transparent url(../images/gnavi.png) no-repeat -819px 0;
}
li#navishop a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -819px -60px;
}


li#navifanclub,li#navifanclub a{
	width:80px;
	background:transparent url(../images/gnavi.png) no-repeat -875px 0;
	margin:0;
}
li#navifanclub a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -875px -60px;
}


/* ---------------------------------------------------------
フッタ：共通
------------------------------------------------------------ */
#footer{
	width:955px;/*955*/
	height:20px;
	padding:0;
	margin:0;
	
}

.footerinner{
	width:955px;/*955*/
	height:20px;
	padding:0 0 0 0;
	margin:0;
	
}

ul#siteinfo{
	float:left;
	width:536px;/*955*/
	height:16px;
	padding:0 0 0 0px;
	margin:0;
	
}


ul#siteinfo li{
	float:left;
	text-align:left;
}

ul#siteinfo li.contact{
	width:67px;
	height:22px;
	margin-right:10px;
	
	background:transparent url(../images/gnavi.png) no-repeat 0 -50px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0px 0px 0 0;
	padding:0;
}

ul#siteinfo li.contact a{
	width:67px;
	height:22px;
	
	background:transparent url(../images/gnavi.png) no-repeat 0 -50px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}


ul#siteinfo li.contact a:hover{
	width:67px;
	height:22px;
	
	background:transparent url(../images/gnavi.png) no-repeat 0 -110px;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}


ul#siteinfo li.copyright{
	width:264px;
	height:22px;
	background:transparent url(../images/gnavi.png) no-repeat -86px -49px;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:5px;
}


/*
linklist
----------------------------------------------- */
ul#linklist{
	float:left;
	width:358px;
	height:26px;
	padding:0px 0 0 0;
	margin:0;
	float:right;
	
}

ul#linklist li{
	float:left;
	height:26px;
}

ul#linklist li a{
	height:26px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	/*border:solid 1px;*/
}

/*MySpace*/
ul#linklist li.myspace{
	width:72px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -597px -50px;
	margin: 0 20px 0 0;
}
ul#linklist li.myspace a{
	width:72px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -597px -50px;
}
ul#linklist li.myspace a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -597px -110px;
}


/*TAKKYU*/
ul#linklist li.takkyu{
	width:127px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -689px -50px;
	margin: 0 20px 0 0;
}
ul#linklist li.takkyu a{
	width:127px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -689px -50px;
}

ul#linklist li.takkyu a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -689px -110px;

}


/*TAKI*/
ul#linklist li.taki{
	width:119px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -836px -50px;
}
ul#linklist li.taki a{
	width:119px;
	height:26px;
	background:transparent url(../images/gnavi.png) no-repeat -836px -50px;
}
ul#linklist li.taki a:hover{
	background:transparent url(../images/gnavi.png) no-repeat -836px -110px;
}



/* ---------------------------------------------------------
リンク
------------------------------------------------------------ */
/*デフォルトリンク*/
a:link {
	color:#00ffff ;
	text-decoration:none;
}

a:visited {
	color:#00ffff ;
	text-decoration:none;
}

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

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