* {
	color:#DDDDDD;
	padding:0;
    font-size: 10pt;
	line-height: 150%;
	margin: 0;
    font-family: Verdana, Helvetica;}

body {
	background-color: #000000;
}

H2 { 
    FONT-SIZE: 10px;
	LINE-HEIGHT: 1.5em;
	color: #FFFFFF;
	margin: 0px;
	margin-left:80px;
	margin-right:95px;
	padding: 0px
	}

.blak-h2 {
	font-size: 14px;
	padding-left: 20px;
	color: #FF9900;
	line-height: 32px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../img/h2-blak.gif);
	background-repeat: no-repeat;
	clear: both;
}

.main4 { 
	width: 760px;
	height:400px;
	}

.blak-h2-1 {
	font-size: 14px;
	padding-left: 0px;
	color: #FF9900;
	line-height: 32px;
	margin-top: 10px;
	margin-bottom: 5px;

}

.orange-h2 {
	font-size: 14px;
	padding-left: 20px;
	color: #000;
	line-height: 32px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../img/h2-orange.gif);
	background-repeat: no-repeat;
	clear: both;
}

.white-h2 {
	font-size: 14px;
	padding-left: 20px;
	color: #000;
	line-height: 32px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
	background-image: url(../img/h2-white.gif);
	background-repeat: no-repeat;
	clear: both;
}

h4 {
	padding-left: 5px;
	margin: 5px;
}

h4,h4 a {
	color: #FF9900;
	line-height: 16px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
	margin-left: 20px;
	margin-top: 10px;
}

a {
	color:#FFF;
	font-size:10px;
}

a:hover {
	text-decoration: none;
	color:#FF0000;
}

hr {
	clear: both;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
}

.small{
	font-size:10px;
}

/*
フォント
-------------------------------------------------------------------*/


.font10_white {
	font-size: 10px;
	color:#FFFFFF;
	}

.font10_white_w {
    margin-left: 80px;
	margin-right:60px;
	font-size: 10px;
	color:#FFFFFF;
	}
	
.font14_gray {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	letter-spacing: 0.1em;
	color:#666666;
	line-height: 2.0em;
	}	
	
.font14_white {
	padding-left: 10px;
	font-size: 14px;
	color:#FFFFFF;
	}	

.font14_red {
	padding-left: 0px;
	font-size: 14px;
	color:red;
	}
	
.font12_red {
	padding-left: 0px;
	font-size: 12px;
	color:red;
	}

.font12_yellow {
	padding-left: 0px;
	font-size: 12px;
	color:#FF9900;
	}


/*
ベース
-------------------------------------------------------------------*/
#base {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
	border: 1px solid #000000;
}

#wrap {
	width: 790px;
	float: left;
	padding: 5px;
	background-color: #132637;
	background-image: url(../img/wrap_bg.jpg);
	background-repeat: no-repeat;
}


/*
ヘッダー
-------------------------------------------------------------------*/

#header {
	width:800px;
	height:80px;
}

h1 a {
	display: block;
	text-decoration: none;
	width: 300px;
	height: 75px;
	text-indent: -10000px;
}


H1 {
	FONT-SIZE: 12px;
	margin-bottom:-10px;
	margin-top:8px;
	margin-left:90px;
	LINE-HEIGHT: 1.2em;
	font-style: normal;
	color: #FFFFFF;
}


/*ナビゲーション
----------------------------------------------- */
#nav {
	width:785px;
	height: 60px;
	line-height: 25px;
	text-align: left;
	padding-right: 15px;
	color: #ffffff;
}

  


/*ナビゲーション下
----------------------------------------------- */

#nav2 {
	width:785px;
	height: 30px;
	background-image: url(../img/navi_bg.jpg);
	line-height: 25px;
	text-align: left;
	padding-right: 15px;
	color: #ffffff;
}

#nav2 a {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	letter-spacing: 0.1em;
	background-image: url(../img/nav_mark.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}

#nav2 a:hover {
	color: #FF0000;
	background-image: url(../img/nav_mark_ov.gif);
	background-repeat: no-repeat;
	background-position: right;
}


/*メイン　CD　紹介
----------------------------------------------- */

#nav3 {
	width:361px;
	height: 30px;
	line-height: 25px;
	text-align: left;
	padding-left: 15px;
	color: #ffffff;
}

