@charset "Shift_JIS";

/* -------------------- start of Style Sheet -------------------- */

/* Cascading Style Sheet for 渚ようこ トップページ */

.top h1 {
	width: 750px;
	height: 500px;
	background: url(../img/basic/back_h1_main.jpg) no-repeat 50% 0;
}

/* ########## 広告用FLASH ########## */
#ad-flash {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash {
	position: fixed;
}
#ad-flash object, #ad-flash embed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash object,
html[xmlns] #ad-flash embed {
	position: fixed;
}

/* ########## 更新情報 ########## */

#modify {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 300;
	margin: 0;
	padding: 0;
}
#modify h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 310;
	text-indent: -9000px;
}
#modify p {
	margin: 0;
	padding: 0.1em 0.8em;
	color: #999999;
	font-size: 82%;
	text-align: right;
	white-space: nowrap;
}

#modify p a {
	color: #999999;
	text-decoration: none;
}
#modify p a:visited {
	color: #999999;
	text-decoration: none;
}
/* ########## ホットインフォメーション ########## */

#hot-info {
	position: relative;
	top: 0;
	right: 0;
	z-index: 400;
	width: 100%;
	margin: 385px 0 1em 0;
	padding: 0;
}
html[xmlns] #hot-info {
	margin: 390px 0 1em 0;
}
#hot-info h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#hot-info ul {
	list-style-type: none;
}

/* ########## 最新作情報 ########## */
.info-push-unit {
	position: absolute;
	top: -320px;
	left: 15px;
	z-index: 410;
	width: 210px;
	margin: 0;
	padding: 0;
}
.info-push-unit h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 420;
	text-indent: -9000px;
}
.info-push-unit ul {
	margin: 0;
	padding: 0;
}
.info-push-unit ul li {
	width: 202px;
	height: 202px;
	margin: 0;
	padding: 5px;
	border: 1px solid #333333;
	background: url(../img/basic/back_ani_push.gif);
}
.info-push-unit ul li img {
	margin: 0;
}
.info-push-unit p {
	margin: 0;
	padding: 0;
	font-size: 82%;
	text-align: center;
}


/* ########## リリース一覧 ########## */
.info-cd-unit {
	width: 530px;
	margin: 0 0 0 220px;
	padding: 5px 0 0.2em 0;
}
html[xmlns] .info-cd-unit {
	padding: 0 0 0.2em 0;
}
.info-cd-unit h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
.info-cd-unit ul {
	width: 530px;
	margin: 0;
	padding: 0;
}
.info-cd-unit ul li {
	float: left;
	width: 50%;
	min-width: 50%;
	margin: 0;
	padding: 0;
}
html[xmlns] .info-cd-unit ul li {
	width: auto;
	margin: 0 0 5px 0;
}

.info-cd-unit dl {
	position: relative;
	top: 0;
	left: 0;
	height: 50px;
	margin: 0 0 5px 0;
	padding: 0;
}
html[xmlns] .info-cd-unit dl {
	height: auto;
	min-height: 50px;
}
.info-cd-unit dt {
	margin: 0;
	padding: 0 0 0 75px;
	color: #ee0572;
	font-size: 82%;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: 1px solid #333333;
}
html[xmlns] .info-cd-unit dt {
	width: 190px;
}
.info-cd-unit dt.small {
	font-size: 58%;
}
.info-cd-unit dd {
	margin: 0;
	padding: 0;
}
.info-cd-unit dd.jacket {
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 430;
	width: 11%;
	margin: 0;
	padding: 0;
}
.info-cd-unit dd.data {
	margin-left: 75px;
	padding: 0;
	font-size: 71%;
}

