@charset "utf-8";

/*************************************/
/* レイアウト */
/*************************************/
#contents{
	width:1000px;
	position:relative;
	margin:0 auto;
	padding:50px 0 0 0;
	overflow:hidden;
}
#oneContents{
	position:relative;
	padding:0px;
	margin-bottom:30px;
	padding-top:50px;
}
#narrowContents{
	width:800px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
	padding-top:50px;
}
#primaryContents{
	float:left;
	width:770px;
	margin-bottom:30px;
}
#primaryContentsR{
	float:right;
	width:770px;
	margin-bottom:30px;
}
#firstContents{
	float:right;
	width:210px;
}
#secondaryContents{
	float:right;
	width:210px;
}
#secondaryContentsL{
	float:left;
	width:210px;
}
#lpageContent {
    min-width: 320px;
}
h1{
	color:#fff;
	padding:5px 0 0 75px;
	margin-bottom:10px;
	font-size:130%;
	background-color:#3E3A39;
	background-image: url("../img/h1_bg.png");
	background-position: left top;
	background-repeat:no-repeat;
}
h2{
	color:#333;
	padding:5px 0 0 35px;
	font-size:120%;
	background-image: url("../img/h2_bg.png");
	background-position: left top;
	background-repeat:no-repeat;
	border-top:1px solid #20557A;
	margin-top:10px;
}
h3{
	background-image: url("../img/h3_bg.png");
	background-position: left top;
	background-repeat:no-repeat;
	border-top:1px solid #20557A;
	padding:5px 0 0 30px;
	margin:5px 0;
	font-size:110%;
	font-weight:normal;
	overflow:hidden;
	line-height:1.2;
}
h4{
	border-left:9px solid #4CB485;
	margin:5px 0;
	padding:2px 0 0 7px;
	font-weight:normal;
	font-size:110%;
}
h5{
	color:#3e3a39;
	font-size:110%;
	font-weight:normal;
}
.titleRed, .titleDeepBlue, .titleGreen, .titleBlue{
	height:25px;
	color:#fff;
	font-size:14px;
	margin:10px 94px 10px 0;
	background-color:#D64431;
	position:relative;
	padding:3px 10px 0 10px;
	font-weight:normal;
	display:inline-block;
	border:none;
	background-image:none;
}
.titleDeepBlue{
	background-color:#1A3740;
}
.titleGreen{
	background-color:#4CB458;
}
.titleBlue{
	background-color:#4a95ca;
}
.titleRed:after, .titleDeepBlue:after, .titleGreen:after, .titleBlue:after{
  content:"";
	position:absolute;
	top:0;
	right:-94px;
	background-image: url("../img/title_red.png");
	background-position: left top;
	background-repeat:no-repeat;
	height:28px;
	width:94px;
}
.titleDeepBlue:after{
	background-image: url("../img/title_deepblue.png");
}
.titleGreen:after{
	background-image: url("../img/title_green.png");
}
.titleBlue:after{
	background-image: url("../img/title_blue.png");
}
.titleRed a, .titleDeepBlue a, .titleGreen a, .titleBlue a{
	color:#fff;
}
#myCourseH2{
	padding-left:25px;
}
#myCourseH2:before {
  content:"";
  position:absolute;
  top:7px;
  border:1px solid #fff;
  border-width:7px 10px;
	margin-left:10px;
  left:0;
  border-color:transparent;
  border-left-color:#fff;
	border-radius:2px;
}
.centerH2{
	color:#56abc9;
	text-align:center;
	margin:15px 0 5px 0;
	letter-spacing: 0.15em;
	background-image:none;
	border:none;
}
#secondaryContents .titleBlue{
	margin:10px 60px 5px 0;
	display:block;
}
#centerH1{
	text-align:center;
	margin:0px 0 5px 0;
	background:none;
	padding:0;
	color:#333;
}
.centerBgH2Wralp{
	background:#57accb;
	text-align:center;
	color:#fff;
	padding:7px 0 2px 0;
}
.centerBgH2{
	background-image: url("../img/h2bg_bg.png");
	background-size:33px 26px;
	background-position: left 2px;
	padding-left:45px;
	background-repeat:no-repeat;
	display:inline-block;
	letter-spacing: 0.15em;
}
.colHalfLeft{
	width:50%;
	float:left;
}
.colHalfLeftInner{
	padding-right:15px;
}
.colHalfRight{
	width:50%;
	float:right;
}
.colHalfRightInner{
	padding-left:15px;
}
.width100{
	width:100%;
}
.nodisplaySpInline{
	display:inline;
}
.nodisplayPcInline{
	display:none;
}
.nodisplaySpBlock{
	display:block;
}
.nodisplayPcBlock{
	display:none;
}
.colLine{
	border:1px solid #ddd;
	padding:10px 20px;
	margin-bottom:10px;
}
.movieCol{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.movieCol iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.anchor{
	margin-top:-60px;
	padding-top:60px;
}
/*************************************/
/* HTMLエディタ用 */
/*************************************/
div.col2Left{
	width:48%;
	float:left;
}
div.col2Right{
	width:48%;
	float:right;
}
div.colCenter{
	clear:both;
}
div.col3,div.col3Right{
	width:250px;
	float:left;
	margin-right:20px;
}
div.col3Right{
	margin-right:0;
}

/*************************************/
/* ヘッダー */
/*************************************/
#headerWrap{
	position:fixed;
	z-index:50;
	width:100%;
	top:0px;
	left:0px;
}
#headerWrapBackL{
	background:#4596ca;
	position:fixed;
	top:0;
	left:0;
	height:52px;
	width:50%;
	z-index:10;
}
#headerWrapBackR{
	background:#20557a;
	position:fixed;
	top:0;
	right:0;
	height:52px;
	width:50%;
	z-index:10;
}
#header{
	background:#20557a;
	position:relative;
	height:52px;
	margin:0 auto;
	max-width:1200px;

}
#headerBg1{
	position:absolute;
	top:0;
	left:0px;
	z-index:50;
}
#headerBg2{
	position:absolute;
	top:26px;
	left:0;
	z-index:50;
}
#headerTitle{
	background:none;
	display:block;
	font-size:14px;
	position:absolute;
	top:3px;
	left:150px;
	z-index:10;
	margin:0;
	padding:0;
	border:none;
	font-size:12px;
	font-weight:normal;
	color:#fff;
}
#headerLogo{
	position:absolute;
	top:1px;
	left:10px;
	z-index:51;
}
#headerLogout{
	position:absolute;
	top:2px;
	right:10px;
	color:#fff;
	font-size:12px;
	z-index:100;
	background:#e26436;
	border-radius:3px;
	padding:1px 10px 0px 10px;
	line-height:1.6;
	box-shadow:inset 0px -15px 15px 0px rgba(0,0,0,0.05),inset 0px 15px 15px 0px rgba(255,255,255,0.05);
}
#headerLogout:hover{
	text-decoration:none;
	opacity:0.8;
}
#headerWishlist{
	position:absolute;
	top:2px;
	right:270px;
	color:#fff;
	font-size:12px;
	z-index:100;
}
#globalNaviWrap{
	height:25px;
}
#globalNaviBack{
	position:absolute;
	bottom:0;
	right:0;
	width:50%;
	border-top:2px solid #fff;
	height:25px;
	background:#4596ca;
	z-index:48;
}
#globalNavi{
	margin:0 auto;
	max-width:1200px;
	position:relative;
	padding:25px 0 0 0;
	list-style-type:none;
	width:100%;
	z-index:49;
}
#globalNavi li.globalNaviMain{
	background:#4596ca;
	text-align:center;
	vertical-align:middle;
	height:27px;
	color:#fff;
	font-size:13px;
	overflow:hidden;
	display:block;
	width:12%;
	float:left;
	border-right:2px solid #fff;
}
#globalNavi li:nth-child(1){
	margin-left:90px;
	position:relative;
}

