@charset "Shift_JIS";

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

* {
	border-width: 0;
}

/* Cascading Style Sheet for テイチク トピックス */

/* ################ */
/* ### 記事部分 ### */
/* ################ */
#detail {
	position: relative;
	top: -15px;
	left: 0;
	z-index: 350;
	margin: 0 25px;
	padding: 0;
	font-size: 90%;
	text-align: left;
}
#detail h2 {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px
}
#detail h3 {
	margin: 1em 0;
	padding: 1em 0;
	color: #ff0000;
	font-size: 150%;
	text-align: center;
	border: 1px solid #cccccc;
	background: url(../img/basic/back_stripe.png);
}
#detail h3 strong.impact {
	color: #FF0000;
	font-size: 150%;
}
#detail h4 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}

#detail h5 {
	margin: 0.5em 0 0 0;
	padding: 0 10px;
	color: #666600;
	font-size: 100%;
	line-height: 1.6;
	border-bottom: 1px dotted #333333;
}

#detail h6 {
	margin: 0.5em 0;
	color: #666666;
	font-size: 100%;
	line-height: 1.6;
}

div.back {
	background: url(../topics/img/20100913_01/tetsudo.jpg) 50% 50% no-repeat !important;
}

#detail p {
	margin: 0 10px 1em 10px;
	padding: 0;
	line-height: 2.0;
}
#detail p.image {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	line-height: 2.0;
	text-align: center;
	background: #FFFFFF;
}
#detail p.image-center {
	text-align: center;
}
#detail p.image-left {
	float: left;
	margin: 0 10px 1em 10px;
	padding: 0;
	line-height: 2.0;
	text-align: center;
	background: #FFFFFF;
}
#detail p.image2 {
	float: right;
	position: relative;
	top: 0;
	left: 0;
	z-index: 355;
	margin: 0 0 20px 20px;
	padding: 0;
	line-height: 2.0;
	text-align: center;
}
#detail p.date {
	text-align: right;
}
#detail p.center {
	text-align: center;
}
#detail p.section {
	text-align: right;
}
#detail p.note {
	color: #666666;
	text-align: right;
}
#detail p.tel {
	clear: both;
	margin: 1em 40px;
	padding: 0.2em 20px;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff url(../img/basic/back_stripe_white.gif);
}
#detail p.catch {
	margin: 1em;
	color: #336699;
	font-size: 110%;
}

#detail p.mail_section {
	margin: 0.5em 0 0 0;
	padding: 0 10px;
	color: #006699;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px dotted #333333;
	clear: both;
}
#detail p.mail_magazine {
	font-size: 105%;
}
#detail em.mail_magazine {
	font-weight: bold;
	color: #4169e1;
}

#detail dl {
	position: relative;
	top: 0;
	left: 0;
	z-index: 353;
	margin: 0;
	padding: 0;
}

#detail dl dt {
	margin: 1em 0 0 0;
	padding: 0 0 0 10px;
	color: #ff6600;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/basic/back_dot.gif) 0 100% no-repeat;
}
#detail dl dt.tetsudo {
	margin: 1em 0 0 0;
	padding: 0 0 0 10px;
	color: #ff6600;
	font-size: 120%;
	font-weight: bold;
	background: none;
}
#detail dl dt.mail_magazine {
	margin: 1em 0 0 0;
	padding: 0 0 0 10px;
	color: #ff6600;
	font-size: 150%;
	font-weight: bold;
	background: url(../img/basic/back_dot.gif) 0 100% no-repeat;
}
#detail dl dd {
	margin: 0.5em 30px;
	padding: 0;
}

#detail dl dd ul {
	list-style-type: circle;
	margin: 0.5em 30px;
	padding: 0;
}

#detail ul.note {
	list-style-type: circle;
	margin: 4em 50px 0.5em 50px;
	padding: 0;
}
#detail ul.note li {
	margin: 0;
	padding: 0.2em 0;
	font-size: 82%;
}

#detail ul.data {
	list-style-type: none;
	margin: 0.5em 20px;
}

#detail ul li span.area,
#detail ul li span.name {
	display: inline-block;
	color: #336699;
	font-weight: bold;
	text-align: right;
}

#detail ul.shop-short {
	margin: 1em 40px 1em 100px;
}
#detail ul.shop-short li {
	list-style-type: none;
	text-indent: -100px;
}
#detail ul.shop-short li span.area,
#detail ul.shop-short li span.name {
	width: 100px;
}
#detail strong.error {
	color: #ff0000;
	font-size: 120%;
}

