/*

ファイル名：style.css
概要：このcssファイルは2015.1/15 就転職パセリンクページレイアウトの設定を記述しています。
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/


/* 共通 */
.cf:before, .cf:after { content:""; display:table;}
.cf:after { clear:both;}
.cf { zoom:1;}
.f_l{ float:left;}
.f_r{ float:right;}
.mt10{ margin-top:10px;}
.mar_none{ margin-right:0 !important;}
img{ vertical-align:top;}

/* メイン */
#cont_all{ width:950px; margin:0 auto; text-align:center; background:url(images/explan_bg.gif) repeat;}
.explanation{ background:url(images/cont_bg.gif) repeat; padding:30px 0 20px;}
.main_bg{ background:url(images/main_bg.jpg) repeat-y 0 384px; margin:0 auto 10px; text-align:center;}
#main_wrap{ background:url(images/main_top.jpg) no-repeat; padding:120px 0 20px;}
.main_inner{ width:904px; margin:0 auto; padding:30px 0;}
.tab_wrap{ width:904px; margin-top:15px;}
.tab_wrap img{ width:226px; display:inline; margin:0; padding:0;}
#expound{ background:url(images/note_bg.png) repeat 1px 0; padding-bottom:30px;border-top: 1px solid #CBCBCB;}
.point_wrap{ padding-top:20px;}
.point{ background:url(images/point_bg.jpg) no-repeat; width:850px; height:500px; margin:0 auto;}
.point_inner{ padding:65px 0 0 85px; text-align:left;}
.point_inner img{ display:block; margin-bottom:18px;}
.exp_inner{ width:844px; margin:0 auto 20px; padding-top:40px;}
.inner{ margin-top:25px}
.exp1 .inner p{ width:530px; float:left; margin-bottom:20px; text-align:left;}
.dot{ background:url(images/dot.png) no-repeat top;}
.trade{ width:268px; background:url(images/trade_btm.png) no-repeat bottom; padding-bottom:20px; float:left; margin-right:17px;}
.trade_inner{ background:url(images/trade_bg.png) repeat-y;}
.trade_inner a{display:block;margin:10px 12px 0;}
.exp2 .inner p,.exp2 .inner2 p{ width:242px; margin:0 auto; text-align:left;}
.inner2{ width:555px; margin:25px auto 0;}
.top_r{ float:right;}
.top_r p{ margin-bottom:5px;}
.top_r a,.check_btn a{ background:url(images/check.png) no-repeat ; padding:2px 0 2px 25px; font-size:14px; margin-top:5px;}
.school_wrap{ }
.school{ width:415px; background:url(images/school_top.png) no-repeat; padding:20px 0 10px;}
.sch_inner{ width:380px; text-align:left; margin:0 auto;}
.sch_l{ width:260px; float:left;}
.sch_l p{ font-size:14px; font-weight:bold; margin-top:15px;}
.sch_l a { font-size: 17px; font-weight: bold; display: block; margin-top: 3px;}
.sch_l span{ padding:3px 5px; font-size:13px; font-weight:bold; margin-right:5px;}
.sch_r{ width:310px; float:left;}
.sch_r p{ font-size:14px; font-weight:bold; margin-top:15px;}
.sch_r a { font-size: 19px; font-weight: bold; display: block; margin-top: 3px;}
.sch_r span{ padding:3px 5px; font-size:16px; font-weight:bold; margin-right:5px;}
.sch_btm{ width:415px; background:url(images/school_btm.png) no-repeat left bottom; padding-bottom:20px;}
.trade_ic{ color:#FFF; background:#F58823; border:1px solid #F58823;}
.type1_ic{ color:#FF4E52; background:#FFF; border:1px solid #FF4E52;}
.type2_ic{ color:#294DBD; background:#FFF; border:1px solid #294DBD;}
.kozachkbox{ width:60px; height:56px; background:url(images/check_input.png) no-repeat; float:right; position:relative; margin-top:-5px;}
.kozachkbox input{
	position:absolute;
	top: 36px;
	left: 19px;
}
.check_btn{ margin:20px auto 0;}
.check_btn input{ display:block; margin:5px auto 5px;}
.page_top{ margin:5px 0 10px; text-align:right;}
.btn_wrap{ width:350px; margin:0 auto; text-align:center;}
.dell{ text-align:center; margin:10px 0 0;}
#text_change{display:none !important;}
.link_skill{
	text-align:center;
	padding:15px 20px;
	background:#FFF;
	border:1px dotted #999;
}
.link_skill dt{
	color:#F58823;
	font-weight:bold;
	width:220px;
	float:left;
	margin-right:15px;
}
.link_skill dd{
	width:500px;
	float:left;
}
.link_skill li{
	float:left;
	text-align:left;
	margin-right:20px;
	font-weight:bold;
}
.link_skill li span{
	color:#F58823;
	font-size:15px;
}
.skill_head{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin:20px 0;
	padding:5px 5px 5px 15px;
	background:#F5C08D;
    border-radius:10px;
	text-align:center;
}
.skill_head span{
	font-size:22px;
}
.voice_img{
	margin:0 0 15px;
}

/*スキル紹介*/
#skill_wrap{ padding-top:20px;}
.skill_inner{ width:800px; margin:0 auto;}
.skill{ padding-bottom:20px; margin-bottom:20px; border-bottom:2px dotted #D8C1BF;}
.skill_last{ padding-bottom:20px;}
.skill_name{ font-size:26px; color:#653520; font-weight:bold; text-align:left; margin-bottom:5px;}
.skill_menu{width:800px;margin:25px auto 30px;border:2px dotted #D8C1BF;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;position:relative;padding:18px 0 14px;}
.skill_menu img{padding:16px 25px 0;}.menu_r{width:480px;float:left;}.menu_r li{float:left;margin:0 30px 8px 0;font-size:14px;line-height:1.3;}.menu_r span{font-size:8px!important;margin-right:5px;color:#DFC7B4;line-height:1.3;}
.link_area{ width:800px; padding-bottom:20px; text-align:center;}
.link_wrap{ width:800px; margin:0 auto 10px;}
.link_wrap dl{ width:400px; text-align:left;}
.link_wrap dl dt{ width:50px; margin-right:10px;}
.link_wrap dl dd{ width:320px;}
.link_wrap dl dt,.link_wrap dl dd{ float:left;}
.page_top{ text-align:right; margin:0 auto 30px;}