@charset "UTF-8";

#top_contents{
	width:770px;
	float:left;
}
#top_main_flash{
	width:770px;
	margin-bottom:12px;
	height:382px;
}
#top_bn_area{
	clear: both;
	margin-top: 20px;
	width:770px;
}

#top_bn_larea{
	width:306px;
	float:left;
	background-color: #02050a;
}
#top_bn_larea ul{
	width:306px;
}

#top_bn_larea li{
	float:left;
}
#top_bn_larea img{
	vertical-align:top;
}


#top_bn_rarea{
	width:464px;
	float:right;
}
#top_bn_rarea ul.pattern{
	float:right;
	width:98px;
}

#top_bn_rarea li{
	float:right;
}
#top_bn_rarea img{
	vertical-align:top;
}




/*----------------------------------------
* contentsTopInfo
----------------------------------------*/
.contentsTopInfo{
	width:770px;
	height:411px;
	position:relative;
}
.contentsInfoMain{
	padding: 4px 0 6px;
	border: 1px solid #cacaca;
	background-color: #ffffff;
}

.contentsTopInfo.categoryTopInfo{
	width:700px;
	height:298px;
}

.contentsTopLongInfo{
	width:920px;
	margin:0 auto;
}

.contentsTopInfo .pager{
	width:770px;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
}

.contentsTopInfo.categoryTopInfo .pager{
	width:700px;
	background:url(/images/slide/ct_pager_bg.png) no-repeat left bottom;
}

.contentsTopLongInfo .pager{
	width:920px;
	background:url(/images/slide/cl_pager_bg.png) no-repeat left bottom;
}


.contentsTopInfo .pager ul{
	position:relative;
	top: 8px;
}

.contentsTopInfo .pager li{
	display:inline;
}

.contentsTopInfo .pager li a{
	display:inline-block;
	margin:0 5px;
	width:11px;
	height:11px;
	background:url(/images/slide/index_ex001.gif) no-repeat left top;
}

.contentsTopInfo .pager li a.current{
	background:url(/images/slide/index_ex002.gif) no-repeat left top;
}

.contentsTopInfo #slider{
	width:756px;
	height:368px;
	margin:0 auto;
	position:relative;
	-webkit-transform : translate3d(0,0,0);	
}

.contentsTopInfo .slider-view{
	width:756px;
	height:368px;
	position:relative;
	overflow:hidden;
	-webkit-transform : translate3d(0,0,0);
}

.contentsTopInfo.categoryTopInfo .contents{
	width:700px;
	height:260px;
}

.contentsTopLongInfo .contents{
	width:920px;
}


.contentsTopInfo #slider .slider-container {
    position: absolute;
    top: 0;
    left: 0;
}

.contentsTopInfo #slider .slider-container div {
    position: relative;
    float: left;
	width:756px;
	height:368px;
}
.contentsTopInfo .operation li{
	position:absolute;
	bottom:12px;
	width:27px;
	height:9px;
}
.contentsTopInfo .operation li.prev{
	left: 0;
	background:url(/images/works/prevBtn.gif) no-repeat left top;
}
.contentsTopInfo .operation li.next{
	right: 0;
	background:url(/images/works/nextBtn.gif) no-repeat right top;
}
.contentsTopInfo .operation li a{
	display: block;
	width:27px;
	height:9px;
}

* html .contentsTopInfo .operation ul {
	position: relative;
}
* html .contentsTopInfo .operation li.prev{
	top: 17px;
	font-size: 0;
}
* html .contentsTopInfo .operation li.next{
	top: 17px;
	font-size: 0;
}

/*----------------------------------------
* contentsInfo
----------------------------------------*/
.contentsInfo{
	width:950px;
	height:254px;
	background:url(/images/slide/box_bg_l.png) repeat-y left top;
	position:relative;
}

.contentsInfo.categoryInfo{
	width:700px;
	background:url(/images/slide/cat_b_box_bg.png) repeat-y left top;
}


.contentsInfo .header{
	width:100%;
	height:36px;
	background:#e41322;
	overflow:hidden;
	position:relative;
	line-height:1;
}

.contentsInfo.categoryInfo .header{
	background:#878787;
}

.contentsInfo .header h2{
	position:absolute;
	left:10px;
	top:8px;
}

.contentsInfo.categoryInfo h2{
	color:#ffffff;
	top:12px;
	font-size:133.3%;
}

.contentsInfo .header .nav{
	position:absolute;
	right:9px;
	top:5px;
	height:26px;
	background:url(/images/slide/bg_rpt.png) repeat-x left top;
}

.contentsInfo .header .nav .navInner{
	height:26px;
	padding-right:19px;
	background:url(/images/slide/bg_r.png) no-repeat right top;
}

.contentsInfo .header .nav ul{
	height:26px;
	padding-left:19px;
	background:url(/images/slide/bg_l.png) no-repeat left top;
}

.contentsInfo .header .nav li{
	float:left;
	display:inline;
	padding-right:15px;
	margin-right:15px;
	background:url(/images/slide/bar.png) no-repeat right center;
}

.contentsInfo .header .nav li.lastChild{
	background:none;
	padding-right:0;
	margin-right:0;
}

.contentsInfo .pager{
	position:absolute;
	bottom:0px;
	left:1px;
	width:948px;
	height:26px;
	background:url(/images/slide/pager_bg_l.png) no-repeat center top;
	text-align:center;
}

