@charset "Shift_JIS";

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

/* Cascading Style Sheet for 吉田拓郎 トップページ */

body {
	background: url(../img/basic/back_body.jpg) 50% 20px no-repeat;
}

#header #menu {
	margin: 0.2em 0 0 25px;
}

#header #menu ul {
	float: right;
}

#main {
	top: 0;
	margin-bottom: 0;
}

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

#modify {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 200;
	width: 50%;
	margin: 0.2em 10px 0 10px;
	padding: 0;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe.png);
}
/* start of hack for macIE 5.x \*/
#modify {
	width: auto;
	left: 10px;
	margin: 0.2em 20px 0 5px;
}
/* end hack for macIE 5.x */
html[xmlns] #modify {
	margin: 0.2em 20px 0 10px;
}

#modify h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 210;
	text-indent: -9000px;
}
#modify p {
	margin: 0;
	padding: 0.2em 10px;
	font-size: 82%;
	white-space: nowrap;
}

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

/* ########## メインコンテンツ ########## */

#main h2 {
	position: relative;
	top: 0;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 300px;
	margin: 0 0 2em 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_h2_main_8bit.png) no-repeat 0 0;
}
html[xmlns] #main h2 {
	background: url(../img/basic/back_h2_main.png) no-repeat 0 0;
}

/* ---------- ホットインフォメーション ---------- */

#hot-info {
	position: relative;
	top: 0;
	right: 0;
	z-index: 300;
	width: 100%;
	height: 150px;
	margin: 110px 0 2em 0;
	padding: 0;
}
html[xmlns] #hot-info {
	height: auto;
	min-height: 150px;
}

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

/* ---------- 最新作情報 ---------- */
.info-push-unit {
	float: right;
	position: relative;
	top: -95px;
	left: 0;
	z-index: 310;
	width: 250px;
	margin: 0 0 -95px 0;
	padding: 0;
}
/* start of hack for macIE 5.x \*/
.info-push-unit {
	width: auto;

}
/* end hack for macIE 5.x */
.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;
	padding: 8px;
	border: 1px solid #cccccc;
	background: url(../img/basic/back_ani_push.gif);
}
.info-push-unit ul li img {
	margin: 0;
}

/* ---------- その他情報 ---------- */
.info-other-unit {
	margin: 0;
	padding: 0;
	font-size: 82%;
}
.info-other-unit h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
.info-other-unit ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #cccccc;
}
.info-other-unit ul li {
	margin: 0;
	padding: 0.2em 25px 0.2em 55px;
	height: 23px;
	border-top: 1px dotted #cccccc;
	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.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_blog.gif) no-repeat 30px 0.7em;
}
.info-other-unit ul li.itunes {
	background: url(../img/basic/icon_itunes.gif) no-repeat 30px 0.7em;
}


/* ---------- トピックス ---------- */
#topics {
	position: relative;
	top: -150px;
	left: 0;
	z-index: 400;
	width: 100%;
	margin: 0 0 -100px 0;
	padding: 0;
}
#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 solid;
	border-color: #f5f5f5 #ddd #ddd #f5f5f5;
	background: #eeeeee;
}

#topics dl dt {
	margin: 0;
	padding: 0 100px 0 17px;
	background: url(../img/basic/icon_topic.gif) 0 0.4em no-repeat;
}

#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 55px;
	padding: 0.5em 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics div.info p.title {
	margin: 0 25px;
	line-height: 1.4;
}
#topics div.info p.title strong.impact {
	color: #0168b7;
	font-size: 180%;
}

#topics div.info p.title-center {
	margin: 0 25px;
	font-size: 160%;
	line-height: 1.4;
	text-align: center;
}
#topics div.info p.title-center strong.impact {
	color: #cc0000;
	font-size: 100%;
}

#topics div.info div.image {
	float: right;
	width: 200px;
	margin: 0 25px 0 0;
	padding: 10px 0;
	font-size: 82%;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#topics div.info div.image p {
	width: 100%;
	margin: 0.5em 0;
	padding: 0;
	color: #336699;
}

#topics div.info p.image {
	clear: both;
	float: right;
	margin: 0;
	padding: 0.5em 25px;
	font-size: 64%;
	text-align: center;
}
#topics div.info p.image-center {
	text-align: center;
}

#topics div.info p.image a.outside,
#topics div.info p.image a.zoom,
#topics div.info p.image-center a.outside,
#topics div.info p.image-center a.zoom {
	padding: 0;
	background: none;
}

