@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/andy.css
 * Style for "Andy Williams SHOW" Special Page.
 * Modified: 2010-04-30 17:44:10.
 */

/*-------------------------------------------------------
 Common Style
-------------------------------------------------------*/

/* main
----------------------------------------*/
div#main {
	position: relative;
	width: 100%;
}
div#main h1 {
	margin-bottom: 35px;
}

#contents { padding-top: 35px; }
.top #contents { padding-top: 10px; }

div#content {
	width: 925px;
	margin: 0 auto 20px 17px;
/*    background: #D09F3D url(../images/andy/top/bg_content.jpg) repeat-x 0 0;*/
	background: #e0aa4b url(../images/andy/top/bg_content.jpg) repeat-x 0 5px;
	font-size: 117%;
	line-height: 1.35;
}
#contents div#content {
	margin: 0 0 20px;
}

/*-------------------------------------------------------
 Top Page
-------------------------------------------------------*/
.top div#mainvisual {
	position: relative;
	width: 100%;
}
.top div#mainvisual p.startdate {
	position: absolute;
	z-index: 3;
	top: 240px;
	left: 5px;
	width: 127px;
}
.top p#summarybtn {
	position: absolute;
	z-index: 1;
	top: 323px; right: 163px;
}
.top div#flashcontent {
	position: absolute;
	z-index: 2;
	top: 45px; left: 53px;
	width: 262px; height: 220px;
}

/* archives
----------------------------------------*/
div#archives {
	margin: 3px 18px 13px;
}
div#archives form {
	margin-bottom: 5px;
	text-align: right;
}
div#archives form h2 {
	width: 0; height: 0;
	overflow: hidden;
	margin: 0;
}
div#archives select {
	text-align: left;
}

/* noscript */
div#archives h2 {
	margin: 15px 0 5px;
	font-weight: bold;
}
div#archives ul {
	margin: 0 0 0 20px;
	font-size: 117%;
}
div#archives ul li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 2px 10px 2px 0;
}
div#archives ul li a {
	display: block;
}

/* for episode page */
.ep div#archives {
	margin: 0;
}
.ep div#archives form {
	position: absolute;
	top: 0; right: 0;
}
.ep div#archives ul {
	margin-bottom: 20px;
}

/* top - about
----------------------------------------*/
.top div#about {
	width: 100%;
}
.top div#about div.inner {
	position: relative;
	width: 885px;
	margin: 0 auto 0 20px;
	background: #FFF4D1;
}
.top div#about h2 {
}
.top div#about p.pct {
	padding-bottom: 55px;
	text-align: right;
}
.top div#about p.lead {
	position: absolute;
	top: 78px; left: 20px;
	zoom: 1;
}
.top div#about p.txt {
	position: absolute;
	top: 121px; left: 20px;
	zoom: 1;
}

/* top - profile & guest
----------------------------------------*/
.top div#profile_guest {
	width: 100%;
	color: #740000;
}
.top div#profile_guest div.inner {
	position: relative;
	width: 885px;
	min-height: 344px;
	_height: 344px;
	margin: 0 auto 0 20px;
	background: url(../images/andy/top/bg_profile.gif) no-repeat 0 100%;
}

/* profile */
.top div#profile {
	float: left;
	width: 497px;
	line-height: 1.5;
}
.top div#profile h3 {
	margin-bottom: 17px;
}
.top div#profile div.content {
	margin: 0 20px;
	padding-bottom: 10px;
}
.top div#profile p {
	margin-bottom: 20px;
}

/* guest */
.top div#guest {
	float: left;
	width: 388px;
}
.top div#guest h3 {
	position: relative;
	width: 100%;
}
.top div#guest h3 img.pct {
	position: absolute;
	top: -49px; right: -6px;
}
.top div#guest div.content {
	width: 204px; height: 230px;
	margin: 17px 0 0 24px;
	background: url(../images/andy/top/txt_guest_201005.gif) no-repeat 0 0;
}

