@charset "Shift_JIS";

#bread {
color:#333333;
}

#bread a {
color:#333333;
}

#bread a:hover {
text-decoration:none !important;
color:#999999;
}

#bread a:visited {
text-decoration:underline !important;
color:#999999;
}

#sspa #mcM a {
text-decoration:underline !important;
color:#999999;
}

#sspa #mcM a:hover {
text-decoration:none !important;
color:#BEBEBE;
}

#sspa #mcM a:visited {
text-decoration:underline !important;
color:#999999;
}

/* sspa
============================================================ */

#btm { margin:0 auto; padding-bottom:126px; background:url(../imgs/c/bg-btm.jpg) 337px bottom no-repeat;}

#sspaFlash {
	height: 360px;
	width: 750px;
	color: #666666;
}

.contTop {
	background:url(../imgs/contentslist/sspa/bg-Line.gif) repeat-y;
	margin-bottom:10px;
}
.contBtm {	padding:0 0 18px 0;	background:url(../imgs/contentslist/sspa/bg-mcBtmLine.gif) no-repeat left bottom;}

.backIndex01 {	float:right;	margin:12px 0 0;	padding:0 13px 34px 0;	background:url(../imgs/contentslist/sspa/btn-backContentslist01.gif) no-repeat 0 0;	font-size:0;	text-indent:-9999px;}
.backIndex01 a {	display:block;	width:92px;	height:15px;}
.backIndex01 a:hover { background:url(../imgs/contentslist/sspa/btn-backContentslist01-on.gif) no-repeat 0 0;}
.backIndex02 {	float:right;	padding:0 12px 0 0; background:url(../imgs/contentslist/sspa/btn-backContentslist02.gif) 0 0 no-repeat;	font-size:0; 	text-indent:-9999px;}
.backIndex02 a {	display:block;	width:92px;	height:15px;}
.backIndex02 a:hover { background:url(../imgs/contentslist/sspa/btn-backContentslist02-on.gif) 0 0 no-repeat;}

#sspaHdl .pager { text-align:center; height:43px;}
#sspaHdl .pager dl { padding-bottom:5px; border-top:none; border-bottom:solid 1px #e8e8e8; margin-top:0px;}

.pager { text-align:center; height:70px;}
.pager dl { padding-top:5px; border-top:solid 1px #e8e8e8;}
.pager dt { display:none;}
.pager dd {	height:17px;	background-position:0 0;	background-repeat:no-repeat;}
.pager dd.backPage {	float:left;	width:34px;	background-image:url(../imgs/contentslist/sspa/pagerBack-on.gif);}
.pager dd.nextPage {	float:right;	width:33px;	background-image:url(../imgs/contentslist/sspa/pagerNext-on.gif);}
.pager dd.pageMove {	width:102px;	margin:0 auto;	background-image:url(../imgs/contentslist/sspa/bg-pager.gif);}
.sspa4 .pager dd.nextPage { background-image:url(../imgs/contentslist/sspa/pagerNext.gif);}
.pager dd.pageMove li {	float:left;	width:17px;	padding-right:3px;	background-position:0 0;	background-repeat:no-repeat;}
.pager dd.pageMove .page04 {	width:39px;	padding-right:3px;	background-position:0 0;	background-repeat:no-repeat;}
.pager dd a {	display:block;	height:17px;	background-position:0 0;	background-repeat:no-repeat;}
.pager dd.backPage a { width:34px; background-image:url(../imgs/contentslist/sspa/pagerBack-act.gif);}
.pager dd.nextPage a { width:33px; background-image:url(../imgs/contentslist/sspa/pagerNext-act.gif);}
.pager dd.pageMove li a { width:17px;}
#sspa #wrap #mcM #btm .contTop .contBtm .pager .pageMove .page04 .p04 { width:39px;}
.pager .page01 a { background-image:url(../imgs/contentslist/sspa/pager01.gif);}
.pager .page02 a { background-image:url(../imgs/contentslist/sspa/pager02.gif);}
.pager .page03 a { background-image:url(../imgs/contentslist/sspa/pager03.gif);}
.pager .page04 a { width:39px; background-image:url(../imgs/contentslist/sspa/pager04.gif);}
.pager dd a:hover { background:none;}
.pager dl { width:500px; margin:13px auto 0;}
.index .pager dd.backPage { background-image:url(../imgs/contentslist/sspa/pagerBack.gif);}
.index .pager .page01,.index .pager .page01 a { background-image:url(../imgs/contentslist/sspa/pager01-act.gif);}
.sspa2 .pager .page02,.sspa2 .pager .page02 a { background-image:url(../imgs/contentslist/sspa/pager02-act.gif);}
.sspa3 .pager .page03,.sspa3 .pager .page03 a { background-image:url(../imgs/contentslist/sspa/pager03-act.gif);}
.sspa4 .pager .page04,.sspa4 .pager .page04 a { width:39px; background-image:url(../imgs/contentslist/sspa/pager04-act.gif);}

/* index
=================================================================== */

.index .contTop {
	padding-top:8px;
}
.index #box01 {
	clear:right;
	position:relative;
	background: url(../imgs/contentslist/sspa/box01-bg.gif) repeat-y;
	margin: 0px 0px 30px 21px;
	width: 708px;
	color: #666666;
}
.index #box01 .box01top {	background: url(../imgs/contentslist/sspa/box01-top.gif) no-repeat left top;	padding-top: 4px;}
.index #box01 .box01btm {
	background: url(../imgs/contentslist/sspa/box01-btm.gif) no-repeat left bottom;
	clear: both;
	height: 11px;
	width: 708px;
	font-size: 0px;
	line-height: 0px;
}
.index #box01 .mapbg {	background: url(../imgs/contentslist/sspa/box01-h2bg.jpg) no-repeat left bottom;}
.index #box01 .theme {
	width:250px;
	padding-left: 14px;
	float: left;
	padding-top: 11px;
}
.index #box01 .what {
	width:293px;
	float: right;
	padding-right: 11px;
}
.index #box01 h2 {	height:14px;	background:url(../imgs/contentslist/sspa/box01-h2.gif) no-repeat 0 0;}
.index #box01 h3 {
	height:32px;
	background:url(../imgs/contentslist/sspa/box01-h3.gif) no-repeat 0 0;
	width: 293px;
}
.index #box01 .theme .read {
	margin-top: 9px;
	width: 255px;
	font-size: 95%;
	line-height: 130%;
}
.index #box01 .what .readbox {
	width: 277px;
	margin-left:16px;
	background: #eaeaea;
	padding-top: 8px;
}
.index #box01 .what .read {
	font-size:85%;
	line-height: 130%;
	margin: 0px 10px 0px 14px;
}
.index #box01 .what .whatsbtm {
	background: url(../imgs/contentslist/sspa/box01-h3btm.gif) no-repeat;
	clear: both;
	height: 13px;
	font-size: 0px;
	line-height: 0px;
	width: 277px;
	margin-left: 16px;
}

