/*

ファイル名：style.css
概要：このcssファイルは2014.6/1 介護系記事ページレイアウトの設定を記述しています。
サイト名：BrushUP学び
URL：http://www.brush-up.jp
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/
.txt-m, .txt-l, .txt-xl{color:#333}
#contwrap{margin:0 0 15px; padding:55px 0 15px; background:url(images/bg.gif) left top}
.care{margin:0 auto; width:920px}
/*title*/
.title{position:relative; margin:0 0 20px; width:920px; height:404px; background:url(images/article01titleBg.png) left top no-repeat}
.titleImg, .read, .title .buttons, .DY{position:absolute}
.article01 .titleImg{top:35px; right:40px}
.article01 .read{top:224px; right:130px}
.article01 .title .buttons{right:20px; bottom:30px}
.title a:link {text-decoration: none;cursor:pointer;}
.title a:hover {text-decoration:underline}
.title a:visited {text-decoration: none}
.DY { width:331px;display:inline-block;background:url(images/DY.png) left top no-repeat;position:absolute;top:-47px; left:0;padding:19px 0;}
/*.DY{top:-47px; left:0}*/

/*article*/
.right{float:right; width:250px; background:#FFF}
.right h4{padding:10px 0; border-bottom:3px solid #CBEDFF; color:#1E5098; text-align:center; font-weight:700}
.right ul{overflow:hidden; margin:15px 10px; text-align:left}
.right ul li{padding:0 0 5px 20px; background:url(images/sprite.png) no-repeat; background-position:4px -1344px}
.right ul li a:link{color:#333; text-decoration:none}
.right ul li a:hover{text-decoration:underline}
.article{float:left; width:650px}
.sub, .articleCont{padding:0 0 20px; background:#FFF; text-align:left}
.sub h3.txt-xl{padding:20px 20px 20px 100px; background:url(images/sprite.png) no-repeat; background-position:30px -800px; color:#F37E7A; font-weight:700}
.sub p{padding:0 30px}
.articleCont{margin:20px 0 0; padding:0 0 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px}
.caption{padding:30px 0 0; background:#1E5098}
.caption.top{-webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px}
.caption h2.txt-xl{margin:0 0 20px; padding:0 20px 30px; background:url(images/caption.gif) no-repeat; background-position:503px bottom; color:#FFF; font-weight:700}
.articleCont h4{padding:0 20px 20px 50px; background:url(images/sprite.png) no-repeat; background-position:24px -1069px; font-weight:700}
.articleCont h4 span{color:#1E5098}
.articleCont p{padding:0 20px 20px}
.articleCont p span {font-size: 0.9em;color: #C00;}
.subCrn{margin:0 auto 0 20px;padding:0 0 15px; width:600px}
.subCrn img{margin:0 0 15px}
table{width:600px; border:1px #CCC solid; border-spacing:0; border-collapse:collapse;}
table th{padding:5px; border:#CCC solid; border-width:0 0 1px 1px; background:#D9F4FE; table-layout:fixed; text-align:center; font-weight:bold; line-height:120%}
table.thTop th.w35{width:35px}
table td{padding:5px; border:1px #CCC solid; border-width:0 0 1px 1px; table-layout:fixed; text-align:left}
table td.exempt{background:#FFE4E4}
table.thSide th{width:135px}
.btnCnt{margin:0 auto 20px 140px; width:358px}
.care strong{background-color:#FF9; background:-webkit-linear-gradient(rgba(0,0,0,0) 40%,#FF9 40%); background:-moz-linear-gradient (transparent 40%,#ff9 40%); background:-ms-linear-gradient (transparent 40%,#ff9 40%); background:-o-linear-gradient (transparent 40%,#ff9 40%); background:linear-gradient(rgba(0,0,0,0) 40%,#FF9 40%); font-weight:700}
/*crs*/
#COURSE{clear:both; overflow:hidden; margin:15px auto; padding:15px 0 0; width:930px}
#CourseTab{overflow:hidden; margin:15px 0 0; width:930px; border-bottom:solid 5px #999; text-align:center}
* html #CourseTab{width:930px}
ul#CourseTab li{display:block; float:left; margin:0 10px 0 0}
ul#CourseTab li.nomar{margin:0 !important}
ul#CourseTab li a{display:block; overflow:hidden; width:102px; height:40px; background:url(images/sprite.png) no-repeat; color:#FFF !important; text-indent:100%; white-space:nowrap}
ul#CourseTab li a.tab1{background-position:0 0px}
ul#CourseTab li a.tab2{background-position:-112px 0}
ul#CourseTab li a.tab3{background-position:-224px 0}
ul#CourseTab li a.tab4{background-position:-336px 0}
ul#CourseTab li a.tab5{background-position:-448px 0}
ul#CourseTab li a.tab6{background-position:-560px 0}
ul#CourseTab li a.tab7{background-position:-672px 0}
ul#CourseTab li a.tab8{background-position:-784px 0}
ul#CourseTab li a.tab1:hover, ul#CourseTab li.tab1 a.selected{background-position:0 -50px}
ul#CourseTab li a.tab2:hover, ul#CourseTab li.tab2 a.selected{background-position:-112px -50px}
ul#CourseTab li a.tab3:hover, ul#CourseTab li.tab3 a.selected{background-position:-224px -50px}
ul#CourseTab li a.tab4:hover, ul#CourseTab li.tab4 a.selected{background-position:-336px -50px}
ul#CourseTab li a.tab5:hover, ul#CourseTab li.tab5 a.selected{background-position:-448px -50px}
ul#CourseTab li a.tab6:hover, ul#CourseTab li.tab6 a.selected{background-position:-560px -50px}
ul#CourseTab li a.tab7:hover, ul#CourseTab li.tab7 a.selected{background-position:-672px -50px}
ul#CourseTab li a.tab8:hover, ul#CourseTab li.tab8 a.selected{background-position:-784px -50px}
br.cleared{display:none; width:100%; height:1px; font-size:1px}
.btnBox{overflow:hidden; margin:0; width:910px; text-align:left; zoom:1}
.btnBox .buttons{float:right}
.areaselect{display:inline-block; margin-top:3px; margin-left:1px; padding:10px; width:320px; outline:1px solid #ccc; border:4px solid #FFBFBF; text-align:center; *display:inline; *zoom:1}
* html .areaselect{display:inline !important; float:left; margin-top:10px; vertical-align:middle; zoom:1 !important}
#CourseTabBox{padding:15px 0 15px; width:930px; background:#FFF}
.tab{overflow:hidden; margin:10px auto; width:910px}
ul.pref_area{overflow:hidden; margin:0 0 10px; padding:5px 0; width:910px; background:#EDEDED; list-style:none}
ul.pref_area li{float:left; padding:5px 8px; text-align:center}
ul.pref_area li a{font-size:1.2em}
ul.pref_area li.selected{background:#1E5098}
ul.pref_area li.selected a{color:#fff; text-decoration:none; font-weight:bold}
.all_check_area{clear:both; margin:0 10px 10px; padding:10px 0; width:890px; text-align:right}
* html .all_check_area{margin:0 10px; width:890px}
.all_check_area p{display:inline !important; margin:0 !important; width:auto !important}
.all_check_area label{color:#FF738B; text-decoration:underline; cursor:pointer}
.sectionName{overflow:hidden; width:910px; background:url(images/CourseBgGr.gif) left top repeat-y}
ul.sectionName li{float:left; padding:5px 0; width:100px; color:#FFF; text-align:center; font-weight:700}
.sc1{width:145px !important}
.sc2{width:366px !important}
.sc3{width:108px !important}
.sc4{width:108px !important}
.sc5{width:108px !important}
.sc6{width:75px !important; text-align:center}
.section{overflow:hidden; margin:0; width:910px; background:url(images/CourseBgWh.gif) left top repeat-y}
.section p{margin:0 !important; padding:0 !important; width:auto !important}
ul.section li{float:left; padding:10px 0; width:100px; text-align:center}
.check_area{position:relative; display:block; margin:0 auto; width:40px; height:40px; background:#FFDCDA; cursor:pointer}
.check_area input{position:absolute; top:26%; left:23%; margin:0; padding:0}
:root * >.check_area input{top:40%; left:37%}
.sc1 img{display:block; margin:0 auto; text-align:center}
.sc1 b{display:block; padding:5px 10px 0}
.sc2 p.tg, .sc2 p.ts{padding:3px 10px 3px 60px !important; width:296px !important; background:url(images/sprite.png) no-repeat; background-position:10px -150px}
* html .sc2 p.tg{width:100% !important}
* html .sc2 p.ts{width:100% !important}
.sc2 p.ts{width:296px !important; background:url(images/sprite.png) no-repeat; background-position:10px -420px}
* html .sc2 p.ts{width:100% !important}
.sc2 a{display:block}
.sc2Tx{text-align:left !important}
.sc5 div{clear:both; overflow:hidden; margin:0 auto; width:90px}
.sc5 span{float:left; margin:0 3px 3px 0; padding:0; width:42px; height:18px; background:url(images/sprite.png) no-repeat; background-position:0 -519px; text-indent:-9999px}
.option02{background-position:0 -539px !important}
.option03{background-position:0 -559px !important}
.option04{background-position:0 -579px !important}
.option05{background-position:0 -599px !important}
.option06{background-position:0 -619px !important}
.option07{float:none; clear:both; width:87px !important; background-position:0 -639px !important}
.option08{float:none; clear:both; width:87px !important; background-position:0 -659px !important}
.scBorder{float:none !important; clear:both; margin:0 !important; padding:0 !important; width:910px !important; height:3px; border-bottom:dotted 1px #999}
.page-top{clear:both; padding:0 10px 15px; text-align:right}
.article02 th{width:50%}
/* title right */
.titleR .titleImg{top:36px; left:30px}
.titleR .read{top: 240px;left: 36px;bottom:auto;right: auto}
.titleR .title .buttons{right:20px; bottom:47px}

.article02 .title{background:url(images/article02titleBg.png) left top no-repeat}