/* ########## その他情報 ########## */
.info-other-unit {
	clear: both;
	width: 100%;
	/* height: 180px; */
	margin: 0;
	padding: 0;
	font-size: 82%;
}
/*
html[xmlns] .info-other-unit {
	height: auto;
	min-height: 180px;
}
*/
.info-other-unit h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
.info-other-unit ul {
	margin: 0;
	padding: 0;
}
.info-other-unit ul li {
	margin: 0;
	padding: 0.2em 20px 0.2em 55px;
	height: 22px;
	border-bottom: 1px dotted #333333;
}
html[xmlns] .info-other-unit ul li {
	height: auto;
	min-height: 22px;
}
.info-other-unit ul li.cd {
	background: url(../img/basic/icon_cd.gif) no-repeat 30px 0.4em;
}
.info-other-unit ul li.mobile {
	background: url(../img/basic/icon_mobile.gif) no-repeat 30px 0.4em;
}
.info-other-unit ul li.radio {
	background: url(../img/basic/icon_radio.gif) no-repeat 30px 0.4em;
}
.info-other-unit ul li.magazine {
	background: url(../img/basic/icon_book.gif) no-repeat 30px 0.4em;
}
.info-other-unit ul li.web {
	background: url(../img/basic/icon_web.gif) no-repeat 30px 0.4em;
}
.info-other-unit ul li.pv {
	background: url(../img/basic/icon_pv.gif) no-repeat 30px 0.4em;
}


/* ########## トピックス ########## */
#topics {
	position: relative;
	top: 0;
	left: 0;
	z-index: 500;
	width: 750px;
	margin: 0;
	padding: 0 0 0.4em 0;
}
#topics h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	width: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
#topics dl {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	z-index: 510;
	width: 710px;
	margin: 0 20px 15px 20px;
	padding: 0px 0 8px 0;
	background: url(../img/basic/back_roundbox.gif) 0 100% no-repeat;
}
html[xmlns] #topics dl {
	padding: 0px 0 9px 0;
}
#topics dt {
	position: relative;
	top: -10px;
	left: 0;
	z-index: 520;
	width: 710px;
	margin: 0 0 -10px 0;
	padding: 11px 145px 0 30px;
	color: #ee0572;
	font-size: 90%;
	font-weight: bold;
	text-indent: -16px;
	background: url(../img/basic/back_roundbox.gif) 0 0 no-repeat;
}
html[xmlns] #topics dt {
	width: 535px;
	top: -9px;
	margin: 0 0 -9px 0;
	padding: 10px 145px 0 30px;
}
#topics dt img {
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#topics dd {
	margin: 0;
	padding: 0;
	font-size: 82%;
}
#topics dd.date {
	position: absolute;
	top: -5px;
	right: 15px;
	z-index: 530;
	width: 145px;
	margin: 0;
	padding: 6px 0 0 0;
	text-align: right;
	white-space: nowrap;
}
/* start of hack for MacIE 5.x \*/
#topics dd.date {
	top: -5px;
	padding: 6px 0 0 0;
}
/* end of hack for MacIE 5 */
html[xmlns] #topics dd.date {
	top: -6px;
	padding: 8px 0 0 0;
}

#topics dd.date em {
	font-style: normal;
}
#topics dd.image {
	float: right;
	margin: 0 8px 1em 8px;
}
html[xmlns] #topics dd.image {
	margin: 0 15px 1em 15px;
}
#topics dd.photo {
	margin: 0 17px;
	padding: 0 0 0.5em 1.5em;
	border-left: 5px solid #333333;
}
#topics dd.photo img {
	margin-right: 12px;
}
#topics dd.info {
	margin: 0 17px;
	padding: 0 1em 0 1.2em;
	border-left: 5px solid #333333;
}
/* start of hack for mac IE 5 hack \*/
#topics dd.info {
	margin: -1.6em 17px 0 17px;
}
/* end for mac IE 5 hack end */
html[xmlns] #topics dd.info {
	margin: 0 17px;
}
/* start of hack for mac IE 5 hack \*/
#topics dd.keep200 {
	height: 210px;
}
/* end for mac IE 5 hack end */
html[xmlns] #topics dd.keep200 {
	height: auto;
	min-height: 210px;
}
#topics dd.info p {
	margin: 0;
	padding: 1em 0 0 0;
}
#topics dd.info > p:first-child {
	padding: 0;
}
#topics dd p.small {
	font-size: 82%;
}
#topics dd.info strong.title {
	color: #3399cc;
}
#topics dd.info ol,
#topics dd.info ul {
	margin: 0;
	padding: 0 30px 0.5em 30px;
}
#topics dd.info ol li {
	margin: 0;
	padding: 0;
}
#topics dd.info ul li {
	list-style-type: circle;
	margin: 0;
	padding: 0;
}
#topics dd.info2 {
	margin: 0 17px;
	padding: 1em 1em 0 1.2em;
	border-left: 5px solid #333333;
}

