@charset "UTF-8";

/*
======== CONTENTS =========

toppage.css
last-updated:2008/04/02


===========================
*/

/*
===== font ======
*/
.watcheword p {
	font-size: 80%;
	line-height: 1;
}
#pickup_list p ,
#corner_list p ,
#other_list li
{
	font-size: 90%;
	line-height: 1.2;
}

#news_list li,
#news_list .morelist p ,
#update_list .morelist p,
#other_list .morelist p,
#corner_list .morelist p
{
	font-size: 80%;
	line-height: 1.2;
}

.series_item ul.newnum li
{
	font-size: 80%;
	line-height: 1.2;
	margin-bottom: 10px;
}

#pickup_list dd,
#corner_list dd
{
	font-size: 77%;
	line-height: 1.3;
	margin-bottom:3px;
}

#news_list dd
{
	font-size: 80%;
	line-height: 1.3;
	margin-bottom:3px;
}


#corner_list dt
{
	font-size: 90%;
	line-height: 1.3;
}

.series_item ul.newnum li p{
	font-size: 89%;
	line-height: 1.2;
	color:#666;
}

.series_item ul.backnum li
{
	font-size: 77%;
	line-height: 1.2;
}


.newnum .summary_image{
	float:right;
	border: #CCCCCC solid 1px;
	padding:1px;
	margin:5px 0 0 5px;
}




/*
===== pickup_list ======
*/

#pickup_list dl{
	margin:8px 0 6px 5px;
	clear: both;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:3px;
}


#pickup_list dt{
	margin:0 0 6px 0;
	font-weight: bold;
	clear: both;
}

#pickup_list dt img{
	margin-left:2px;
	vertical-align:middle;
}

#pickup_list dd.summary_image{
	float:left;
	border: #CCCCCC solid 1px;
	padding:1px;
	margin-right:5px;
}


#pickup_list dd.summary_text{
	margin:2px 0 6px 0;
	font-size: 12px;
	line-height: 1.3em;
}
#pickup_list dd.summary_text p{
	font-size: 12px;
	line-height: 1.3em;
}


#pickup_list:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#pickup_list{
	border: solid 1px #B9D1F0;
	margin: 0px 0 12px 0;
	padding:6px 8px;
	color: #333;
	background: #F7F7F7 url(/cz/static/common/images/lead_bg.png) repeat-x;
	display: block;
}



/*
===== news_list ======
*/


#news_list {
	clear: both;
}

#news_list ul{
	padding: 4px 0 4px 0;
}

#news_list li{
	list-style: none;
	background: url(/cz/static/common/images/b-01.gif) no-repeat 0.4em 0.3em;
	padding: 2px 0 2px 22px;
}

#news_list .date{
	color:#666
}

#news_list .morelist {
	text-align:right;
}


#news_list .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}


.news_date_line
{
	margin:8px 0px 8px 0px;
	padding:0px 0px 2px 2px;
	font-size:80%;
	font-weight:bold;
	border-bottom:dotted 1px #999999;
}

#news_list dl{
	margin:8px 0 6px 5px;
	clear: both;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:3px;
}

#news_list dt{
	margin:0 0 6px 0;
	font-weight: bold;
	clear: both;
}

#news_list dt img{
	margin-left:2px;
	vertical-align:middle;
}

#news_list dd.summary_image{
	float:left;
	border: #CCCCCC solid 1px;
	padding:1px;
	margin-right:5px;
}


#news_list dd.summary_text{
	margin:2px 0 6px 0;
	line-height:1.6;
	letter-spacing: 1px;
}


#news_list dd.writer{
	text-align:right;
}


/*
===== update_list ======
*/
#update_list {
	clear: both;
}

#update_list ul{
	padding: 4px 0 0 5px;
}

#update_list li{
	list-style: none;
	padding: 3px 0 3px 0;
	font-size:90%;
}

#update_list li a{
	font-weight: bold;
}

#update_list .morelist {
	text-align:right;
}

#update_list .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}

/*
===== series_item ======
*/
.series_item {
	clear:both;
	margin: 2px 0 12px 0;
}

.series_item .morelist {
	text-align:right;
}

.series_item .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}

.series_item .series_item_l{
	float:left;
	width:49%;
}

.series_item .series_item_r{
	float:right;
	width:49%;
}

.series_item .itemtitle {
	margin-bottom:6px;
	background: #3A568F url(/cz/static/common/images/item_bgh.png) repeat-x ;
	padding:2px 0 0 10px;
	border-bottom: 2px solid #3A568F;
}

