@import "common.css";
/*--------------------------------------------------------
This file is SDN48 Official Site Cascading Style Sheets.
URL: http://www.sdn48.co.jp/
Version:1.0
Author:http://www.sdn48.co.jp/
copyright (c) 2009 sdn48.co.jp all rights reserved.
---------------------------------------------------------*/
/*--------------------------mainImage------------------------------*/
#main {
	width:980px;
	height:380px;
	margin-bottom:20px;
}
/*--------------------------liveSpace------------------------------*/
#live {
	width:980px;
	height:242px;
}

#live div {
	float:left;
	text-align:right;
	width:638px;
	height:236px;
	padding-top:6px;
	padding-right:8px;
	background:#FFF url(../images/live_back.jpg) no-repeat left top;
}
#live div ul {
	padding-top:200px;
	float:right;
}
#live div li {
	float:left;
	padding-left:13px;
}
#live object {
	float:right;
}
/*----------------------------others------------------------------*/

#others {
	padding-top:20px;
	clear:both;
	height:160px;
}

#others div {
	width:475px;
	height:158px;
}

/*-------------------------information----------------------------*/
#info {
	float:left;
}

#info dl {
	/*padding:15px 10px 13px 20px;*/
	padding:5px 10px 0px 10px;
	border:solid 1px #333;
	/*width:435px;*/
	width:445px;
	/*height:110px;*/
	height:133px;
	overflow:auto;
	font-size:11px;
}
#info dt {
	/*padding-top:3px;*/
	clear:both;
	float:left;
	text-indent:20px;
	/*width:105px;*/
	width:100px;
	/*background:url(../images/dot.gif) no-repeat 0 6px;*/
	background:url(../images/dot.gif) no-repeat 0 2px;
}

#info dd {
	/*padding-top:3px;*/
	float:left;
	/*width:310px;*/
	width:320px;
}
/*-------------------------blog----------------------------*/
#blog {
	float:right;
}

#blog iframe {
	width:455px;
	height:138px;
	/*padding:10px;*/
	padding-left:10px;
	border:solid 1px #333;
}


/*-------------------------news----------------------------*/

#news {
	margin:0;
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 978px; /* important */
	height: 30px; /* important */
	border:1px solid #333;
	margin-bottom:20px;
	background:#000 url(../images/news.jpg) 0 0 no-repeat;
}

#news_content {
	position: absolute;
	width:950px;
	height:30px;
	top: 0px;
	left: 0px;
	background: transparent;
}

.news_item {
	padding: 5px 0 0 70px ;
	height: 25px;
	background: transparent;
	text-align: left;
}

.news_item p {
	font-size: 100%;
	color: #ccc;
}

/*-------------------------pages----------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom:1;
}

div#about {
	margin:20px auto;
	padding:0px 50px;
	width:880px;
	/*height:700px;*/
	background:#000 url(../images/about_title.jpg) 0 0 no-repeat;
	padding-top:45px;
	text-align:center;
}

div#audition {
	margin:20px auto;
	padding:0px;
	width:980px;
	/*height:700px;*/
	background:#000 url(../images/audition_title.jpg) 0 0 no-repeat;
	padding-top:45px;
	text-align:center;
}

div#audition_active {
	margin:20px auto;
	padding:0px 140px;
	width:700px;
	background:#000 url(../images/audition_title.jpg) 0 0 no-repeat;
	padding-top:45px;
	text-align:left;
}

div#links {
	margin:20px auto;
	padding:0px;
	width:980px;
	/*height:700px;*/
	background:#000 url(../images/links_title.jpg) 0 0 no-repeat;
	padding-top:45px;
}

ul#banner {
	margin:0px auto;
	padding:0px;
	width:932px;
}

ul#banner li {
	float:left;
	margin-right:20px;
}

/*members*/

#memberList {
	background:transparent url(../images/members_title2.jpg) 0 735px no-repeat;
}

ul#members {
	margin:20px auto 0px;
	padding:0px;
	width:980px;
	background:transparent url(../images/members_title.jpg) 0 0 no-repeat;
	padding-top:45px;
}

ul#members li.thumb {
	float:left;
	width:140px;
	height:220px;
	list-style:none;
	border-bottom:5px solid #000;
}

i {display:none;}

#members li a {
	display:block;
	float:left;
	width:140px;
	height:220px;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0;
}
#members li a:hover {
	background-position:0 50%;
}

.clear {
	clear:both;
}

