﻿@charset "utf-8";

/* genre.css */





/*-------------------------------------------------
///	body	
-------------------------------------------------*/

* {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS PGothic,Sans-Serif;
}

html {
	
	background: url(../sg/img/bg_header.jpg) no-repeat center top;
	background-color: #000;
}

body {
	background: url(../sg/img/bg_body_left.png) no-repeat left top fixed;
	width: 100%;
}


/*-------------------------------------------------
///	wrapper	
-------------------------------------------------*/

#wrapper {
	background: url(../sg/img/bg_body_right.png) no-repeat right top fixed;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
}

#wrapper a {
	color: #B38C4F;
}

#wrapper a:visited {
	color: #B38C4F;
}

#wrapper a:hover {
	color: #FF0000;
}

/*-------------------------------------------------
///	header	
-------------------------------------------------*/

#header {
	width: 100%;
	height: 395px;
	margin: 0 auto;
	background: none;
}

#header h1 {
	text-indent: -9999px;
}

#header h1 a {
	display: block;
	width: 950px;
	height: 390px;
	margin: 0 auto;
	text-align: center;
}

#header p {
	margin-top: -333px;
	margin-right: 10px;
}

/*-------------------------------------------------
///	contents	
-------------------------------------------------*/

#wrapper #contents {
	margin-top: -5px;
}

#contents #topicPath {
	border-top: none;
}

#contents h2 {
	display: none;
}


/*-------------------------------------------------
///	localNavi	
-------------------------------------------------*/

#localNavi {
	width: 213px;
	margin-left: 0;
	float: left;
}

#localNavi dl {
	border: #FFF 1px solid;
	padding: 10px 15px;
	width: 170px;
	font-size: 12px;
	margin-bottom: 30px;
}

#localNavi dl dt {
	margin-bottom: 10px;
	font-size: 10px;
	text-align: left;
}

#localNavi dl dd.submit {
	text-align: right;
}

#localNavi dl dd.submit input {
	width: 70px;
}

#localNavi ul li {
	text-indent: -9999px;
}

#localNavi ul li.SG_CONTACT {
	margin-bottom: 50px;
}

#localNavi ul li.banner {
	text-indent: 0px;
	text-align: center;
	width: 205px;
}

#localNavi ul li a {
	display: block;
	width: 213px;
	height: 100px;
}

#localNavi ul li.banner a {
	height: 150px;
	text-align: center;
	display: inline;
	width: 180px;
}

#localNavi ul li.SG_MEMBER a {
	background: url(../sg/img/GlobalNavi_member.gif) no-repeat;
}

#localNavi ul li.SG_MEMBER a:hover {
	background: url(../sg/img/GlobalNavi_member_over.gif) no-repeat;
}

#localNavi ul li.SG_PHOTO a {
	background: url(../sg/img/GlobalNavi_photo.gif) no-repeat;
}

#localNavi ul li.SG_PHOTO a:hover {
	background: url(../sg/img/GlobalNavi_photo_over.gif) no-repeat;
}

#localNavi ul li.SG_CONTACT a {
	background: url(../sg/img/GlobalNavi_contact.gif) no-repeat;
}

#localNavi ul li.SG_CONTACT a:hover {
	background: url(../sg/img/GlobalNavi_contact_over.gif) no-repeat;
}




/*-------------------------------------------------
///	FirstCol	
-------------------------------------------------*/

#FirstCol {
	width: 723px;
	float: right;
}

#FirstCol h3 {
	margin-bottom: 20px;
	color: #FFFF00;
}

#FirstCol #schedule {
	width: 723px;
}

#FirstCol #schedule dl.schedule_dl {
	width: 718px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #FFF 1px dotted;
}

#FirstCol #schedule dl dt {
	margin-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	left: 1px;
}

#FirstCol #schedule dl dd {
	margin-bottom: 3px;
}

#FirstCol #schedule dl dd span {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}

#FirstCol #schedule dl.schedule_dl02 {
	width: 718px;
	margin-left: 5px;
	margin-bottom: 10px;
}

#FirstCol #schedule dl.schedule_dl02 dt {
	margin-bottom: 3px;
	font-size: 30px;
	font-weight: bold;
	left: 1px;
	color: #FFCC00;
}

#FirstCol #schedule dl.schedule_dl02 dd {
	margin-bottom: 1px;
	line-height: 110%;
	font-size: 16px;
}

#FirstCol #schedule dl.schedule_dl02 dd span {
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}



#FirstCol .music_h3 {
	clear: both;
}

#FirstCol #schedule dl dd a {
	background: url(../sg/img/icon_arrow.gif) no-repeat left 7px;
	padding-left: 12px;
}

#FirstCol .sg_music {
	margin-bottom: 20px;
}

#FirstCol .sg_music dt {
	background: url(../sg/img/icon_dokuro.gif) no-repeat left top;
	padding-left: 55px;
	height: 35px;
	padding-top: 20px;
}

#FirstCol .sg_music dd {
	display: inline;
	background: url(../sg/img/icon_arrow.gif) no-repeat left 4px;
	padding-left: 10px;
	margin-left: 55px;
}

#FirstCol .sg_music dd.lyrics {
	margin-left: 10px;
}

#FirstCol .leftBOX {
	width: 370px;
	float: left;
}

#FirstCol .leftBOX dl.leftBox01 {
	width: 165px;
	float: left;
}

#FirstCol .leftBOX dl.leftBox02  {
	margin-left: 185px;
}

#FirstCol .rightBOX {
	margin-left: 370px;
}

#FirstCol .rightBOX dl.rightBox01 {
	width: 165px;
	float: left;
}

#FirstCol .rightBOX dl.rightBox02  {
	margin-left: 185px;
}

#FirstCol .leftBOX dd,
#FirstCol .rightBOX dd {
	width: 155px;
}

#FirstCol .member_photo {
	width: 723px;
}

#FirstCol .member {
	clear: both;
 	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(../sg/img/bg_border.jpg) no-repeat left bottom;
}

#FirstCol .member_photo {
	margin-bottom: 15px;
}

#FirstCol .member_photo dd {
	display: none;

}

#FirstCol .photo {
	clear: both;
 	margin-bottom: 10px;
	padding-bottom: 20px;
	background: url(../sg/img/bg_border.jpg) no-repeat left bottom;
}

#FirstCol .photo dt {
	margin-bottom: 5px;
}

#FirstCol .photo dd {
	margin-left: 2px;
}

#FirstCol .lyrics h4 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}

#FirstCol .lyrics p {
	margin-bottom: 15px;
	line-height: 200%;
}




/*-------------------------------------------------
///	footer	
-------------------------------------------------*/

#footer {
	padding-top: 50px;
}

#footer .pagetop a {
	background: url(../sg/img/icon_arrow.gif) no-repeat left 3px;
	padding-left: 10px;
}

#footer ul li a {
	background: url(../sg/img/icon_arrow.gif) no-repeat left 3px;
	padding-left: 10px;
	font-size: 12px;
}

#footer ul {
	float: left;
}

#footer ul li {
	display: inline;
	margin-right: 5px;
}

img,div,body { behavior: url(../common/js/iepngfix.htc) }