#globalNavi li.globalNaviMain:nth-child(1) a.globalNaviMain{
	background:#ee731e;
	padding-left:20px;
//	width:95px;
}
#globalNavi li.globalNaviMain a.globalNaviMain{
	border-top:2px solid #fff;
	display:block;
	padding-top:3px;
	height:25px;
	color:#fff;
	font-size:12px;
}
#globalNavi li.globalNaviMain a.globalNaviMain:hover{
	opacity:0.8;
	text-decoration:none;
}
.globalNaviSlide{
	display:none;
	list-style-type:none;
	width:100%;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:50px;
	background:#fff;
	z-index:99;
	color:#555;
	padding:50px 10px 20px 30px;;
	border:5px solid #6ab6d1;
	border-top:none;
	text-align:left;
}
#globalNavi li.globalNaviMainCart{
	border-right:none;
	background-image: url("../img/gnavi_cart.png");
	background-position: 10px 6px;
	background-repeat:no-repeat;

}
#globalNavi li.globalNaviMainCart a{
	padding-left:30px;
	text-align:left;
	font-size:10px;
	padding-top:4px;
}
#globalNavi .globalNaviSlide span a{
	font-size:20px;
	color:#57accb;
	position:absolute;
	top:20px;
	left:30px;
}
.globalNaviSlide li.globalNaviSlideCol{
	width:270px;
	float:left;
	margin:10px 20px 0 0;
}
.globalNaviSlideCol a{
	color:#555;
}
.globalNaviSlideTag{
	padding-left:0;
}
.globalNaviSlideTag li{
	position:relative;
	list-style-type:none;
	border-bottom:1px dotted #aaa;
}
.globalNaviSlideTag li:hover{
	background:#6ab6d1;
}
.globalNaviSlideTag li a{
	color:#57accb;
	padding: 2px 0 0 20px;
	display:block;
}
.globalNaviSlideTag li a:before{
	display: block;
	content: '';
	position: absolute;
	top: 11px;
	left: 5px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #2e6f89;
	border-bottom: 1px solid #2e6f89;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#headerLogo img{
	display:block;
	height:50px;
	margin-left:10px;
}
#headerLogo:hover{
	opacity:0.6;
}
#headerMenu{
	position:absolute;
	right:10px;
	top:8px;
	font-size:16px;
}
#headerMenu a{
	color:#555;
}
#simpleSearch{
	position:absolute;
	right:95px;
	top:0px;
	z-index:100;

}
#simpleSearch input[type=text]{
	padding: 1px 10px;
	margin:0;
	font-size:12px;
	width:140px;
	border:none;
}
#gnaviSp{
	display:none;
}
/*************************************/
/* フッター */
/*************************************/
#footerWrap{
	background:#4596ca;
	clear:both;
	position:relative;
}
#footer{
	margin:0 auto;
	padding:35px 10px;
	max-width:1190px;
	position:relative;
}
#footerL{
	margin-right:230px;
	overflow:hidden;
}
#footerNavi{
	padding:0;
	list-style-type:none;
}
#footerNavi li{
	margin:0 5px;
	display:inline-block;
}

