/*

ファイル名：style.css
概要：このcssファイルは2015.8なり方特集ページの設定を記述
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/

/* common */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; list-style-type : none ;}
html{ overflow-y: scroll; background:#F3F8EC;}
body { font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; color:#333; line-height:1.45; background:#fff; margin:0 auto; font-size:12pX; width:100%;}
.bread{background:#FFF;margin:2% 0;padding:2%;text-align:left;border:1px solid #CCC;}
img{width:100%;}
a{color:#1038B1 !important; font-weight:bold;}
a:hover{text-decoration:none !important;}
.cf:after { content: ""; clear: both; display: block;}
.f_r { float: right;}
.f_l { float: left;}
.round{ position: relative;}
.read{ padding:2%;}
.head_img{ margin-bottom:1%;}
.page_link{ padding:2% 2% 0;}
.page_link li{ display:block;}
.page_link a{ color:#8DBB48 !important; border-radius:50px; text-decoration:none !important; padding:2% 3%; border:1px solid #8DBB48; float:left; display:block; margin-right:3%; font-size:83%; margin-bottom:3%; font-weight:bold;}
.page_link a:hover{ color:#fff !important; background:#8DBB48;}
.skillWrap{ text-align:left;}
.skill_inner img{ width:20% !important; float:right; margin:0 0 3% 3%;}
.skill_inner{ padding:0 2%;}
.skill_Name{ color:#fff; font-weight:bold; margin-bottom:2%; background:#8DBB48; text-align:left; font-size:146%; padding:2%; font-weight:bold; line-height:1.8;}
.skill_Name span{ background-image:url(images/head_bg.png) ; background-size:100%; background-position:left top; background-repeat:no-repeat;width:30px; height:30px; float:left; margin-right:2%;}
.top_bg{ background:#8DBB48; padding:2% 0;}
.School{ padding:2%; font-weight:bold; border-radius:10px; text-align:center; margin:2%; font-size:108%; background:#FF9933; color:#fff;}
.page_top{ text-align:right; padding:0 0 3%;}
.link_header{ padding:3%;}
.link_header img{ width:30% !important; float:left; margin-right:3%;}
.link_header h2{ width:60%; float:left; text-align:left; font-size:60%;}
.skill_link{ margin:3% auto 0; text-align:center;}
.skill_link p{ margin-bottom:8px;}
.skill_link a{ display:block; margin-bottom:10px;}
#osusume_link{ width:96%; border:1px solid #8DBB48; margin:2% auto 3%;}
#osusume_link p{ border-bottom:1px dotted #8DBB48; padding:3%; color:#8DBB48; text-align:center; font-weight:bold;}
.link_box a{ display:block; margin-bottom:10px;}
.link_box { width:46%; margin-right:0 !important; padding:0 !important;}
.link_box dt,.link_box dd{ width:100% !important; margin-right:0 !important;}
.link_inner{ width:94%; padding:3% 0; margin:0 auto;}
.job_txt{ margin-top:5px;}
.job_txt span{ color:#FF9933; font-weight:bold; font-size:118%;}

@media screen and (max-width: 640px) {
.sp_none{ display:none !important;}
.skillWrap{ margin-bottom:15px;}
.link_wrap{width:96% ;margin-top:3% !important}
.link_wrap dl{width:49%; text-align:left!important;}
.link_wrap dl dt{width:12%; margin-right:3%; padding:2%; color:#fff; font-size:40%; text-align:center; border-radius:5px;}
.link_wrap dl dd{width:78% !important;}
.link_wrap dl dd a{display:block; margin-top:1% !important;}
.link_wrap dl dt, .link_wrap dl dd{float:left !important;}
.area{background:#FF656B}
.tsushin{background:#0057C1}
.mar_none{margin-right:0 !important;}
.page_link a{ width:24% !important; text-align:center;}
}	
@media screen and (min-width: 641px) {
body{ width:860px; border:1px solid #BBD792;}
.title{ margin-bottom:15px;}
#school{ margin-top:20px;}
.pc_none{ display:none !important;}
.pointTitle{ padding:20px 0 10px; text-align:center;}
.pointTitle img{ width:40%; margin:0 auto;}
.skillWrap{ margin-bottom:25px;}
.skill_Name{ width:776px;}
.skill_Name dt{ width:80px; padding:15px; font-size:20px;}
.skill_Name dd{ width:628px; padding:15px; font-size:20px;}
.link_wrap{ width:750px;!important;}
.link_wrap dl{ width:370px;!important;}
.link_wrap dl dt{ width:50px; margin-right:10px !important;}
.link_wrap dl dd{ width:280px !important;}
.link_wrap dl dt,.link_wrap dl dd{ float:left;}
.page_top{ text-align:right; margin:0 auto; padding:0; width:780px;}
#content_wrap{ width:810px; margin:0 auto;}
.type_wrap{ margin:15px auto 5px;}
.skill_inner{ padding:0 20px 20px !important;}
.menu{ padding:5px 64px 10px;}
.menu li{ float:left; margin-right:20px;}
.menu li a{ width:348px; padding:10px 0 !important;}
.menu img{ width:84%;}
.page_link{ padding:0; margin-bottom:10px;}
.page_link a{ font-size:13px; padding:10px; margin:0 10px 10px 0;}
.top_bg{ padding:5px; text-align:left;}
.top_bg img{ width:84% !important;}
.skill_inner img{ width:20% !important;}
.content{ border: 1px solid #8DBB48;}
.School{ font-size:16px; padding:7px;width: 740px; margin: 0 auto 15px;}
.link_header{ width:100%; padding:10px;}
.link_header img{ width:132px !important; margin-right:15px;}
.link_header h2{ width:700px; font-size:12px !important;}
#osusume_link{ width:810px; margin:8px auto 10px;}
#osusume_link p{ padding:10px; font-size:16px;}
.link_box dt{ width:140px !important; margin-right:12px !important; float:left;}
.link_box dd{ width:200px !important; float:left;}
.link_inner{ width:780px; padding:15px 0 7px; margin:0 auto;}
.koza_wrap img{ width:300px !important;}
.koza_wrap .koza_info{ width:445px;}
.seikyu{ width:80% !important;}
.bread{margin:15px auto; width:780px;}
.page_top{ width:800px;margin:10px auto 0;}
}