@charset "Shift_JIS";

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

/*
#### memo ####
・#main の高さは h2 の画像の高さ。
・#hot-info の高さは h2 の高さから -45px した値。
/*

/* Cascading Style Sheet for シモブクレコード（島袋 優／下地 勇） トップページ */
#main {
	top: 20px;
	height: 725px;
	margin-bottom: 70px;
}
html[xmlns] #main {
	height: auto;
	min-height: 725px;
}

/* ########## 広告用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;
}

#ad-flash-small {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small {
	position: fixed;
	width: auto;
	height: auto;
}
#ad-flash-small object, #ad-flash-small embed {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 65536;
	width: 400px;
	height: 300px;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small object,
html[xmlns] #ad-flash-small embed {
	position: fixed;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}

/* ########## 更新情報 ########## */
#modify {
	overflow: hidden;
	position: relative;
	top: 2.0em;
	left: 0;
	z-index: 2000;
	width: 950px;
	margin: 0.2em auto 0 auto;
	padding: 0;
	text-align: left;
	border: 1px solid #cccccc;
	background: #ffffff;
}
html[xmlns] #modify {
	max-width: 950px;
	background: url(../img/basic/back_transparent_white_90.png) !important;
}
/* start of hack for IE 7 \*/
*:first-child+html #modify {
	width: auto;
}
/* end of hack for IE 7 \*/

#modify h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 210;
	text-indent: -9000px;
}
#modify p {
	margin: 0;
	padding: 0 10px;
	font-size: 82%;
	line-height: 2.4;
	white-space: nowrap;
}
#modify p#more-modify {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-indent: -9000px;
	background: #ffffff url(../img/basic/back_more-modify_white.gif) 50% 0 no-repeat;
}

#modify p#more-modify img {
	margin: 0;
	padding: 0;
}

#modify p strong {
	color: #ff0000;
}

#modify p a {
	color: #0099cc;
	text-decoration: none;
}
#modify p a:visited {
	color: #0099cc;
	text-decoration: none;
}

#modify p strong a {
	color: #ff0000 !important;
}

#modify p span {
	visibility: hidden;
}

/* ########## メインコンテンツ ########## */
#main h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 725px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_h2_main.jpg) 50% 0 no-repeat;
}

/* ---------- ホットインフォメーション ---------- */
#hot-info {
	position: relative;
	top: 0;
	right: 0;
	z-index: 300;
	width: 100%;
	height: 700px;
	margin: 0;
	padding: 0 0 20px 0;
}
html[xmlns] #hot-info {
	height: auto;
	min-height: 680px;
}

#hot-info h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

/* ---------- 最新作情報 ---------- */
#info-push-unit {
	position: absolute;
	top: 440px;
	right: 45px;
	z-index: 320;
	width: 202px;
	margin: 0 0 440px 0;
	padding: 0;
}

#info-push-unit h4 {
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 340;
	width: 50px;
	height: 50px;
	margin: 0 25px 130px 0;
	padding: 0;
	text-indent: -9000px;
}
html[xmlns] #info-push-unit h4 {
	background: url(../img/basic/back_h4_push.png) 50% 50% no-repeat;
}
/*
#info-push-unit h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
*/
#info-push-unit ul {
	list-style-type: none;
	margin: 0 25px 0 0;
	padding: 0;
}
#info-push-unit ul li {
	width: 202px;
	margin: 0 0 10px 0;
	padding: 0;
}
#info-push-unit ul li img {
	margin: 0;
}
#info-push-unit #pv {
	position: relative;
	top: 0;
	left: 0;
	z-index: 330;
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 0;
}
#info-push-unit object, #info-push-unit embed {
	position: relative;
	top: 0;
	left: 0;
	z-index: 330;
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 0;
}