.series_item .itemtitle_text {
	background: #fff url(/cz/static/common/images/item_bg.png) repeat-x;
	display: block;
	padding:5px 0 5px 8px;
	font-size: 90%;
	color:#000;
	font-weight: bold;
}

.series_item ul{
	margin-bottom:2px;
}

.series_item li{
	list-style: none;
	background: url(/cz/static/common/images/b-03.gif) no-repeat 0.4em 0.3em;
	padding: 2px 0 2px 18px;
	font-size: 12px;
	line-height: 1.3em;
}

.series_item ul.newnum li p{
	margin:4px 0;
	font-size: 12px;
	line-height: 1.3em;
	color:#000;
}


.series_item .banner {
	float:right;
	margin-left:4px;
}


.series_item p {
	font-size: 80%;
	line-height: 1.4;
	}
	
.series_item .link {
	margin-bottom: 0px;
	text-align: right;
	background-image: url(/cz/static/common/images/b-02.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
	font-size: 80%;
}

.series_item .sponsored {
	text-align: right;
	margin-bottom: 5px;
	font-size: 80%;
	display: block;
}


/*
===== other_list ======
*/
#other_list{
	clear: both;
	margin: 0px 0px 12px 0;
	padding: 4px 0 4px 0;
	border-top: solid 1px #B9D1F0;
	border-bottom: solid 1px #B9D1F0;
	border-left:dotted 1px #CCCCCC;
	border-right:dotted 1px #CCCCCC;
}

#other_list ul{
	padding: 2px 0 6px 10px;
	border-bottom: solid 1px #E3E3E3;
	margin-bottom: 4px;
}

#other_list li{
	display: inline;
	list-style: none;
	padding:0 6px 0 0;
}

#other_list li a{
	font-weight:bold;
}

#other_list .morelist {
	text-align:right;
}

#other_list .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}

/*
===== float list ======
*/
#news_list .news_list_l{
	float:left;
	width:49%;
}

#news_list .news_list_r{
	float:right;
	width:49%;
}


/*
===== corner_list ======
*/

#corner_list dl{
	margin:8px 0 6px 5px;
	clear: both;
	border-bottom:#CCCCCC 1px dotted;
	padding-bottom:5px;
}

#corner_list dt{
	margin:0 0 6px 0;
	font-weight: bold;
	clear: both;
}

#corner_list dt img{
	margin-left:2px;
	vertical-align:middle;
}

#corner_list dd.summary_image{
	float:left;
	border: #CCCCCC solid 1px;
	padding:1px;
	margin-right:5px;
}


#corner_list dd.summary_text{
	margin:2px 0 6px 0;
	line-height:1.6;
	letter-spacing: 1px;
}


#corner_list dd.writer{
	text-align:right;
}


#corner_list .morelist {
	text-align:right;
}

#corner_list .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}


#corner_list .morelist .back a {
	background: url(/cz/static/common/images/b-04.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}


/*
=====  clearfix ===========================
*/


.series_item:after, #searcharea:after,.app:after, #pickup_list dl:after, #corner_list dl:after {
	content: url(/cz/static/common/images/spacer.gif);
	display: block;
	height: 0; 
	clear: both;
	visibility: hidden;
}

.series_item, #searcharea,.app, #pickup_list dl, #corner_list dl{
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html .series_item, * html #searcharea, * html .app, * html #pickup_list dl {height: 1%;}
.series_item, #searcharea,.app,#pickup_list dl,#corner_list dl {display: block;}
/* End Holly Hack */


/*job*/

#job a{
	background: url(/cz/static/common/images/b-01.gif) no-repeat 0 0.3em;
	padding: 2px 0 2px 17px;
	border:0px solid black;
	font-size: 80%;
	line-height:1.3em;
	margin:0px 0px 4px;
	text-align:left;
}

#job .txt {
	font-size: 80%;
	line-height:1.3em;
	color:#666666;
	padding-left:17px;
}

#job .morelist {
	text-align:right;
}

#job .morelist a{
	background: url(/cz/static/common/images/b-02.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}


#job .morelist .back a {
	background: url(/cz/static/common/images/b-04.gif) no-repeat 0 0.3em;
	padding: 0 6px 0 12px;
}

/*adlink*/
.adlink {
background-color:#FFFFFF;
background-image:url(/cz/static/common/images/adlink.gif);
background-position:right bottom;
background-repeat:no-repeat;
margin-bottom:5px;
margin-left:5px;
padding-bottom:10px;
padding-top:5px;
}

.adlink .link {
background-image:url(/cz/static/common/images/b-mini.gif);
background-position:left 50%;
background-repeat:no-repeat;
font-size:10.5px;
line-height:150%;
margin-bottom:0;
padding:0 10px 0 7px;
}