/*

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

*/


/* Common */
html,body,div,form,fieldset,legend,label,p,h1,h2,h3,h4,h5,h6,th,td,caption,dl,dt,dd,ul,li{margin:0;padding:0}
li{list-style-type:none !important;}
table{border-collapse:collapse;border-spacing:0}
th,td{vertical-align:top;text-align:left}
h1,h2,h3,h4,h5,h6,th,td,caption{font-weight:normal}
img{border:0}
body{text-align:center;background:url(images/Bg.gif) repeat}
a:link{color:#03C}
:hover{color:#03C}
:visited{color:#606}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6}
img.buttons:hover{filter:alpha(opacity=100) !important;-moz-opacity:1 !important;opacity:1 !important}
.txt-m,.txt-s{color:#333 !important}
.txtPink{color:#EB7179 !important;font-weight:700}
.txtOrange{color:#F7993E !important;font-weight:700}
.txSmall{font-size:0.6em}
/* For modern browsers */
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
.float_r{float:right}
.float_l{float:left}
.mar_r20{margin-right:15px}
.mar_top10{margin-top:10px}
.mar_b10{margin-bottom:10px}
.mar_b30{margin-bottom:30px}
.txt-m{color:#595146}
.sprite{position:relative;overflow:hidden;display:block;text-indent:-9999px}
.wrap{width:950px;margin:0 auto; background:#fff;border-left:2px solid #556E8E;border-right:2px solid #556E8E;}
#header{width:920px;margin:0 15px;overflow:hidden;text-align:left}
#logo{width:138px;height:35px;margin:10px 15px 10px 0;float:left;background:url(images/sprite.png) no-repeat;background-position:0 0}
#header p{width:250px;padding:15px 0 10px;float:left}
#header p#call{width:260px;height:42px;margin:10px 0 0;padding:0;float:right;background:url(images/sprite.png) no-repeat;background-position:-350px -3px}
.bread{width:930px;margin:0 10px;text-align:left}
.bread p{padding:5px 10px;background:#EDEDED;border-radius:.6em !important;-moz-border-radius:.6em !important;-webkit-border-radius:.6em !important}
#contwrap{width:950px;margin:0;padding:0;}
/* COURSE */
#COURSE{width:910px;padding:10px 0;overflow:hidden;text-align:center;margin:0}
p.crsread{width:890px;margin:0 auto 10px auto;text-align:left;}
#CourseTab{width:900px;height:35px;margin:0 auto}
* html #CourseTab{margin:0 12px}
ul#CourseTab li{width:109px;height:35px;margin:0 3px 0 0;float:left;font-size:12px;line-height:none !important;display:block}
ul#CourseTab li a{width:109px;height:35px;color:#FFF !important;text-indent:100%;overflow:hidden;white-space:nowrap;display:block;background:url(images/sprite.png) no-repeat}
ul#CourseTab li a.tab1{background-position:-1px -930px}
ul#CourseTab li a.tab2{background-position:-1px -980px}
ul#CourseTab li a.tab3{background-position:-1px -1030px}
ul#CourseTab li a.tab4{background-position:-1px -1080px}
ul#CourseTab li a.tab5{background-position:-1px -1130px}
ul#CourseTab li a.tab6{background-position:-1px -1180px}
ul#CourseTab li a.tab7{background-position:-1px -1230px}
ul#CourseTab li a.tab8{background-position:-1px -1280px}

ul#CourseTab li a.tab1:hover,ul#CourseTab li.tab1 a.selected{background-position:-350px -930px}
ul#CourseTab li a.tab2:hover,ul#CourseTab li.tab2 a.selected{background-position:-350px -980px}
ul#CourseTab li a.tab3:hover,ul#CourseTab li.tab3 a.selected{background-position:-350px -1030px}
ul#CourseTab li a.tab4:hover,ul#CourseTab li.tab4 a.selected{background-position:-350px -1080px}
ul#CourseTab li a.tab5:hover,ul#CourseTab li.tab5 a.selected{background-position:-350px -1130px}
ul#CourseTab li a.tab6:hover,ul#CourseTab li.tab6 a.selected{background-position:-350px -1180px}
ul#CourseTab li a.tab7:hover,ul#CourseTab li.tab7 a.selected{background-position:-350px -1230px}
ul#CourseTab li a.tab8:hover,ul#CourseTab li.tab8 a.selected{background-position:-350px -1280px}
br.cleared{width:100%;font-size:1px;display:none;height:1px;}
.BtnSend{width:635px;height:50px;float:right;margin:0;padding:0;clear:both;border:none;display:block;background-color:transparent;cursor:pointer}
.BtnSend p{width:635px;height:0;margin:0;padding:50px 0 0;overflow:hidden;background:url(images/sprite.png) no-repeat;background-position:0 -720px}
.BtnSend.hover p{background-position:2px -810px}
#CourseTabBox{width:910px;margin:0 auto 10px}
.tab{width:910px;margin:10px 0;overflow:hidden}
ul.pref_area{width:910px;margin:0 0 10px;padding:5px 0;overflow:hidden;background:#EDEDED;list-style:none}
ul.pref_area li{padding:3px 8px;float:left;text-align:center}
ul.pref_area li.selected{border:1px solid #F69;background:white}
.all_check_area{width:884px;margin:0;padding:10px 0;text-align:right;clear:both;}
.all_check_area p{display:inline}
.all_check_area label{color:#FF738B;text-decoration:underline;cursor:pointer}
.sectionName{width:910px;overflow:hidden;background:url(images/courseBgGr.gif) left top repeat-y}
ul.sectionName li{width:340px;padding:5px 0;float:left;font-weight:700;color:#FFF;text-align:center;display:block;white-space:nowrap;text-indent:100%;overflow:hidden}
.sc1{width:340px}
.sc2{width:381px !important}
.sc3{width:110px !important}
.sc4{width:75px !important}
.section{width:910px;margin:0;overflow:hidden;background:url(images/courseBgWh.gif) left top repeat-y}
ul.section li{padding:10px 0;float:left;text-align:center}
* html ul.section .sc1{width:100%}
.check_area{width:40px;height:40px;margin:0 0 0 20px;position:relative;display:block;background:#FFDCDA;cursor:pointer}
* html .check_area{margin:0 0 0 5px}
.check_area input{margin:0;padding:0;position:absolute;left:23%;top:26%}
:root * > .check_area input{left:37%;top:40%}
.sc1 .img_area{width:105px;float:left;text-align:center}
* html .sc1 .img_area{width:115px}
.sc1 img{margin:0 auto 10px;display:block;text-align:center;width:95px}
.sc1 .tg{width:52px;height:20px;background:url(images/sprite.png) no-repeat;background-position:0 -1519px;margin:0 auto;white-space:nowrap;overflow:hidden;text-indent:100%}
.sc1 .ts{width:52px;height:20px;background:url(images/sprite.png) no-repeat;background-position:0 -1549px;margin:0 auto;white-space:nowrap;overflow:hidden;text-indent:100%}
.sc1 div.right{
	width:220px;
	float:right;
	padding-top:5px;
}
* html .sc1 div.right{
	width:220px;
	float:left;
}
.sc1 b{width:210px;display:block;margin:0 auto;text-align:left}
.sc2 div.categories{width:361px;margin:0 10px;padding:0 0 5px 0;clear:both;overflow:hidden}
.sc2 div.categories span{width:105px;height:18px;margin:0 2px 2px 0;padding:0;float:left;background:url(images/sprite.png) no-repeat}
.option01{background-position:0 -1380px !important}
.option02{background-position:0 -1420px !important}
ul.courseArea{
	width:566px;
	margin:0;
	padding:0;
	float:right;
	overflow:hidden;
}
.sc2 p{
	text-align:left;
	padding:0 10px;
}
.sc2 a{
	text-align:left;
	padding:0 10px 5px;
	display:block;
}
.courseArea .recom{
	background:url(images/sprite.png) 3px -1575px;
}
.courseArea .recom p{
	padding:0 10px 0 40px;
}
.courseArea .recom a{
	padding:0 10px 5px 40px;
}
.scBorder{width:910px !important;height:3px;margin:0 !important;padding:0 !important;float:none !important;clear:both;border-bottom:solid 2px #999}
.scBorder2{width:567px !important;height:3px;margin:0 !important;padding:0 !important;float:right !important;border-bottom:dotted 1px #999}
.pagetop{width:930px;padding:5px 0 10px 0;text-align:right}
/* Footer */
#footer{width:950px;margin:0 auto;padding:15px 0}
#footer p{margin:10px 0 0;padding:10px 0 0;border-top:dotted 1px #CCC;font-weight:700}
/* Top */
#articleTitleWrap{width:950px;height:350px;margin:0 auto;background:url(images/titleBg.jpg) bottom right no-repeat;position:relative}
#articleTitleWrap img#title{
	position: absolute;
	left: -50px;
	top: 20px;
	z-index: 3;
	display:block;
}
#articleTitleWrap img#titleCheck{
	position: absolute;
	left: 15px;
	z-index: 1;
	bottom: 130px;
}
#articleTitleWrap a.article01Btn{
	width: 545px;
	height: 125px;
	position: absolute;
	overflow: hidden;
	left: 70px;
	bottom: 10px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(images/titleBtn.png) 0 top no-repeat;
	z-index: 2
}
#articleTitleWrap a.article01Btn:hover{background-position:0 -133px;}

#read{
	width:920px;
	background:#eee;
	padding:15px;
	text-align:left;
}
* html #read{
	width:950px;
}

ul#pageLink{
	width:730px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	white-space:nowrap;
	padding:25px 0 15px;
}
ul#pageLink li{
	padding:5px 0 5px 25px;
	background:url(images/sprite.png) 0 -420px no-repeat;
	display:block;
	white-space:nowrap;
	float:left;
	margin-right:35px;
}
ul#pageLink li a{
	color:#555;
	font-size:1.0em;
	text-decoration:underline;
}
ul#pageLink li a:hover{
	color:#999;
	text-decoration:none;
}


.article{width:950px;margin:15px 0 25px;position:relative}
.article img.artIndex{position:absolute;top:0;left:-12px}

.articleBox{width:910px;margin:0 auto;padding-top:80px}
.articleBox p.art1Catch{
	text-align:left;
	color:#C55146;
	width:100%;
	padding:0 0 8px 0;
	font-weight:bold;
	font-size:1.0em;
}
.articleBox p.contxt{
	width:100%;
	padding:0 0 8px 0;
	text-align:left;
}
.articleBox p.contbold{
	width:100%;
	padding:20px 0 5px;
	text-align:left;
	color:#2A4654;
	font-weight:bold;
}

.articleBox .howtoBox{
	width:100%;
	margin-bottom:15px;
	margin-top:15px;
	position:relative;
	padding-top:10px;
}
.articleBox .howtoBox img{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
.articleBox .howtoBox .sInbox{
	width:780px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
	behavior:url(PIE.htc);
	border:1px solid #DBAA2E;
	padding:5px 0;
	margin-left:130px;
	text-align:left;
}
.articleBox .howtoBox .wInbox{
	width:780px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
	behavior:url(PIE.htc);
	border:1px solid #94AC20;
	padding:5px 0;
	margin-left:130px;
	text-align:left;
}

.articleBox .howtoBox .sInbox ul.inner{
	width:740px;
	margin-left:30px;
	background:url(images/art1dotBg.gif) 100px 0 repeat-y;
}
.articleBox .howtoBox .wInbox ul.inner{
	width:740px;
	margin-left:30px;
	background:url(images/art1dotBg.gif) 180px 0 repeat-y;
}
.articleBox .howtoBox .sInbox ul.inner li,
.articleBox .howtoBox .wInbox ul.inner li{
	padding:5px 0;
	overflow:hidden;
}
.articleBox .howtoBox .sInbox ul.inner li .left{
	width:100px;
	text-align:center;
	font-weight:bold;
	float:left;
	margin-right:10px;
}
.articleBox .howtoBox .wInbox ul.inner li .left{
	width:180px;
	text-align:center;
	font-weight:bold;
	float:left;
	margin-right:10px;
}
.articleBox .howtoBox .sInbox ul.inner li .right{
	width:620px;
	text-align:left;
	float:left;
}
.articleBox .howtoBox .wInbox ul.inner li .right{
	width:540px;
	text-align:left;
	float:left;
}

.dot_border{
	border-bottom:1px dotted #999;
}

.articleBox .faqbox,
.articleBox .shikenbox{
	width:890px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	position:relative;
	behavior:url(PIE.htc);
	padding:10px;
	background:#eee;
}
* html .articleBox .faqbox{
	width:910px;
}

.articleBox .faqbox .inBox{
	width:870px;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
* html .articleBox .faqbox .inBox{
	width:890px;
}

.articleBox .faqbox .inBox div{
	overflow:hidden;
	width:100%;
	padding:5px 0;
}

.articleBox .faqbox .inBox div span{
	width:20px;
	height:20px;
	background:url(images/sprite.png) no-repeat;
	float:left;
	margin-right:10px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}
.articleBox .faqbox .inBox div span.qicon{
	background-position:0 -492px;
}
.articleBox .faqbox .inBox div span.aicon{
	background-position:-1px -521px;
}
.articleBox .faqbox .inBox div p{
	overflow:hidden;
}

.articleBox table.art3table{
	width:910px;
	border:1px solid #0E3472;
	border-collapse:collapse;
	text-align:left;
	line-height:1.45;
	font-size:0.8em;
	margin:10px 0;
}
.articleBox table.art3table th{
	width:90px;
	border:1px solid #0E3472;
	background:#C8DDEB;
	padding:10px;
	font-weight:bold;
	color:#2A4755;
}
.articleBox table.art3table td{
	border:1px solid #0E3472;
	background:#fff;
	padding:5px;
	color:#333;
	padding:10px;
}

.articleBox .shikenbox ul.shikenWrap{
	width:870px;
	border:1px solid #999;
	background:#fff;
	padding:0 10px;
	text-align:left;
}
* html .articleBox .shikenbox ul.shikenWrap{
	width:890px;
}
.articleBox .shikenbox ul.shikenWrap li{
	overflow:hidden;
	padding:10px;
	width:850px;
}
.articleBox .shikenbox ul.shikenWrap li .left{
	width:120px;
	margin-right:10px;
	float:left;
	color:#2A4755;
	font-weight:bold;
	font-size:0.8em;
}
.articleBox .shikenbox ul.shikenWrap li .right{
	width:700px;
	float:left;
}
.articleBox .shikenbox ul.shikenWrap li .right table.shikentable{
	width:700px;
	border:1px solid #999;
	border-collapse:collapse;
	margin-top:5px;
	margin-bottom:10px;
	text-align:left;
	color:#333;
	font-size:0.8em;
}
.articleBox .shikenbox ul.shikenWrap li .right table.shikentable th{
	width:120px;
	padding:10px;
	background:#C8DDEB;
	border:1px solid #999;
	vertical-align:middle;
}
.articleBox .shikenbox ul.shikenWrap li .right table.shikentable td{
	padding:10px;
	background:#fff;
	border:1px solid #999;
	vertical-align:middle;
}
.articleBox .shikenbox ul.shikenWrap li .right table.shikentable td.gray{
	background:#eee;
	width:280px;
	text-align:center;
}
* html .articleBox .shikenbox ul.shikenWrap li .right table.shikentable td.gray{
	background:#eee;
	width:300px;
}

.articleBox img.schedule{
	display:block;
	margin:10px 0;
}

.articleBox p.checkIndex{
	width:840px;
	background:url(images/sprite.png) 0 -586px no-repeat;
	color:#2F4754;
	font-size:0.8em;
	font-weight:bold;
	line-height:1.45;
	margin-bottom:5px;
	margin-top:25px;
	text-align:left;
	padding:3px 0 5px 70px;
}
* html .articleBox p.checkIndex{
	width:910px;
}

a.centerBtn{
	width:800px;
	height:120px;
	margin:0 auto 20px;
	background:url(images/sprite.png) 0 -130px no-repeat;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
}
a.centerBtn:hover{
	background-position:1px -265px;
}