/*

ファイル名：style.css
概要：このcssファイルは2015.10モテる資格ページの設定を記述
サイト名：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:#FFFBF6;}
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%;}
.menu{ padding:1% 2% 2%; text-align:center;}
.menu li a{ width:43%; margin:0 2% 3% 0; border-radius:50px; padding:2%; color:#573420 !important; text-decoration:none !important; font-size:92%; border:1px solid #573420; display:block; float:left;}
.menu .age{ font-size:78%;}
.menu li a:hover{ color:#fff !important; background:#573420;}
.menu .last{ margin-right:0 !important;}
.page_link{ padding:3% 2% 1%;}
.page_link li{ display:block;}
.page_link a{ color:#573420 !important; border-radius:50px; text-decoration:none !important; padding:2% 3%; border:1px solid #573420; float:left; display:block; margin-right:3%; font-size:83%; margin-bottom:2%; font-weight:bold;}
.page_link a:hover{ color:#fff !important; background:#573420;}
.skillWrap{ text-align:left;}
.skill_inner img{ width:20% !important; float:right; margin:0 0 3% 3%;}
.skill_inner{ padding:2%;}
.skill_Name{ color:#fff; font-weight:bold; margin-bottom:2%; background:#FF9999; text-align:left; font-size:136%; padding:2%; font-weight:bold;}
.top_bg{ background:#573420; padding:2% 0;}
.School{ padding:2%; font-weight:bold; border-radius:10px; text-align:center; margin:2%; font-size:108%; background:#FFCCCC; color:#573420;}
.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 5%; text-align:center;}
.skill_link p{ margin-bottom:8px;}
.skill_link a{ display:block; margin-bottom:5px;}
#osusume_link{ width:96%; border:1px solid #573420; margin:2% auto 3%;}
#osusume_link p{ border-bottom:1px dotted #573420; padding:3%; color:#573420; 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;}
@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}
.menu li a{ color:#573420 !important; border:1px solid #573420;}
}	
@media screen and (min-width: 641px) {
body{ width:860px; border:1px solid #E4DDC9;}
.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; padding-top:10px;}
.skill_Name{ width:738px;}
.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;}
#content_wrap{ width:810px; margin:0 auto;}
.type_wrap{ margin:15px auto 5px;}
.skill_inner{ padding:0 0 2%!important;}
.menu{ padding:5px 64px 10px;}
.menu li{ float:left; margin-right:10px;}
.menu li a{ width:350px; padding:10px 0 !important; font-size:16px;}
.menu img{ width:84%;}
.page_link{ padding:0;}
.page_link a{ font-size:13px; padding:10px; margin-right:10px;}
.top_bg{ padding:5px 5px 0; text-align:left;}
.top_bg img{ width:84% !important;}
.skill_inner img{ width:12% !important;}
.content{ border: 1px solid #573420; padding:15px 20px;}
.School{ font-size:16px; padding:7px; margin:0 0 15px!important;}
.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;}
}