/* top - gutch
----------------------------------------*/
.top div#gutch {
	width: 100%;
	padding-top: 13px;
	line-height: 1.5;
}
.top div#gutch div.inner {
	position: relative;
	width: 885px;
	margin: 0 auto 18px 20px;
	padding-bottom: 10px;
	background: url(../images/andy/top/bg_gutch_btm.gif) no-repeat 100% 100%;
}
.top div#gutch h2 {
	text-align: right;
}
.top div#gutch p.lead {
	padding-bottom: 10px;
	background-color: #FFF;
	text-align: right;
}
.top div#gutch div.content {
	min-height: 197px; height: 197px;
	padding: 0 15px 0 242px;
	background-color: #FFF;
}
	html>body.top div#gutch div.content {height: auto;}
.top div#gutch div.content p {
	margin-bottom: 16px;
}
.top div#gutch div.content p.bnr {
	position: relative;
	margin: -8px 5px 0 0;
	text-align: right;
}

.top div#gutch p.pct {
	position: absolute;
	top: 36px; left: 0;
}

/* top - present
----------------------------------------*/
.top div#present {
	position: relative;
	width: 100%; min-height: 25px; height: 25px;
	padding: 0 0 24px;
	background: url(../images/andy/top/bg_content_btm.gif) no-repeat 0 100%;
}
	html>body.top div#present {height: auto;}
.top div#present h2 {
	margin: 0 0 0 50px;
}
.top div#present p.btn {
	position: absolute;
	top: 80px; left: 323px;
}

/* top - cd
----------------------------------------*/
.top div#cd {
	position: relative;
	width: 100%;
	padding: 7px 0 28px;
	background: url(../images/andy/top/bg_content_btm.gif) no-repeat 0 100%;
}
.top div#cd p { margin-left: 157px; }

/*-------------------------------------------------------
 Episode Page
-------------------------------------------------------*/

/* ep - content
----------------------------------------*/
.ep div#content {
	margin-bottom: 20px;
	background: #C18932 url(../images/andy/ep/bg_content.jpg) repeat-x 0 0;
}
.ep p#content_btm {
	clear: both;
	height: 10px;
	overflow: hidden;
}


/* ep - lead
----------------------------------------*/
.ep div#lead {
	width: 100%;
	color: #740000;
	margin-bottom: 10px;
}
.ep div#lead div.inner {
	position: relative;
	width: 885px;
	margin: 0 auto 0 20px;
	padding-bottom: 10px;
	background: url(../images/andy/ep/bg_lead_btm.gif) no-repeat 0 100%;
}
.ep div#lead p.pct {
	position: absolute;
	top: 0; right: 28px;
}
	html>body.ep div#lead p.pct {right: 29px;}
.ep div#lead div.content {
	min-height: 200px; height: 200px;
	padding: 0 315px 0 20px;
	background-color: #FFF6D9;
	line-height: 1.5;
}
	html>body.ep div#lead div.content {height: auto;}
.ep div#lead div.content p {
	padding: 16px 0 0;
}

/* ep - gutch
----------------------------------------*/
.ep div#gutch {
	position: relative;
	width: 885px;
	margin: 0 auto 50px 20px;
	line-height: 1.5;
}
.ep div#gutch h2 {
	text-align: right;
}
.ep div#gutch div.content {
	min-height: 260px; height: 260px;
	padding-bottom: 10px;
	background: url(../images/andy/ep/bg_gutch.gif) no-repeat 100% 100%;
}
	html>body.ep div#gutch div.content {height: auto;}
	
	.ep div#gutch div.content02 {
		min-height: 320px; height: 320px;
		padding-bottom: 10px;
		background: url(../images/andy/ep/bg_gutch.gif) no-repeat 100% 100%;
	}
	html>body.ep div#gutch div.content02 {height: auto;}
	
.ep div#gutch div.content p {
	padding: 0 18px 16px 243px;
}

	.ep div#gutch div.content02 p {
		padding: 0 18px 16px 243px;
	}

.ep div#gutch p.pct {
	position: absolute;
	top: 36px; left: 0;
}

/* ep - playlist & guest
----------------------------------------*/
.ep div#playlist_guest {
	width: 886px;
	margin: 0 auto 12px 20px;
}
.ep div#playlist_guest h3 {
	position: relative;
}