.index h4.report {
	height:45px;
	background:url(../imgs/contentslist/sspa/h4_report.gif) no-repeat 0 0;
	font-size:0;
	text-indent:-9999px;
	width: 728px;
	margin-left: 21px;
}

.index #box02 {
	width:500px;
	margin-left: 125px;
	padding-bottom: 10px;
}
*html .index #box02 {
	width:500px;
	margin-left: 125px;
	padding-bottom: 10px;
}
.index #box02 .read{
	background: url(../imgs/contentslist/sspa/rpt_read.gif) no-repeat;
	height: 50px;
	width: 474px;
	font-size:0;
	text-indent:-9999px;
}
.index #box02 ul{
	padding: 0px;
	list-style-type: none;
	background: url(../imgs/contentslist/sspa/rpt_schedule.gif) no-repeat;
	height: 398px;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.index #box02 .tm  span {
 font-size: 85%;
	line-height: 130%;
	color:#999999;
}


/* ‰º‘w=================================================================== */

#box03 {
	width:565px;
	margin-left: 60px;
	padding-bottom: 25px;}
*html #box03 {
	width:565px;
	margin-left: 60px;
	padding-bottom: 25px;
}

#box03 .daybox {
	background: url(../imgs/contentslist/sspa/day_arrowline.gif) repeat-y;
	color: #666666;
}

#box03 .daybox .day1 {	background: url(../imgs/contentslist/sspa/day1.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .daybox .day2 {	background: url(../imgs/contentslist/sspa/day2.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .daybox .day3 {	background: url(../imgs/contentslist/sspa/day3.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .daybox .day4 {	background: url(../imgs/contentslist/sspa/day4.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .daybox .day5 {	background: url(../imgs/contentslist/sspa/day5.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .daybox .day6 {
	background: url(../imgs/contentslist/sspa/day6-7.gif) no-repeat;
	height: 107px;
	width: 65px;
}
#box03 .daybox .day8 {	background: url(../imgs/contentslist/sspa/day8.gif) no-repeat; float: left;	height: 58px;	width: 65px;}
#box03 .moviebox .mov {	background: url(../imgs/contentslist/sspa/movie.gif) no-repeat; float: left;	height: 58px;	width: 65px;}

