@charset 'UTF-8';

/********************************************************************************************/
/* COMMON                                                                                   */
/********************************************************************************************/
* {
	margin:					0px;
	padding:				0px;
}

body, table {
	font-size:				12px;
	font-family:			'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', arial, sans-serif;
	color:					#555555;
	line-height:			1.7;
	letter-spacing:			1px;
	text-align:				center;
	background-color:		#FFFFFF;
	margin:					0px;
	padding:				0px;
}

a {
	color:					#604713;
	outline:				none;
}

a:hover {
	color:					#DD2211;
	outline:				none;
}
a img {
	border:					none;
}

hr {
	display:				none;
}


p {
	margin-bottom:			10px;
}
em {
	font-style:				normal;
	font-weight:			bold;
}

h2, h3 {
	font-size:				18px;
}

/*
h2, h3 {
	font-family:			'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
*/
/********************************************************************************************/
/* WRAPPER                                                                                  */
/********************************************************************************************/
div#wrapper {
	background:				url(../images/line.gif) repeat-x 0px 150px ;

}

/********************************************************************************************/
/* HEADER                                                                                   */
/********************************************************************************************/
div#header {
	width:					950px;
	text-align:				left;
	margin:					0px auto;
	overflow:				hidden;
	position:				relative;
	padding-bottom:			20px;


}
/** site-id */
div#header #site-id {
	float:					left;
	width:					166px;
	height:					80px;
	text-indent:			-9999px;
	background:				url(../images/logo.gif) no-repeat;
	overflow:				hidden;
	margin:					40px 0px 0px;
	position:				relative;
}

div#header #site-id a {
	position:				absolute;
	width:					166px;
	height:					80px;
}



/** nav */
div#header #nav {
	float:					right;
	width:					638px;
	margin-top:				40px;
}
div#header #nav ul {
	list-style:				none;
	background:				url(../images/nav.gif);
	width:					638px;
	height:					56px;
	margin-top:				19px;
}
div#header #nav ul li {
	float:					left;
	text-indent:			-9999px;
	
}
div#header #nav ul li a {
	display:				block;
	background:				url(../images/nav.gif);
	height:					56px;
}
div#header #nav ul li a:hover,
div#header #nav ul li a.active {
	height:					56px;
}

div#header #nav ul li#menu1 a {
	width:					105px;
	background-position:	0px 0px;
}
div#header #nav ul li#menu2 a {
	width:					160px;
	background-position:	-105px 0px;
}
div#header #nav ul li#menu3 a {
	width:					185px;
	background-position:	-265px 0px;
}
div#header #nav ul li#menu4 a {
	width:					100px;
	background-position:	-450px 0px;
}
div#header #nav ul li#menu5 a {
	width:					88px;
	background-position:	-550px 0px;
}

div#header #nav ul li#menu1 a.active,
div#header #nav ul li#menu1 a:hover {
	background-position:	0px -56px;
}
div#header #nav ul li#menu2 a.active,
div#header #nav ul li#menu2 a:hover {
	background-position:	-105px -56px;
}

div#header #nav ul li#menu3 a.active,
div#header #nav ul li#menu3 a:hover {
	background-position:	-265px -56px;
}

div#header #nav ul li#menu4 a.active,
div#header #nav ul li#menu4 a:hover {
	background-position:	-450px -56px;
}
div#header #nav ul li#menu5 a.active,
div#header #nav ul li#menu5 a:hover {
	background-position:	-550px -56px;
}

/********************************************************************************************/
/* PAGE                                                                                     */
/********************************************************************************************/
div#main-image {
	margin:					20px 0px -30px;
}
div#main-image #index-mainimage {
	width:					950px;
	height:					360px;
	text-indent:			-9999px;
	background:				url(../images/index-main1.gif) no-repeat;
	margin:					0px auto;
}

/********************************************************************************************/
/* CONTAINER, MAIN AREA, SIDE AREA                                                          */
/********************************************************************************************/
div#container {
	width:					950px;
	margin:					20px auto 30px;
	overflow:				hidden;
	text-align:				left;
	position:				relative;
}