#nav3 a {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	letter-spacing: 0.1em;
	background-image: url(../img/nav_mark.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
}

#nav3 a:hover {
	color: #FF0000;
	background-image: url(../img/nav_mark_ov.gif);
	background-repeat: no-repeat;
	background-position: right;
}


/*
コンテンツ
-------------------------------------------------------------------*/
#contents {
	width:780px;
	padding: 5px;
	float: left;
	
}

#contents #pan {
	padding: 5px;
	background-image: url(../img/dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#contents p{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 40px;
	margin-left: 25px;
	line-height: 20px;
}

#contents h3 {
	font-size: 12px;
	color: #ff9900;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 13px;
	width:160px;
	height:28px;
	font-weight: bold;
	background-repeat: repeat-x;
	
}




#contents .chui {
	font-size: 10px;
	color: #FF9900;
}

#contents .no_line {
	background-image: none;
}


.koukoku_y {
    float:right;
	margin-top:-640px;
	margin-right:70px;
}

/*リストマージン
----------------------------------------------- */

#contents ul {
	margin-left: 25px;
}

#contents ol {
	margin-left: 35px;
}

#contents ol p {
	margin-left: 10px;
}

#contents ol h3 {
	margin-left: -15px;
}



/*テーブル
----------------------------------------------- */

table {
	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #333333;
}

table td {
	border-collapse: collapse;
	background-color:#000000;
		padding: 5px;
	text-align: left;
}



table th {
	border-collapse: collapse;
	background-color: #ECEAE3;
	line-height: 25px;
	color: #67726E;
	letter-spacing: 0.2em;
}
.td_h {
	color: #444444;
	background-position: center;
	padding-left: 10px;
}
.td_m {
	text-align: center;
	background-color: #F7F2EC;
}


/*
BOX用
-------------------------------------------------------------------*/

div.box-d {  width: 100%;
}

div.box-1 {  float: left;  width: 50%;
}

div.box-2 {  width: 50%; float: left;
}



div.box-t {  width: 90%;
}

div.box-1-1 {  float: left;  width: 32%; font-size: 10px; height:auto

}

div.box-2-2 {  width: 33%; float: left; font-size: 10px; height:auto
}

div.box-3-3 {  width: 32%; float: left; font-size: 10px; height:auto
}


/*
フォーム用
-------------------------------------------------------------------*/

.form {
	background-color: #1E1E1E;
	padding: 10px;
	margin: 10px;
	border: 1px solid #000000;
}
.link_tag {
	background-color: #DEDACF;
	text-align: center;
	padding: 10px;
	border: 1px solid #B3B0A7;
	margin: 10px;
}


/*
フッタメニュー
-------------------------------------------------------------------*/

#f_menu {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:0px;
	text-align: left;
	border-top-width: 1px;
	border-top-color: #000000;
	color: #EEEEEE;
}
#f_menu li {
	display: inline;
	border-right-width: 1px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}

#f_menu ul {
	margin-top: 9px;
	margin-bottom: 0px;
}

#f_menu li a {
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}


#f_menu li a:hover {
	color: #FF0000;
}

#f_menu table {
	border: 1px solid #000000;
	background-color: #202020;
}
#f_menu #foot_div {
	color: #999999;
	margin-bottom: 5px;
	font-size: 9px;
}
#f_menu table td {
	text-align: left;
}

#r_menu {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:50px;
	text-align: left;
	border-top-width: 1px;
	border-top-color: #ffffff;
	color: #EEEEEE;
}
#r_menu li {
	display: inline;
	border-right-width: 1px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#r_menu ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
#r_menu li a {
	font-size: 10px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
}


#r_menu li a:hover {
	color: #FF0000;
}

#r_menu table {
	border: 1px solid #000000;
	background-color: #202020;
}
#r_menu #foot_div {
	color: #999999;
	margin-bottom: 5px;
	font-size: 9px;
}
#r_menu table td {
	text-align: left;
}

/*
アーチストメニュー
-------------------------------------------------------------------*/

#a_menu {
	clear: both;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: center;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	color: #EEEEEE;
}


/*
コピーライト
-------------------------------------------------------------------*/

address {
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	display: block;
	background-repeat: no-repeat;
	font-size: 10px;
	clear: both;
	line-height: 30px;
}