#box03 .daybox .title1 {	background: url(../imgs/contentslist/sspa/day1_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}
#box03 .daybox .title2 {	background: url(../imgs/contentslist/sspa/day2_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}
#box03 .daybox .title3 {	background: url(../imgs/contentslist/sspa/day3_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}
#box03 .daybox .title4 {	background: url(../imgs/contentslist/sspa/day4_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}
#box03 .daybox .title5 {	background: url(../imgs/contentslist/sspa/day5_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}
#box03 .daybox .title6 {	background: url(../imgs/contentslist/sspa/day6-7_title.gif) no-repeat;	height: 58px;	width: 500px;}
#box03 .daybox .title8 {	background: url(../imgs/contentslist/sspa/day8_title.gif) no-repeat;	float: left;	height: 60px;	width: 500px;}
#box03 .moviebox .movtitle {	background: url(../imgs/contentslist/sspa/movie_title.gif) no-repeat;	float: left;	height: 58px;	width: 500px;}

#box03 .daybox .txtarea {
	clear: both;
	padding-left: 65px;
	padding-top: 10px;
}
#box03 .daybox .txtarea .imgboxR {
	float: right;
	width: 185px;
	margin-left: 15px;
}
#box03 .daybox .txtarea .imgboxL {
	float: left;
	width: 185px;
	margin-right: 15px;
}
#box03 .daybox .txtarea .imgboxR img, #box03 .daybox .txtarea .imgboxL img {
	margin-bottom: 10px;
}
#box03 .daybox .txtarea p {
	font-size: 100%;
	line-height: 140%;
	color: #666666;
}
#box03 .daybox .txtarea .txtL {
	width:300px;
	float: left;
}
#box03 .daybox .txtarea .txtR {
	width:300px;
	float: right;
}
#box03 .daybox .txtarea span {
	font-size: 85%;
	line-height: 130%;
	color:#999999;
}
#box03 .daybox .arrow {
	font-size: 0px;
	line-height: 0px;
	background: url(../imgs/contentslist/sspa/day_arrow.gif) no-repeat;
	clear: both;
	height: 10px;
	margin-top: -10px;
}


#sspaHdl {
	background: url(../imgs/contentslist/sspa/bg-mcTop.jpg) no-repeat;
}
#sspaHdl .hdlLogo {
	padding: 38px 0px 75px 21px;
}
#sspaHdl h1 {
	background: url(../imgs/contentslist/sspa/hdr_logo.gif) no-repeat;
	height: 25px;
	width: 540px;
	font-size:0;
	text-indent:-9999px;
}
#sspaHdl h2 {
	background: url(../imgs/contentslist/sspa/hdr_logo2.gif) no-repeat;
	height: 20px;
	width: 426px;
	font-size:0;
	text-indent:-9999px;
}

#box04 {
	width:517px;
	margin-left: 108px;
	padding-bottom: 25px;}
*html #box04 {
	width:517px;
	margin-left: 108px;
	padding-bottom: 25px;
}
#box04 .rptChinaBox {
	background: url(../imgs/contentslist/sspa/rpt_china_bg.gif) repeat-y;
}
#box04 .rptChinaBox h3 {
	background: url(../imgs/contentslist/sspa/rpt_china.gif) no-repeat;
	height: 50px;
	font-size:0;
	text-indent:-9999px;
}
#box04 .rptChinaBox .txtarea {
	padding: 0px 14px 0px 30px;
}
#box04 .rptChinaBox .txtarea .imgboxL {
	float: left;
	width: 185px;
	margin-right: 15px;
}
#box04 .rptChinaBox .txtarea .txtR {
	width:270px;
	float: right;
	font-size: 100%;
	line-height: 140%;
	color: #666666;
}
#box04 .rptChinaBox .txtarea span {
	font-size: 85%;
	line-height: 130%;
	color:#999999;
}
#box04 .rptChinaBox .btm {
	font-size: 0px;
	line-height: 0px;
	background: url(../imgs/contentslist/sspa/rpt_china_btm.gif) no-repeat;
	clear: both;
	height: 14px;
}

#box03 .moviebox .movarea {
	clear: both;
	width: 505px;
	font-size: 100%;
	line-height: 140%;
	color: #666666;
	padding: 10px 0px 20px 65px;
}
#movie{
	padding:10px;
	background:url(../imgs/contentslist/sspa/player_bg.gif) no-repeat 0 0;
	width:500px;
	height:350px;
	margin-bottom: 20px;
}
#box03 .moviebox .movarea h3 {
	background: url(../imgs/contentslist/sspa/movie_title2.gif) no-repeat;
	height: 59px;
	width: 289px;
	font-size:0;
	text-indent:-9999px;
}
#box03 .moviebox .movarea h4 {
	font-size: 100%;
	font-weight: bold;
	color: #8fc31e;
	margin-top: 30px;
}
#box03 .moviebox .movarea p {
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d6d6d6;
}
#box03 .moviebox .movarea .info {
	font-size: 85%;
	line-height: 130%;
}
#box03 .moviebox .movarea .annotation {
	font-size: 85%;
	line-height: 130%;
	color:#999999;
}