/* ########## テーブル関連 ########## */
#information table {
	position: relative;
	top: 0;
	left: 0;
	width: 95%;
	margin: 0 auto 2em auto;
	padding: 0;
	line-height: 140%;
	border: 1px #cccccc solid;
}
html[xmlns] #information table {
	width: 100%;
}
#information caption {
	position: absolute;
	top: -9000px;
	left: -9000px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
#information thead {
	margin: 0;
	padding: 0;
}
#information th {
	padding: 0.4em 20px;
	font-size: 82%;
	font-weight: normal;
	text-align: center;
	border: 1px #cccccc;
	border-style: none solid solid none;
	background: #f9f9f9;
}
#information td {
	padding: 0.4em 20px;
	font-size: 90%;
	line-height: 1.8;
	background: #fcfcfc;
}
#information td.no {
	width: 4em;
	text-align: center;
	white-space: nowrap;
	border: 1px #cccccc;
	border-style: none solid solid none;
}
#information td.teichiku,
#information td.columbia {
	text-align: left;
	border: 1px #cccccc;
	border-style: none solid solid none;
}
#information .teichiku {
	color: #336699;
	font-weight: bold;
}

/* ######################## */
/* ### ジャケットガード ### */
/* ######################## */
img.jacket-20100721 {
	background: url(../topics/img/20100721_01/genuine/jacket.jpg) 50% 50% no-repeat;
}

/* ################ */
/* ### 紅白専用 ### */
/* ################ */
#kouhaku {
	position: relative;
	top: -15px;
	left: 0;
	z-index: 350;
	margin: 0 25px;
	padding: 0;
	font-size: 90%;
	text-align: left;
}
#kouhaku h2 {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px
}
#kouhaku h3 {
	margin: 1em 0;
	padding: 1em 0;
	color: #ff0000;
	font-size: 150%;
	text-align: center;
	border: 1px solid #cccccc;
	background: url(../img/basic/back_stripe.png);
}

#kouhaku h4 {
	margin: 1em 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}

#kouhaku p {
	margin: 1em 0;
	padding: 0;
	line-height: 2.0;
}

#kouhaku p.image {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	line-height: 2.0;
}

#kouhaku p.date {
	text-align: right;
}

#kouhaku p.section {
	text-align: right;
}

#kouhaku dl {
	display: inline-block;
	margin: 0 10px;
	padding: 0 0 2em 0;
	text-align: center;
}

#kouhaku dl dt {
	margin: 0 0 5px 0;
	padding: 0 10px;
	color: #999900;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background: url(../img/basic/back_dot.gif) 0 100% no-repeat;
}
#kouhaku dl dd {
	margin: 0;
	padding: 0;
}
#kouhaku dl dd.photo {
	text-align: center;
	border: 1px solid #ff0000;
}

/* ################ */
/* ### レコ大専用 ### */
/* ################ */
#reco {
	position: relative;
	top: -15px;
	left: 0;
	z-index: 350;
	margin: 0 25px;
	padding: 0;
	font-size: 90%;
	text-align: left;
}
#reco h2 {
	position: absolute;
	top: -9000px;
	left:  -9000px;
	text-indent: -9000px
}
#reco h3 {
	margin: 1em 0;
	padding: 1em 0;
	color: #ff0000;
	font-size: 150%;
	text-align: center;
	border: 1px solid #cccccc;
	background: url(../img/basic/back_stripe.png);
}

#reco h4 {
	margin: 1em 0;
	padding: 0;
	font-size: 150%;
	text-align: center;
}

#reco p {
	margin: 1em 0;
	padding: 0;
	line-height: 2.0;
}

#reco p.image {
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	line-height: 2.0;
}

#reco p.date {
	text-align: right;
}
#reco p.section {
	text-align: right;
}
#reco p.memo {
	clear: both;
	color: #666666;
	text-align: right;
}

#reco dl {
	float: left;
	width: 24%;
	margin: 0;
	padding: 0 0 2em 0;
	text-align: center;
}
html[xmlns] #reco dl {
	width: 50%;
}

#reco dl dt {
	margin: 0;
	padding: 0;
	color: #999900;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/basic/back_dot.gif) 0 100% no-repeat;
}
#reco dl dd {
	margin: 0.4em 0;
	padding: 0;
}
#reco dl dd.photo {
	height: 170px;
	text-align: center;
	border: 1px solid #ff0000;
}
#reco dl dd strong {
	color: #336699;
}