div#areas {
	overflow:				hidden;
}

div#main-area {
	width:					680px;
	float:					right;
	overflow:				hidden;
}

div#side-area {
	float:					left;
	width:					250px;
}

p#topic-path {
	font-size:				11px;
	position:				absolute;
	top:					20px;
	right:					0px;
}



/********************************************************************************************/
/* CONTAINER                                                                                */
/********************************************************************************************/
div#container div.content h2, div#container h3 {
	padding-bottom:			40px;
}

/********************************************************************************************/
/* TABLE                                                                                    */
/********************************************************************************************/
div#container table {
	width:					100%;
}

div#container table.discography-list {
	border-collapse:		collapse;
	width:					100%;
}

div#container table.discography-list td {
	padding:				40px 0px;
	text-align:				center;
	vertical-align:			top;
}

div#container table.discography-list table {
	border-top:				1px dotted #DDD;
	border-bottom:			1px dotted #DDD;
	padding:				20px 0px;
	width:					100%;
}

div#container table.discography-list table td {
	width:					155px;
}

div#container table.discography-list table td a img {
	width:					110px;
	border:					2px solid #FFF;
	padding:				5px;
}

div#container table.discography-list table td a:hover img {
	width:					110px;
	border:					2px solid #666;
	padding:				5px;
}


/********************************************************************************************/
/* SIDE-CONTENT                                                                             */
/********************************************************************************************/
div#side-area div.side-content {
	margin-bottom:			30px;
	border:					9px solid #EFEBE2;
	padding:				10px;
}

div#side-area div.side-content h3 {
	padding-left:			25px;
	margin-top:				10px;
	background:				url(../images/bullet.gif) no-repeat 0px 4px;
	padding-bottom:			20px;
	font-size:				15px;
}

div#side-area div.side-content h3 span.en {
	font-size:				11px;
	color:					#CCC;
	font-weight:			normal;
	font-family:			arial, sans-serif;
	padding-left:			5px;

}

/** sidemenu */
div#side-area div.side-content dd {
	border-bottom:			1px dotted #DDD;
	padding-bottom:			5px;
	margin-bottom:			10px;
}

div#side-area div.side-content dt {
	font-size:				11px;
}
div#side-area div.side-content dd#side-dd-last {
	border:					none;
}



/********************************************************************************************/
/* FOOTER                                                                                   */
/********************************************************************************************/
div#footer {
	clear:					both;
	width:					100%;
	border-bottom:			5px solid #000000;
	border-top:				1px solid #DDDDDD;
	height:					60px;
	margin-top:				80px;
	overflow:				hidden;
}


div#footer div {
	font-size:				11px;
	width:					950px;
	height:					60px;
	margin:					0px auto;
	padding-top:			20px;
	background:				url(../images/in.gif) no-repeat 750px 10px;
}
div#footer ul {
	list-style:				none;
}
div#footer ul li {
	float:					left;
	padding-right:			20px;
}
div#footer a {
	color:					#333333;
	text-decoration:		none;
}
div#footer a:hover {
	color:					#DD2211;
	text-decoration:		underline;
}

div#footer p {
	float:					right;
}





p.align-right {
	margin-top:				30px;
	text-align:				right;
}






/********************************************************************************************/
/* ONLY INDEX                                                                               */
/********************************************************************************************/
div#container.index div.content-index {
	margin-bottom:			40px;
}
div#container.index div.content-index h2 {
	background:				url(../images/index-message.gif) no-repeat;
	text-indent:			-9999px;
	width:					950px;
	margin:					40px 0px 20px;
	height:					62px;
}

/********************************************************************************************/
/* ONLY CONTENT                                                                             */
/********************************************************************************************/
div#container div.content {
	background:				url(../images/content-h-bg.jpg) repeat-x;
	padding:				30px 0px 40px;
	border-top:				1px #DDD solid;
	position:				relative;
}

div#container h1,
div#container.index div.content h3 {
	background:				no-repeat;
	text-indent:			-9999px;
	width:					100%;
	height:					25px;
	padding:				0px;
	margin-bottom:			15px;
}