/*
トップページ
-------------------------------------------------------------------*/
strong.cat_tit a {
	font-size: 12px;
	color: #FFED99;
	background-image: url(../img/top_mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

#s_table {
	border: 1px solid #000000;
}
#s_table td {
	background-color: #222222;
}



/*
サイドmenu
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 165px;
	margin-left: 10px;
	border: 1px solid #000000;
	background-image: url(../img/td_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #333333;
}
#side .side_menu {
	width: 150px;
	padding: 4px;
	margin-bottom: 10px;
	margin-left: 5px;
	font-size: 10px;
}
#side .side_menu li {
	list-style-type: none;
}
#side .side_menu li a {
	display: block;
	line-height: 18px;
	background-image: url(../img/li.jpg);
	text-indent: 25px;
	width: 150px;
	background-repeat: repeat-x;
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#side .side_menu li a:hover {
	background-image: url(../img/li_ov.jpg);
}

#side .side_menu h3 {
	text-indent: -10000px;
	border-bottom-style: solid;
	background-image: url(../img/h3_menu.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.side_menu-cd {
	text-indent: -10000px;
	border-bottom-style: solid;
	background-image: url(../img/h3_menu-2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

.side_menu-sponsor {
	text-indent: -10000px;
	border-bottom-style: solid;
	background-image: url(../img/h3_menu.gif);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 150px;
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


#side .side_menu ul {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#contents_r {
	float: left;
	width: 590px;
	margin-left: 5px;
}
#top_table {
	width: 100%;
	height:350px;
	margin-bottom: 10px;
}
#top_table td {
	color: #B9B1A4;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../img/td_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #000000;
}

/*
その他
-------------------------------------------------------------------*/
#kanri {
	color: #009900;
}

#coment {
	margin-bottom: 5px;
	margin-top: 15px;
}

#f_menu div a {
	color: #CCCCCC;
	font-size: 10px;
}
#top_table small a {
	font-size: 10px;
}
#side .side_menu td {
	padding: 1px;
}
input {
	color: #003333;
	line-height: 100%;
}
select {
	color: #333333;
}
option {
	color: #333333;
}

ul {
	margin-left: 25px;
}

/*
その他 フラッシュメニュー
-------------------------------------------------------------------*/

.f_cate{
	float:right;
	margin-right:115px; 
	margin-top:-4px;
	}

.highslide-html2 {
    background-color: #666666;
	font-size:10px;
}
.highslide-html {
    background-color: #666666;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    /*padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/   
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #000000;
}
.control:hover {
	color: #FFFFFF !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { margin-left:0px;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #ff9900; }
ul.tabbernav li a:visited { color: #bdcfda; }

ul.tabbernav li a:hover
{
 color: #000000;
 background: #AAE;
 border-color: #000000;
}

ul.tabbernav li.tabberactive a
{
 background-color: #5786a4;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000000;
 background: #aaaaee;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 background-repeat:inherit;
}
.tabberlive .tabbertab h3 {
 background-repeat:inherit;
 table-layout:auto;
 width:200px;

}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* tab */


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive { margin-top:1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin-left:90px; padding: 6px 0; font: 12px Verdana, sans-serif; }
ul.tabbernav li { list-style: none; margin: 0; }
ul.tabbernav li a { padding: 6px 0.6em; margin-left: 1px; background-image: url(../img/title-3.gif); text-decoration: none; }
ul.tabbernav li a:link { color: #FFF; }
ul.tabbernav li a:visited { color: #CCC; }
ul.tabbernav li a:hover { color: #000; background-image: url(../img/title-5.gif); }
ul.tabbernav li.tabberactive a { background-color: #000; } 
ul.tabbernav li.tabberactive a:hover { background-image: url(../img/title-5.gif); border-bottom: 1px solid white; }

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { padding:6px;}

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { overflow:auto; }
.tabberlive#tab2 { overflow:auto; }
.tabberlive#tab2 .tabbertab { height:250px; overflow:auto; }
.textmargin{ margin-left:90px; margin-right:90px; font: 12px Verdana, sans-serif; 	line-height: 150%;
 }
 .textmargin10px{ margin-left:90px; margin-right:90px; font: 10px/150% Verdana, sans-serif; color:#999999;
 }