@charset "UTF-8";

/* specialCSS Document */

/*■■■■layout■■■*/
div#contents_special {
	background:#fff8f3;
	border-right: 1px solid #ffab5e;
	border-bottom: 1px solid #ffab5e;
	border-left: 1px solid #ffab5e;
	padding-bottom: 10px;
}
div#leftside {
	width: 618px;
	float:left;
}
div#rightside {
	width: 256px;
	float:right;
}

div#contents_special div.main_contents{
	width: 612px;
	margin:0px auto;
	padding:5px 0px 5px;
}
div#contents_special div.sub_contents{
	width: 250px;
	margin:0px auto;
	padding:5px 0px 5px;
}
div#contents_special h1.speacil{
	width: 612px;
	height:30px;
	margin:0px auto;
	background: url(/special/images/title.gif);
}
div#contents_special h2.year{
	padding:2px 10px 2px 10px;
	margin: 15px 5px 2px;
	border-left: 5px solid #E37C00;
	background:#FFFFCC;
}

/*-----programlist-----*/
div#contents_special div.programlist{
	width: 610px;
	margin:5px auto;
	background:#fff url(/program/images/bg_bottom.jpg) no-repeat left bottom;
}
div#contents_special div.programlist div.program{
	width: 610px;
	background: url(/program/images/bg_top.jpg) no-repeat left top;
}
div#contents_special div.programlist h2{
	padding:10px 20px 0px;
}

div#contents_special div.programlist p.oatime{
	padding:0px 20px 10px;
}
div#contents_special div.programlist div.left{
	width: 250px;
	float:left;
}
div#contents_special div.programlist div.left p.img{
	width: 230px;
	margin:0px auto;
	padding-bottom:5px;
}
div#contents_special div.programlist div.left p.img img{
	border: 5px solid #ddd;
}
div#contents_special div.programlist div.left p.img a:hover img{
	border: 5px solid #fff;
}
div#contents_special div.programlist div.left p.link{
	width: 220px;
	margin:0px auto;
	padding:5px;
}
div#contents_special div.programlist div.left p.link a{
	background: url(/program/images/sitelink.gif) no-repeat 0px 0px;
	display: block;
	height: 19px;
	width: 129px;
}
div#contents_special div.programlist div.left p.link a:hover{
	background: url(/program/images/sitelink.gif) no-repeat 0px -19px;
}

div#contents_special div.programlist div.right{
	width: 345px;
	float:right;
	padding-right:10px;
}
div#contents_special div.programlist div.right h3{
	padding:2px 10px;
	background:#dcdcdc;
}
div#contents_special div.programlist div.right p{
	padding:5px 5px 10px;
}


div#contents_special div.sub_contents p{
	padding-bottom:5px;
}





/*-----specialmore-----*/
div#contents_special div.specialmore
{
	width: 610px;
	margin:5px auto;
	padding-bottom:5px;
}
div#contents_special div.specialmore div.list
{
	clear:both;
	margin-top:10px;
}
div#contents_special div.specialmore div.left
{
	width: 200px;
	float:left;
}
div#contents_special div.specialmore div.left p.img{
	padding-bottom:10px;
}
div#contents_special div.specialmore div.right
{
	width: 405px;
	float:right;
}

div#contents_special div.specialmore h3
{
	padding:2px 10px;
	border:1px solid #ffb96e;
	background:#fff9f5;
	clear:both;
}
div#contents_special div.specialmore div.right p{
	padding:5px 5px 10px;
}



div#contents_special div.specialmore div.cat
{
	width: 600px;
	margin:5px auto;
	padding-bottom:10px;
	clear:both;
	background: url(../special/images/bg.gif) no-repeat left top;
}
div#contents_special div.specialmore div.cat h4
{
	text-align:center;
	float:right;
	padding:3px 10px 0px;
	width:250px;
	height:20px;
}
div#contents_special div.specialmore div.cat p
{
	padding:5px 10px;
	clear:both;
}
div#contents_special div.specialmore div.cat img
{
	float:left;
	margin:5px;
}

div#contents_special div.specialmore div.back{
	clear:both;
}
div#contents_special div.specialmore div.back p{
	text-align:center;
	padding:5px 5px 10px;
}



/*■■■■font■■■*/
div#contents_special div.programlist h2{
	font-size:16px;
	font-weight:bold;
}
div#contents_special h2.year{
	font-size:90%;
	font-weight:bold;
	color:#E37C00;
}
div#contents_special div.programlist p,
div#contents_special div.programlist h3,
div#contents_special div.specialmore div.cat h3{
	font-size:80%;
}{
	font-size:80%;
}
div#contents_special div.programlist p.oatime{
	font-size:11px;
	color:#666;
}


div#contents_special div.specialmore div.cat h4
{
	font-size:12px;
	font-weight:bold;
}
div#contents_special div.specialmore h3{
	font-size:80%;
}