.footerMenuCol{
	display:block;
	float:left;
	width:270px;
	margin:0 40px 20px 0;
}
.footerMenuCol h4{
	border-left:1px solid #3e89a3;
	border-bottom:1px solid #3e89a3;
	padding:0 0 0 10px;
	margin-bottom:5px;
	color:#2e6f89;
}
.footerMenuCol h4 a{
	color:#2e6f89;
}
#footerNaviL a{
	color:#fff;
}
#footerNaviL li{
	position:relative;
	list-style-type:none;
}
#footerNaviL li:before{
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	left: -15px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #2e6f89;
	border-bottom: 1px solid #2e6f89;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#footerR{
	color:#2e6f89;
	width:200px;
	height:100%;
	float:right;
	border-left:1px solid #3e89a3;
	padding:0 10px 0 20px;
	margin-bottom:50px;
}
#footerR a{
	color:#fff;
}
#footerNavi li a{
	color:#633207;
}
#copyrightWrap{
	clear:both;
	border-top:1px solid #fff;
	color:#fff;
	text-align:center;
	padding:10px 0;
}
#goTop{
	position:fixed;
	right:20px;
	bottom:100px;
	z-index:100;
}
#goMypage{
	position:fixed;
	right:20px;
	bottom:10px;
	z-index:100;
}




/*************************************/
/* 講義一覧 */
/*************************************/
.courseListCell{
	width:580px;
	text-align:left;
}
.courseListCol{
	width:180px;
	display:inline-block;
//	float:left;
	margin:0px 4px 20px 4px;
	padding-top:2px;
	text-align:left;
	border-top:4px solid #4A95CA;
	position:relative;
}
.courseListTile{
	height:2.5em;
	overflow:hidden;
	line-height:1.3;
	font-size:18px;
	margin-bottom:2px;
	word-break:break-all;
	position:relative;
	display:table;
}
.courseListTileWrap{
	height:45px;
	overflow:hidden;
}
.courseListSubTile{
	height:1.2em;
	overflow:hidden;
	line-height:1.3;
	font-size:11px;
	color:#4A95CA;
}
.courseListTile a{
	color:#555;
	font-weight:bold;
	word-break:break-all;
	vertical-align: middle;
	display:table-cell;
}
.courseListLec{
	margin-top:1px;
	font-size:12px;
	height:1.2em;
	overflow:hidden;
	line-height:1.3;
	width:105px;
	float:left;
}
.courseListPrice{
	color:#D64431;
	text-align:right;
	font-size:12px;
	margin-bottom:3px;
	line-height:1.3;
}
.courseListFree{
	display:inline-block;
	background:#D64431;
	color:#fff;
	font-size:11px;
	line-height:1.2;
	padding:1px 4px 0px 3px;
}
.courseListSale{
	position:absolute;
	bottom:8px;
	left:0;
	display:block;
	font-size:16px;
	width:160px;
	padding:3px 10px 0px 10px;
	text-align:left;
	background:#D64431;
	color:#fff;
}
.courseListFree{
	font-size:12px;
}
.courseListOver{
	font-size:8px;
}
.courseListOrenge .courseListCol{
	border-top:4px solid #ed731c;
}
.courseListOrenge .courseListSubTile{
	color:#ed731c;
}
.courseListDeepBlue .courseListCol{
	border-top:4px solid #1A3740;
}
.courseListDeepBlue .courseListSubTile{
	color:#1A3740;
}
.courseListGreen .courseListCol{
	border-top:4px solid #45b458;
}
.courseListGreen .courseListSubTile{
	color:#45b458;
}
.courseListRed .courseListCol{
	border-top:4px solid #D64431;
}
.courseListRed .courseListSubTile{
	color:#D64431;
}
/*************************************/
/* 質問一覧 */
/*************************************/
.questionListCol{
	width:180px;
	display:inline-block;
	margin:0 4px 5px 4px;
	text-align:left;
	border-top:4px solid #4596ca;
	padding-top: 2px;
}
.questionListSubTile{
	height: 1.2em;
	overflow: hidden;
	line-height: 1.3;
	font-size: 11px;
	color:#4A95CA;
}
.questionListTile{
	height:2.5em;
	overflow:hidden;
	line-height:1.3;
	padding-left:3px;
	font-size: 17px;
}
.questionListTile a{
	color:#555;
	font-weight:bold;
}
.questionListAnswer{
	text-align:left;
	position:relative;
}
.questionListAnswer span{
	float:right;
	color:#D64431;
}
.questionListAnswer span.questionListBg{
	float:right;
	background: #d64f06;
	border-radius: 20px;
	display: inline-block;
	color: #fff;
	border-radius: 5px;
	padding: 3px 10px 1px 10px;
	margin-top:1px;
	font-size: 12px;
	line-height:1.4;
}
#questionTopRegi{
	margin:50px 0 50px 0;
}
/*************************************/
/* パンくず */
/*************************************/
#breadCrumbWrap{
	padding:4px 0 5px 0;
}
#breadCrumb{
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#breadCrumb ul {
	list-style: none;
	display: block;
	padding:0;
}
#breadCrumb li {
	float: left;
}
#breadCrumb li a{
	color:#e26436;
	display: block;
	text-decoration: none;
	padding: 2px 10px 0px 0px;
	text-align: center;
	margin-right:10px;
	position:relative;
	z-index:1;
	font-size:13px;
}
#breadCrumb li a:hover{
	color:#9c3a16;
	text-decoration:underline;
}
#breadCrumb li a.breadNolink:hover{
	color:#e26436;
	text-decoration:none;
}
#breadCrumb li a:after {
  content:"";
  position:absolute;
  top:7px;
  border:0 solid #f4c8b8;
  border-width:5px 10px;
	margin-left:-4px;
  left:100%;
  border-color:transparent;
  border-left-color:#ddd;
	border-radius:2px;
}
#breadCrumb li:last-child a:after{
	border:none;
}
#breadCrumb li a.breadNolink:hover{
	background:none;
	color:#c1621f;
}
/*************************************/
/* アラート */
/*************************************/
div.alertCol{
	border:1px solid #ddd;
	padding:10px 20px;
	position:relative;
	margin-bottom:10px;
}
a.alertClose{
	width:15px;
	position:absolute;
	top:5px;
	right:10px;
}
a.alertClose img{
	width:15px;
}
/*************************************/
/* リスト表示 */
/*************************************/


