@charset "UTF-8";

/************************************************************************************************************************************
共通
************************************************************************************************************************************/
body {
    margin: 0px;
    padding: 0px;
	/*font-size: 12px;*/
	color: #666666;
	background: #FCFCFC;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6;
	font-size: 0.86em;
}

a:link,a:visited,a:hover,a:active {
	text-decoration: none;
}

a:link,a:visited {
	color: #666666;
}

a:hover,a:active {
	color: #000000;
}

img {
	border: none;
}

h1 {
	color: #E0E0E0;
	font-size:10px;
	margin: 0px;
	padding: 0px;
	width: auto;
}

h1.cont {
	margin: 12px 0px 0px 15px;
	height: 8px;
	float: left;
}

.hidden {
	margin: 0px;
	padding: 0px;
	display: none;
}

.address {
	text-align: center;
	margin: 5px 0px;
}

.f_18_or {
	font-size: 18px;
	color: #FF9900;
}

.f_14_bu {
	font-size: 14px;
	color: #3366CC;
}

/************************************************************************************************************************************
ログイン
************************************************************************************************************************************/
#enter_mainbox {
	position: absolute;
	width: 1000px;
	height: 720px;
	top: 50%;
	left: 50%;
	margin-top: -360px;
	margin-left: -500px;
}

#enter_box {
	width: 1000px;
	height: 700px;
	background: url(../images/index.gif) no-repeat;
	border: 1px solid #999999;
}

#enter {
	height: 16px;
	width: 84px;
	padding: 0px;
	margin: 480px 0px 0px 460px;
}
/****off****************************************/
#enter a {
	height: 16px;
	display: block;
	overflow: hidden;
	background: url(../images/enter.gif) no-repeat 0px 0px;
}
/****hover****************************************/
#enter a:hover {
	background: url(../images/enter.gif) no-repeat 0px -16px;
}

/************************************************************************************************************************************
背景切り替えボタン
************************************************************************************************************************************/
#bgswitch {
	height: 16px;
	width: auto;
	padding: 5px 0px 0px 0px;
	margin: 0px 20px 0px 0px;
	float: right;
}
/****IE用****/
* html #bgswitch {
	position: absolute;
	top: 10px;
	right: 30px;
	z-index: 100;
}

#bgswitch ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#bgswitch li {
	float: left;
	margin-left: 5px;
	display: inline;
}

#bgswitch li a {
	height: 16px;
	display: block;
	overflow: hidden;
}

/****off****************************************/
#bgswitch li.wood_01 a,.wood_02 a,.wood_03 a,.wood_04 a,.wood_05 a {
	width: 14px;
	margin: 0px;
	padding: 0px;
}

#bgswitch li.wood_01 a {
	background: url(../images/change.jpg) no-repeat 0px 0px;
}

#bgswitch li.wood_02 a {
	background: url(../images/change.jpg) no-repeat -14px 0px;
}

#bgswitch li.wood_03 a {
	background: url(../images/change.jpg) no-repeat -28px 0px;
}

#bgswitch li.wood_04 a {
	background: url(../images/change.jpg) no-repeat -42px 0px;
}


#bgswitch li.wood_05 a {
	background: url(../images/change.jpg) no-repeat -56px 0px;
}

/****hover****************************************/
#bgswitch li.wood_01 a:hover {
	background: url(../images/change.jpg) no-repeat 0px -16px;
}

#bgswitch li.wood_02 a:hover {
	background: url(../images/change.jpg) no-repeat -14px -16px;
}

#bgswitch li.wood_03 a:hover {
	background: url(../images/change.jpg) no-repeat -28px -16px;
}

#bgswitch li.wood_04 a:hover {
	background: url(../images/change.jpg) no-repeat -42px -16px;
}

#bgswitch li.wood_05 a:hover {
	background: url(../images/change.jpg) no-repeat -56px -16px;
}

/************************************************************************************************************************************
コンテンツ
************************************************************************************************************************************/
#mainbox {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: auto;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

/****IE用****/
* html #mainbox {
	position: relative;
}

#contentbox {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: auto;
	position: relative;
}

