@charset "utf-8";
body {
	margin-top:0;
	margin-left:0;
	padding-top:0;
	background-color:#000; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#FFF;
}

img {border:none
}

a {color:#FFF;
text-decoration:none
}

/*     */

#container {
	width: 950px;
}

/*header*/

#header ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#header li {
	list-style-type:none;
	float:left;
}

/*mainV*/
#mainv {
	width:762px;
	height:333px;
	float:left;
	background-image:url(../imgs/mainv_base.jpg);
	text-align:center;
	padding-top:10px
}
#mainv img{
	margin-top:10px;
}
	
#banner {
	width:187px;
	height:343px;
	float:right;
	background-image:url(../imgs/bn_base.jpg)
}
#banner ul {
	margin:0 0 0 0;
	padding:12px 0 0 8px;
}
#banner li {
	list-style-type:none;	
	line-height:3px;
}


/*left doc*/
#topics {
	width:464px;
	height:208px;
	float:left;	
	background-image:url(../imgs/topics_base.gif);
}
#topics ul{
	line-height:19px;
 	margin:5px 0 0 40px;


}


#topics li#red {
	background-image:url(../imgs/icon_recruit.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0 0 0 -50px;
	background-position:left 3px;
	padding-left:55px;

}
#topics li#blue {
	background-image:url(../imgs/icon_news.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0 0 0 -50px;
	background-position:left 3px;
	padding-left:55px;


}



#topics li a:hover {
	background-color:#CCC;
	display:block;
}


.backnum{
	text-align:right;
	margin:0 5px 0 0;
}
.line01{
	width:450px;
	height:1px;
	background-color:#dbdbdb;
	margin:auto;
}

/*IE7*/
*:first-child+html #topics ul{	margin:5px 0 0 70px;
line-height:18px;

}



/*right doc*/

#recommend {
	width:479px;
	height:141px;
	float:right;
	background-image:url(../imgs/recommend_base.gif);
}
#recruitbnr {
	width:478px;
	height:66px;
	float:right;
}

#recommend ul {
	margin:0 0 0 0;
	padding:8px 0 0 8px;
}
#recommend li {
	float:left;
	list-style-type:none;	
}

/*contents*/

#contents {
	clear:both;
	padding-top:5px;
}

#contents ul{
	float:left;
	margin:0 8px 0 0;
	padding:0 0 0 0;
	list-style:none;
	line-height:16px;
}


#contents li {
	background-image:url(../imgs/icon01.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:15px;
}

#contents li a:hover{
	background-color:#666;
}

#contents img {
	float:left;
	margin:0 5px 0 0}
	
.product{
	width:290px;
	float:left;
	margin:15px 0 0 5px;
}

.product a{
	display:block;
}

.recruit{
	width:350px;
	float:left;
	margin:15px 0 0 0;
}
.recruit a{
	display:block;
}
.company{
	width:285px;
	float:left;
	margin:15px 0 0 0;
}
.company a{
	display:block;
}
	
	
/*footer*/	
#footer{
	margin:0 0 5px 0;
}

#footer ul {
	margin:0 0 0 0;
	padding:20px 0 0 0;
	float:right;
}
#footer li{
	list-style-type:none;
	float:left;
}
#footer li #right {
	list-style-type:none;
	float:left;
}
.license{
	clear:left;
	float:left;
	margin:5px 0 5px 5px;
}
.copyright{
	float:right
}
.icon_new{
	width:49px;
	height:18px;
	background:url(../imgs/icon_new.gif);
}

/*scroll*/	

            a.jScrollArrowUp { background:url("../imgs/basic_arrow_up.gif") repeat-x 0 0; }
            a.jScrollArrowUp:hover { background-position:0 -15px; background:url("../imgs/basic_arrow_up_ov.gif");}
            a.jScrollArrowDown { background:url("../imgs/basic_arrow_down.gif") repeat-x 0 0; }
            a.jScrollArrowDown:hover { background-position:0 -5px; background:url("../imgs/basic_arrow_down_ov.gif");}
            a.jScrollActiveArrowButton,
            a.jScrollActiveArrowButton:hover { background-position:0 -30px; }
            .orange-bar .jScrollPaneTrack { background:#f60; }
            .orange-bar .jScrollPaneDrag { background:#00f url("img/ajax/drag_grab.gif") no-repeat 50% 50%; }
            .orange-bar .scroll-pane { background:#69f; }
            .scroll-pane { width:455px; height:200px; overflow:auto; float:left; }
            .wide { width:400px; }
            .super-wide { width:700px; }
            .tall { height:400px; }
            #pane1 { height:150px; }
            #pane2.scroll-pane { width:400px; }
#topics li#green {
	background-image:url(../imgs/icon_profile.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0 0 0 -50px;
	background-position:left 3px;
	padding-left:55px;
}