/*

ファイル名：styles.css
概要：このcssファイルは編集記事の設定を記述しています。

サイト名：BrushUP学び
URL：http://www.brush-up.jp/
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.
*/

#contwrap{
	width:950px;
	background:#ddd;
	padding:10px 0;
	text-align:center;
}

/*基本*/

.val_top{
	vertical-align:top;
	display:block;
}
.val_bottom{
	vertical-align:bottom;
	display:block;
}

.mar_top10{
	margin-top:10px;
}
.mar_bottom10{
	margin-bottom:10px;
}
.mar_left10{
	margin-left:10px;
	}
.mar_left15{
	margin-left:15px;
	}
.mar_right10{
	margin-right:10px;
	}
.mar_right15{
	margin-right:15px;
	}
.float_left{
	float:left;
}
.float_right{
	float:right;
}



.read{
	width:920px;
	padding:5px 0 15px 0;
	margin:0 auto 0 auto;
	text-align:left;
}

#title{
	width:930px;
	height:191px;
	margin:0 auto 10px auto;
}

img.title{
	margin:0;
	padding:0;
	display:block;
}

/*各仕事一覧*/

dl#jobs{
	width:930px;
	margin:0 auto 10px auto;
}

dl#jobs dt{
	width:300px;
	height:200px;
	background:#fff;
}

dl#jobs dt div{
	width:270px;
	margin:0 auto;
	padding:10px 0;
	height:150px;
	text-align:left;
}
dl#jobs dt div p{
	font-size:12px;
	color:#333;
	line-height:145%;
}

dl#jobs dt div img.job_name{
	display:block;
	margin:5px 0 10px;
}
dl#jobs dt div img.btn{
	float:right;
	display:block;
	margin-top:5px;
}

/*チャート*/
#content{
	background:#fff;
	width:930px;
	margin:20px auto 10px auto;
	padding:20px 0;
}

#content .inner{
	width:900px;
	margin:0 auto;
	text-align:left;
}

#content .inner img.index{
	display:block;
	float:left;
}

#content .inner .chart{
	width:443px;
	float:right;
	text-align:center;
}
#content .inner .chart img{
	margin:0 auto 5px;
}

#content .inner p{
	padding:10px 0;
}

/*表*/

table#hikaku_wrap{
	width:910px;
	margin:10px auto;
}

table#hikaku_wrap th,
table#hikaku_wrap td{
	border-collapse:separate;
	border-spacing:2px;
	vertical-align:middle;
}
table#hikaku_wrap td{
	border:1px solid #999;
	background:#fff;
}

table#hikaku_wrap th.index{
	width:353px;
	height:25px;
	border:none;
}

table#hikaku_wrap th.index2{
	width:180px;
	height:23px;
	border:1px solid #666;
	background:#999;
}

table#hikaku_wrap td.genre_names{
	width:351px;
	padding:0;
	text-align:left;
}
table#hikaku_wrap td.genre_names div.genre_name_index{
	width:340px;
	border-left:7px #6c9 solid;
}
table#hikaku_wrap td.genre_names div.genre_name_index .genre_name{
	width:142px;
	text-align:left;
	float:left;
	padding:12px 5px;
	font-size:15px;
	font-weight:bold;
	color:#333;
}


table#hikaku_wrap td.genre_names img.btn{
	float:right;
	margin:5px 5px 5px 0;
	vertical-align:middle;
}

table#hikaku_wrap td div.star_wrap{
	width:160px;
	padding:0;
	margin:0 auto;
}
table#hikaku_wrap td .star_wrap img.star{
	float:left;
	margin:0 2px;
}

/*ページトップへ*/
#pages{
	width:920px;
	margin:0 15px;
	text-align:right;
}

p.page-top{
	text-align:right;
	white-space:nowrap;
	float:right;
}