@charset "utf-8";
/* 通常のCSSファイル読み込み
----------------------------------------------------------- */
@import url("../css/import.css");

/* 各コンテンツ共通で使うもの
----------------------------------------------------------- */
#main .den{
	background:url(../img/shushoku/den.png) no-repeat;
	padding:8px 30px;
}
#main .ques{
	background:url(../img/shushoku/question.png) no-repeat;
	padding:0px 7px;
	margin-bottom:2px;
}
#main .ans{
	background:url(../img/shushoku/answer.png) no-repeat;
	padding:0px 7px;
	margin-bottom:2px;
}
#main .gakushu_list li{
	margin-left:40px;
	font-size:14px;
	font-weight:900;
	line-height:180%
}
/* 業界研究
----------------------------------------------------------- */
#main h5.gyoukai{
	color:#0000cc;
	font-size:20px;
}
#main .contents{
	background:url(../img/shushoku/orange.gif) no-repeat 2px 3px;
	padding:0px 7px;
	margin-top:10px;
	margin-bottom:2px;
}
#main .gyoukai-hyou{
	margin-top:40px;
	margin-left:60px;
	border:15px;
	line-height:250%;
}
#main .dottline{
	border-bottom:3px dotted #ff0000;
	border-left:10px solid #ff0000;
	padding:6px 0 6px 8px;
	color:#005599;
	font-size:15px;
}

/* 声で聞く面接のお手本
----------------------------------------------------------- */
#main div.men_koe{
	float:left;
	width:460px;
}
#main .men_koe h5{
	font-size:15px;
	color:#006600;
	text-align:center;
	margin:10px 10px 20px 10px;
}
#main .men_koe p{
	margin:8px 15px;
}
#main .men_voice{
	background:#ffdddd;
	border:2px solid #ff9999;
	padding:20px 0px 20px 10px;
	clear:both;
}
#main .men_voice li{
	float:left;
	list-style-type:none;
	margin:5px;
}
#otehon1{
	border:solid 2px #cccccc;
	padding:10px;
}
#otehon1 p{
	margin-bottom:0px;
	color:#999999;
	font-weight:700;
}
#otehon1 li{
	float:left;
	list-style-type:none;
	padding-left:20px;
}
#otehon2{
	background:url(../img/shushoku/voice_back.gif) no-repeat;
	width:600px;
	height:180px;
	margin:30px auto;
}
#otehon2 h5{
	color:#ff3399;
	padding:29px 0px 3px 58px;
}
#otehon2 dl{
	padding-bottom:23px;
	clear:both;
}
#otehon2 dt{
	padding:0px 0px 0px 40px;
	width:300px;
	height:88px;
	float:left;
}
#otehon2 dt.kai{
	color:#ff3399;
	padding:3px 0px 5px 58px;
	font-weight:700;
	height:40px;
}
#otehon2 dd{
	padding:2px 0 0 360px;
}
/* 面接対策問題集
----------------------------------------------------------- */
#main p.mensetsu_top{
	float:right;
	margin:10px 25px 0 0;
}
#main .mensetsu_ichiran{
	float:left;
	width:300px;
	margin-left:50px;
}
#main .mensetsu_ichiran dt{
	font-size:16px;
	font-weight:700;
	color:#ff6633;
	margin-top:30px;
}
#main .mensetsu_ichiran dd{
	padding:5px 50px;
	background:url(../img/shushoku/arrow1.gif) no-repeat 22px 9px;
}
#main .h4sub{
	font-size:12px;
	color:#666699;
	margin-left:15px;
}
#main .mensetsu{
	width:630px;
	margin:40px auto;
}
#main dl.mensetsu dt{
	padding-left:25px;
	margin-top:10px;
	font-weight:700;
	color:#009900;
}
#main dl.mensetsu dd{
	padding:0px 0px 10px 25px;
}
#main .bunseki li{
	float:left;
	list-style-type:none;
	width:130px;
}
#main .katego{
	color:#009900;
	margin:0 0 5px 20px;
}
/* 敬語の使い方
----------------------------------------------------------- */
#main h5.keigo{
	color:#0000cc;
	font-size:14px;
}
#main .keigo_button li{
	float:left;
	list-style-type:none;
	padding-left:20px;
}
#main div.keigo_box{
	float:left;
	width:240px;
	margin:20px 0px 20px 40px;
	padding:20px 10px 20px 30px;
	background:#dddddd;
}
#main hr.box_kiri{
	border:dashed 1px #ccdddd;
	clear:both;
	margin:10px 50px;
}
#main p.tsugi{
	background:url(../img/shushoku/arrow1.gif) no-repeat 4px 6px;
	float:left;
	font-size:14px;
	padding:0px 14px;
	margin:80px;
}
/* 就活支援トップ
----------------------------------------------------------- */
.shu_top1 a,.shu_top2 a,.shu_top3 a,.shu_top4 a{
	display:block;
	width:220px;
	height:45px;
	text-indent:-9999px;
	margin-left:50px;
}
.shu_top1 a{
	background:url(../img/sbtn_list.gif) 0px 0px no-repeat;
}
.shu_top1 a:hover{
	background:url(../img/sbtn_list.gif) -220px 0px no-repeat;
}
.shu_top2 a{
	background:url(../img/sbtn_list.gif) 0px -90px no-repeat;
}
.shu_top2 a:hover{
	background:url(../img/sbtn_list.gif) -220px -90px no-repeat;
}
.shu_top3 a{
	background:url(../img/sbtn_list.gif) 0px -135px no-repeat;
}
.shu_top3 a:hover{
	background:url(../img/sbtn_list.gif) -220px -135px no-repeat;
}
.shu_top4 a{
	background:url(../img/sbtn_list.gif) 0px -180px no-repeat;
}
.shu_top4 a:hover{
	background:url(../img/sbtn_list.gif) -220px -180px no-repeat;
}