/***************************************************************

* index.css

***************************************************************/
#wrapper {
	background: url(../img/bg_carbon.png)!important;
}

/* common
***************************************************************/
.column {
	color: #CCC;
	margin: 0 0 50px;
	position: relative;
}
.column p.btn {
	position: absolute;
	top: 0;
	right: 0;
}
.column a {
	color: #FFF;
	text-decoration: none;
}
.column a:hover {
	color: #FFF;
	text-decoration: underline;
}
.column h2 {
	margin: 0 0 20px;
}
.column  li {
	padding: 0 10px 7px;
	margin: 0 0 7px;
	background: url(../img/dot.gif) repeat-x left bottom;
}
.column li {
    zoom:1;
}
.column li:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

/* w1
***************************************************************/
#w1 {
	background: url(../img/bg_gradation.jpg) no-repeat center top;
}
#w2 {
	width: 1000px;
	margin: 0 auto;
}
#content {
	padding-top: 0;
}
/* top-banner
***************************************************************/
#top-banner {
	position: relative;
	margin: 0 0 30px;
	width: 760px;
	height: 505px;
}
#top-banner #logo {
	position: absolute;
	top: 0;
	left: 0;
}
#top-banner li {
	background-color: #FFF;
}
#top-banner #tb1 {
	position: absolute;
	top: 5px;
	left: 255px;
}
#top-banner #tb1 #cycle {
	width: 505px;
	height: 245px;
	background-color: #FFF;
	position: relative;

}
#top-banner #tb1 #cycle-nav {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
}
#top-banner #tb1 #cycle-nav li {
	float: left;
	margin: 0 0 0 5px;
}
#top-banner #tb1 #cycle-nav a {
	display: block;
	width: 20px;
	height: 20px;
	background-color: #000;
	border: 1px solid #c00;
	text-indent: -5000px;
}
#top-banner #tb1 #cycle-nav a:hover,
#top-banner #tb1 #cycle-nav a.activeSlide {
	background-color: #999;
	border: 1px solid #c00;
}
#top-banner #tb1 #fram {
	position: absolute;
	z-index:100;
}
#top-banner #tb2 {
	position: absolute;
	top: 255px;
	left: 0;
}
#top-banner #tb3 {
	position: absolute;
	top: 420px;
	left: 255px;
}
#top-banner #tb4 {
	position: absolute;
	top: 335px;
	left: 510px;
}
#top-banner #tb5 {
	position: absolute;
	top: 420px;
	left: 510px;
}
#top-banner #tb6 {
	position: absolute;
	top: 255px;
	left: 255px;
}
#top-banner #tb7 {
	position: absolute;
	top: 255px;
	left: 510px;
}
#top-banner #tb8 {
	position: absolute;
	top: 335px;
	left: 255px;
}

#banner1 {
	margin: 0 0 20px;
}
#banner3 {
	margin: 0 0 30px;
}
#banner2 {
	width: 520px;
	overflow: hidden;
	margin:0 -20px 20px 0;
	_zoom:1;
}
#banner2 li {
	float: left;
	margin: 0 20px 0 0;
}
#sokuho-banner {
	margin: 0 0 20px;
}
#sokuho-banner p.sokuho-date {
	text-align: center;
	background-color: #000;
	padding: 5px;
}
#contest-banner {
	margin: 0 0 30px;
}

#traffic-info {
	margin: 0 0 20px;
}
#traffic-info h3 {
	margin: 0 0 20px;
}
#traffic-info p {
	text-align: center;
}
#traffic-info p.ico {
	margin: 0 0 10px;
}
/* sponsor
***************************************************************/
#sponsor {
	width: 620px;
	height: 150px;
	margin: 0 -30px 30px 0;
	background: url(../img/bg_sponsor.gif) no-repeat;
	padding: 30px 70px;
}
#sponsor ul {
	width: 651px;
	margin: 0 -31px 0 0;
	overflow: hidden;
	_zoom:1;
}
#sponsor li {
	float: left;
	margin: 0 30px 30px 0;
}

/* topics
***************************************************************/


#topics,#hot_news {
	position: relative;
}

#topics li span.date,
#hot_news li span.date {
	width: 80px;
	display: block;
	float: left;
}
#topics li a,
#hot_news li a {
	display: block;
	float: left;
}
#topics li img.ico,
#hot_news li img.ico {
	margin:0 0 0 10px;
	vertical-align: middle;
}

/* exhibitors
***************************************************************/
#exhibitors li span.date {
	width: 90px;
	display: block;
	float: left;
}
#exhibitors li a {
	display: block;
	float: left;
	line-height: 180%;
}
#exhibitors li img.ico {
	margin:0 0 0 10px;
	vertical-align: middle;
}


/* pickup-exhibitors
***************************************************************/
#pickup-exhibitors li a {
	width: 650px;
	display: block;
	float: right;
}
#pickup-exhibitors li span.date {
	width: 90px;
	display: block;
	float: left;
}

/* editor-note
***************************************************************/
/*
#editor-note li {
	line-height: 40px;
}
#editor-note li span.date {
	width: 90px;
	display: block;
	float: left;
}
#editor-note li img.ico {
	display: block;
	float: left;
	margin: 0 20px 0 0;
}
#editor-note li img.ico02 {
	margin:0 0 0 10px;
	padding:10px 0 0;
	vertical-align:top;
}
#editor-note li a {
	width: 620px;
	display: block;
	float: right;
}
*/
#editor-note .inner {
	padding: 0 10px 15px;
	margin: 0 0 15px;
	background: url(../img/dot.gif) repeat-x left bottom;
}
#editor-note .col1 {
	width: 100px;
	float: left;
}
#editor-note .col2 {
	width: 360px;
	display: block;
	float: right;
}
#editor-note .col2 p {
	margin: 0 0 7px;
}
#editor-note .col2 span,
#editor-note .col2 img {
	margin: 0 7px 0 0;
	vertical-align: middle;
}


#cm-movie {
	margin: 0 0 30px;
}
#cm-movie h3 {
	margin: 0 0 20px;
}

/* tweet contaciner
***************************************************************/
#twitter-ticker h3 {
	margin: 0 0 20px;
}
#tweet-container {
	height: 780px;
	overflow: hidden;
}
#tweet-container a {
	color: #33ccff;
}
#tweet-container li {
    zoom:1;
	padding: 0 0 10px;
	margin: 0 0 10px;
	background: url(../img/dot.gif) repeat-x left bottom;
	word-break:break-all;

}
#tweet-container li:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
	width: 0px;
}
#tweet-container span.sp1 {
    display: block;
    width: 50px;
    float: left;
}

#tweet-container span.sp2 {
    display: block;
    width: 160px;
    float: right;

}

/* jScrollPane
***************************************************************/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:#656565;
}
.jScrollPaneDrag {
	position: absolute;
	background: #c1c1c1;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	display: none
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}