/*

ファイル名：style.css
概要：このcssファイルはBUスマホ版コンテンツ ケアマネ受験資格の設定を記述しています。
サイト名：BUスマホ版
URL：http://www.brush-up.jp/sp/article/kaigo_topic/caremanager/
コピーライト：(c) Paseli Co.,Ltd. All Rights Reserved.

*/
@charset "UTF-8"; 
html, body{background:url(images/background.jpg)}
.content p{text-align:center; line-height:140%; font-size:12px}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
header{overflow:hidden; width:320px}
header span{display:block; inline-block; float:left; margin:5px 10px 5px 5px; width:100px; height:26px; background:url(/sp/imagesRenew/sprite.png); background-size:200px 300px; text-indent:-9999px}
header h2{display:block; float:left; margin:8px 0 0; width:150px; text-align:left; font-size:10px; line-height:1.2em; font-weight:200}
/*top*/
.navi{background:#690; padding-left:10px}
.navi p{text-align:left; color:#FFF; padding:5px 0}
.top{background:url(images/titleBack.gif) left -4px no-repeat #FFF; overflow:hidden; margin-bottom:20px; padding-right:5px}
.top p{width:165px; border-bottom:#FF9F9F 1px solid; border-top:#FF9F9F 1px solid; float:right; margin:22px 10px 22px 0; font-size:12px; text-align:right; padding:5px 0}
.title{float:right; margin:20px 10px 4px;}
/*article*/
.article{width:300px; margin:0 auto 10px; padding:12px; background:#fff}
.article p{text-align:left}
.subtitle span{ color:#669900;}
.article01{margin-bottom:20px}
dl{padding-bottom:15px}
.introduction{background:url(images/icon.png) no-repeat 5px 0;}
.introduction{margin:4px 5px 15px 0}
.article .introduction p{font-weight:700; color:#F27E79; width:236px; float:right; line-height:120%; padding-left:10px}
.article01 .text{margin:0 10px}
.article dd p{clear:both;}
.article dd img{margin:15px auto 0 auto; display:block; }
dt .subtitle{background:url(images/icon.png) no-repeat 8px -146px;}
dt .subtitle p{padding:14px 0;margin:0 30px; font-weight:700}
.subtitle p span{font-weight:700}
.toggle .atend{font-size:89%; font-weight:700; border:#F27E79 2px solid; text-align:center; color:#F27E79; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:5px 10px;margin-top:15px;}
.content h2{font-weight:700; position:relative; margin:0 auto; padding:15px 10px; text-align:left; color:#fff; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; background:url(images/house.png) no-repeat 95% 102% #690; width:300px}
.mark{background:linear-gradient(transparent 60%,#FF3 60%)}
.toggle{margin:0 auto 20px; padding:15px 0 0}
.toggle dd p{padding:15px 15px 0 15px; text-align:left}
.toggle dt{position:relative; margin:5px 12px 5px 12px; text-align:left; border:solid 1px #ccc}
.toggle dt.icon-arrowB:after{position:absolute; top:50%; right:5px; margin-top:-12px; color:#82AC2F}
.toggle dt.icon-arrowB.active:after{content:'\e103'}
.toggle dd{margin:0 12px; text-align:left;margin-bottom:24px}
.toggle dd:last-child{margin:9px;}
.article03{margin-bottom:20px;}
.area{width:300px; margin:0 auto}
.areaTop{padding:14px 10px 12px 20px;margin-top:10px; -webkit-border-top-leftradius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-rigtht-radius:5px; background:-moz-linear-gradient(top,#FFA277 30%,##FF7A3C); background:-webkit-gradient(linear,left top,left bottom,from(#FFA277),to(#FF7A3C)); position:relative}
.areaTop img{position:absolute; bottom:25%; left:80%}
.areaTop p{color:#FFF; text-align:left; font-size:18px; font-weight:900}
.area .list{border:#CCC 1px solid; text-align:left; padding:0; background:#FFF}
.area .icon-arrowB:after{position:absolute; left:90%; color:#690}
.list ul{display:none}
.list .icon-arrowR li{background:#E6E6E6; border-bottom:none; padding-left:40px; position:relative}
.list .icon-arrowR li:last:child{border-bottom:none}
.list li:first-child{background:#FFF; background:#fff}
.area .list li span{padding:15px 0 15px 23px;}
.area .icon-arrowR:after {content:"";}
.area li a{ text-decoration:none;}
.area .area01 .icon-arrowR:after{content: "\e102"; position:absolute;top:25%;right:10px; color:#669900;}
.area .area01 a{padding:0;}
/*button*/
.button span.linkicon{position:absolute; top:23%; left:92%; background:url(images/icon.png) 0 -79px no-repeat; display:block; width:22px; height:20px}
.content .article .button a{margin:0; text-decoration:none; color:#FFF; font-weight:700; text-align:left; display:block; font-size:115%}
.button{background:-moz-linear-gradient(top,#FBAE77 10%,#FF7A3C 60%); background:-webkit-gradient(linear,left top,left bottom,from(#FBAE77),to(#FF7A3C)); border:1px solid #FA935A; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; -moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3); -webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3); padding:6px 0px 6px 10px; margin:24px auto 0 auto; display:block; position:relative; clear:both}
.article01 .button{margin-bottom:9px;}
/*relatelist*/
.articleList p:first-child{font-size:120%; font-weight:700; text-align:center; color:#690; border-bottom:#DBF4BF 1px solid; margin-bottom:3px}
.articleList .text{border-top:#DBF4BF 2px solid; text-align:left; padding:10px 15px 0 0}
.articleList .text li{padding: 5px 0 5px 15px;font-size: 100%;text-align: left;border-bottom: none;background: url(images/icon.png) no-repeat 0 -231px;}
.articleList .text a{text-decoration:underline}
/*table*/
.content .article:last-child{margin-top:24px}
.content .article div.open{text-align: left;padding-bottom:20px;margin:0 12px;overflow: hidden}
.content .article div.open b{margin-bottom:10px;display: block}
table tr th{background:#D9F4FE; padding:5px 10px 5px 7px;border:1px solid #ccc;border-bottom:none}
table{border-collapse:collapse; text-align:left; font-size:88%; width:100%;}
table td{border:#ccc solid 1px;padding:5px 10px}
span.attend{font-size:12px;margin:10px 0;line-height:1.2em;display:block}
/*retina*/
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx){.top{background:url(images/titleBack@2x.gif) left top no-repeat; background-size:320px}
.content h2{background:url(images/house@2x.png) no-repeat 95% 102% #690; background-size:56px}.articleList .text li{background: url(images/icon@2x.png) no-repeat 0 -231px; background-size:32px;}
dt .subtitle{background:url(images/icon@2x.png) no-repeat 8px -146px; background-size:32px;}.introduction{background:url(images/icon@2x.png) no-repeat 5px 0;background-size:32px;}
.button span.linkicon{position:absolute; top:23%; left:92%; background:url(images/icon@2x.png) 0 -79px no-repeat; display:block; width:22px; height:20px; background-size:32px;}
}
/*webfont*/
.area ul.icon-arrowR li a:after{content:"\e102"; font-family:'icon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1.2em; font-size:20px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; right:10px; top:25%}
/*content02*/
.content02 .top{background:url(images/titleBack02.gif) left 47px no-repeat #FFF; overflow:hidden; margin-bottom:20px; padding-right:5px}
.content02 .top p{width:165px; border-bottom:#FF9F9F 1px solid; border-top:#FF9F9F 1px solid; float:right; margin:22px 10px 22px 0; font-size:12px; text-align:right; padding:5px 0; text-shadow: -4px -4px 5px #FFFFFF;}
@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx){.content02 .top{background:url(images/titleBack02@2x.gif) left 47px no-repeat  #FFF; background-size:178px;}}