.content_top {
	margin: 0px;
	padding: 35px 0px 0px 120px;
	width: 880px;
	height: 51px;
	background: url(../images/content_top.jpg) no-repeat;
	font-size: 14px;
	font-weight: bold;
}

.content_mid {
	margin: 0px;
	padding: 0px 100px 0px 100px;
	width: 800px;
	height: auto;
	line-height: 18px;
	background: url(../images/content_mid.jpg) repeat-y;
}

.content_btm {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 1000px;
	height: 56px;
	background: url(../images/content_bottom.jpg) no-repeat;
}

/************************************************************************************************************************************
ヘッダ
************************************************************************************************************************************/
#header_box {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: 230px;
}
/************************************************************************************************************************************
メニュー
************************************************************************************************************************************/
#menubox {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	height: 44px;
	background: url(../images/menu_line.jpg) no-repeat;
}

#menu {
	height: 27px;
	width: 1000px;
	padding: 9px 0px 8px 0px;
	margin: 0px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	float: left;
	display: inline;
}

#menu li a {
	height: 27px;
	display: block;
	overflow: hidden;
}

/****off****************************************/
#menu li.top a,.info a,.prof a,.sch a,.disco a,.rock a,.blog a,.contact a,.link a {
	margin: 0px;
	padding: 0px;
}

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

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

#menu li.prof a {
	background: url(../images/menu.gif) no-repeat -229px 0px;
	width: 107px;
}

#menu li.sch a {
	background: url(../images/menu.gif) no-repeat -336px 0px;
	width: 117px;
}

#menu li.disco a {
	background: url(../images/menu.gif) no-repeat -453px 0px;
	width: 150px;
}

#menu li.column a {
	background: url(../images/menu.gif) no-repeat -603px 0px;
	width: 96px;
}

#menu li.blog a {
	background: url(../images/menu.gif) no-repeat -699px 0px;
	width: 75px;
}

#menu li.contact a {
	background: url(../images/menu.gif) no-repeat -774px 0px;
	width: 107px;
}

#menu li.link a {
	background: url(../images/menu.gif) no-repeat -881px 0px;
	width: 74px;
}

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

#menu li.info a:hover {
	background: url(../images/menu.gif) no-repeat -78px -27px;
}

#menu li.prof a:hover {
	background: url(../images/menu.gif) no-repeat -229px -27px;
}

#menu li.sch a:hover {
	background: url(../images/menu.gif) no-repeat -336px -27px;
}


#menu li.disco a:hover {
	background: url(../images/menu.gif) no-repeat -453px -27px;
}

#menu li.column a:hover {
	background: url(../images/menu.gif) no-repeat -603px -27px;
}

#menu li.blog a:hover {
	background: url(../images/menu.gif) no-repeat -699px -27px;
}

#menu li.contact a:hover {
	background: url(../images/menu.gif) no-repeat -774px -27px;
}

#menu li.link a:hover {
	background: url(../images/menu.gif) no-repeat -881px -27px;
}

/****該当ページ****************************************/
#menu li.top a.dis {
	background: url(../images/menu.gif) no-repeat 0px -54px;
}

#menu li.info a.dis {
	background: url(../images/menu.gif) no-repeat -78px -54px;
}

#menu li.prof a.dis {
	background: url(../images/menu.gif) no-repeat -229px -54px;
}

#menu li.sch a.dis {
	background: url(../images/menu.gif) no-repeat -336px -54px;
}


#menu li.disco a.dis {
	background: url(../images/menu.gif) no-repeat -453px -54px;
}

#menu li.column a.dis {
	background: url(../images/menu.gif) no-repeat -603px -54px;
}

#menu li.blog a.dis {
	background: url(../images/menu.gif) no-repeat -699px -54px;
}

#menu li.contact a.dis {
	background: url(../images/menu.gif) no-repeat -774px -54px;
}

#menu li.link a.dis {
	background: url(../images/menu.gif) no-repeat -881px -54px;
}

/************************************************************************************************************************************
スケジュール
************************************************************************************************************************************/
.sch_box {
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	width: 600px;
}

.sch_box p a {
	color: #333333;
	text-decoration: underline;
}

.sch_box p a:hover {
	color: #000000;
}