#topics strong {	
	color: #ee0000;
}
#topics span.tv {
	color: #0000ff;
}

#topics dd.link {
	clear: right;
	width: 677px;
	margin: 0 0 0.6em 17px;
	padding: 0.2em 10px 0.2em 0;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	border-color: #333333;
	text-align: right;
	background: url(../img/basic/back_stripe.png);
}
/* for mac IE 5 hack \*/
#topics dd.link {
	width: 693px;
	clear: none;
}
/* for mac IE 5 hack end */
html[xmlns] #topics dd.link {
	width: 677px;
}
#topics dd.link a {
	text-decoration: none;
}
#topics dd.link a:hover {
	text-decoration: underline;
}

#topics p.note {
	margin: -10px 20px 0 20px;
	padding: 0;
	font-size: 82%;
	text-align: right;
}
/*####### 臨時ディスコ（あくゆう）########*/
#discography {
	position: relative;
	top: 0;
	left: 0;
	z-index: 400;
	margin: 10px 50px 2em 50px;
	padding: 0 0 1em 0;
	border: 1px solid #ffffff;
}
#discography h2, #discography h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 410;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}
#discography dl {
	position: relative;
	top: 0;
	left: 0;
	z-index: 420;
	width: 100%;
	margin: 20px 20px 0 20px;
	padding: 0;
}
/* start of hack for macIE 5 \*/
#discography dl {
	height: 55px;
}
/* end of hack for macIE 5 */
html[xmlns] #discography dl {
	height: auto;
	min-height: 55px;
}
#discography dl.album-high {
	height: 90px;
}
html[xmlns] #discography dl.album-high {
	height: auto;
	min-height: 90px;
}
#discography dl.dvd-high {
	height: 75px;
}
html[xmlns] #discography dl.dvd-high {
	height: auto;
	min-height: 75px;
}
#discography dt {
	margin: 0 20px 0 0;
	padding: 0 120px 0 65px;
	color: #ee0572;
	font-weight: bold;
	background: url(../img/basic/back_line.gif) 0 100% no-repeat;
}
#discography dt a {
	text-decoration: none;
}
#discography dt a:hover {
	text-decoration: underline;
}
#discography dd {
	margin: 0;
	padding: 0;
	font-size: 82%;
}
#discography dd.jacket {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 410;
	width: 52px;
	padding-left: 0;
	margin: 0;
}
#discography dd.data {
	margin: 0 0 0 65px;
	padding: 0;
}
#discography dd.media {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 30px 0 0;
	padding: 0;
	text-align: right;
}
#discography p.title {
	margin: 0;
	padding: 1em 0.5em 0 0;
	color: #ee0572;
	font-size: 150%;
	font-weight: bold;
	text-align: right;
	background: #000000 url(../img/basic/back_stripe.png);
}

/* ########## アイコンインフォ ########## */
#icon-info {
	position: relative;
	top: 0;
	left: 0;
	z-index: 500;
	width: 750px;
	margin: 0 0 1em 0;
	padding: 0 0 0.4em;
}
#icon-info h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}
#icon-info ul {
	margin: 0 20px;
	padding: 0.2em 1em;
	font-size: 82%;
	list-style-type: none;
	text-align: center;
	border: 1px solid #333333;
	background: url(../img/basic/back_stripe.png);
}
#icon-info ul li {
	display: inline;
	margin: 0 1em;
	padding: 0 0.2em;
}