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

/* 最初のボタン */
div#choicetop {
	margin: 15px auto;
	width: 449px;
}

div#choicetop ul li  { 
	float: left;
	margin: 2px 0;
	margin-right: 10px;
}

/* 共通で使う枠 */
.choice_detail {
	background-color:#f9f1e0;
	clear: both;
	margin: 10px 0;
}

/* ジャンルそれぞれのタイトル画像 */

h5 {height: 78px; text-indent:-9999px;}

	#choice01 h5{
		background:url(../img/choice_tit01.gif) no-repeat;
	}
	
	#choice02 h5{
		background:url(../img/choice_tit02.gif) no-repeat;
	}
	
	#choice03 h5{
		background:url(../img/choice_tit03.gif) no-repeat;
	}
	
	#choice04 h5{
		background:url(../img/choice_tit04.gif) no-repeat;
	}
	
	#choice05 h5{
		background:url(../img/choice_tit05.gif) no-repeat;
	}
	
	#choice06 h5{
		background:url(../img/choice_tit06.gif) no-repeat;
	}
	

.choice_detail dl {
	padding: 10px 0 10px 15px;
}

dt.comment { /* 説明テキスト */
	width: 410px;
	margin: 10px 0;
	line-height: 150%;
}

dt.mezasu { /* こんな職種を目指します 画像 */
	background:url(../img/choice_mezasu.jpg) no-repeat;
	height:30px;
	text-indent: -9999px;
}
	.choice_detail dl ul {
	margin-left: 5px;
	}

	.choice_detail dl ul li{ /* こんな職種を目指します */
	display: inline;
	margin-right: 5px;
	background:url(../../img/common/ico_leftcursor2.gif) no-repeat;
	padding-left: 15px;
	}


/* ジャンルそれぞれのイメージ画像 */

#choice01 dl {
	background:url(../img/choice_img01.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}
#choice02 dl {
	background:url(../img/choice_img02.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}

#choice03 dl {
	background:url(../img/choice_img03.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}

#choice04 dl {
	background:url(../img/choice_img04.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}

#choice05 dl {
	background:url(../img/choice_img05.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}

#choice06 dl {
	background:url(../img/choice_img06.jpg) 100% no-repeat;
	height: 245px;
	display: block;
}

/* 学科のボタン4種類 */

#choice01,#choice02,#choice03{
	background: url(../img/choice_btn08.gif) 0 286px no-repeat;
	clear: both;
}	
	
#choice04 {
	background: url(../img/choice_btn09.gif) 0 285px no-repeat;
	clear: both;
}

#choice05 {
	background: url(../img/choice_btn10.gif) 0 285px no-repeat;
	clear: both;
}

#choice06 {
	background: url(../img/choice_btn11.gif) 0 285px no-repeat;
	clear: both;
}
	
	ul.choice_btn {
	padding-top:120px;
	padding-left: 15px;
}
	
	ul.choice_btn li{
		float: left;
	}
	
	div#choicetop ul li.right_cancel,ul.choice_btn li.right_cancel { margin-right: 0px;}
	
	ul.choice_btn li a {
		display: block;
		width: 195px;
		height: 40px;
		margin-right:10px;
		text-indent: -9999px;
	}

/* ページトップへ戻る */
.choice_detail .page_top{
	padding: 15px 0 20px 0;
	background:#ffffff;
}

/* ページ下のボタン3つ */
#choice_bottom {
	background:url(../img/choice_btn12.gif) no-repeat;
	clear: both;
	height: 134px;
}

#choice_bottom li.choice_bottom01,
#choice_bottom li.choice_bottom02 {
	float: left;
	margin-right: 10px;
}

#choice_bottom li.choice_bottom01 a,
#choice_bottom li.choice_bottom02 a {
	width: 310px;
	height: 70px;
}

#choice_bottom li.right_cancel {
	margin-right: 0;
}

#choice_bottom li.choice_bottom03 {
	clear: both;
	padding-top: 20px;
	margin: 0 auto;
	width: 220px;
}

#choice_bottom li.choice_bottom03 a {
	width: 220px;
	height: 45px;
}

#choice_bottom ul a {
	display: block;
	text-indent: -9999px;
}