/*

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

*/

#contwrap{
    font-family: 游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;
	color:#333;
	font-size:14px;
	line-height:1.8;
	width:950px;
}

#contentBox{width:950px;padding:0 0 10px;margin-bottom:10px;background:#1cc3a1;}
.float_r{float:right}
.float_l{float:left}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
a:hover img{
	opacity: 0.7 !important;
   filter: alpha(opacity=70) !important;
  	-ms-filter: "alpha(opacity=70)" !important;
    -khtml-opacity: 0.7 !important;
    -moz-opacity: 0.7 !important;
}


/*============

	title

==============*/
#contwrap .title{
	width:100%;
	margin:0;
	position:relative;
	}
#contwrap .title h2{
	width:100%;
}
#contwrap .title h2 img{
	display:block;
}

/*============

	contInner

==============*/
#contwrap .contInner{
	width:100%;
	position:relative;
	margin-top:-30px;
	z-index:999;
}
#contwrap .contInner2{
	width:100%;
	position:relative;
	margin-top:-15px;
	z-index:999;
}
/*============

	contBox

==============*/
#contwrap .contBox {
	width:900px;
	border:0;
	box-shadow:1px 0px 8px 1px #777;
	-moz-box-shadow:1px 0px 8px 1px #777;
	-webkit-box-shadow:1px 0px 8px 1px #777;
	margin:0 auto 30px;
	background:#fff;
	padding:2px 0 15px 0;
}
#contwrap .contBox h3{
	margin:0 2px;
	position:relative;
	height:80px;
	margin-bottom:25px;
}
#contwrap .contBox h3 .index{
	position:absolute;
	top:25px;
	left:20px;
}
#contwrap .contBox h3 .icon{
	position:absolute;
	top:-25px;
	right:10px;
}
#contwrap .contBox p{
	padding:0 25px;
	text-align:left;
}

/*============

	cont01

==============*/
#cont01 h3{
	background:url(images/cont01IndexBg.gif) left top repeat-x;
}
#cont01 .reasonArea{
	text-align:center;
	padding:30px 0 50px;
}
#cont01 .reasonArea .left{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
#cont01 .reasonArea .right{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin:0 15px 0 35px;
}
#cont01 h4{
	text-align:center;
}
#cont01 h4.arrow{
	text-align:center;
	padding-top:10px;
	background:url(images/cont01Arrow.png) center top no-repeat;
	width:900px;
	margin:0 auto 30px;
}
#cont01 h4 img{
	display:block;
	margin:0 auto 30px;
}
#cont01 .artImg01{
	display:block;
	margin:0 auto 50px;
}
#cont01 .artPhotoArea01{
	width:900px;
	margin:0 auto 30px;
	text-align:center;
}
#cont01 .artPhotoArea01 img{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin-left:10px;
}
#cont01 .artPhotoArea01 p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	text-align:left;
	width:400px;
}
#cont01 .artPhotoArea02{
	width:100%;
	margin:0 0 40px;
	text-align:center;
}
#cont01 .artPhotoArea02 .box{
	width:280px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 0 0 5px;
}
#cont01 .artPhotoArea02 .box img{
	display:block;
	margin-bottom:10px;
}
#cont01 .artPhotoArea02 .box p{
	text-align:left;
	padding:0 10px;
}

#cont01 #slider {
   width:858px;
   *width:856px;
   overflow:hidden;
   margin:0 auto;
   position:relative;
}
 
#cont01 #slider #photo {
   width:570px;
   height:430px;
   float:left;
   position:relative;
   border: 2px solid #f9788d;
   overflow:hidden;
}
#cont01 #slider #photo li {
   position:absolute !important;
   top:0 !important;
   left:0 !important;
}
#cont01 #slider #photo li img{
   display:block; !important;
}
 
#cont01 #slider #thum {
   width:280px;
   float:right;
}
#cont01 #slider #thum li {
   cursor:pointer;
   height:70px;
   margin-bottom:3px;
   *margin-bottom:-6px !important;
   *zoom:1;
   position:relative !important;
   display:block;
}
#cont01 #slider #thum li img{
   display:block;
   height:70px;
   width:280px;
}
#cont01 #slider #thum li .arrow {
	display:none;
}
#cont01 #slider #thum li.arrow .arrow {
	display:block;
	width:18px !important;
	height:70px !important;
	position:absolute !important;
	top:0 !important;
	left:-18px !important;
	*left:-19px !important;
	*zoom:1 !important;
}

#cont01 #slider #caption {
	position:absolute !important;
	top:0 !important;
	left:0 !important;
    width:570px;
    height:430px;
}
#cont01 #slider #caption li{
    width:566px;
    height:432px;
    *height:430px;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}
#cont01 #slider #caption li .caption{
	position:absolute !important;
	bottom:0 !important;
	left:2px !important;
	*bottom:2px !important;
	width:570px;
	*width:566px;
	padding:15px 0;
	text-align:left;
	background:url(images/slideCaptionBg.png) repeat;
	overflow:hidden;
}
#cont01 #slider #caption li .caption h5{
	font-size:18px;
	font-weight:bold;
	color:#f9788d;
	padding:0 15px 10px;
}
#cont01 #slider #caption li .caption p{
	padding:0 15px;
}