/*************************************/
/* 記事 */
/*************************************/
div.columnRegi{
	border:1px solid #aaa;
	border-radius:5px;
	padding:10px 50px;
	text-align:center;
	font-size:18px;
}
a.listBlockMore{
	display:block;
	background:#eee;
	color:#333;
	font-size:12px;
	padding: 5px 15px 3px 15px;
	margin:10px 0px;
	text-align:center;
}
.listBlockMore:hover{
	background:#999;
	color:#fff;
	text-decoration:none;
}
/*************************************/
/* ランディングページ */
/*************************************/
#lpageWrap{
	text-align:left;
	margin:0 auto;
	max-width:950px;
}
.lpageRegiWrap{
	width:450px;
	border:1px solid #ccc;
	padding:20px 50px;
	background:#fafafa;
	margin:0 auto;
	text-align:center;
}
/*************************************/
/* ショッピングカート */
/*************************************/
#purchaseProsessWrap {
	margin:20px 0 20px 0;
	font-size:16px;
	overflow:hidden;
	text-align:center;
}
ul#purchaseProsess {
	list-style: none;
	display:inline-block;
	padding-left:0px;
}
#purchaseProsess li {
	float: left;
}
#purchaseProsess li {
	color: #fff;
	display: block;
	background: #aaa;
	text-decoration: none;
	position: relative;
	height: 32px;
	padding: 7px 20px 1px 20px;
	text-align: center;
	margin-right:18px;
	position:relative;
	z-index:1;
}
#purchaseProsess li:before,
#purchaseProsess li:after {
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #aaa;
	border-width: 20px 15px;
	width: 0;
	height: 0;
}
#purchaseProsess li:before {
	left: -15px;
	margin-right:-15px;
	border-left-color: transparent;
}
#purchaseProsess li:after {
	left: 100%;
	border-color: transparent;
	border-left-color: #aaa;
}
#purchaseProsess li:first-child {
	padding-left: 20px;
	padding-right:20px;
	border-radius:3px 0 0 3px;
}
#purchaseProsess li:first-child:before {
	border: none;
}
#purchaseProsess li.now {
	background-color: #4596ca;
}
#purchaseProsess li.now:after {
	border-left-color: #4596ca;
}
#purchaseProsess li.now:before {
	border-color: #4596ca;
	border-left-color: transparent;
}
#purchaseProsess li:last-child{
	margin-right:0;
	border-radius:0 3px 3px 0;
}
#purchaseProsess li:last-child:after {
	border: none;
}
/*************************************/
/* シェアボタン */
/*************************************/
div#share{
	padding:5px 0;
	overflow:hidden;
	clear:both;
}
div#share ul{
	list-style-type:none;
	padding:0;
}
div#share ul li{
	float:left;
	margin-right:10px;
}
div.countBox{
	float:left;
	height:29px;
	min-width:20px;
	color:#fff;
	padding:3px 10px 0 10px;
	font-weight:bold;
	line-height:2;
	border-radius:0 3px 3px 0;
	text-align:center;
}
div#share ul li a{
	float:left;
	display:block;
	height:32px;
	border-radius:3px 0 0 3px;
	overflow:hidden;
}
div#share ul li.twitter a{
	border-radius:3px;
}
div.facebookCB{
	background:#6279b1;
}
div.twitterCB{
	background:#7ebae4;
}
div.gplusCB{
	background:#E46F61;
}
/*************************************/
/* お問い合わせ */
/*************************************/
.conqaTitle{
	cursor:pointer;
	padding:5px 0;
	margin:0;
}
.conqaTitle:hover{
	color:#e26436;
}
/*************************************/
/* 添削 */
/*************************************/
#corpostPreview,#corpostPreviewLec{
	width:800px;
	height:800px;
	background-size:contain;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	background-color:#eee;
}
.corpostSpBtn{
	display:none;
}
.corpostPcBtn{
	display:inline;
}
/*************************************/
/* 商品購入 */
/*************************************/
#courseSearch{
	background:#efefef;
	padding:5px 10px;
	margin:10px 0;
	text-align:center;
	border-radius:3px;
}
.seConCat{
	list-style-type:none;
	padding-left: 10px;
	margin:0px 0 10px 0;
}
.seConCat ul{
	list-style-type:none;
	padding-left:10px;
}
.seConCat li{
	line-height:1.2;
	margin:5px 0;
}
span.plankind, span.plannum{
	color:#126C8E;
	display:inline-block;
	border:1px solid #126C8E;
	border-radius:3px;
	padding:2px 10px 0 10px;
	margin-bottom:5px;
	background:#fff;
}
.planInfo span.plankind, .planInfo span.plannum{
	width:auto;
	float:none;
}
span.plannum{
	color:#f2941a;
	border:1px solid #f2941a;
}
.planH3{
	font-size: 16px;
	color: #126C8E;
	font-weight:bold;
	background:none;
	padding:0;
	border:none;
}
.planH2{
	color:#126C8E;
	text-align:center;
	margin:15px 0 5px 0;
	letter-spacing: 0.15em;
	border-bottom:2px solid #126C8E;
}
/*************************************/
/* 商品詳細 */
/*************************************/
.courseContensL{
	width:660px;
	float:left;
}
.courseContensR{
	width:320px;
	float:right;
}
.planInfo, #planCart{
	padding:10px 15px;
	margin:5px 0 20px 0;
	border:1px solid #ccc;
	border-top:2px solid #447b8f;
}
.planCart{
	position: fixed;
	top: 60px;
	width:288px;
}
#planCartSelect{
	max-height:270px;
	overflow:auto;
}
.planInfoTitle{
	border-top:none;
	background:none;
	padding:0;
	color:#4a95ca;
	border-bottom:1px solid #ccc;
	font-size:14px;
}
.planInfoDesc{
	font-size:12px;
}
.planInfo span{
	width:80px;
	float:left;
	clear:both;
}
.planInfo span.plankind{
	width:auto;
	float:none;
}
.planInfo p{
	width:200px;
	float:right;
	margin:0px;
}
#planCartAlert{
	display:block;
	color:#f00;
	background:#FDE6D2;
	border:1px solid #e26436;
	padding:3px 0 1px 0;
	margin-bottom:5px;
	border-radius:3px;
	text-align:center;
}
input[type=radio].radioApp{
	display:none;
}
input[type=radio].radioApp + label{
	color:#633207;
	position:relative;
	display:block;
	background:#FDE6D2;
	padding:5px 10px 3px 10px;
	margin:0 0 5px 0;
	border-radius:3px;
	font-size:14px;
}
input[type=radio].radioApp:checked + label{
	background:#e26436;
	color:#fff;
}
input[type=radio].radioApp.disabled + label{
	background:#bbb;
	color:#fff;
}
input[type=radio].radioApp.disabled:checked + label{
	background:#666;
}
.planSale, .planPrice{
	word-break:keep-all;
}
.planPrice, .planTax{
	font-size:11px;
}
span.disavled{
	background:#eee;
	color:#333;
	padding: 0 5px;
	border-radius: 2px;
}
input[type=submit].submitApp{
	margin-top:15px;
	display:block;
	width:100%;
	padding:10px 0px 7px 0px;
}
.curriculumLink{
	background:#eee;
	color:#555;
	font-size:12px;
	margin-top:10px;
}
.curriculumLink:hover{
	background:#aaa;
}
a.wishlistBtn{
	display:inline-block;
	background-image: url("../img/wishlist.png");
	background-position: 7px 3px;
	background-repeat:no-repeat;
//	background-color:#ddd;
	padding:6px 10px 5px 40px;
	margin-top:10px;
//	border:1px solid #ddd;
	color:#333;
//	border-radius:3px;
//	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05),inset 0px -15px 15px 0px rgba(0,0,0,0.05),inset 0px 15px 15px 0px rgba(255,255,255,0.05);
}
#courseSubtitle{
	font-size:14px;
	font-weight:normal;
	background:none;
	border:none;
	padding:0px;
	margin-top:0px;
}
#courseBody, #curriculum{
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#courseBody img{
	max-width:100%;
}
button#courseBodyMoreBtn, button#curriculumMoreBtn{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	background:none;
	background-image: url("../img/course_more.png");
	background-repeat:repeat-x;
	color:#e26436;
	height:100px;
	padding:70px 0 0 0;
	margin:0px;
	border-bottom:1px solid #e26436;
	z-index:40;
	display:none;
	font-weight:bold;
}
button#courseBodyCloseBtn, button#curriculumCloseBtn{
	margin:20px 0;
	background:#eee;
	width:100%;
	color:#e26436;
	display:none;
}
button#courseBodyCloseBtn:hover, button#curriculumCloseBtn:hover{
	background:#ddd;
}
.lecturerList{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.lecturerListImg{
	width:150px;
	text-align:center;
	float:left;
}
.lecturerListImg a{
	font-size:16px;
	color:#333;
}
.lecturerListInfo{
	margin-left:155px;
	height:175px;
	overflow:hidden;
	position:relative;
}
.lecturerListInfoDetail{
	background:#fff;
	display:block;
	position:absolute;
	bottom:0px;
	width:100%;
}
#courseShare{
overflow:hidden;
}
#courseShare #share{
	margin:0px;
	float:right;
}
.lecmovieCol{
	border-top:1px solid #ddd;
	padding:5px 10px 5px 20px;
	clear:both;
	overflow:hidden;
}
.lecmovieFormat, .lecmovieLength, .lecmovieTitle, .lecmovieSample{
	display:block;
	width:120px;
	min-height:10px;
	float:left;
	text-align:center;
	margin:2px 0 2px 0;
}
.lecmovieTitle{
	width:335px;
	text-align:left;
}
.lecmovieLength{
	width:100px;
}
.lecmovieSample button{
	padding:2px 10px 0px 25px;
	background-color:#4a95ca;
	position:relative;
	font-size:13px;
}
.lecmovieSample button:hover{
	background-color:#333;
}
.lecmovieSample button:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -7px;
	border: 6px solid transparent;
	border-left: 10px solid #fff;
}
.lecmovieSetTitle{
	color:#447b8f;
	clear:both;
	background:none;
	border:none;
	padding:0;
}
.curTab{
	padding:0;
	max-width:1000px;
	border-top:2px solid #447b8f;
	overflow:hidden;
	border-right:1px solid #ccc;
	z-index:15;
	position:relative;
}
.curTab li{
	list-style-type:none;
	float:left;
	margin:0 0px 0 0;
	padding:0;
	min-width:20%;
	z-index:15;
}
.curTab li a{
	outline:none;
	display:block;
	color:#447b8f;
	background:#eee;
	box-shadow:inset 0px -5px 15px 0px rgba(0,0,0,0.05);
	padding:10px 5px 5px 10px;
	font-size:13px;
	position:relative;
	z-index:5;
	border:1px solid #ccc;
	border-top:none;
	height:25px;
	overflow:hidden;
	line-height:1.2;
	z-index:10;
}
.curTab li:last-child a{
	border-right:none;
}
.curTab li a.selected{
	background-color:#fff;
	box-shadow:none;
	text-decoration:none;
	cursor:default;
	position:relative;
	z-index:15;
	border-bottom:1px solid #fff;
}
.curTab li a:not(.selected):hover{
	background-color:#447b8f;
	color:#fff;
	text-decoration:none;
}
.curPanel{
	margin-top:-1px;
	max-width:1000px;
	clear:both;
	background-color:#fff;
	padding:10px 20px;
	position:relative;
	z-index:10;
	border:1px solid #ddd;
	margin-bottom:30px;
}
.curPanel li{
	list-style-type:none;
	padding:0px 0px 0px 0px;
	text-indent:0;
}
.lecmovieSampleText{
	display:none;
}