h2.sch_tit {
	height: auto;
	margin: 0px;
	font-size:14px;
	color: #FF3300;
	padding: 5px 0px 5px 5px;
	border-left: 14px solid #C4C7D0;
	border-bottom: 1px solid #C4C7D0;
}

h2.sch_tit a {
	font-size:14px;
	color: #666666;
	text-decoration: underline;
}

h2.sch_tit a:hover {
	font-size:14px;
	color: #333333;
}

.sch_text {
	padding: 0px 0px 0px 20px;
}

.norm {
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}

.atten {
	color: #FF0000;
	font-size:14px;
	font-weight: bold;
}

/************************************************************************************************************************************
INFO・COLUMNリスト用
************************************************************************************************************************************/
.list {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 6px 10px 12px;
	margin: 0px;
	color: #4f6b72;
}

.list span {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 6px 10px 30px;
	margin: 0px;
	color: #4f6b72;
}

.list span a {
	text-decoration: underline;
}

/*****タイトル用************/
h2.column_tit {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
}

/*****戻る用************/
.list_back {
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 6px 10px 12px;
	text-align: right;
	margin: 0px;
	text-decoration: underline;
}

.blog_banner {
	margin: 0px;
	padding: 0px;
	width: 318px;
	height: 65px;
	position: absolute;
	top: 95px;
	left: 600px;
}

/************************************************************************************************************************************
DISCOリスト用
************************************************************************************************************************************/
.disco_box {
	margin: 0px auto;
	padding: 0px 0px 70px 0px;
	width: 765px;
	height: auto;
}

/*****タイトル用************/
h2.cem_tit,h2.path_tit {
	height: 20px;
	width: 765px;
	margin: 0px 0px 0px 15px;
	font-size:12px;
}

h2.path_tit {
	background: url(../disco/images/title_path.gif) no-repeat;
	padding: 3px 0px 50px 200px;
}

h2.cem_tit {
	background: url(../disco/images/title_cem.gif) no-repeat;
	padding: 3px 0px 50px 150px;
}

/*****画像用************/
img.disco {
	margin: 0px;
	padding: 0px 10px 10px 10px;
	float: left;
}

img.line {
	margin: 0px;
	padding: 10px 30px;
	float: left;
}

/*****詳細用************/
h3.cd_tit {
	font-size: 16px;
	background: url(../disco/images/title_back.gif) no-repeat;
	margin: 5px 0px 0px 305px;
	padding: 5px 0px 0px 25px;
	height: 30px;
}

p.deta {
	margin: 0px;
	padding: 0px 90px 0px 0px;
	text-align: right;
	font-size: 10px;
}

ol.song_list {
	margin: 0px 0px 0px 315px;
	padding: 5px 0px;
	list-style-position: inside;
	width: auto;
	height: auto;
}
/************************************************************************************************************************************
LINKリスト用
************************************************************************************************************************************/
.link_list {
	margin: 0px;
	padding: 0px;
}

p.link {
	padding: 10px 6px 10px 0px;
	margin: 0px;
	width: 240px;
	font-weight: bold;
	float: left;
}

p.link_content {
	padding: 10px 6px 10px 0px;
	margin: 0px;
	color: #4f6b72;
	float: left;
}

/************************************************************************************************************************************
クリア
************************************************************************************************************************************/
.clr {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/************************************************************************************************************************************
プロフィール
************************************************************************************************************************************/
dl.prof_box {
	margin: 0px;
	padding: 0px;
}
dl.prof_box dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 6em;
  border-left: solid 5px #CCC;
  padding-left: 5px;
  color: #333;
}

dl.prof_box dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

#prof_text_box {
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: auto;
}
#prof_text_leftbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 300px;
	height: auto;
}
#prof_text_rightbox {
	float: left;
	margin: 15px 0px 0px 50px;
	padding: 0px;
	width: 450px;
	height: auto;
	line-height: 1.6;
}

dl.prof_box_02 {
	margin: 0px;
	padding: 0px;
}
dl.prof_box_02 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 24em;
  border-left: solid 5px #CCC;
  padding-left: 5px;
  color: #333;
}

dl.prof_box_02 dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}