#cont01 .art03{
	width:860px;
	margin:50px auto 50px;
	text-align:center;
}
#cont01 .art03 img{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin-right:20px;
}
#cont01 .art03 .movie{
	width:500px;
	padding:15px;
	background:url(images/cont01Art03TechBg.gif) repeat;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

#cont01 .btn{
	display:block;
	margin:0 auto 30px;
}


/*============

	cont02

==============*/
#cont02 h3{
	background:url(images/cont02IndexBg.gif) left top repeat-x;
	margin-bottom:0 !important;
}
#cont02 .interviewList{
	width:870px;
	overflow:hidden;
	margin:0 auto;
	*margin:0 10px;
}
#cont02 .interviewList li{
	display:block;
	padding:20px 10px;
	border-bottom:1px dotted #999;
}
#cont02 .interviewList li p{
	padding:15px 10px 0;
}
#cont02 .interviewList li .catchArea{
	overflow:hidden !important;
	*zoom:1;
}
#cont02 .interviewList li .catchArea .photo{
	float:left;
}
#cont02 .interviewList li .catchArea .catchProf{
	float:right;
	width:680px;
	text-align:left;
}
#cont02 .interviewList li .catchArea .catchProf .catch{
	display:block;
	margin:10px 0 15px;
}
#cont02 .interviewList li .catchArea .catchProf .prof{
	border-radius:10px;
	padding:5px 15px;
	background:#f4f5c2;
}
#cont02 .interviewList li .catchArea .catchProf .prof .name{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:135px;
	vertical-align:middle;
}
#cont02 .interviewList li .catchArea .catchProf .prof .name img{
	display:block;
}
#cont02 .interviewList li .catchArea .catchProf .prof .profiles{
	display:inline-block;
	*display:inline;
	*zoom:1;
	border-left:5px solid #dee022;
	width:485px;
	vertical-align:middle;
	padding:10px;
	font-size:13px;
	line-height:18px;
}
#cont02 .interviewList li.nobor{
	border-bottom:none;
}


/*============

	cont03

==============*/
#cont03 h3{
	background:url(images/cont03IndexBg.gif) left top repeat-x;
}
#cont03 .about{
	width:860px;
	margin:0 auto 30px;
}
#cont03 .about .logoArea{
	width:150px;
	padding:10px 0;
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
#cont03 .about .logoArea img{
	display:block;
	margin:0 auto;
}
#cont03 .about p{
	width:650px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

#cont03 h4{
	text-align:center;
}
#cont03 h4 img{
	display:block;
	margin:0 auto 10px;
}
#cont03 .recommend{
	width:860px;
	margin:0 auto 10px;
	background:url(images/cont03RecBg.gif) repeat;
	padding:11px 0;
}
#cont03 .recommend .inner{
	width:830px;
	margin:0 auto;
	border:4px solid #a3d528;
	padding:0;
}
#cont03 .recommend .inner .halfBox{
	width:100%;
	border-bottom:4px solid #a3d528;
	text-align:left;
}
#cont03 .recommend .inner .halfBox .box01{
	width:435px;
	border-right:4px solid #a3d528;
	padding:10px 0;
	text-align:left;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
#cont03 .recommend .inner .halfBox .box02{
	border-right:none;
	width:370px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
#cont03 .recommend .inner .halfBox .box01 img,
#cont03 .recommend .inner .halfBox .box02 img{
	display:block;
	margin:0 10px;
}
#cont03 .recommend .inner .movieArea{
	width:810px;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:left;
}
#cont03 .recommend .inner .movieArea img{
	display:block;
	margin-bottom:10px;
}
#cont03 .recommend .inner .movieArea .cont{
	width:820px;
	margin:0 auto;
	text-align:center;
}
#cont03 .recommend .inner .movieArea .cont p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	width:280px;
	padding:0;
	margin-right:20px
}
#cont03 .recommend .inner .movieArea .cont .movie{
	width:470px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

/*============

	cont04

==============*/
#cont04 h3{
	background:url(images/cont04IndexBg.gif) left top repeat-x;
}
#cont05 h3{
	background:url(images/cont05IndexBg.gif) left top repeat-x;
}
#cont04 .crsArea,
#cont05 .crsArea{
	text-align:center;
	margin-bottom:30px;
}
#cont04 .crsArea img,
#cont05 .crsArea img{
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	margin:0 0 0 10px;
}
#cont04 .pointArea,
#cont05 .pointArea{
	background:url(images/cont04PointBorder.gif) center top repeat-y;
	text-align:center;
	margin-bottom:30px;
}
#cont04 .pointArea li,
#cont05 .pointArea li{
	text-align:center;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	padding:0 20px;
	width:255px;
}
#cont04 .pointArea li p,
#cont05 .pointArea li p{
	width:255px;
	text-align:left;
	padding:10px 0;
}
#cont04 .btn,
#cont05 .btn{
	display:block;
	margin:0 auto 20px;
}