#movieGlayLayer{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity:0.60;
	filter:alpha(opacity=60);
	z-index:200;
}
#movieOverLayer{
	background:#fff;
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	padding:20px;
	width:600px;
	min-width:320px;
	margin-top:-210px;
	margin-left:-320px;
	border-radius:5px;
	z-index:201;
}
#planScroll{
	display:none;
}
.cautionBg{
	background:#F08D35;
	padding:0 5px;
	color:#fff;
	border-radius:2px;
}

/*************************************/
/* TOP・マイページお知らせ */
/*************************************/
#topInfo{
	max-width:740px;
	margin:0 auto 10px auto;
	border:1px solid #ddd;
	padding:10px 20px;
	background:#fff;
}
#topInfoTitle{
	background-image: url("../img/info_icon.png");
	background-position: left center;
	padding-left:40px;
	background-repeat:no-repeat;
	font-size:20px;
}
.infoList span{
	width:120px;
	display:inline-block;
}
/*************************************/
/* マイページ講座リスト */
/*************************************/
#mypageItems{
	border:1px solid #ddd;
	border-top:2px solid #447b8f;
	padding:10px 20px;
	position:relative;
	margin-bottom:10px;
}
.mypageSelect{
	float:right;
}
.mypageItemsCompText{
	position:absolute;
	top:50px;
	right:45px;
}
.mypageItemsCscat{
	color:#447b8f;
	background:none;
	padding:0px;
	height:auto;
	border:none;
	margin-top:15px;
}
.mypageItemCol{
	border-top:1px solid #ddd;
	padding:5px 10px 5px 5px;
	overflow:hidden;
}
.mypageItemIcon{
	padding-top:3px;
	float:left;
	width:35px;
}
.mypageItemIcon img{
	display:block;
}
.mypageItemTitle{
	float:left;
	width:480px;
}
.mypageItemCheck{
	float:right;
	width:50px;
}
#mypageItemsBtm{
	margin-top:10px;
}
#mypageItemsComp, a.mypageItemsComp{
	background:#eee;
	color:#333;
	font-size:12px;
	padding: 5px 15px 3px 15px;
	margin:0px;
}
#mypageItemsComp:hover, a.mypageItemsComp:hover{
	background:#999;
	color:#fff;
	text-decoration:none;
}
#mypageColumns{
	border:1px solid #ddd;
	border-top:2px solid #447b8f;
	padding:10px 20px;
	position:relative;
	margin-bottom:10px;
}
.mypageColumnCol{
	border-top:1px solid #ddd;
	padding:5px 10px 5px 20px;
	overflow:hidden;
}
.mypageColumnTitle{
	float:left;
	width:400px;
}
.mypageColumnLecturer{
	float:left;
	width:170px;
}
.mypageColumnDate{
	float:left;
	width:120px;
}
#mypageColumnBtm{
	margin-top:10px;
}
/*************************************/
/* マイページその他 */
/*************************************/
#maypageMenu{
	list-style-type:none;
	padding-left:0px;
	max-width:500px;
	margin:0 auto;
}
#maypageMenu a{
	display:block;
	background-color:#EE731E;
	text-align:center;
	color:#fff;
	margin-bottom:5px;
	padding:1px 0 0px 0;
	border-radius:3px;
}
.lecturerMenu{
	padding-top:10px;
}
/*************************************/
/* 動画ページ */
/*************************************/
#movieController{
	background:#222;
	padding:7px 15px 10px 15px;
	text-align:center;
	color:#fff;
	border-radius:0 0 5px 5px;
}
#movieController a{
	color:#333;
	display:inline-block;
	padding:2px 20px 0 20px;
	margin:0 10px;
	background-color:#eee;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.05),inset 0px -15px 15px 0px rgba(0,0,0,0.05),inset 0px 15px 15px 0px rgba(255,255,255,0.05);
	border-radius:3px;
}
#movieController #movieControllerTop{
	float:left;
}
/*************************************/
/* 講師ランキング */
/*************************************/
#topRankingWrap{
	position:absolute;
	top:0px;
	right:0px;
	width:370px;
	height:490px;
	float:right;
	overflow:hidden;
	margin-right:10px;
}
#topRankingTitle{
	background:none;
	color:#55a4c0;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	padding:0px;
	height:auto;
}
#topRanking{
	position:relative;
}
#topRankingTab1, #topRankingTab2{
	list-style-type:none;
	padding-left:0px;
	display:block;
	position:absolute;
	left:0;
	top:0px;
	border-right:2px solid #3e3a39;
	font-size:14px;
}
#topRankingTab2{
	right:0;
	left:auto;
	top:4px;
	border-right:1px solid #3e3a39;
	z-index:20;
}
#topRankingTab1 li, #topRankingTab2 li{
	display:block;
	float:left;
}
#topRankingTab1 li a, #topRankingTab2 li a{
	display:block;
	padding:1px 6px 0px 6px;
	background:#fff;
	color:#3E3A39;
	border:2px solid #3e3a39;
	border-right:none;
	text-align:center;
}
#topRankingTab1 li a.selected{
	background:#3e3a39;
	color:#fff;
}
#topRankingTab2 li a{
	border:1px solid #3e3a39;
	border-right:none;
	font-size:13px;
}
#topRankingTab2 li a.selected{
	border-bottom:1px solid #fff;
}
#topRankingTab2 li:nth-child(1) a{
	color:#55A4C0;
}
#topRankingTab2 li:nth-child(2) a{
	color:#72499A;
}
#topRankingTab2 li:nth-child(3) a{
	color:#D64431;
}
#topRankingTab2 li:nth-child(4) a{
	color:#DCB036;
}
#topRankingTab2 li:nth-child(5) a{
	color:#79BE47;
}

