@charset "utf-8";

/* ==================== Dream ワークスカテゴリ用 ==================== */

/* ベース */

#worksCntBox { }

#worksCntBox h2#new {
	width:520px;
	height:70px;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(/spe/works/images/works_tit.gif) no-repeat top left;
	text-indent:-999px;
}

#worksCntBox h2 {
	width:520px;
	height:70px;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(/spe/works/images/works_tit_old.gif) no-repeat top left;
	text-indent:-999px;
}

div#guestBox {
	width:500px;
	margin:0px auto 1px auto;
	padding:0px;
}

div#topProfBox {
	width:470px;
	margin:10px auto 30px auto;
	padding:0px;
}
div#topProfBox div#prof {
	width:430px;
	margin:1px auto 0px auto;
	padding:20px;
	border:1px solid #ccc;
}
div#topProfBox div#prof p { margin:0px 0px 15px 0px; }
div#topProfBox div#prof p#bnts { margin:0px; text-align:center; font-size:10px; }
div#topProfBox div#prof p#bnts strong { letter-spacing:1px; color:#F60; }


#worksCntBox table { margin:0px auto 30px auto; width:500px; }
#worksCntBox table tr th { padding:5px 7px; }
#worksCntBox table tr td { font-size:10px; padding:5px 7px;  border-bottom:1px dotted #999; }
#worksCntBox table tr td p { font-size:10px;margin:0px 0px 5px 0px; }

p#his { 
	width:460px;
	margin:0px auto 30px auto;
	padding:0px 20px 20px 20px;
	background:url(/spe/tatsujin/images/column_bg_003.gif) no-repeat bottom left;
	font-size:11px;
}

p#profile { 
	width:480px;
	margin:0px auto 15px auto;
	padding:20px 0px 20px 5px;
	font-size:11px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

div#dcolumn div { height:540px; overflow:auto; }
div#dcolumn h3 { font-size:14px; margin:20px 0px 30px 0px !important; }
div#dcolumn p#nextUpdate { text-align:right; color:#F60; padding-right:15px; }

div#dcolumn p.point1 { background:url(/spe/works/images/workd_point_img_002.gif) no-repeat; padding:10px 0px 0px 35px; margin:0px 0px 10px 0px; color:#666; }
div#dcolumn p.point2 { background:url(/spe/works/images/workd_point_img_003.gif) no-repeat; padding:10px 0px 0px 35px; margin:0px 0px 10px 0px; color:#666; }
div#dcolumn p.point3 { background:url(/spe/works/images/workd_point_img_004.gif) no-repeat; padding:10px 0px 0px 35px; margin:0px 0px 10px 0px; color:#666; }
div#dcolumn p.point1 strong,div#dcolumn p.point2 strong,div#dcolumn p.point3 strong { color:#3b3290; }

div#dcolumn div p{
	line-height:1.8em;
	color:#333;
}

.pager_examples div p { margin:0px 0px 30px 0px; }
.pager_examples div p span { color:#999; }

.pager_examples .nav {
	height:40px !important;
	overflow:hidden;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: url(/dreamland/column/images/column_bg_002.gif) no-repeat top left;
	/*background:#EEEEEE none repeat scroll 0 0;
	border-top:1px solid #999999;*/
	padding:10px 5px 5px 5px;
	text-align:center;
}

.pager_examples .nav a {
padding:0 5px;
}

.pager_examples .nav a.highlight {
color:#000000;
font-weight:bold;
}

/* column sub */

/*#lNavi{
	width: 200px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background-image: url(/common/images/sub_frame001_bg.gif);
	background-repeat: repeat-y;
}

#lNaviFrame{
	width: 200px;
	margin: 0px;
	padding: 12px 0px 0px 0px;
	background-image: url(/common/images/sub_frame001_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
}*/

#columnSub{
	width: 200px;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	background-image: url(/common/images/sub_frame001_bg.gif);
	background-repeat: repeat-y;
}

#columnSub h2{
	width: 200px;
	margin: 0px;
	padding: 12px 0px 0px 12px;
	background-image: url(/common/images/sub_frame001_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#columnSub .carousel01{
	width: 180px;
	margin: 0px auto;
	padding: 0px;
}

#columnSub ul.contentsWindow{
	width: 180px;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}

#columnSub ul.contentsWindow li{
	width:180px;
	height:110px;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:11px;
	line-height:1.2em;
}

#columnSub ul.contentsWindow li a.lnaviLink{
	display:block;
	width:180px;
	text-align:right;
	overflow: hidden;
}

#columnSub .contentsEnd{
	width: 190px;
	height: 30px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	background-image: url(/common/images/sub_frame001_end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:right;
}

#columnSub .arrowTop{
	width: 190px;
	height: 30px;
	margin: 0px 20px 0px 0px;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	text-align:right;
}

/*#columnSub .arrowBottom{
	position: absolute;
	top: 24px;
	right: 8px;
}*/