/* ---------- その他情報 ---------- */
#info-other-unit {
	position: relative;
	top: 510px;
	left: 0;
	z-index: 310;
	color: #000000;
	margin: 0 25px 510px 25px;
	padding: 0;
	color: #ffffff;
	font-size: 82%;
	border: 1px solid #ffffff;
	background: #000000;
}
html[xmlns] #info-other-unit {
	background: url(../img/basic/back_transparent_black_80.png);
}
#info-other-unit h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#info-other-unit ul {
	position: relative;
	top: 0;
	left: 0;
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#info-other-unit ul li {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0.2em 240px 0.2em 55px;
	height: 23px;
	line-height: 2.5;
}
html[xmlns] #info-other-unit ul li {
	height: auto;
	min-height: 23px;
}
#info-other-unit ul li.info {
	background: url(../img/basic/icon_info.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.cd {
	background: url(../img/basic/icon_cd.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.mobile {
	background: url(../img/basic/icon_mobile.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.tv {
	background: url(../img/basic/icon_tv.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.radio {
	background: url(../img/basic/icon_radio.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.magazine {
	background: url(../img/basic/icon_book.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.web {
	background: url(../img/basic/icon_web.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.pv {
	background: url(../img/basic/icon_pv.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.blog {
	background: url(../img/basic/icon_pen.gif) no-repeat 30px 0.7em;
}
#info-other-unit ul li.itunes {
	background: url(../img/basic/icon_itunes.gif) no-repeat 30px 0.7em;
}

#info-other-unit ul li a {
	color: #6699cc;
}

#info-other-unit ul li strong {
	color: #ff0000;
}
#info-other-unit ul li strong a {
	color: #ff0000 !important;
}
#info-other-unit ul li span.article {
	display: block;
	margin: 0 0 0.2em 0;
	padding: 0;
	line-height: 1.2;
}
html[xmlns] #info-other-unit ul li span.article {
	margin: 0 0 1em 0;
}
/* start of hack for IE 7 \*/
*:first-child+html #info-other-unit ul li span.article {
	margin: 0 0 0.2em 0;
}
/* end of hack for IE 7 \*/

/* ---------- トピックス ---------- */
#topics {
	position: relative;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 10px solid #3a2b26;
}
#topics h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#topics dl {
	clear: both;
	position: relative;
	top: 0;
	left: 0;
	z-index: 410;
	margin: 0;
	padding: 0.5em 25px;
	font-weight: normal;
	font-size: 90%;
	border: 1px;
	border-style: none none solid none;
	border-color: #cccccc;
	background: #eeeeee;
}
#topics dl dt {
	height: 25px;
	margin: 0;
	padding: 0 100px 0 17px;
	background: url(../img/basic/icon_topic.gif) 0 0.4em no-repeat;
}
html[xmlns] #topics dl dt {
	height: auto;
	min-height: 25px;
}
#topics dl dd {
	margin: 0;
	padding: 0;
}
#topics dl dd.date {
	position: absolute;
	top: 0.5em;
	right: 25px;
	z-index: 420;
	margin: 0;
	padding: 0;
	text-align: right;
	white-space: nowrap;
}

#topics dl dd.date em {
	font-style: normal;
}

#topics div.info {
	margin: 0;
	padding: 10px 0 25px 0;
}

#topics div.info p {
	margin: 0 50px;
	padding: 0.5em 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics div.info p.shop {
	margin: 1em 25px 0 25px;
	padding: 0.2em 20px;
	color: #ffffff;
	font-weight: bold;
	background: #666666;
}
#topics div.info p.image {
	clear: both;
	float: right;
	margin: 0;
	padding: 0.5em 25px;
	text-align: right;
	font-size: 71%;
}
#topics div.info p.section {
	margin: 1em 25px 0 25px;
	padding: 0.2em 10px 0 10px;
	color: #ff6600;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: url(../img/basic/back_dot_green.gif) 0 100% no-repeat;
}
#topics div.info p.disc {
	margin: 0.5em 45px 0 45px;
	padding: 0 5px;
	font-weight: bold;
	line-height: 1.4;
	border-left: 10px solid #cccccc;
}
#topics div.info p.memo {
	margin: 0 45px 1em 45px;
}
#topics div.info ol,
#topics div.info ul {
	margin: 0 70px;
	padding: 0.5em 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics div.info ol.alphabet {
	list-style-type: lower-alpha;
}
#topics div.info ul.data {
	margin: 0 50px;
}
#topics div.info ol li {
	margin: 0;
	padding: 0;
}
#topics div.info ul li {
	list-style-type: circle;
	margin: 0;
	padding: 0;
}
#topics div.info ul.data li {
	list-style-type: none;
}
#topics div.info ul.shop {
	margin: 0 40px 0 150px;
	text-indent: -158px;
}
#topics div.info ul.shop li span.area {
	display: inline-block;
	width: 12em;
	text-align: right;
}
#topics div.info em {
	color: #336699;
	font-style: normal;
	font-weight: bold;
}

#topics div.info strong {
	color: #333333;
	font-size: 113%;
}

#topics div.info strong.impact {
	color: #336699;
	font-size: 150%;
}
#topics div.info p.tel,
#topics div.info p.link {
	margin: 0.5em 25px;
	padding: 0.2em 10px;
	text-align: right;
	border: 1px solid #cfda17;
	background: #cfda17;
}
#topics div.info p.tel {
	text-align: center;
}
#topics div.info p.link a {
	text-decoration: none;
}
#topics div.info p.link a:hover {
	text-decoration: underline;
}