#topRankingTabPanel1{
	display:block;
	border:1px solid #3e3a39;
	background:#fff;
	position:absolute;
	top:29px;
	width:368px;
	padding-left:0px;
	z-index:19;
	height:400px;;
}
#topRankingMore, #topRankingAbout{
	display:block;
	position:absolute;
	bottom:50px;
	background:#1A3740;
	width:100%;
	color:#fff;
	padding:3px 0 1px 0;
	text-align:center;
	font-size:12px;
	z-index:22;
}
#topRankingAbout{
	background:none;
	color:#3e3a39;
	text-align:right;
	bottom:26px;
	z-index:22;
}
.topRankingTabPanel2{
	position:absolute;
	top:0;
	left:0;
	width:298px;
	list-style-type:none;
	margin:0px;
}
.topRankingTabPanel2 li{
	position:absolute;
	top:0;
	left:15px;
	width:338px;
	background:#fff;
}
.topRankingCol{
	padding:5px 0 0 0;
	border-bottom:1px solid #333;
	overflow:hidden;
}
.topRankingCol:last-child{
	border-bottom:none;
}
.topRankingCol1{
	padding:10px 0 0 0;
}
.topRankingColRank{
	display:block;
	width:40px;
	float:left;
}
.topRankingColImg{
	display:block;
	width:50px;
	float:left;
}
.topRankingCol1 .topRankingColImg{
	width:70px;
}
.topRankingColImg img{
	width:40px;
}
.topRankingCol1 .topRankingColImg img{
	width:60px;
}
.topRankingColName{
//	display:block;
//	width:250px;
//	float:left;
	line-height:1.3;
}
.topRankingCol1 .topRankingColName{
//	width:230px;
}
.topRankingColRank,
.topRankingColImg,
.topRankingColName{
	height:40px;
	text-align:center;
}
.topRankingColName{
	height:38px;
	overflow:hidden;
	color:#55a4c0;
}
.topRankingCol1 .topRankingColRank,
.topRankingCol1 .topRankingColImg,
.topRankingCol1 .topRankingColName{
	height:65px;
}
.topRankingCol1 .topRankingColName{
	height:58px;
	overflow:hidden;
}
.topRankingColRank{
	color:#55a4c0;
	line-height:1;
}
.topRankingColRank span{
	display:block;
	font-size:25px;
}
.topRankingCol1 .topRankingColRank span{
	font-size:45px;
}
.topRankingColName a{
	color:#333;
	font-size:14px;
}
.topRankingCol1 .topRankingColName a{
	font-size:18px;
}
.topRankingIcon1{
	position:absolute;
	top:5px;
	left:40px;
	width:20px;
}
.topRankingIcon2{
	position:absolute;
	top:80px;
	left:40px;
	width:20px;
}
.topRankingColImgCourse img{
	width:70px;
}
.topRankingCol1 .topRankingColImgCourse img{
	width:100px;
}
.topRankingCol1 .topRankingColImgCourse {
	width:110px;
}
.topRankingColImgCourse{
	width:80px;
}
.topRankingCol1 .topRankingColNameCourse {
//	width: 190px;
}
.topRankingCol1 .topRankingColNameCourse a{
	font-size:16px;
}
.topRankingColNameCourse{
	text-align:left;
//	width: 220px;
}
.topRankingColNameColumn {
//	width: 250px;
	text-align:left;
}
.topRankingCol1 .topRankingColNameColumn {
//	width: 300px;
	text-align:left;
}
.topRankingColNameColumn span{
	display:block;
}
.topRankingColNameColumn a{
	font-size:12px;
}
.topRankingCol1 .topRankingColNameColumn a{
	font-size:16px;
}
/*************************************/
/* マイページ用 */
/*************************************/
#mypageRankingWrap{
	height:445px;
	overflow:hidden;
	position:relative;
}
#mypageRankingWrap #topRankingTab2{
	top:28px;
	left:0;
}
#mypageRankingWrap #topRankingTab2 li{
	width:25%;
}
#mypageRankingWrap #topRankingTabPanel1{
	top:53px;
	width:208px;
	height:340px;
}
#mypageRankingWrap .topRankingTabPanel2{
	width: 198px;
}
#mypageRankingWrap .topRankingTabPanel2 li{
	width: 198px;
	left:5px;
}