div#container div.content  {
	padding-left:			15px;
}

div#container div.content div.words {
	width:					65%;
	float:					left;
}

div#container div.content div.images {
	width:					30%;
	float:					right;
}







/** VIEW H */
div#container h1#h-event,
div#container.index div.content h3#h-event {
	background:				url(../images/h-image.gif) 0px 0px no-repeat;
}

div#container h1#h-biography,
div#container.index div.content h3#h-biography {
	background:				url(../images/h-image.gif) 0px -24px no-repeat;
}

div#container h1#h-discography,
div#container.index div.content h3#h-discography {
	background:				url(../images/h-image.gif) 0px -48px no-repeat;
}

div#container h1#h-sitemap {
	background:				url(../images/h-image.gif) 0px -72px no-repeat;
}

/********************************************************************************************/
/* NOT INDEX CONTENT                                                                        */
/********************************************************************************************/
div#container h1 {
	margin:					20px 0px 30px;
}

div#container div.content h2 {
	padding-left:			25px;
	padding-bottom:			20px;
	background:				url(../images/bullet.gif) no-repeat 0px 9px;
	font-size: 18px;
}



p.bullet-link a {
	background:				url(../images/bullet-link.gif) no-repeat 0px 3px;
	padding-left:			15px;
	line-height:			2;
}



/********************************************************************************************/
/* DISCOGRAPHY                                                                              */
/********************************************************************************************/
div#container div.content div#discography-image-area p {
	text-align:				center;
	margin-bottom:			40px;
}

div#container div.content div#discography-text-area,
div#container div.content div#discography-mean-area,
div#container div.content div#discography-message-area {
	margin:					30px 0px;
}

div#container div.content div#discography-text-area h3,
div#container div.content div#discography-mean-area h3,
div#container div.content div#discography-message-area h3 {
	padding:					10px 20px;
	background:					#FAFAFA;
	border-top:					1px dotted #CCC;
	border-bottom:				1px dotted #CCC;
}

div#container div.content div#discography-text-area p,
div#container div.content div#discography-mean-area p,
div#container div.content div#discography-message-area p {
	padding:					10px 20px;
}

div#container div.content div#discography-text-area p,
div#container div.content div#discography-mean-area p,
div#container div.content div#discography-message-area p {
	padding:					10px 20px;
}

div#container div.content #discography-link-area {
	position:					absolute;
	top:						30px;
	right:						10px;
}



/********************************************************************************************/
/* EVENT                                                                                    */
/********************************************************************************************/
div#container div.content h3.h-content-event {
	padding:					10px;
	border-bottom:				1px dotted #CCC;
	border-top:					1px dotted #CCC;
	margin:						20px 0px 30px;
	font-size:					22px;
	font-weight:				normal;
	letter-spacing:				10px;
}

.pickupWords {
	color:						#DD2211;
	margin:						30px 0px;
	font-size:					17px;
	padding-left:				10px;
}



/********************************************************************************************/
/* SITEMAP                                                                                  */
/********************************************************************************************/
div#container div.content h3.list-title {
	padding:				10px 20px;
	border-top:				1px dotted #DDD;
	border-bottom:			1px dotted #DDD;
	font-size:				14px;
	margin:					30px 0px;
}

div#container div.content table.table-list {
	margin:					20px 0px;
}

div#container div.content table.table-list a {
	background:				url(../images/bullet-link.gif) no-repeat 0px 3px;
	padding-left:			15px;
	line-height:			2;
}

div#container div.content table.table-list td {
	width:					30%;
	text-align:				left;
	padding:				10px 20px;
	vertical-align:			top;
	border-right:			1px dotted #DDD;
}

div#container div.content table.table-list td.left {
	background:				#FAFAFA;
}

div#container div.content table.table-list td ul li {
	list-style:				none;
}

div#container div.content table.table-list td.left.noBorder,
div#container div.content table.table-list td.center.noBorder,
div#container div.content table.table-list td.right {
	border-right:			none;
}