@charset "utf-8";

/*==============================================*/
/* categoryInfo
/*==============================================*/

#categoryInfo{ border-top:1px solid #CCC;}
#categoryInfo .sectionItem{border-bottom:1px solid #CCC; margin-bottom:0; position:relative;}

#categoryInfo a.dataBox{
	display:block;
	padding-top:48px;
	padding-bottom:20px;
	color:#4d4d4d;
	background:url(../../img/frame/stripe_white_transmit.gif) repeat 0 0;
	text-decoration:none;
}
#categoryInfo h2{position:absolute; top:15px; left:15px;}
#categoryInfo .sectionItem span{margin:0 15px;}
#categoryInfo .sectionItem span{display:block;}


/*==============================================*/
/* cgiList
/*==============================================*/
#cgiList .sectionBox{
	margin-bottom:8px;
	border:1px solid #BFE8F8;
	height:84px;
	_height:90px;/*for IE6*/
	padding-top:4px;
	overflow:hidden;
	background:#FFF url(../../works/cgi/img/works_over2.gif) no-repeat right 0;
	position:relative;
}
#cgiList .sectionBox a,#cgiList .sectionBox a em,#cgiList .sectionBox a span{display:block;}
#cgiList .sectionBox a{z-index:100; width:100%; padding-top:4px; height:76px; position:absolute; top:4px; left:0;}
#cgiList .sectionBox a,
#cgiList .sectionBox a:hover{color:#4D4D4D; text-decoration:none;}
#cgiList .sectionBox a em,
#cgiList .sectionBox a span{padding:0 8px 0 327px; }
#cgiList .sectionBox a em{margin-bottom:5px;}
#cgiList .sectionBox a span{font-size:77%; font-family:  Helvetica, Arial, sans-serif;}

#cgiList .sectionBox .thumb{line-height:0; display:inline-block; }
#cgiList .sectionBox .hidden{ display:block;}


#cgiListB { line-height:1.2em; }
#cgiListB li{ margin-bottom:5px; }
#cgiListB h2{ margin-bottom:10px; }
#cgiListB .sectionBox{ margin-bottom:30px; }


#navCgi { position:relative; }

#navCgi ul { position: absolute; top:-45px; right:0; }

#navCgi a,
#navCgi span { display:block; overflow:hidden; width:103px; height:25px; }

#navCgi span { text-indent:-777px; }

#navCgi li a{ background: url(../cgi/img/nav/btn_cgi.png) no-repeat 0 0; }

#navCgi .navList a       { background-position:0px 0px; }
#navCgi .navList a:hover { background-position:0px -25px; }

#navCgi .navCgiTop a       { background-position:-103px 0px; }
#navCgi .navCgiTop a:hover { background-position:-103px -25px; }

ul.navList { margin-bottom:10px;}

.navBackTop {}
.navBackNumber { text-align:right; }

/*==============================================*/
/* wfType
/*==============================================*/

* html .wfWebListA{display:inline-block;}/*for IE6*/
*:first-child+html .wfWebListA{margin-bottom:30px;}/*for IE7*/

.wfWebListA .floatBox{line-height:0; margin-right:30px; margin-bottom:30px;}

.wfArchive .floatBox{line-height:0; margin-right:36px; margin-bottom:30px;}