#mypageRankingWrap .topRankingCol1 .topRankingColRank span{
	font-size:30px;
}
#mypageRankingWrap .topRankingColRank span{
	font-size:18px;
}
#mypageRankingWrap .topRankingColRank{
	width:30px;
}
#mypageRankingWrap .topRankingCol1 .topRankingColImg img{
	width:40px;
}
#mypageRankingWrap .topRankingCol1 .topRankingColImg{
	width:50px;
}
#mypageRankingWrap #topRankingTab2 li:last-child a{
	border-right:1px solid #3e3a39;
}
#mypageRankingWrap #topRankingTab2{
	border-right:none;
}
#mypageRankingWrap .topRankingCol1 .topRankingColRank, #mypageRankingWrap .topRankingCol1 .topRankingColImg, #mypageRankingWrap .topRankingCol1 .topRankingColName{
	height:45px;
}
#mypageRankingWrap .topRankingColImg img{
	width:30px;
}
#mypageRankingWrap .topRankingColImg{
	width:35px;
}
#mypageRankingWrap .topRankingCol1 .topRankingColName{
	height:35px;
}
#mypageRankingWrap .topRankingCol1 .topRankingColName a{
	font-size:12px;
}
#mypageRankingWrap .topRankingColName a{
	font-size:11px;
}

