@charset "shift_jis";

/*////////////////////////////////////////////////
//  - CSS for at PIA Features
//  - 2009-09-01 (Tue)
////////////////////////////////////////////////*/

.contentsArea {
	width: 914px;
	color: #000;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 150%;
}


/* - Header
------------------------------------------------*/

#sp-header {
	position: relative;
	width: 914px;
	height: 290px;
	background: url(../images/hdr_bnr.jpg) no-repeat 0 0;
	margin: 0 0 25px 0;
	padding: 0;
}

#sp-header p {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-header h1,
#sp-header h2,
#sp-header h3 {
	text-indent: -9999px;
	text-decoration: none;
}

#sp-header #sp-btn {
	position: absolute;
	top: 238px;
	right: 17px;
	width: 165px;
	height: 36px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-header #sp-btn a {
	display: block;
	width: 165px;
	height: 36px;
	background: url(../images/hdr_btn.gif) no-repeat 0 0;
}

#sp-header #sp-btn a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* - Layout for 2 column
------------------------------------------------*/

#sp-content-wrapper {
	width: 914px;
	margin: 0;
	padding: 0 0 20px 0;
}

#sp-content-wrapper #sp-main {
	float: left;
	width: 585px;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-sidebar {
	float: left;
	width: 315px;
	margin: 0 0 0 14px;
	padding: 0;
}

#sp-content-wrapper .left {
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
}


/* - Main
------------------------------------------------*/

#sp-content-wrapper #sp-main #sp-main-inr-top {
	width: 585px;
	height: 76px;
	background: url(../images/cnt_inr_top.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-main #sp-main-inr-mid {
	width: 585px;
	background: url(../images/cnt_inr_mid.gif) repeat-y 0 0;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-main #sp-main-inr-btm {
	width: 585px;
	height: 10px;
	background: url(../images/cnt_inr_btm.gif) no-repeat 0 top;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-main #sp-main-inr-mid #sp-inner-box {
	width: 545px;
	margin: 0 auto;
	padding: 0 0 10px 0;
/*	background: #ff0000;*/
}

#sp-main-inr-mid #sp-inner-box #sp-interview-01 {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#sp-main-inr-mid #sp-inner-box #sp-interview-01 h2 {
	width: 340px;
	height: 35px;
	background: url(../images/cnt_ttl_inerview_01.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-main-inr-mid #sp-inner-box #sp-interview-02 {
	padding: 20px 0 0 0;
}

#sp-main-inr-mid #sp-inner-box #sp-interview-02 h2 {
	width: 340px;
	height: 35px;
	background: url(../images/cnt_ttl_inerview_02.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-main-inr-mid #sp-inner-box p.sp-quest {
	color: #b6884c;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#sp-main-inr-mid #sp-inner-box p.sp-answer {
	margin: 0;
	padding: 0 0 10px 0;
}

#sp-main-inr-mid #sp-inner-box .pict {
	float: left;
	width: 185px;
	margin: 0 0 60px 0;
	padding: 0;
}

#sp-main-inr-mid #sp-inner-box .profile {
	margin: 0 0 0 200px;
	padding: 0;
}

#sp-main-inr-mid #sp-inner-box .profile h3 {
	width: 60px;
	height: 20px;
	background: url(../images/cnt_ttl_profile.gif) no-repeat 0 0;
	margin: 0 0 3px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-main-inr-mid #sp-inner-box .profile ul {
	list-style: disc outside;
	color: #3399cc;
	margin: 3px 0 0 20px;
	padding: 0;
}


/* - Side Bar
------------------------------------------------*/

#sp-content-wrapper #sp-sidebar #sp-sb-inr-top {
	width: 315px;
	height: 76px;
	background: url(../images/sb_inr_top.gif) no-repeat 0 bottom;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-sidebar #sp-sb-inr-mid {
	width: 315px;
	background: url(../images/sb_inr_mid.gif) repeat-y 0 0;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-sidebar #sp-sb-inr-btm {
	width: 315px;
	height: 10px;
	background: url(../images/sb_inr_btm.gif) no-repeat 0 top;
	margin: 0;
	padding: 0;
}

#sp-content-wrapper #sp-sidebar #sp-sb-inr-mid #sp-inner-box {
	width: 275px;
	margin: 0 auto;
	padding: 0 0 10px 0;
/*	background: #ff0000;*/
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block .center {
	text-align: center;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block h2 {
	color: #666600;
	font-size: 14px;
	font-weight: bold;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3 {
	width: 275px;
	height: 20px;
	margin: 0 0 5px 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3#sp-date-1002-a { background: url(../images/sb_ttl_date_1002_a.gif) no-repeat 0 0; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3#sp-date-1003-a { background: url(../images/sb_ttl_date_1003_a.gif) no-repeat 0 0; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3#sp-date-1003-b { background: url(../images/sb_ttl_date_1003_b.gif) no-repeat 0 0; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3#sp-date-1004-a { background: url(../images/sb_ttl_date_1004_a.gif) no-repeat 0 0; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block h3#sp-date-1004-b { background: url(../images/sb_ttl_date_1004_b.gif) no-repeat 0 0; }

#sp-sb-inr-mid #sp-inner-box .sp-sb-block h4 {
	color: #666;
	font-weight: bold;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block div {
	margin: 0;
	padding: 5px;
	background-color: #f3f3f3;
}

#sp-sb-inr-mid #sp-inner-box .sp-sb-block p           { color: #666; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block p.notice    { color: #3399ff; }
#sp-sb-inr-mid #sp-inner-box .sp-sb-block p.performer { color: #669900; font-size: 10px; }

#sp-sb-inr-mid #sp-inner-box #sp-btn-01 a {
	clear: both;
	display: block;
	width: 251px;
	height: 38px;
	background: url(../images/sb_btn_01.gif) repeat-y 0 0;
	margin: 30px auto 10px auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-sb-inr-mid #sp-inner-box #sp-btn-02 a {
	display: block;
	width: 251px;
	height: 38px;
	background: url(../images/sb_btn_02.gif) repeat-y 0 0;
	margin: 0 auto 20px auto;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-sb-inr-mid #sp-inner-box #sp-btn-01 a:hover,
#sp-sb-inr-mid #sp-inner-box #sp-btn-02 a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* - Footer
------------------------------------------------*/

#sp-footer {
	position: relative;
	width: 914px;
	height: 180px;
	background: url(../images/ftr_bnr.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	padding: 0;
}

#sp-footer p {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-footer h3,
#sp-footer h4 {
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-footer #sp-btn {
	position: absolute;
	top: 125px;
	left: 546px;
	width: 163px;
	height: 38px;
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	text-decoration: none;
}

#sp-footer #sp-btn a {
	display: block;
	width: 163px;
	height: 38px;
	background: url(../images/ftr_btn.gif) no-repeat 0 0;
}

#sp-footer #sp-btn a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}