#topics div.info p.section {
	margin: 0.5em 30px;
	padding: 0.2em 10px 0 10px;
	color: #999933;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.6;
	background: url(../img/basic/back_dot_white.gif) 0 100% no-repeat;
}
html[xmlns] #topics div.info p.section {
	background: url(../img/basic/back_dot_black_5.png) 0 100% no-repeat;
}

#topics div.info p.sub-section {
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	margin: 0.5em 40px;
	padding: 0 10px;
	color: #666600;
	font-size: 90%;
	line-height: 1.6;
	border-bottom: 1px dotted #666666;
}
#topics div.info p.sub-section a {
	color: #666600 !important;
}
#topics div.info p.sub-section span.detail {
	font-size: 80%;
}

#topics div.info p.link {
	margin: 1em 40px;
	padding: 0.2em 10px;
	border: 1px solid #eeeeee;
	text-align: right;
	background: url(../img/basic/back_link_white.gif) repeat-x 0 50%;
}
#topics div.info p.link a {
	text-decoration: none;
}
#topics div.info p.link a:hover {
	text-decoration: underline;
}

#topics div.info p.tel,
#topics div.info p.limit {
	margin: 1em 40px;
	padding: 0.2em 20px;
	text-align: center;
}
#topics div.info p.limit {
	color: #ff0000;
}

#topics div.info p.memo {
	color: #666666;
	text-align: right;
}
#topics div.info p.return {
	text-align: right;
}

#topics div.info p.preview {
	width: 620px;
	padding: 0;
	text-align: center;
	background: #f0f0f0;
}
#topics div.info p.preview a {
	display: block;
	margin: 0;
	padding: 0.2em 0;
	color: #ff6600;
	font-size: 140%;
	text-decoration: none;
}
#topics div.info p.catch {
	color: #cc0000;
	text-align: left;
	letter-spacing: 0.2em;
	font-size: 100%;
}

#topics div.info ol,
#topics div.info ul {
	margin: 1em 80px;
	padding: 0;
	font-size: 82%;
	line-height: 2.0;
}
#topics div.info ol.alphabet {
	list-style-type: lower-alpha;
}
#topics div.info ul.data {
	margin: 1em 60px;
}

#topics div.info ol li,
#topics div.info ul li {
	margin: 0;
	padding: 0;
}
#topics div.info ul li {
	list-style-type: circle;
}
#topics div.info ul.data li {
	list-style-type: none;
}

#topics div.info li * {
	font-size: 100%;
}
#topics div.info li p {
	margin: 0;
	padding: 0;
}
#topics div.info li ul {
	margin: 0 25px;
}
#topics div.info li ul li {
	list-style-type: circle !important;
}

#topics div.info ul.fixed-list-short {
	margin: 1em 40px 1em 180px;
}
#topics div.info ul.fixed-list-short li {
	list-style-type: none;
	text-indent: -180px;
}

#topics div.info ul.fixed-list-long {
	margin: 1em 40px 1em 250px;
}
#topics div.info ul.fixed-list-long li {
	list-style-type: none;
	text-indent: -250px;
}

#topics div.info ul li span.category {
	display: inline-block;
	color: #336699;
	font-weight: bold;
	text-align: right;
}
#topics div.info ul.fixed-list-short li span.category {
	width: 180px;
}
#topics div.info ul.fixed-list-long li span.category {
	width: 250px;
}
#topics div.info ul li span.category a {
	color: #336699;
	padding: 0;
	background: none;
}

#topics div.info em {
	color: #006699;
	font-style: normal;
	font-weight: bold;
}

#topics div.info em a { color: #006699; }
#topics div.info em a:visited { color: #006699; }
#topics div.info em a:hover { color: #006699; }


#topics div.info p.sample {
	cursor: pointer;
	float: right;
	margin: 0 40px 0 0;
	padding: 10px 15px 8px 15px;
	color: #336699;
	line-height: 1.0;
	border: 1px solid #cccccc;
	background: #ffffff;
	
	border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1), inset 0 -5px 5px rgba(0, 0, 0, 0.1);
}

#topics div.info p.sample a {
	color: #336699 !important;
	text-decoration: none;
}

/* ########## ディスコグラフィー ########## */
#discography {
	position: relative;
	top: 0;
	left: 0;
	z-index: 500;
	margin: 0 0 3em 0;
	padding: 0;
}
#discography h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#discography p {
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: 20px;
}
#discography img {
	margin: 5px 0;
}

/* ########## フラッシュ ########## */
#movie h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}

#movie object, #movie embed {
	position: absolute;
	top: 65px;
	left: 25px;
	z-index: 10000;
	width: 210px;
	height: 185px;
	margin: 0;
	padding: 0;
}

#flash h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}

#flash object, #flash embed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	height: 300px;
	margin: 0 0 2em 260px;
	padding: 0;
}