#mypageRankingWrap .topRankingColRank, #mypageRankingWrap .topRankingColImg, #mypageRankingWrap .topRankingColName{
	height:35px;
}
#mypageRankingWrap .topRankingColNameColumn span{
	font-size:12px;
}
#mypageRankingWrap .topRankingIcon1{
	top:2px;
	left:30px;
}
#mypageRankingWrap .topRankingIcon2{
	top:60px;
	left:30px;
}
/*************************************/
/* 講師ページ */
/*************************************/
.lecturerImg{
	width:150px;
	float:left;
}
.lecturerBody{
	width:610px;
	float:right;
}
/*************************************/
/* ランキングページ */
/*************************************/
#rankingPage{
	position:relative;
}
#rankingPageTab1, #rankingPageTab2{
	list-style-type:none;
	padding-left:0px;
}
#rankingPageTab2{
	float:right;
	margin-top:5px;
	border-right:1px solid #3e3a39;
}
#rankingPageTab1 li, #rankingPageTab2 li{
	display:block;
	float:left;
}
#rankingPageTab1 li a, #rankingPageTab2 li a{
	display:block;
	padding:1px 15px 0px 15px;
	background:#fff;
	color:#3E3A39;
	border:2px solid #3e3a39;
	border-right:none;
	font-size:18px;
}
#rankingPageTab1 li:last-child a{
	border-right:2px solid #3e3a39;
}
#rankingPageTab1 li a.selected{
	background:#3e3a39;
	color:#fff;
}
#rankingPageTab2 li a{
	border:1px solid #3e3a39;
	border-right:none;
	font-size:16px;
}
#rankingPageTab2 li:nth-child(1) a{
	color:#55A4C0;
}
#rankingPageTab2 li:nth-child(2) a{
	color:#72499A;
}
#rankingPageTab2 li:nth-child(3) a{
	color:#D64431;
}
#rankingPageTab2 li:nth-child(4) a{
	color:#DCB036;
}
#rankingPageTab2 li:nth-child(5) a{
	color:#79BE47;
}
#rankingPageTab2 li a.selected{
	background:#3e3a39;
	color:#fff;
}
.rankingPageTabPanel2{
	clear:both;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:20px 0 0 0;
	width:100%;
	position:relative;
}
.rankingPageTabPanel2 li{
	width:100%;
}
.rankingPageCol{
	padding:10px 0;
	border-bottom:1px solid #ddd;
	overflow:hidden;
	position:relative;
}
.rankingPageColRank{
	display:block;
	width:80px;
	float:left;
	color:#55a4c0;
	line-height:1;
	font-size:18px;
	padding-top:5px;
}
.rankingPageColRank span{
	font-size:45px;
}
.rankingPageColImg{
	display:block;
	width:160px;
	float:left;
	text-align:center;
}
.rankingPageColImg img{
	display:block;
	width:130px;
}
.rankingPageColName{
	line-height:1.3;
	width:740px;
	float:left;
}
.rankingPageColName{
	color:#55a4c0;
}
.rankingPageColName p, .rankingPageColName span{
	color:#333;
	margin-bottom:0px;
}
.rankingPageColName a{
	color:#55a4c0;
	font-size:18px;
}
.rankingPageIcon1, .rankingPageIcon2{
	position:absolute;
	top:5px;
	left:35px;
	width:23px;
}
.rankingPageNorank{
	padding:10px 0 30px 0;
	font-size:20px;
}
/*************************************/
/* maneco */
/*************************************/
.manecoError{
	display:none;
}
#manecoCardWrap{
	text-align:center;
}
#manecoCardWrap table{
	margin:0 auto;
}