@charset "UTF-8";
/* [www.ch-ginga.jp]
 * /special/css/daichi.css
 * Style for "Daichi no ko" Special Page.
 * Modified: 2009-06-24
 */

@import "daichi_thickbox.css";

#contents { font-size: 133%; }

/* main
----------------------------------------*/
div#main h1 {
	margin: 15px 0 30px;
}

div#content {
	width: 923px;
	margin-bottom: 20px;
	border: 1px solid #B0611B;
	background: #5A432B url(../images/daichi/bg_daichi_content.gif) repeat-x;
	font-size: 88%;
}

div#content p.pagetop a:link,
div#content p.pagetop a:visited {
	margin-right: 20px;
	font-size: 86%;
	padding: 2px 0 2px 15px;
	background: url(../images/daichi/icon_pagetop.gif) no-repeat 0 50%;
	color: #fff;
	text-decoration: underline;
}
div#content p.pagetop a:hover { text-decoration: none; }

/* mainvisual
----------------------------------------*/
div#mainvisual {
	position: relative;
	width: 886px;
	margin: 0 auto;
}
div#mainvisual p.main {
	padding-top: 6px; margin: 0;
}
div#mainvisual p.btn {
	position: absolute;
	top: 150px; left: 523px;
	width: 47px;
}


/* intro
----------------------------------------*/
div#intro { height: 356px; margin: 0; padding: 0; }

div#intro p { float: right; margin: 0; padding: 0; }
div#intro p.tit { padding-right: 34px; }
div#intro p.read { padding-right: 29px; }
div#intro p.photo { padding-right: 13px; }


/* cast
----------------------------------------*/
div#cast { width: 886px; height: 405px; margin: 30px auto 0; background: url(../images/daichi/bg_cast.gif) no-repeat; position: relative; }
div#cast p.tit { position: absolute; top: 30px; left: 832px; margin: 0; padding: 0; }
div#cast a#ph01 { position: absolute; left: 541px; top: 31px; }
div#cast a#ph02 { position: absolute; left: 541px; top: 155px; }
div#cast a#ph03 { position: absolute; left: 541px; top: 279px; }
div#cast a#ph04 { position: absolute; left: 286px; top: 31px; }
div#cast a#ph05 { position: absolute; left: 286px; top: 155px; }
div#cast a#ph06 { position: absolute; left: 31px; top: 31px; }
div#cast a#ph07 { position: absolute; left: 31px; top: 155px; }

div#cast a#interview { position: absolute; left: 30px; top: 335px; }

/* history
----------------------------------------*/
div#history { width: 886px; margin: 30px auto 0; }


/* column
----------------------------------------*/
div#column { width: 824px; margin: 30px auto 39px; padding: 19px 31px 0; border-top: 1px solid #ABA39D; background: url(../images/daichi/bg_column_ph.jpg) no-repeat bottom; }
div#column:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


div#column p.tit { width: 824px; padding-bottom: 16px; margin: 0; background: url(../images/daichi/img_dotline.gif) repeat-x bottom; }

div#column p { margin: 0 0 20px; color: #fff; line-height: 1.5; }
div#column div.left { float: left; width: 405px; margin: 14px 0 20px; }
div#column div.right { float: right; width: 405px; margin: 14px 0 20px; }


/* 
----------------------------------------*/

/*----------------------------------------
 modules
----------------------------------------*/
/* margin */
div#main .mb10 { margin-bottom: 10px; }
div#main .mb16 { margin-bottom: 16px; }
div#main .mb40 { margin-bottom: 40px; }
div#main .mt28 { margin-top: 28px; }
div#main .mtb28 { margin: 28px 0; }

/* padding */

/* line */
div#main .line {
	clear: both;
	height: 1px; overflow: hidden;
	background: url(../../images/line_dotted_999999.gif) repeat-x 0 0;
	font-size: 0; line-height: 0;
}


/*----------------------------------------
 hidden modules
----------------------------------------*/
div#pgm_table dl dt,
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

/*----------------------------------------
 clearfix
----------------------------------------*/
div.category:after,
div.category_header dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
*:first-child+html div.category,
*:first-child+html div.category_header dl {
	display: inline-block;
}
* html div.category,
* html div.category_header dl {
	height: 1%;
}