/* playlist */
.ep div#playlist {
	float: left;
	width: 472px;
}
.ep div#playlist div.content {}

/* guest */
.ep div#guest {
	float: left;
	width: 413px;
}

/*-------------------------------------------------------
 Season 2 Episode Page
-------------------------------------------------------*/

/* ep2 - content
----------------------------------------*/
.ep2 div#content {
	margin-bottom: 20px;
	background: #ecc278 url(../images/andy/ep2/bg_content.jpg) repeat-x 0 0;
}
.ep2 p#content_btm {
	position: relative;
	height: 31px;
	overflow: hidden;
	margin-top: -10px;
}

/* ep2 - pagettl
----------------------------------------*/
.ep2 #pagettl {
}

/* ep2 - episodes
----------------------------------------*/
.ep2 #episodes {
	position: relative;
	width: 885px;
	margin: 0 auto 0 20px;
	padding-bottom: 1px;
	background-color: #fff4d9;
	color: #820700;
	font-size: 86%;
	line-height: 1.5;
}
.ep2 #episodes .epg {
	position: absolute;
	top: 14px;
	left: 27px;
	width: 197px;
}
	/* overwrite style */
	.ep2 #episodes #archives {
		margin: 0;
		padding: 1em 30px .33em 227px;
	}
	.ep2 #episodes #archives form {
		margin-bottom: .67em;
	}

.ep2 #episodes .episode {
	position: relative;
	width: 825px;
	min-height: 264px;
	_height: 264px;
	margin: 0 auto 40px 30px;
}
.ep2 #episodes .pct {
	position: absolute;
	top: 0;
	left: 0;
	width: 286px;
}
.ep2 #episodes h3 {
	margin: 0 0 .71em 286px;
	padding: 3px 0 3px 25px;
	background-color: #820700;
	color: #FFF;
	font-size: 117%;
	font-weight: bold;
	*zoom: 1; /* ie6,7 */
}
.ep2 #episodes h3 span.date {
	display: block;
	position: relative;
	margin: -1.6em 20px 0 200px;
	font-size: 86%;
	text-align: right;
}
.ep2 #episodes .guests,
.ep2 #episodes .tunes {
	margin: 0 0 .83em 286px;
	padding: 0 0 11px 20px;
	background: url(../images/andy/ep2/line_dotted.gif) repeat-x 1px 100%;
	*zoom: 1; /* ie6,7 */
}
.ep2 #episodes .guests h4,
.ep2 #episodes .tunes h4 {
	font-weight: bold;
}
.ep2 #episodes .comment {
	margin: 0 0 0 286px;
	padding: 0 0 0 20px;
	*zoom: 1; /* ie6,7 */
}

/*----------------------------------------
 modules
----------------------------------------*/
/* pagetop */
p.pagetop {
	margin-bottom: 28px;
}

/* backtotop*/
p.backtotop {
	clear: both;
	margin: 0 17px 18px;
	text-align: right;
}
	#contents p.backtotop {
		margin: 0 0 18px;
	}
p.backtotop a:link,
p.backtotop a:visited {
	padding: 0 0 0 17px;
	background: url(../images/andy/bullet_backtotop.gif) no-repeat 0 50%;
	color: #333;
}

/* margin */
div#main .mr165 {margin-right: 165px;}

/* padding */
div#main .pt25 {padding-top: 25px;}

/* line */
div#main .line {
}


/*----------------------------------------
 hidden modules
----------------------------------------*/
.hidden,
.top div#guest div.content dl,
.top div#guest div.content p,
.ep div#playlist div.content ul {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
div.section:after,
.top div#profile_guest div.inner:after,
.ep div#playlist_guest:after,
.ep2 #episodes .episode:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html div.section,
*:first-child+html .top div#profile_guest div.inner,
*:first-chlid+html .ep div#playlist_guest {
	zoom: 1;
}
* html div.section,
* html .top div#profile_guest div.inner,
* html .ep div#playlist_guest {
	zoom: 1;
}