@charset "utf-8";
/* CSS Document */



div#main div.top_box{
	padding:0px 10px 5px;
	}

div#main div.ranking,
div#main div.category{
	width:700px;
	margin:0px auto;	
	}
	
/****************************************
	btn
****************************************/

div#main div.btn_w3{
	margin:5px auto 0px;;
	width:510px;
	}

div#main div.btn_w3 ul{
	list-style-type: none;
	padding-left: 0px;
	}

div#main div.btn_w3 ul li{
	display: inline;
	float:right;
	margin-right:4px;
	text-align:center;
	height:25px;
	}

div#main div.top_box div.box_left div div.box_right ul.top_btn{
	padding-left: 0px;
	}

div#main div.top_box div.box_left div div.box_right ul.top_btn li{
	display: inline;
	float:right;
	margin-right:4px;
	}

/****************************************
	bnr
****************************************/
div#main div.bnr_w4{
	margin:5px auto 0px;
	width:690px;
	}

div#main div.bnr_w4 ul{
	list-style-type: none;
	padding-left: 5px;
	}

div#main div.bnr_w4 ul li{
	display: inline;
	float:left;
	margin-right:5px;
	text-align:center;
	}
div#main div.bnr_w4 ul li p{
	margin:2px auto;
	width:150px;
	font-size:12px;
	text-align:center;
	}

/****************************************
	projects
****************************************/
div.top_box div.box_left{
	width:690px;
	}

div.top_box div.box_right{
	width:260px;
	border: 1px #ccc solid;
	background-color:#FFF;
	}

/*左コラム見出し*/
div.top_box div.box_left h2{
	color:#3C3C3C;
	margin:0px 5px;
	font-size:16px;
	}

div.top_box div.box_left p{
	color:#3C3C3C;
	font-size:12px;
	margin:0px 5px 5px;
	}	

/*左コラムの左右*/

div.top_box div.box_left div.box_left,
div.top_box div.box_left div.box_left img{
	width:164px;
	}

div.top_box div.box_left div.box_right{
	width:515px;
	background-color:#FFF;
	border-width:0px;
	}

/*新着*/

div.new_projects strong{
	font-size:16px;
	color:#9EA73D;
	}

div.new_projects table{
	width:100%;
	border-width:0px;
	margin:5px auto;
	}

div.new_projects th{
	font-weight:normal;
	color:#005984;
	border-width:0px;
	text-align:left;
	}

div.new_projects td{
	white-space: nowrap;
	text-align:right;
	border-width:0px;
	color:#3C3C3C;
	}

/****************************************
	pick_up
****************************************/
div.pick_up {
	border: 1px #EBE4C9 solid;
	padding:5px;
	margin-bottom:5px;
	}

div.pick_up div.projects_title a{
    font-weight: bold;
    line-height: 130%;
    color: #9EA73D;
    font-size: 16px;
	text-decoration: none;
	}

div.pick_up div.box_left p span {
    color: #CFAA80;
    font-size: 12px;
    font-weight: bold;
}

div.top_box div.box_left div.pick_up div.box_left {
	width:350px;
	}
	
div.top_box div.box_left div.pick_up div.box_right{
	width:150px;
	}

div.pick_up dl dt {
    clear: left;
    float: left;
    font-weight: bold;
    width: 70px;
    word-wrap: break-word;
	}

div.top_box div.box_left div.top_btn{
	margin-bottom:10px;
	}
	
div.top_box div.box_left div.top_btn div.box_left,
div.top_box div.box_left div.top_btn div.box_right {
	width: 255px;
	}

div.top_box div.box_left div.top_btn div.box_left img,
div.top_box div.box_left div.top_btn div.box_right img{
	width: 255px;
	}
/****************************************
	new_up
****************************************/

div.new_up{
	margin:0px 5px 10px;
	background-color:#FFF;
	}
div.new_up table{
	width:690px;
	border: 1px dotted #666666;
	padding: 5px;
	border-width:1px 0px;
	margin:0px 5px 10px;
	}

	
div.new_up table,
div.new_up table th,
div.new_up table td {
	border: 1px dotted #666666;
	border-width:1px 0px;
	font-size: 12px;
	padding:2px 4px;
	}

div.new_up table th{
	background-color:#EBE4C9;
	text-align:center;
	color: #B09068;
	font-size: 14px;
	white-space: nowrap;
	}	

div.new_up table .bdr{ border-left-width:1px; border-right-width:1px}

div.new_up table td.cut-off{
	white-space: nowrap;
	}

div.new_up table span.num{
	font-size:11px;
	color:#FFFFFF;
	background-color:#CEB691;
	padding:1px 3px 0px;
	margin-left:5px;
	}

div.newprojects_title a{
	color: #9EA73D;
    font-size: 16px;
    font-weight: bold;
    line-height: 130%;
    text-decoration: none;
	}
	
/****************************************
	ranking
****************************************/
div.ranking div.box_right,
div.ranking div.box_left,
div.ranking div.wide{
	margin:0px 5px 10px;
	background-color:#FFF;
	}
	
div.ranking table{
	width:330px;
	}
div.ranking div.wide table{
	width:690px;
	}

div#contents_wrap div#main div#keyword_list_box {
    float: right;
    font-size: 12px;
    margin: 5px 0px 0 10px;
    text-align: right;
    width: 150px;
}
		
div.ranking table,
div.ranking table th,
div.ranking table td {
	border: 1px dotted #666666;
	border-width:1px 0px;
	font-size:14px;
	padding:2px 4px;
	}

div.ranking table th{
	width:60px;
	background-color:#EBE4C9;
	text-align:center;
	color: #B09068;
	}	

div.ranking table td.rank_pt {
	width:20px;
	}
	

div.ranking h4 span.update{
	font-size:11px;
	color:#FFFFFF;
	background-color:#CEB691;
	padding:1px 3px 0px;
	margin-left:5px;
	}

/****************************************
	category
****************************************/
div.category ul {
	padding-left:0px;
	margin:0 auto;
	list-style-type:none;
	}

div.category li {
	float:left;
	width:232px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-top:5px;
	}

div.category li div.box_left {
	width:84px;
	}

div.category li div.category_box {
	width:132px;
	float:left;
	margin:0px 5px 5px 5px;
	}

div.category ul li div.category_box strong.firstChild{
	font-size:16px;
	}
div.category li div.category_box p{
	margin:2px 0px 2px;
	font-size:11px;
	line-height: 130%;
	}

div.category li div.category_box p a{
	text-decoration:none;
	color:#310607;
	}
div.category li div.category_box p a:hover{
	text-decoration:underline;
	color:#310607;
	}

div.category li div.category_box div.category_plan{
	color:#005984;
	font-weight:bold;
	}
div.category li div.category_box div.category_recruiting{
	color:#377c00;
	font-weight:bold;
	}