@charset "utf-8";

/* base
----------------------------------------------- */
body {
	text-align:center;
	background:#f8f8ff;
	color:#3d3d3d;}

/* #header
----------------------------------------------- */
#header {
	background:url(../common/header_bg.jpg) repeat-x;
	}
#header #header_img {
	width:1024px;
	height:95px;
	margin:0 auto;
	background:url(../common/header.jpg) no-repeat 0 0;
	text-indent:-9999px;}

#header a {
	display:block;
	height:95px;
	width:800px;
	margin:0 auto;}

/* #menu
----------------------------------------------- */
#menu {
	background:url(../common/g_menu_bg.gif) repeat-x 0 0;}

/* #g_menu
----------------------------------------------- */
#g_menu {
	width:800px;
	height:48px;
	margin:0 auto;
	}
	
#g_menu ul {
	width:800px;
	text-indent:-9999px;}

#g_menu li {
	float:left;
}

#g_menu li a {
	display:block;
	height:48px;}

#g_menu #gm01 a {background:url(../common/g_menu.gif) 0 0;width:120px;}
#g_menu #gm02 a {background:url(../common/g_menu.gif) -120px 0;width:154px;}
#g_menu #gm03 a {background:url(../common/g_menu.gif) -274px 0;width:112px;}
#g_menu #gm04 a {background:url(../common/g_menu.gif) -386px 0;width:97px;}
#g_menu #gm05 a {background:url(../common/g_menu.gif) -483px 0;width:119px;}
#g_menu #gm06 a {background:url(../common/g_menu.gif) -602px 0;width:105px;}
#g_menu #gm07 a {background:url(../common/g_menu.gif) -707px 0;width:93px;}

#g_menu #gm01 a:hover {background:url(../common/g_menu.gif) 0 -48px;}
#g_menu #gm02 a:hover {background:url(../common/g_menu.gif) -120px -48px;}
#g_menu #gm03 a:hover {background:url(../common/g_menu.gif) -274px -48px;}
#g_menu #gm04 a:hover {background:url(../common/g_menu.gif) -386px -48px;}
#g_menu #gm05 a:hover {background:url(../common/g_menu.gif) -483px -48px;}
#g_menu #gm06 a:hover {background:url(../common/g_menu.gif) -602px -48px;}
#g_menu #gm07 a:hover {background:url(../common/g_menu.gif) -707px -48px;}

#member #g_menu #gm01 a {background:url(../common/g_menu.gif) 0 -96px;}
#discography #g_menu #gm02 a {background:url(../common/g_menu.gif) -120px -96px;}
#history #g_menu #gm03 a {background:url(../common/g_menu.gif) -274px -96px;}
#tour #g_menu #gm04 a {background:url(../common/g_menu.gif) -386px -96px;}
#gallery #g_menu #gm05 a {background:url(../common/g_menu.gif) -483px -96px;}
#sound #g_menu #gm06 a {background:url(../common/g_menu.gif) -602px -96px;}
#shop #g_menu #gm07 a {background:url(../common/g_menu.gif) -707px -96px;}

/* #pagebody
----------------------------------------------- */
#pagebody {
	padding:15px 0 0;
	background:#f8f8ff url(../common/common_pagebody_bg.gif) repeat-x 0 0;}

/* #contentsbody
----------------------------------------------- */
#contentsbody {
	margin:15px auto 0;
	width:800px;
}

/* #contents
----------------------------------------------- */
#contents {
	/*background:#ff0000;*/}

/* #title
----------------------------------------------- */
#title {
	background:url(../common/title_bg.gif) repeat-x 0 0;
	height:80px;}
	
#title h1 {
	width:800px;
	margin:0 auto;	height:80px;
	text-indent:-9999px;
	}

#member #title h1{background:url(../member/images/title.gif) no-repeat;}
#discography #title h1{background:url(../discography/images/title.gif) no-repeat;}
#history #title h1{background:url(../history/images/title.gif) no-repeat;}
#tour #title h1{background:url(../tour/images/title.gif) no-repeat;}
#gallery #title h1{background:url(../gallery/images/title.gif) no-repeat;}
#sound #title h1{background:url(../sound/images/title.gif) no-repeat;}
#shop #title h1{background:url(../shop/images/title.gif) no-repeat;}
#contact #title h1{background:url(../contact/images/title.gif) no-repeat;}
#bbs #title h1{background:url(../bbs/images/title.gif) no-repeat;}
#link #title h1{background:url(../link/images/title.gif) no-repeat;}

/* #footer
----------------------------------------------- */
#footer {
	margin:30px auto 0 ;
	padding:0 0 30px;
	background:url(../common/footer_bg.gif) repeat-x 0 0;
	text-indent:-9999px;
	font-size:xx-small;
	line-height:0;}
	
#footer #f_column {
	margin:0 auto;
	padding:15px 0 0;
	width:800px;
	}
	
#footer #copyright {
	float:left;
	width:500px;
	text-indent:0px;
	line-height:normal;
	text-align:left;
	color:#999999;
	}

#copyright a{ color:#999999;}
#copyright a:link{ color:#999999;}
#copyright a:hover{ color:#999999;}
#copyright a:active{ color:#999999;}
#copyright a:visited{ color:#999999;}
	
#footer #f_menu {
	float:right;
	width:215px;
	}

#footer #f_menu ul {
	width:215px;
	}

#footer #f_menu li {
	float:right;
	padding:0 0 0 25px;
		}
	
#footer #f_menu li a {
	display:block;
	height:10px;
	}

#f_menu #fm01 a {background:url(../common/fm01.gif) 0 0;width:65px;}
#f_menu #fm02 a {background:url(../common/fm02.gif)  0 0;width:35px;}
#f_menu #fm03 a {background:url(../common/fm03.gif)  0 0;width:40px;}

#f_menu #fm01 a:hover  {background:url(../common/fm01.gif) 0 -10px;}
#f_menu #fm02 a:hover  {background:url(../common/fm02.gif)  0 -10px;}
#f_menu #fm03 a:hover  {background:url(../common/fm03.gif)  0 -10px;}

/* pageup
----------------------------------------------- */
#pgup {
	width: 120px;
	margin:30px auto 0;
	}

#pgup a {
	display: block;
	width: 120px;
	height: 20px;
	text-indent: -9999px;
	background: url(../common/pgup.gif) no-repeat 0 0;}
	
#pgup a:hover {	background: url(../common/pgup.gif) no-repeat 0 -20px;}


/* clear
----------------------------------------------- */
#column:after,
#g_menu ul:after,
#home #contents .banner_area ul:after,
#footer #f_column:after,
#footer #f_menu ul:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}