.contentsInfo.categoryInfo .pager{
	width:700px;
}

.contentsInfo .pager li{
	display:inline;
}

.contentsInfo .pager li a{
	display:inline-block;
	margin:0 4px;
	width:9px;
	height:18px;
	background:url(/images/slide/pager.png) no-repeat left top;
}

.contentsInfo .pager li a.current{
	background:url(/images/slide/pager_c.png) no-repeat left top;
}

.contentsInfo .operation li{
	position:absolute;
	top:100px;
	width:26px;
	height:49px;
}

.contentsInfo.categoryInfo .operation li{
	width:18px;
	height:71px;
}

.contentsInfo .operation li.next{
	right:0;
	background:url(/images/slide/next_off.png) no-repeat right top;
}

.contentsInfo.categoryInfo .operation li.next{
	background:url(/images/slide/cat_b_next_off.png) no-repeat right top;
}

.contentsInfo .operation li.prev{
	left:0;
	background:url(/images/slide/prev_off.png) no-repeat left top;
}

.contentsInfo.categoryInfo .operation li.prev{
	background:url(/images/slide/cat_b_prev_off.png) no-repeat left top;
}


.contentsInfo .contents{
	width:892px;
	height:172px;
	overflow:hidden;
	position:relative;
	top:10px;
	left:30px;
	-webkit-transform : translate3d(0,0,0);
}

.contentsInfo.categoryInfo .contents{
	width:655px;
	left:0;
	margin:0 auto;
}

.contentsInfo .contentsWrap{
	height:172px;
	-webkit-transform : translate3d(0,0,0);	
	positoin:absolute;
	top:0;
	left:0;
}

.contentsInfo .contents ul{
	/*position:relative;*/
	width:892px;
	position:absolute;
	top:0;
	left:0;
}

.contentsInfo .contents li{
	width:217px;
	text-align:center;
	background:url(/images/slide/thumb_rpt.png) repeat-y left top;
	line-height:1;
	float:left;
	display:inline;
	margin-right:8px;
}

.contentsInfo.categoryInfo .contents li{
	margin-right:2px;
}

.contentsInfo .contents li.lastChild{
	margin-right:0;
}

.contentsInfo .contents p{
	width:215px;
	overflow:hidden;
	text-align:left;
	background: #fff url(/images/slide/thumb_body.png) repeat-x center bottom;
	height:45px;
	margin:0 1px;
}

.contentsInfo .contents p a{
	margin:0 15px;
	display:block;
	line-height:1.4;
	font-weight:bold;
}

.contentsInfo .contents p.thumb{
	text-align:center;
	background:url(/images/slide/thumb_top.png) no-repeat center bottom;
	padding-bottom:2px;
	margin-bottom:5px;
	height:121px;
}

.contentsInfo .contents p.thumb a{margin:0;}




/* mainVisual
=========================================*/
#mainVisual {
	position: relative;
	clear: both;
	width: 464px;
	height: 410px;
	padding-top: 7px;
}

/* slideWrap */
#mainVisual #slideWrap {
	position: absolute;
	top: 40px;
	left: 0;
	height: 372px;
	overflow: hidden;
	z-index: 1;
}

#mainVisual #slideWrap li.slide{
	display: inline;
	float:left;
	margin: 0 0 10px 12px;
	font-size: 0;
	background: #000000;
}

#mainVisual #slideWrap li.thumbnail{
	display: inline;
	float:left;
	margin: 0 0px 10px 12px;
	background: #000000;
}

#mainVisual #slideWrap li.banner{
	display: inline;
	float:left;
	margin: 0 0 10px 12px;
	font-size: 0;
	background: #000000;
}


/* mainVisualNav */
#mainVisualNav {
	clear: both;
	margin: 0 0 0 12px;
}
#mainVisualNav h2 {
	float: left;
	margin: 0 111px 15px 0;
}
#mainVisualNav ul {
	overflow: hidden;
	zoom: 1;
}
#mainVisualNav li {
	display: inline;
	float: left;
	margin: 8px 0 0 11px;
	font-size: 0;
}

/* previousBtn */
p#prev{
	width: 27px;
	height: 9px;
	top: 16px;
	left: 322px;
	z-index: 100;
	position: absolute;
	background-image: url(/images/works/prevBtn.gif);
	font-size: 0;
}

/* nextBtn */
p#next{
	width: 27px;
	height: 9px;
	top: 16px;
	left: 435px;
	z-index: 80;
	position: absolute;
	background-image: url(/images/works/nextBtn.gif);
	font-size: 0;
}

/* topTopics
------------------------------------*/
.topTopics {
	position: relative;
	padding: 13px;
	border: 1px solid #cacaca;
	background-color: #ffffff;
}
.topTopics dl {
	margin-top: 10px;
}
.topTopics dt {
	clear: both;
	float: left;
	margin-right: 15px;
	color: #417fc4;
}
.topTopics dd {
	overflow: hidden;
	zoom: 1;
}
.topTopics .backnumber {
	position: absolute;
	top: 11px;
	right: 13px;
	padding-left: 11px;
	background: url(../img/index_ic001.gif) no-repeat 0 0.5em;
}


.topTopics dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .topTopics dl {/* IE6 hack */
	zoom: 1;
} 
*:first-child+html .topTopics dl {/* IE7 hack */
	zoom: 1;
}