@charset "utf-8";
/*軽音楽部*/
.music-club {
	padding-top: 20px;
	clear: both;
	width: 940px;
	text-align: left;
	}

.music-club h3 {
	float: left;
	width: 160px;
	height: 66px;
	display: block;
	background: url(../images/music.gif) no-repeat right 10px;
	text-indent: -9999px;
	}

.music-club dl {
	padding-left: 20px;
	float: left;
	width: 760px;
	}

.music-club dd {
	padding-top: 10px;
	float: left;
	width: 380px;
	}

.music-club dd.youtube {
	float: left;
	padding: 10px;
	width: 350px;
	background: url(../images/music/bg.gif) no-repeat 0px 0px;
	}


.music-club dd p {
	padding: 40px 20px 0px 20px;
	width: 270px;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	line-height: 150%;
	}

.music-club dd p .lead {
	margin-bottom: 6px;
	border-bottom: solid 1px;
	display: block;
	width: 270px;
	height: 146px;
	background: url(../images/music/lead.gif) no-repeat center 0px;
	text-indent: -9999px;
	}

.music-club dd p .caution {
	display: block;
	font-size: 10px;
	line-height: 130%;
	}


.music-club dd.youtube-link {
	float: left;
	padding-left: 30px;
	width: 254px;
	}
	
.youtube-link ul,
.youtube-link li {
	width: 254px;
	}
	
.youtube-link a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 254px;
	height: 52px;
	background: url(../images/music/youtube.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

.youtube-link a:active,
.youtube-link a:hover,
.youtube-link a:focus {
	background-position: 0px -52px;
	}

/*写真部*/
.photo-club {
	padding-top: 40px;
	clear: both;
	width: 940px;
	text-align: left;
	}

.photo-club h3 {
	width: 160px;
	height: 56px;
	display: block;
	background: url(../images/photo.gif) no-repeat right 0px;
	text-indent: -9999px;
	}

.photo-club ul {
	padding: 10px;
	}

.photo-club li {
	padding: 7px;
	float: left;
	width: 292px;
	height: 340px;
	text-align: left;
	background: url(../images/photo/bg.gif) no-repeat 0px 30px;
	}

.photo-club li#p1 .name {
	height: 30px;
	display: block;
	background: url(../photo1/images/name.gif) no-repeat;
	text-indent: -9999px;
	}

.photo-club li#p2 .name {
	height: 30px;
	display: block;
	background: url(../photo2/images/name.gif) no-repeat;
	text-indent: -9999px;
	}

.photo-club li#p3 .name {
	height: 30px;
	display: block;
	background: url(../photo3/images/name.gif) no-repeat;
	text-indent: -9999px;
	}

/*美術部*/
.art-club {
	padding-top: 50px;
	clear: both;
	width: 940px;
	text-align: left;
	overflow: hidden;
	}

.art-club:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/*\*/
* html .art-club {
	height: 1em;
	overflow: visible;
	}
/**/

.art-club h3 {
	width: 160px;
	height: 63px;
	display: block;
	background: url(../images/art.gif) no-repeat right 0px;
	text-indent: -9999px;
	}

.art-club ul {
	padding: 10px;
	}


.art-club li {
	float: left;
	width: 306px;
	height: 200px;
	text-align: left;
	text-indent: -9999px;
	}

.art-club li#a1 {
	background: url(../images/art/logo1.gif) no-repeat 30px 0px;
	}

.art-club li#a2 {
	background: url(../images/art/logo2.gif) no-repeat 0px 0px;
	}

.art-club li#a3 {
	background: url(../images/art/logo3.gif) no-repeat 0px 0px;
	}

/*新聞部*/
.news-club {
	padding-top: 50px;
	clear: both;
	width: 940px;
	text-align: left;
	}

#news1 .live-title {
	height: 60px;
	display: block;
	background: url(../images/news/title1.gif) no-repeat 30px -4px;
	text-indent: -9999px;
	}

#news2 .live-title {
	height: 60px;
	display: block;
	background: url(../images/news/title2.gif) no-repeat 30px -4px;
	text-indent: -9999px;
	}

#news3 .live-title {
	height: 60px;
	display: block;
	background: url(../images/news/title3.gif) no-repeat 30px -4px;
	text-indent: -9999px;
	}

#news1 .writer,
#news2 .writer,
#news3 .writer {
	height: 26px;
	display: block;
	text-indent: -9999px;
	}

#news1 .writer {
	background: url(../images/news/name1.gif) no-repeat 0px 6px;
	}

#news2 .writer {
	background: url(../images/news/name2.gif) no-repeat 0px 6px;
	}

#news3 .writer {
	background: url(../images/news/name3.gif) no-repeat 0px 6px;
	}

.news-club h3 {
	width: 160px;
	height: 56px;
	display: block;
	background: url(../images/news.gif) no-repeat right 0px;
	text-indent: -9999px;
	}

.news-club .sidearea {
	float: left;
	width: 160px;
	}

.news-club #tab {
	}

.column-title {
	margin-top: 10px;
	margin-bottom: 6px;
	float: right;
	display: block;
	width: 730px;
	height: 31px;
	border-bottom: solid 1px;
	background: url(../images/news/category1.gif) no-repeat;
	text-indent: -9999px;
	}

.report .column-title {
	margin-left: 0px;
	background: url(../images/news/category2.gif) no-repeat;
	}

.news-club ul#news-body p {
	padding: 6px 0px 0px 0px;
	line-height: 150%;
	}

.news-club ul#news-body p.report {
	padding-left: 30px;
	}



.news-club ul#news-body {
	padding: 0px 0px 20px 0px;
	float: left;
	width: 760px;
	}

.news-club ul#news-body ul {
	padding-top: 6px;
	}

.news-club ul#news-body ul li {
	clear: both;
	overflow: hidden;
	padding: 6px 0px;
	line-height: 150%;
	}

.news-club ul#news-body ul li :after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/*\*/
* html .news-club ul#news-body ul li  {
	height: 1em;
	overflow: visible;
	}
/**/

.news-club ul#news-body ul li.interviewer{
	clear: both;
	padding: 0px 70px 0px 70px;
	font-weight: bold;
	color: #b30707;
	}

.news-club ul#news-body ul .member {
	float: left;
	display: block;
	width: 120px;
	text-align: right;
	}

.news-club ul#news-body ul .body-text {
	float: left;
	display: block;
	width: 580px;
	}

.writer {
	margin: 6px 0px 0px 30px;
	padding-top: 6px;
	font-weight: bold;
	font-size: 15px;
	border-top: solid 4px #b30707;
	display: block;
	width: 730px;
	}

#tab li {
	margin-bottom: 6px;
	}

#tab li#n1 {
	margin-top: 16px;
	}

#tab a {
	display: block;
	overflow: hidden;
	width: 146px;
	height: 41px;
	line-height: 100%;
	background: url(../images/news/link.gif) no-repeat;
	text-indent: -9999px;
	}

#n1 a {
	background-position: -328px 0px;
	}


#n1 a:active,
#n1 a:hover,
#n1 a:focus {
	background-position: -328px -41px;
	}

#n2 a {
	background-position: -172px 0px;
	}


#n2 a:active,
#n2 a:hover,
#n2 a:focus {
	background-position: -172px -41px;
	}

#n3 a {
	background-position: -14px 0px;
	}


#n3 a:active,
#n3 a:hover,
#n3 a:focus {
	background-position: -14px -41px;
	}