*:first-child+html .forie_1 {margin-top:285px;margin-left:-420px;}
*:first-child+html .forie_2 {margin-top:285px;margin-left:-280px;}
*:first-child+html .forie_3 {margin-top:285px;margin-left:-140px;}
*:first-child+html .forie_4 {margin-top:285px;}
* html .forie_1 {margin-top:285px;margin-left:-420px;}
* html .forie_2 {margin-top:285px;margin-left:-280px;}
* html .forie_3 {margin-top:285px;margin-left:-140px;}
* html .forie_4 {margin-top:285px;}

.under {
	margin-top:60px;
}

/*member profile*/

#black{
	position: fixed !important;
	height:100%;
	width:100%;
	cursor:pointer;
	background:#000;
	position:absolute;left:0;top:0;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	z-index:105;
}

#ladyWindow {
	position:absolute; top:0; left:0;
	width:100%;
	cursor:pointer;
	text-align:center;
	margin:0px auto;
	background-color:transparent;
	z-index:106;
}

#movieWindow {
	position:absolute; top:0; left:0;
	width:100%;
	cursor:pointer;
	text-align:center;
	margin:0px auto;
	background-color:transparent;
	z-index:107;
}

/*company profile*/

div#companyprofile {
	margin:20px auto;
	padding:0px 50px;
	width:880px;
	background:#000 url(../images/profile_title.jpg) 0 0 no-repeat;
	padding-top:50px;
}

#companyprofile dt {
	float:left;
	text-align:right;
	padding:10px 10px 10px 0px;
	width:180px;
	margin-bottom:10px;
	clear:both;
}

div#companyprofile dd {
	width:650px;
	margin-left:190px;
	margin-bottom:10px;
	padding:10px;
	background-color:#303030;
}

/*theater*/

div#theater {
	margin:20px auto 0px;
	padding:0px 50px;
	width:880px;
	background:#000 url(../images/theater_title.jpg) 0 0 no-repeat;
	padding-top:50px;
}

/*producer*/

div#producer {
	margin:20px auto;
	padding:0px 50px;
	width:880px;
	background:#000 url(../images/producer_title.jpg) 0 0 no-repeat;
	padding-top:50px;
}

#comment {
	background:transparent url(../images/producer.jpg) 0 0 no-repeat;
	padding-left:310px;
	height:340px;
}

/*ticket schedule audition*/

h2 {background:#000 url(../images/header_icon02.jpg) 0 0 no-repeat;padding-top:4px;padding-left:30px;font-size:16px;font-weight:bold;}
h3 {background:#444 url(../images/header_icon01.jpg) 0 0 no-repeat;padding-top:4px;padding-left:30px;font-size:14px;font-weight:bold;margin:20px 0 10px;}
h4 {font-size:12px;font-weight:bold;margin-top:10px;}

span.red {color:#cc0000;}

#ticket {
	margin:20px auto;
	background:#000 url(../images/tickets.jpg) 0 0 no-repeat;
	width:620px;
	padding:50px 40px 0px;
}

#ticket ul {
	margin:0 0 10px 0;
}

#ticket ol {
	margin:0 0 10px 0;
}

ul.squ li {
	list-style:square;
	margin-left:40px;
}

ol.deci li {
	list-style:decimal;
	margin-left:40px;
}

.button {
	text-align:center;
	margin-top:50px;
}

#schedule {
	margin:20px auto;
	background:#000 url(../images/schedule.jpg) 0 0 no-repeat;
	width:720px;
	padding:30px 0px 0px;
}

#schedule dl {
	margin-top:10px;
}

#schedule dt {
	float:left;
	text-align:left;
	padding:5px 10px 5px 0px;
	width:50px;
	margin-bottom:10px;
	clear:both;
}

#schedule dd {
	width:550px;
	margin-left:60px;
	margin-bottom:10px;
	padding:5px;
	background-color:#303030;
}

/*theater*/

#map {
	float:left;
	width:600px;
	height:600px;
}

/*songlist*/

#songlist {
	margin:20px auto;
	padding:50px 50px 0px;
	width:880px;
	background:#000 url(../images/songlist_title.jpg) 0 0 no-repeat;
}

h5 {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:40px;
}

.list {
	margin:0px auto;
	/*background:#202020 url(../images/songlist01_header.jpg) 0 0 no-repeat;*/
	padding:23px 20px 0px;
	width:640px;
}
* html .list {padding-top:23px;}
*:first-child+html .list {padding-top:23px;}

.list ul {
	width:620px;
}

.list li {
	list-style:decimal;
	margin-left:40px;
	font-weight:bold;
	border-top:1px dotted #fff;
	padding:5px 0;
}

.list img {
	float:right;
}
* html .list img {margin-top:-20px;}
*:first-child+html .list img {margin-top:-20px;}

.small {
	font-size:10px;
	font-weight:normal;
}