@charset "utf-8";

@import url(/common/css/category_gr.css);



body {
	color: #333;
}

#mainArea p,
#mainArea ul,
#mainArea dl {
	margin:0;
	font-size:111%;
	line-height:1.6;
}
#mainArea em {
    color: #F066B9;
}

#courseHeader h1 {
	position: relative;
	}

#courseHeaderBtn {
	position: absolute;
	top: 12px;
	left: 478px;
	}

/* ========== ttlArea ========== */


#mainImage
	{
	background-image: url(/common/img/main_pict.jpg);
	}

.fblink2{
	display:block;
	width:240px;
	position:absolute;
	bottom:15px;
	left:435px;
	z-index:90;
}

#mainImage h1
	{
	margin-top: 10px;
	}

#mainImage h1 small img
	{
	margin-bottom: 10px;
	}

/**   */
#mainImage p.subtext
	{
	margin-top: 0;
	margin-left: 5px;
	position: absolute;
	bottom: 100px;
	left: 75px;
	font-size: 18px;
	}

#mainImage p.clip
	{
	margin-top: 0;
	position: absolute;
		bottom: 140px;
		left: 55px;
	}

#mainImage p.orderbtn
	{
	margin-top: 0;
	position: absolute;
		bottom: 15px;
		left: 350px;
	}


#mainImage p.materialbtn
	{
	margin-top: 0;
	position: absolute;
		bottom: 15px;
		left: 670px;
	}

/* ----- table  ----- */

table#campaign {
	width: 580px;
	margin-left: 20px;
}

table#campaign .ccj {
	background: #fcfd86;
	font-weight: bold;
}

table#campaign .gy {
	background: #eee;
}

/* ----- voice type03: ----- */

.voice.type03
	{
	background: left top repeat;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	padding: 35px 30px 20px;
	position: relative;
	height: 200px;
	}

.voice.type03    {
	background-image: url(/course/products/healing/lymph/img/voice-1.jpg);
	background-repeat: no-repeat;
	}


.voice.type03 p.title
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 190px;
			left: 47px;
			font-size: 20px;

		}



.voice.type03 p.message
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 80px;
			left: 182px;
			font-size: 13px;

		}


.voice.type03 p.vname
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 40px;
			left: 182px;
			font-size: 13px;

		}

.homeok {
	font-size: 24px;
	font-weight: bold;
}


/* ----- voice type04: ----- */

.voice.type04
	{
	background: left top repeat;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	padding: 35px 30px 20px;
	margin-top: 50px;
	position: relative;
	height: 200px;
	}

.voice.type04    {
	background-image: url(/course/products/healing/lymph/img/voice-2.jpg);
	background-repeat: no-repeat;
	}


.voice.type04 p.title
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 190px;
			left: 47px;
			font-size: 20px;

		}



.voice.type04 p.message
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 80px;
			left: 182px;
			font-size: 13px;

		}


.voice.type04 p.vname
		 {
			margin-top: 0;
			margin-left: 5px;
			position: absolute;
			bottom: 40px;
			left: 182px;
			font-size: 13px;

		}

.homeok {
	font-size: 24px;
	font-weight: bold;
}


/* ========== checkInfo ========== */

#checkInfo .importantContent
	{

	}


.recommendBnr {
position:relative;
}
.recommendBnr p {
margin:0;
}
.recommendBnr .btn {
position:absolute;
right: 0;
bottom: 0;
}

/* ------------------------ */
.orderFormBnr {
position:relative;
}
.orderFormBnr p {
margin:0;
}
.orderFormBnr .btn {
position:absolute;
	right: 10px;
	bottom: 10px;
}


.orderFormBnr p.orderbtnL
	{
	margin-top: 0;
	position: absolute;
		bottom: 30px;
		left: 0px;
	}


.orderFormBnr p.materialbtnL
	{
	margin-top: 0;
	position: absolute;
		bottom: 30px;
		left: 330px;
	}





/* ========== ranking ========== */
.ranking p.icon {
margin:3px 0;
padding-left:23px;
text-indent:-23px;
}



/* ===================================
 カリキュラム　パネルスクロール
   ==================================== */
.scroller-header a {
	text-decoration:none;

}


.scroller-header a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background: #867863;
}


a.selected {
	text-decoration:underline !important;
	color:#FF6600 !important;
	width: 30px;
	height: : 30px;

}


.scroller-header {
	/* background:url(/course/common/img/schedule/header.png) no-repeat; */
	width:620px;
	height:24px;
	padding:35px 0 0 15px;
	font-weight:700;
}

#scroller-body {
	/* background:url(/course/common/img/schedule/body.png) no-repeat bottom center; */
	width:620px;
	padding-bottom:30px;
}

#mask {
	width:620px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel h3 {

    background: none repeat scroll 0 0 #E9FFD2;
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    padding: 10px;
    text-align: left;

}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px;
		color:#557482;
		border-bottom:1px dotted #ccc;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}


#panel table th, table td {
    padding: 8px 9px 7px;
    text-align: left;
}
#panel table th {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 0px solid #C9C9C9;
}
#panel table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #C9C9C9;
}



#panel-1 table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #C9C9C9;
}

#panel-1 table th {
    background: none repeat scroll 0 0 #99CC33;
    border: 0px solid #C9C9C9;
	color: #FFFFFF;

}


#panel-2 table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #C9C9C9;
}

#panel-2 table th {
    background: none repeat scroll 0 0 #FF6699;
    border: 0px solid #C9C9C9;
	color: #FFFFFF;
}

#panel-3 table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #C9C9C9;
}

#panel-3 table th {
    background: none repeat scroll 0 0 #FF9900;
    border: 0px solid #C9C9C9;
	color: #FFFFFF;
}

#panel-4 table td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #C9C9C9;
}

#panel-4 table th {
    background: none repeat scroll 0 0 #00BFFF;
    border: 0px solid #C9C9C9;
	color: #FFFFFF;
}

.bgtext {
    background: url('/course/products/beauty/color/img/text/bg.png');
    width: 650px;
    height: 580px;
}

.bgtext .dsp {
	width: 320px;
	margin-left: 320px;
}

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

	 2014-01-21
	 基本レイアウト

============================================================================================================*/
#mainArea{
	color: #1e1e1e;
	letter-spacing: -0.05em;
}
#mainArea h2{
	color: #663300;
}
#mainArea #courseFooter ul.link a{
	color: #169cff;
	text-decoration: none;
}
#mainArea #courseFooter ul.link a:hover{
	text-decoration: underline;
}

#courseFooter .column{
	width: 210px;
	padding-left: 0;
}

.course #mainArea > h1 {
	background: url(../img/h1_bg.png) 0 0 no-repeat;
	border-bottom: 2px solid #eb6ea5;
	color: #eb6ea5;
	display: table-cell;
	height: 130px;
	line-height: 1.3;
	padding-left: 150px;
	vertical-align: middle;
}

/* .course #mainArea > h2,
.course #mainArea div:not(.section) h2 {
	border-bottom: 1px solid #eb6ea5;
	border-top: 1px solid #eb6ea5;
	color: #eb6ea5;
	font-weight: normal;
	margin: 20px 0;
	padding: 5px;
} */

.course #mainArea > h3,
.course #mainArea div:not(.section) h3 {
	border-bottom: 2px solid #eb6ea5;
	color: #eb6ea5;
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 10px;
}

.course #mainArea > h4,
.course #mainArea div:not(.section) h4 {
	color: #eb6ea5;
	font-weight: normal;
	margin: 5px;
}


/*  ------------------------------------------------------------------

	section

---------------------------------------------------------------------*/
.section h1, .section h2, .section h3,
.section h4, .section h5, .section h6,
.section p, .section img, .section ul,
.section li{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
.section img{
	vertical-align: bottom;
}
.section li{
	list-style	: none;
}

/*  ------------------------------------------------------------------

	固定配置設定

---------------------------------------------------------------------*/
.abs{
	position: relative;
	zoom: 1;
}

/*  ------------------------------------------------------------------

	inqBtn

---------------------------------------------------------------------*/
.inqBtn{
	list-style: none;
	margin: 0;
	padding: 0;
}

.inqBtn li{
	float: left;
	width: 305px;
}
.inqBtn li,
.inqBtn li p{
	margin: 0;
	padding: 0;
}
.inqBtn li:first-child{
	margin-right: 10px;
}
.inqBtn li .campTxt{
	position: absolute;
	top: 30px;
	left: 0;
	display: block;
	width: 305px;
	text-align: center;
}
/*  ------------------------------------------------------------------

	courseHeaderBtn02

---------------------------------------------------------------------*/
.chbBtn,
.chbTxt{
	position: absolute;
}
.chbBtn{
	top: 5px;
	right: 10px;
}
.chbTxt{
	top: -28px;
	right: 11px;
}



/*  ------------------------------------------------------------------

	画像をCSSで透過ホバーボタン

---------------------------------------------------------------------*/
.alpha a img,
a.alpha img,
input.alpha{
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
.alpha a:hover img,
a.alpha:hover img,
input.alpha:hover{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

/*  ------------------------------------------------------------------

	マージン(p要素・その他多用途)

---------------------------------------------------------------------*/
.mt00, .section .mt00 {margin-top: 0 !important;}
.mt05, .section .mt05 {margin-top: 5px !important;}
.mt10, .section .mt10 {margin-top: 10px !important;}
.mt15, .section .mt15 {margin-top: 15px !important;}
.mt20, .section .mt20 {margin-top: 20px !important;}
.mt25, .section .mt25 {margin-top: 25px !important;}
.mt30, .section .mt30 {margin-top: 30px !important;}
.mt40, .section .mt40 {margin-top: 40px !important;}
.mt50, .section .mt50 {margin-top: 50px !important;}
.mt100, .section .mt100 {margin-top: 100px !important;}

/*  ------------------------------------------------------------------

	パディング

---------------------------------------------------------------------*/
.pad05 {padding: 5px !important;}
.pad10 {padding: 10px !important;}
.pad15 {padding: 15px !important;}
.pad20 {padding: 20px !important;}
.pad25 {padding: 25px !important;}
.pad30 {padding: 30px !important;}
.pad50 {padding: 50px !important;}

.pad_t05 {padding-top: 5px !important;}
.pad_t10 {padding-top: 10px !important;}
.pad_t15 {padding-top: 15px !important;}
.pad_t20 {padding-top: 20px !important;}
.pad_t30 {padding-top: 30px !important;}
.pad_t50 {padding-top: 50px !important;}

.pad_b0 {padding-bottom: 0 !important;}
.pad_b05 {padding-bottom: 5px !important;}
.pad_b10 {padding-bottom: 10px !important;}
.pad_b15 {padding-bottom: 15px !important;}
.pad_b20 {padding-bottom: 20px !important;}
.pad_b25 {padding-bottom: 25px !important;}
.pad_b30 {padding-bottom: 30px !important;}
.pad_b40 {padding-bottom: 40px !important;}
.pad_b50 {padding-bottom: 50px !important;}

.pad_r05 {padding-right: 5px !important;}
.pad_r10 {padding-right: 10px !important;}
.pad_r15 {padding-right: 15px !important;}
.pad_r20 {padding-right: 20px !important;}
.pad_r25 {padding-right: 25px !important;}
.pad_r30 {padding-right: 30px !important;}
.pad_r50 {padding-right: 50px !important;}

.pad_l05 {padding-left: 5px !important;}
.pad_l10 {padding-left: 10px !important;}
.pad_l15 {padding-left: 15px !important;}
.pad_l20 {padding-left: 20px !important;}
.pad_l30 {padding-left: 30px !important;}
.pad_l50 {padding-left: 50px !important;}

.pad_lr05 {padding: 0 5px !important;}
.pad_lr10 {padding: 0 10px !important;}
.pad_lr15 {padding: 0 15px !important;}
.pad_lr20 {padding: 0 20px !important;}
.pad_lr30 {padding: 0 30px !important;}
.pad_lr50 {padding: 0 50px !important;}

/*  ------------------------------------------------------------------

	ボーダー

---------------------------------------------------------------------*/
.bdr01{
	border: 1px solid #7dcbef;
}
.bdr02{
	border: 5px solid #e9f8ff;
}
.bdr03{
	border: 5px solid #cadbfd;
}
.bdr04{
	border-bottom: 1px solid #e1e1e2;
	padding-bottom: 20px;
}

/*  ------------------------------------------------------------------

	背景色

---------------------------------------------------------------------*/
.bgCr01{
	background-color: #ebf5ff;
}
.bgCr02{
	background-color: #FFF;
}
.bgCr03{
	background: #fef6f1 url(/common/img/home/_mod/index_bg01.png) repeat-y left top;
}

/*  ------------------------------------------------------------------

	文字サイズ

---------------------------------------------------------------------*/
.font10 {font-size: 10px !important;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
/*  ------------------------------------------------------------------

	文字系

---------------------------------------------------------------------*/

/*  黒
-----------------------------------*/
.txtCr01 {color: #333;}
/*  太字
-----------------------------------*/
.fontBold {font-weight:bold;}
/*  行揃え
-----------------------------------*/
.txtLeft {
	text-align : left;
}
.txtCenter {
	text-align : center;
}
.txtRight {
	text-align : right;
}

/*  ------------------------------------------------------------------

	汎用カラム（htmlにstyleで直接設定）

---------------------------------------------------------------------*/
.customClm{
	line-height: 1.8;
}
.customClm .clm{
	float: right;
}
.customClm .clm:first-child{
	float: left;
}


.courseInfoContent{
	line-height: 1.3;
}



/*  ------------------------------------------------------------------

	サイドバースタイル上書き

---------------------------------------------------------------------*/

#sideNaviFirst {
	background-image:url(/common/img/common/side_first_gr.png);
	background-repeat: no-repeat;
	background-color: #f1f6ff;
	border: #50A7BD solid 1px;
	margin-bottom:25px;
	padding-top:49px !important;
}
#sideNaviSecond {
	background-image:url(/common/img/common/side_second_gr.png);
	background-repeat: no-repeat;
	background-color: #f1f6ff;
	border: #50A7BD solid 1px;
	margin-bottom:25px;
}
#sideNaviNotab {
	background-repeat: no-repeat;
	background-color: #f1f6ff;
	border: #50A7BD solid 1px;
	margin-bottom:25px;
}
.sideNavi {
	border-bottom: #50a7bd solid 3px;
	border-top: #50a7bd solid 3px;
	border-left: #50a7bd solid 1px;
	border-right: #50a7bd solid 1px;
	margin-bottom:25px;
}

#sideNavi li a,
#sideNaviFirst li a,
#sideNaviSecond li a,
#sideNavi li em,
#sideNaviFirst li em,
#sideNaviSecond li em
	{
	background: 5px 0.4em no-repeat;
	border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
	display: block;
	min-height: 15px;
	padding: 9px 5px 6px 38px;
	}

.sideNavi ul {
	margin-top: 0;
}
.sideNavi li a {
	display: block;
	font-size: 11px;
	min-height: 15px;
	padding: 9px 12px 6px 12px;
}

.index #sideArea .icon01 a,
.feature #sideArea .icon02 a,
.melit #sideArea .icon04 a,
.revenue #sideArea .icon05 a,
.knowledge #sideArea .icon03 a,
.exam #sideArea .icon06 a,
.text #sideArea .icon07 a,
.learning #sideArea .icon08 a,
.career #sideArea .icon09 a,
.counselling #sideArea .icon09 a,
.after-follow #sideArea .icon10 a,
.curriculum #sideArea .icon11 a,
.price #sideArea .icon12 a,
.faq #sideArea .icon13 a,
.voice #sideArea .icon14 a {
	background-color: #f2f9e4;
}

#sideNavi li a:hover,
#sideNavi li a:active,
#sideNavi li a:focus,
#sideNavi li em,
#sideNaviFirst li a:hover,
#sideNaviFirst li a:active,
#sideNaviFirst li a:focus,
#sideNaviFirst li em,
#sideNaviSecond li a:hover,
#sideNaviSecond li a:active,
#sideNaviSecond li a:focus,
#sideNaviSecond li em
{
	background-color: #f2f9e4;
}

#sideNaviFirst li.icon01 a,
#sideNaviSecond li.icon01 a,
#sideNaviFirst li.icon01 em,
#sideNaviSecond li.icon01 em,
#sideNaviFirst li.icon02 a,
#sideNaviSecond li.icon02 a,
#sideNaviFirst li.icon02 em,
#sideNaviSecond li.icon02 em,
#sideNaviFirst li.icon03 a,
#sideNaviSecond li.icon03 a,
#sideNaviFirst li.icon03 em,
#sideNaviSecond li.icon03 em,
#sideNaviFirst li.icon04 a,
#sideNaviSecond li.icon04 a,
#sideNaviFirst li.icon04 em,
#sideNaviSecond li.icon04 em,
#sideNaviFirst li.icon05 a,
#sideNaviSecond li.icon05 a,
#sideNaviFirst li.icon05 em,
#sideNaviSecond li.icon05 em,
#sideNaviFirst li.icon06 a,
#sideNaviSecond li.icon06 a,
#sideNaviFirst li.icon06 em,
#sideNaviSecond li.icon06 em,
#sideNaviFirst li.icon07 a,
#sideNaviSecond li.icon07 a,
#sideNaviFirst li.icon07 em,
#sideNaviSecond li.icon07 em,
#sideNaviFirst li.icon08 a,
#sideNaviSecond li.icon08 a,
#sideNaviFirst li.icon08 em,
#sideNaviSecond li.icon08 em,
#sideNaviFirst li.icon09 a,
#sideNaviSecond li.icon09 a,
#sideNaviFirst li.icon09 em,
#sideNaviSecond li.icon09 em,
#sideNaviFirst li.icon10 a,
#sideNaviSecond li.icon10 a,
#sideNaviFirst li.icon10 em,
#sideNaviSecond li.icon10 em,
#sideNaviFirst li.icon11 a,
#sideNaviSecond li.icon11 a,
#sideNaviFirst li.icon11 em,
#sideNaviSecond li.icon11 em,
#sideNaviFirst li.icon12 a,
#sideNaviSecond li.icon12 a,
#sideNaviFirst li.icon12 em,
#sideNaviSecond li.icon12 em,
#sideNaviFirst li.icon13 a,
#sideNaviSecond li.icon13 a,
#sideNaviFirst li.icon13 em,
#sideNaviSecond li.icon13 em {
	background-image: url(/common/img/frame/lnavicon01.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
}
#sideNaviFirst li.icon02 a,
#sideNaviSecond li.icon02 a,
#sideNaviFirst li.icon02 em,
#sideNaviSecond li.icon02 em{
	background-image: url(/common/img/frame/lnavicon02.png);
}
#sideNaviFirst li.icon03 a,
#sideNaviSecond li.icon03 a,
#sideNaviFirst li.icon03 em,
#sideNaviSecond li.icon03 em{
	background-image: url(/common/img/frame/lnavicon03.png);
}
#sideNaviFirst li.icon04 a,
#sideNaviSecond li.icon04 a,
#sideNaviFirst li.icon04 em,
#sideNaviSecond li.icon04 em{
	background-image: url(/common/img/frame/lnavicon04.png);
}
#sideNaviFirst li.icon05 a,
#sideNaviSecond li.icon05 a,
#sideNaviFirst li.icon05 em,
#sideNaviSecond li.icon05 em{
	background-image: url(/common/img/frame/lnavicon05.png);
}
#sideNaviFirst li.icon06 a,
#sideNaviSecond li.icon06 a,
#sideNaviFirst li.icon06 em,
#sideNaviSecond li.icon06 em{
	background-image: url(/common/img/frame/lnavicon06.png);
}
#sideNaviFirst li.icon07 a,
#sideNaviSecond li.icon07 a,
#sideNaviFirst li.icon07 em,
#sideNaviSecond li.icon07 em{
	background-image: url(/common/img/frame/lnavicon07.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
#sideNaviFirst li.icon08 a,
#sideNaviSecond li.icon08 a,
#sideNaviFirst li.icon08 em,
#sideNaviSecond li.icon08 em{
	background-image: url(/common/img/frame/lnavicon08.png);
}
#sideNaviFirst li.icon09 a,
#sideNaviSecond li.icon09 a,
#sideNaviFirst li.icon09 em,
#sideNaviSecond li.icon09 em{
	background-image: url(/common/img/frame/lnavicon09.png);
}
#sideNaviFirst li.icon10 a,
#sideNaviSecond li.icon10 a,
#sideNaviFirst li.icon10 em,
#sideNaviSecond li.icon10 em{
	background-image: url(/common/img/frame/lnavicon10.png);
}
#sideNaviFirst li.icon11 a,
#sideNaviSecond li.icon11 a,
#sideNaviFirst li.icon11 em,
#sideNaviSecond li.icon11 em{
	background-image: url(/common/img/frame/lnavicon11.png);
}
#sideNaviFirst li.icon12 a,
#sideNaviSecond li.icon12 a,
#sideNaviFirst li.icon12 em,
#sideNaviSecond li.icon12 em{
	background-image: url(/common/img/frame/lnavicon12.png);
}
#sideNaviFirst li.icon13 a,
#sideNaviSecond li.icon13 a,
#sideNaviFirst li.icon13 em,
#sideNaviSecond li.icon13 em{
	background-image: url(/common/img/frame/lnavicon13.png);
}

#sideNaviFirst li.icon14 a,
#sideNaviSecond li.icon14 a,
#sideNaviFirst li.icon14 em,
#sideNaviSecond li.icon14 em{
	background-image: url(/common/img/frame/lnavicon14.png);
	background-repeat: no-repeat;
	background-position: 9px 10px;
}




#sideNaviSecond .lNavNest{
	margin: 0;
}
#sideNaviSecond .lNavNest li{
	border: none !important;
}

#sideNaviSecond .lNavNest li a{
	padding-left: 35px !important;
}
#sideNaviSecond .lNavNest li a em{
	margin-left: -35px !important;
	padding-left: 35px !important;
}


#sideArea  .relationCourse {
	padding-top:52px;
}
#sideArea  .ranking {
	padding-top:52px;
}



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

	 各ページレイアウト

============================================================================================================*/
/*  ------------------------------------------------------------------

	index

---------------------------------------------------------------------*/
#mainGraphic{
	margin: 0 -25px;
}
#mainGraphic .campTime,
#mainGraphic .campTime2,
#mainGraphic .materialBtn,
#mainGraphic .materialBtn2,
#mainGraphic .appBtn,
#mainGraphic .appBtn2{
	position: absolute;
}
#mainGraphic .campTime{
	bottom: 12px;
	left: 272px;
}
#mainGraphic .campTime2{
	bottom: 7px;
	left: 350px;
}
#mainGraphic .campTime span {
	display: block;
	color: #333;
	line-height: 1.4;
	font-size: 85%;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
}
#mainGraphic .data{
	position: absolute;
	color: #333;
	left: 87px;
	bottom: 6px;
	font-size: 85%;
}
#mainGraphic .data2{
	position: absolute;
	color: #333;
	left: 40px;
	bottom: 20px;
	font-size: 85%;
	width:320px;
	text-align:center;
}
#mainGraphic .data3{
	position: absolute;
	color: #333;
	left: 40px;
	bottom: 5px;
	font-size: 78%;
	width:320px;
	text-align:center;
}
#mainGraphic .materialBtn{
	bottom: 7px;
	right: 263px;
}
#mainGraphic .materialBtn2{
	bottom: 33px;
	right: 345px;
}
#mainGraphic .appBtn{
	bottom: 7px;
	right: 47px;
}
#mainGraphic .appBtn2{
	bottom: 33px;
	right: 74px;
}
.indexBtn{
	position: absolute;
	top: 230px;
	left: 16px;
}
.indexBtn li{
	float: left;
}

.topTxt01,
.topTxt02,
.topTxt03,
.topTxt04,
.topTxt05,
.topTxt06,
.topTxt07{
	position: absolute;
	display: block;
}

.topTxt01{
	top: 7px;
	left: 23px;
	width: 376px;
	font-size: 12px;
}
.topTxt01 p{
	-webkit-text-size-adjust: 100%;
}
.topTxt02{
	top: 65px;
	left: 59px;
	width: 299px;
}
.topTxt03{
	top: 188px;
	left: 20px;
	width: 274px;
}
.topTxt04{
	top: 313px;
	left: 51px;
	width: 320px;
}
.topTxt05{
	top: 65px;
	right: 50px;
	width: 299px;
}
.topTxt06{
	top: 188px;
	right: 8px;
	width: 274px;
}
.topTxt07{
	top: 313px;
	right: 43px;
	width: 320px;
}


/*  ------------------------------------------------------------------

	system

---------------------------------------------------------------------*/
.section .txtHeading01{
	background: url(/common/img/frame/bullet01.png) no-repeat 0 3px;
	color: #663300;
	font-size: 16px;
	padding-left: 20px;
}
.section ol {
	padding-left: 35px;
}
.section ol li {
	margin-bottom: 0.3em;
	list-style-type:decimal;
	font-size: 12px;
}
.bgRadius{
	background: url(/common/img/system/system_qaBody.png) repeat-y left top;
	zoom:1;
}
.bgRadiusHead{
	background: url(/common/img/system/system_qaHead.png) no-repeat left top;
	zoom:1;
}
.bgRadiusFoot{
	background: url(/common/img/system/system_qaFoot.png) no-repeat left bottom;
	zoom:1;
}
.bgRadius table,
.bgRadius table td{
	border: none;
	vertical-align:middle;
}
/*  ------------------------------------------------------------------

	what / future

---------------------------------------------------------------------*/
.dialogWrap li{
	position: absolute;
	list-style-type: none;
}
.dialogWrap li.dialogBtn01{
	left: 22px;
	bottom: 370px;
}
.dialogWrap li.dialogBtn02{
	left: -7px;
	bottom: 122px;
}
.dialogWrap li.dialogBtn03{
	right: 64px;
	bottom: 370px;
}
.dialogWrap li.dialogBtn04{
	right: 13px;
	bottom: 175px;
}
.dialogWrap li.dialogBtn05{
	right: 112px;
	bottom: 9px;
}


.dialogWrap li.dialogBtn06{
	left: 119px;
	bottom: 429px;
	z-index: 5;
}
.dialogWrap li.dialogBtn07{
	right: 131px;
	bottom: 419px;
}
.dialogWrap li.dialogBtn08{
	left: -3px;
	bottom: 320px;
}
.dialogWrap li.dialogBtn09{
	right: 15px;
	bottom: 235px;
}
.dialogWrap li.dialogBtn10{
	left: 11px;
	bottom: 159px;
}
.dialogWrap li.dialogBtn11{
	left: 124px;
	bottom: 45px;
}
.dialogWrap li.dialogBtn12{
	right: 85px;
	bottom: 41px;
}

/*  ------------------------------------------------------------------

	Colorbox ダイアログ

---------------------------------------------------------------------*/
.cbInline{
	padding: 15px 30px 0 30px;
	width: 630px;
	text-align: left;
}
.cbInline .photo{
	float: left;
	margin-right: 25px;
	padding-left: 4px;
}
.cbInline .desc{
	float: left;
	width: 210px;
}
#cboxContent b {
	color: #0099FF;
}
#cboxContent em {
	color: #FF6600;
}
/*  ------------------------------------------------------------------

	curriculum

---------------------------------------------------------------------*/
.section .imgHeading{
	position: relative;
	margin-left: -15px;
}
/*  ------------------------------------------------------------------

	text

---------------------------------------------------------------------*/
.noBdr{
	background: none;
}
.text01,
.text02,
.text03{
	position: absolute;
	display: block;
	line-height: 1.8;
}
.text01{
	top: 38px;
	left: 20px;
	width: 320px;
}
.text02{
	top: 122px;
	left: 20px;
	width: 299px;
}
.text03{
	top: 37px;
	left: 20px;
	width: 274px;
}

.section img.border {
	background: #ffffff;
	border: #e1e1e1 solid 1px;
	padding: 3px;
}

#guide p img{
	margin: 0;
}

/*  ------------------------------------------------------------------

	support

---------------------------------------------------------------------*/
.support01{
	position: absolute;
	display: block;
	top: 159px;
	left: 20px;
	width: 270px;
	line-height: 1.8;
	color: #fff;
}
.fbContent{
	border: 10px solid #3b5998;
}
/*  メッセージ表記：共通
-----------------------------------*/
.fbMessage{
	height: 470px;
	overflow: auto;
	font-size: 12px;
}

.player p,
.supporter p{
	margin-top: 10px;
}
.player p:first-child,
.supporter p:first-child{
	margin-top: 0;
}

.player p,
.supporter p{
	margin-top: 10px;
}
/*  メッセージ表記：ユーザー
-----------------------------------*/
.player{
	padding: 20px 0 0 31px;
}


.player .avater{
	position: absolute;
	top: 0;
	left: 0;
}
.player .name{
	position: absolute;
	top: -12px;
	left: 40px;
	font-weight: bold;
	color: #3b5998;
}


.player .playerBody{
	background: url(/common/img/support/support_bg_fb_type01Body.png) repeat-y left top;
	width: 493px;
	zoom: 1;
}
.player .playerHead{
	background: url(/common/img/support/support_bg_fb_type01Head.png) no-repeat left top;
	zoom: 1;
}
.player .playerFoot{
	background: url(/common/img/support/support_bg_fb_type01Foot.png) no-repeat left bottom;
	color: #7b3769;
	padding: 10px 10px 10px 25px;
	zoom: 1;
}

/*  メッセージ表記：講師側
-----------------------------------*/
.supporter{
	padding: 21px 0 0 0;
}

.supporter .avater{
	position: absolute;
	top: 0;
	right: 20px;
}
.supporter .name{
	position: absolute;
	top: -11px;
	right: 58px;
	text-align: right;
	font-weight: bold;
	color: #3b5998;
}


.supporter .supporterBody{
	background: url(/common/img/support/support_bg_fb_type02Body.png) repeat-y left top;
	width: 493px;
	zoom: 1;
}
.supporter .supporterHead{
	background: url(/common/img/support/support_bg_fb_type02Head.png) no-repeat left top;
	zoom: 1;
}
.supporter .supporterFoot{
	background: url(/common/img/support/support_bg_fb_type02Foot.png) no-repeat left bottom;
	padding: 10px 25px 10px 10px;
	color: #3b5998;
	zoom: 1;
}




/*  ------------------------------------------------------------------

	clearfix

---------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
*:first-child+html .clearfix {
	zoom: 1;
}


#mainArea .section{
	/* padding:0 0 40px 0; */
	padding: 0;
	overflow:hidden;
	position:relative;
}
#mainArea .section_even {
	background-color: #F7F8F8;
}

#mainArea p{
	margin:0;
}
#mainArea p img{
	margin:0;
}

#mainArea dl,
#mainArea dt,
#mainArea dd,
#mainArea ul,
#mainArea li{
	margin:0;
}

#mainArea .h1Box{
	position:relative;
	margin:45px 0 28px 0;
}
#mainArea #nocampaign{
	margin:0 0 28px 0;
}
#mainArea .h1Box .Btn_small_01{
	position:absolute;
	top:-13px;
	right:130px;
}

#mainArea .h1Box .Btn_small_02{
	position:absolute;
	top:-13px;
	right: 1px;
}

#mainArea .h1Box .Btn02{
	position:absolute;
	top: -52px;
	right: 0px;
}

#mainArea .voiceArea {
	border-radius:10px;
	border:#FF6600 1px solid;
	clear: both;
	position:relative;
	min-height:147px;
}
#mainArea .voiceArea .voiceImg {
	position: absolute;
	left: 2px;
	top: -12px;
}
#mainArea .voiceArea .voiceTxt {
	padding: 45px 10px 15px 134px;
}

#mainArea .voiceArea02 {
	border-radius:10px;
	border:#FF6600 1px solid;
	clear: both;
	position:relative;
	min-height:147px;
}
#mainArea .voiceArea02 .voiceImg {
	position: absolute;
	left: -10px;
	top: -12px;
}
#mainArea .voiceArea02 .voiceTxt {
	padding: 45px 10px 15px 110px;
}

/* .nextBox */
.nextBtn {
	clear:both;
}
.nextBox {
	width:660px;
	overflow:hidden;
	clear:both;
	padding:24px 0 0 0;
}
.nextBox ul {
	list-style-type: none;
}
.nextBox .priceBox {
	width:240px;
	float:right;
	background:url(/common/img/common/price_bg.jpg) no-repeat left bottom #fff4c2;
	padding:5px 0 5px 0;
}
.nextBox .priceBox .price {
	width:229px;
	padding:0 4px 0 7px;
	clear:both;
	background:url(/common/img/common/bg_mid.jpg) repeat-y 7px top;
}
.nextBox .priceBox .price div {
	width:229px;
	background:url(/common/img/common/bg_bot.jpg) no-repeat left bottom;
	clear:both;
	padding:9px 0 0 0;
}
#mainArea .nextBox .priceBox .price .ptxt {
	text-align:center;
	font-size:16px;
	color:#333;
	font-weight:bold;
	padding:0 0 5px 0;
	line-height:1.2;
}
#mainArea .nextBox .priceBox .price .ptxt.pb0 {
	padding:0;
}
#mainArea .nextBox .priceBox .price .ptxt2 {
	width:205px;
	margin:0 auto 8px;
	background-color:#4891C2;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	padding:3px 0 0 0;
}
#mainArea .nextBox .priceBox .price .ptxt3 {
	color:#ab0404;
	line-height:1.2;
	padding:0 0 0 12px;
	font-size:12px;
}
#mainArea .nextBox .priceBox .price .ptxt3 span {
	font-size:20px;
	font-weight:bold;
}
#mainArea .nextBox .priceBox .price .ptxt4 {
	text-align:center;
	line-height:1.7;
	text-align:center;
	padding:7px 0 2px 0;
	font-size:12px;
}
#mainArea .nextBox .priceBox .price .pbtn {
	width:208px;
	padding:4px 0 13px 15px;
	background:url(/common/img/common/price_detail_bg.png) no-repeat 12px top;
	height:32px;
}
#mainArea .nextBox .priceBox ul {
	padding:0 0 0 10px;
}
.nextBox .priceBox ul li.txt {
	padding: 5px 30px 5px 15px;
	font-size: 85%;
	line-height: 1.3;
}

#mainArea .nextBox .mlinks {
	width:180px;
	float:left;
	padding:0 30px 0 0;
	list-style-type: none;
}
#mainArea .nextBox .mlinks.w175 {
	width:175px;
}
#mainArea .nextBox .mlinks li {
	border-bottom:#d2d2d2 1px dotted;
	font-weight:bold;
	font-size:13px;
}
#mainArea .nextBox .mlinks li.nobor {
	border-bottom:none;
}
#mainArea .nextBox .mlinks li a {
	color:#333;
	text-decoration:none;
	padding:10px 0 8px 36px;
	display:block;
	line-height:1.3;
}
#mainArea .nextBox .mlinks li.line2 a {
	padding:7px 0 7px 36px;
}
#mainArea .nextBox .mlinks li.li01 a {
	background:url(/common/img/frame/lnavicon01.png) no-repeat 5px 8px;
}
#mainArea .nextBox .mlinks li.li02 a {
	background:url(/common/img/frame/lnavicon02.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li03 a {
	background:url(/common/img/frame/lnavicon03.png) no-repeat 5px 10px;
}
#mainArea .nextBox .mlinks li.li04 a {
	background:url(/common/img/frame/lnavicon04.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li05 a {
	background:url(/common/img/frame/lnavicon05.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li06 a {
	background:url(/common/img/frame/lnavicon06.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li07 a {
	background:url(/common/img/frame/lnavicon07.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li08 a {
	background:url(/common/img/frame/lnavicon08.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li09 a {
	background:url(/common/img/frame/lnavicon09.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li10 a {
	background:url(/common/img/frame/lnavicon10.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li11 a {
	background:url(/common/img/frame/lnavicon11.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li12 a {
	background:url(/common/img/frame/lnavicon12.png) no-repeat 5px center;
}
#mainArea .nextBox .mlinks li.li13 a {
	background:url(/common/img/frame/lnavicon13.png) no-repeat 5px 7px;
}
#mainArea .nextBox .mlinks li.li14 a {
	background:url(/common/img/frame/lnavicon14.png) no-repeat 7px 7px;
}
#mainArea .nextBox .mlinks li a:hover {
	background-color:#f2f9e4;
}

.index .nextBox li.li01 a,
.feature .nextBox li.li02 a,
.iryo .nextBox li.li03 a,
.revenue .nextBox li.li05 a,
.melit .nextBox li.li04 a,
.knowledge .nextBox li.li03 a,
.exam .nextBox li.li06 a,
.text .nextBox li.li07 a,
.learning .nextBox li.li08 a,
.career .nextBox li.li09 a,
.counselling .nextBox li.li09 a,
.after-follow .nextBox li.li10 a,
.curriculum .nextBox li.li11 a,
.price .nextBox li.li12 a,
.faq .nextBox li.li13 a,
.voice .nextBox li.li14 a {
	background-color: #f2f9e4 !important;
}


.course_inqBtn {
	margin: 10px 0;
	text-align: center;
}

.course_inqBtn a img {
	transition: opacity 0.2s ease 0s;
}

.course_inqBtn a:hover img {
	opacity: 0.6;
}

.half_float {
	width: 48%;
}

.half_float img {
	height: auto;
	width: 100%;
}


/* カラーテキスト */

.section .color_text_01 {
	border-bottom: 1px dashed #40c1e8;
	color: #3b2d19;
	font-family: serif;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 20px 30px;
}

.color_text_02 {
	border: 2px solid #00ace0;
	border-radius: 5px;
	color: #00ace0;
	font-family: serif;
	font-size: 30px;
	font-weight: bold;
	padding: 15px;
}

.color_text_03 {
	color: #10b1e2;
	font-family: serif;
	font-size: 24px;
	font-weight: bold;
	padding: 20px;
	letter-spacing: 10px;
}

/* 20150808add */

.flo_box_02 h4 {
	background-color: #f055a1;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	padding: 10px;
}

.flo_box_05 {
	border: 1px solid #e73676;
	margin: 20px;
}

.flo_box_05_title {
	background-color: #e73676;
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.flo_box_05_title small {
	font-size: 75%;
	padding-left: 10px;
}

.flo_box_05_sub {
	background-color: #de8fa8;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
}

.flo_box_05_sub b {
	background-color: #fff;
	color: #aa0d23;
	margin-right: 5px;
	padding: 2px;
}

.flo_box_05_img {
	width: 40%;
	display: inline-block;
	vertical-align: top;
}

.flo_box_05_txt {
	background-color: #FFF;
	font-size: 80%;
	width: 59%;
	display: inline-block;
	vertical-align: top;
}

.flo_box_05_txt p {
	padding: 0.3em 0;
}

.flo_box_05_txt1,
.flo_box_05_txt2 {
	color: #180302;
	padding: 5px 10px;
}

.flo_box_05_txt2,
.flo_box_05_txt table th,
.flo_box_05_txt table td {
	border-top: 1px dotted #180302;
}

.flo_box_05_txt1 .title {
	font-size: 100%;
}

.flo_box_05_txt table span {
	color: #aa0d23;
	font-size: 100%;
}

.flo_box_05_txt table th,
.flo_box_05_txt table td {
	color: #180302;
	padding: 5px;
}

.flo_box_05_txt table {
	width: 100%;
}

.flo_box_05_txt table th {
	width: 15%;
	padding-left: 10px;
}

.flo_box_05_txt table td {
	width: 35%;
}

.flo_box_05_txt table td.grey {
	color: #423f3f;
}

.flo_box_05_txt table b {
	color: #180302 !important;
	font-size: 120%;
}

.flo_box_05_txt table b.waku {
	background-color: #423f3f;
	color: #fff !important;
	padding: 2px 5px;
}

/* ranking */
.ranking_header {
	position: relative;
}

.ranking_header .left {
	float: left;
	margin: 0 10px;
}

.ranking_header_text {
	color: #333;
	font-size: 24px;
	line-height: 1.2;
}

.cf { zoom: 1; }

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after { clear: both; }


/* お支払いについて */
#mainArea h2.midasi {
	background: url(/common/img/shiharai/h3_bg.gif) no-repeat 0 0;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	height: 35px;
	line-height: 37px;
	margin-bottom: 10px;
	padding-left: 18px;
}

.containerInner .left {
	float: left;
}

.containerInner .fc02 {
	color: #005381;
}

.containerInner .fc_red {
	color: #c1212d;
}

.containerInner .fcadshikaku {
	color: #059999;
}

.w575_txt p {
	padding: 5px 0;
}

..containerInner .fb {
	font-weight: bold;
}

..containerInner .pfc03 {
	color: #0090d2;
}

..containerInner .pfc04 {
	color: #5bb33d;
}

table.table3 th,
table.table4 th,
table.table6 th,
table.table3 td,
table.table4 td,
table.table6 td,
table.table8 td {
	border: none;
}

table.table3 p,
table.table4 p,
table.table6 p,
table.table8 p {
	font-size: 100%;
	padding: 10px 0;
}

table.table1 {
	border-bottom: 1px solid #ccc;
}

table.table1 th {
	width: 150px;
	background-color: #eee;
	border-top: 1px solid #ccc;
}

table.table1 td {
	border-top: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

table.table2 {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

table.table2 th {
	background-color: #eee;
	border-right: 1px solid #ccc;
}

table.table2 td {
	border-right: 1px solid #ccc;
	padding: 10px;
	text-align: left;
}

table.table3 {
	border: 1px solid #059999;
}

table.table3 th {
	background-color: #D3F2EC;
	border-bottom: 1px dashed #059999;
}

table.table3 td,
table.table4 td,
table.table6 td {
	padding: 10px;
	text-align: left;
}

table.table4 {
	border: 1px solid #0090D2;
}

table.table4 th {
	background-color: #0090D2;
	color: #FFF;
	font-weight: bold;
}

table.table5 {
	border: 1px solid #0090D2;
}

table.table5 td.table5_1 {
	width: 170px;
	background-color: #E8F5F9;
	color: #0090D2;
	font-weight: bold;
	vertical-align: middle;
}

table.table6 {
	border: 1px solid #5BB33D;
}

table.table6 th {
	background-color: #5BB33D;
	color: #FFF;
	font-weight: bold;
}

table.table7 {
	border: 1px solid #5BB33D;
}

table.table7 td.table7_1 {
	width: 170px;
	background-color: #EEF9EA;
	color: #5BB33D;
	font-weight: bold;
	vertical-align: middle;
}

table.table8 {
	border: 1px solid #EE95BD;
}

table.table8 .checkmark {
	background: url(/common/img/shiharai/check-pink.png) no-repeat 0 0;
	height: 22px;
	line-height: 22px;
	margin-bottom: 10px;
	padding-left: 30px;
}

table.table8 th {
	background-color: #fff;
	border: none;
}

table.table8 td {
	padding: 12px 12px 40px;
}

table.table8 .process1,
table.table8 .process2,
table.table8 .process3,
table.table8 .process4,
table.table8 .process5 {
	border: 1px solid #EE95BD;
	min-height: 90px;
	padding: 5px 5px 5px 130px;
}

table.table8 .process1 p,
table.table8 .process2 p,
table.table8 .process3 p,
table.table8 .process4 p,
table.table8 .process5 p {
	padding: 0;
}

#mainArea table.table8 .process-title {
	font-size: 130%;
	font-weight: bold;
}

#mainArea table.table8 .red {
	color: #c00;
	font-size: 90%;
}

table.table8 .center {
	text-align: center;
}

table.table8 .process1 {
	background: url(/common/img/shiharai/process1-pink.png) no-repeat 9px 5px;
}

table.table8 .process2 {
	background: url(/common/img/shiharai/process2-pink.png) no-repeat 14px 5px;
}

table.table8 .process3 {
	background: url(/common/img/shiharai/process3-pink.png) no-repeat 9px 5px;
}

table.table8 .process4 {
	background: url(/common/img/shiharai/process4-pink.png) no-repeat 10px 5px;
}

table.table8 .process5 {
	background: url(/common/img/shiharai/process5-pink.png) no-repeat 5px 5px;
}

.pay_bg_01 {
    background: url(/common/img/shiharai/pay_bg_01.gif) no-repeat right 7px;
}

.pay_bg_02 {
    background: url(/common/img/shiharai/pay_bg_02.gif) no-repeat right 7px;
}

.pay_bg_03 {
    background: url(/common/img/shiharai/pay_bg_03.gif) no-repeat right 7px;
}

.payment5 {
	border: 1px solid #0090D2;
	margin: 10px 0;
}

.payment5_title {
	color: #FFF;
	background-color: #0090D2;
	font-weight: bold;
	padding: 10px;
}

.payment5_sub {
	color: #0090D2;
	background-color: #E8F5F9;
	font-weight: bold;
	padding: 10px;
}

.payment5_txt,
.payment7_txt {
	padding: 10px;
}

.payment7 {
	border: 1px solid #5BB33D;
	margin: 10px 0;
}

.payment7_title {
	color: #FFF;
	background-color: #5BB33D;
	font-weight: bold;
	padding: 10px;
}

.payment7_sub {
	background-color: #EEF9EA;
	color: #5BB33D;
	font-weight: bold;
	padding: 10px;
}


#mainArea h2.ranking_title {
	border-bottom: 1px solid #dc547a;
	color: #dc547a;
	font-size: 200%;
	margin-bottom: 20px;
}

.course_ranking_box {
	border: 1px solid #d5d5d6;
	margin-bottom: 20px;
	width: 100;
}

.course_ranking_box_title {
	position: relative;
}

.course_ranking_box_title .left {
	float: left;
}

.course_ranking_box_title img {
	margin-right: 10px;
}

.course_ranking_box_title img:first-child {
	margin-left: 10px;
	margin-top: 5px;
}

.course_ranking_box_title p {
	font-size: 130% !important;
	padding-top: 5px;
	text-align: left;
}

.course_ranking_box_title a {
	bottom: 10px;
	display: block;
	position: absolute;
	right: 20px;
	text-align: right;
	text-decoration: none !important;
}

.course_ranking_box_txt {
	background-color: #fcebf3;
	border-top: 1px solid #d5d5d6;
	padding: 10px;
	text-align: left;
}

.ranking_list {
	list-style-type: none;
	padding-bottom: 30px;
}

#mainArea .ranking_list li {
	float: left;
	margin-bottom: 10px;
	width: 33%;
}

.ranking_list li a {
	color: #333;
	text-decoration: none !important;
}

@media only screen and (max-width: 600px){
	#mainArea h2.ranking_title { margin: 0 0 20px; }
	.course_ranking_box_title > img { float: left !important; }
	.course_ranking_box_title p { font-size: 110% !important; }
	.course_ranking_box_title a { bottom: 5px; }
	.course_ranking_link li { width: 50%; }

	#mainArea .ranking_list { margin-left: 10px; }
	#mainArea .ranking_list li {
		width: 50%;
	}
}


/* 1カラム */
#mainArea.one-column {
	box-sizing: border-box;
	width: 100%;
}

#mainArea.one-column .ranking_title {
	text-align: center;
}

/* テーマ別ランキング */
.theme_ranking {
	margin: 0 -15px;
}

.theme_ranking_box {
	border: 1px solid #d5d5d6;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 300px;
}

.theme_ranking_box:nth-child(3n) {
	margin-right: 0;
}

.theme_ranking_box_title {
	border-bottom: 1px solid #d5d5d6;
	font-size: 18px;
	line-height: 1.4;
	padding: 24px 0;
	text-align: center;
}

.theme_ranking_box_txt {
	background-color: #fcebf3;
	height: 300px;
	padding: 10px;
	position: relative;
}

#mainArea .theme_ranking_box_txt p {
	margin-bottom: 10px;
}

.theme_ranking_box_txt img {
	max-width: 100%;
}

.theme_ranking_box_button {
	bottom: 0;
	left: 0;
	padding: 0 10px;
	position: absolute;
	text-align: center;
}

.theme_ranking_box_button a {
	background: url(/common/img/theme/button_bg.png) 0 0 no-repeat;
	box-sizing: border-box;
	color: #fff;
	display: block;
	padding: 10px 42px 10px 15px;
	text-decoration: none !important;
	height: 72px;
	width: 260px;
}

@media only screen and (max-width: 600px){
	.theme_ranking {
		margin: 0;
		padding: 0 10px;
	}

	.theme_ranking_box {
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
}


/* 資格取得講座一覧 */
.course_list {
	margin: 0 -15px;
}

.course_list_ul {
	border: 1px solid #d5d5d6;
	margin: 40px 0 60px;
	padding: 20px 20px 10px;
}

#mainArea .course_list_ul_title {
	border-bottom: 1px solid #dc547a;
	color: #dc547a;
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px;
	padding-left: 0;
}

.course_list_ul ul {
	list-style-type: none;
}

#mainArea .course_list_ul ul li {
	float: left;
	margin-bottom: 10px;
	width: 33%;
}

#mainArea .course_list_ul ul li a {
	color: #333;
	text-decoration: none;
}

.course_list_box {
	border: 1px solid #d5d5d6;
	margin-bottom: 20px;
}

.course_list_box_title {
	background-color: #fcebf3;
	border-bottom: 1px solid #d5d5d6;
	font-size: 20px;
	padding: 10px 20px;
}

.course_list_box_txt {
	padding: 10px;
	position: relative;
}

.course_list_box_txt .left {
	float: left;
	width: 24%;
}

.course_list_box_txt .left img {
	max-width: 100%;
}

.course_list_box_txt .right {
	float: right;
	padding-bottom: 20px;
	width: 74%;
}

.course_list_box_link {
	bottom: 10px;
	right: 10px;
	position: absolute;
}

.course_list_box_link a {
	text-decoration: none !important;
}

@media only screen and (max-width: 600px){
	.course_list {
		margin: 0;
	}
}

#mainArea .course_list_h {
	border: 1px solid #f055a1;
	font-size: 16px;
	margin-bottom: 25px;
	padding: 10px;
}

#mainArea .course_list_h a {
	color: #f055a1;
	text-decoration: none;
}

#mainArea .course_list_l {
	border: 1px solid #d5d5d6;
	padding: 10px 0 0 10px;
}

#mainArea .course_list_l li {
	border-bottom: #CCC dotted 1px;
	float: left;
	margin-bottom: 10px;
	margin-right: 6%;
	width: 26%;
}

#mainArea .course_list_l li a {
	color: #333;
	text-decoration: none;
}

@media only screen and (max-width: 600px){
	#mainArea .course_list_l li {
		float: none;
		width: auto;
	}
}


/* 口コミ */
#mainArea h2.voice_title {
	border-top: none;
	border-bottom: none;
	color: #dc547a;
	font-size: 200%;
	letter-spacing: 3px;
	margin-bottom: 20px;
}

.voice_box {
	margin-bottom: 30px;
}

.voice_box th {
	background-color: #fff;
	color: #ea5755;
	font-size: 18px;
	padding: 10px 20px;
}

.voice_box tr:nth-child(2) td:first-child {
	background-color: #fcebf3;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}

.voice_box tr:nth-child(2) td:first-child img {
	max-width: 100%;
}

.voice_box td:first-line {
	font-size: 14px;
	line-height: 2;
}

.voice_lead {
	background-color: #fff;
	border-top: 15px solid #eb6ea5;
	border-bottom: 5px solid #eb6ea5;
	position: relative;
	width: 100%;
}

#mainArea .voice_lead img {
	box-sizing: border-box;
	float: left;
	width: 150px;
}

.voice_lead_right {
	box-sizing: border-box;
	float: right;
	color: #eb6ea5;
	font-size: 20px;
	padding: 20px;
	width: calc(100% - 150px);
}

.voice_lead_right span {
	color: #1e1e1e;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
}

#mainArea .voice_impress {
	margin-bottom: 30px;
}

.voice_impress dt {
	color: #eb6ea5;
	font-size: 20px;
	padding-top: 0.5em;
}

.voice_impress dd {
	border-bottom: 2px dashed #eb6ea5;
	padding-left: 1.5em;
	padding-bottom: 1em;
}

.voice_impress dd a {
	float: right;
	display: block;
	border: 2px solid #eb6ea5;
	border-radius: 30px;
	color: #eb6ea5;
	font-size: 16px;
	margin-top: 10px;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none !important;
}

.voice_impress dd a:hover {
	background-color: #eb6ea5;
	color: #fff;
}

/* 選ばれる3つの理由 */
.three_reasons {
	background-color: #ecf3fa;
	border: 1px solid #d2d2d2;
	padding: 10px;
}

.three_reasons h3,
.three_reasons h4 {
	color: #ff7c80;
	font-size: 16px;
}

.three_reasons h3 {
	border-bottom: 1px solid #ed7d31;
	margin-bottom: 10px;
	padding: 5px 0 10px;
	text-align: center;
}

.three_reasons h4 {
	background: url(/common/img/icon/icon_crown.png) no-repeat 0 0;
	background-size: auto 100%;
	padding-left: 30px;
}

.three_reasons p {
	padding: 10px 20px;
}

/* 受講生専用ページ */
.tsushin_box,
.tsushin_recruit {
	border-bottom: 1px dashed #ed7d31;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#mainArea .tsushin_box p,
#mainArea .tsushin_recruit p {
	font-size: 16px;
	padding: 0 20px;
}

.course #mainArea .tsushin_box h2.tsushin_title {
	border: 1px solid #eb6ea5;
	border-radius: 10px;
	padding: 10px 20px;
}

#mainArea .tsushin_box p:last-child,
#mainArea .tsushin_recruit p:last-child {
	margin-top: 20px;
	text-align: right;
}

.tsushin_box a,
.tsushin_recruit a {
	background-color: #eb6ea5;
	border: 2px solid #eb6ea5;
	border-radius: 10px;
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none !important;
}

.tsushin_box a:hover,
.tsushin_recruit a:hover {
	background-color: #fff;
	color: #eb6ea5;
}

#mainArea .tsushin_recruit p {
	margin-top: 20px;
}

.tsushin_recruit span {
	color: #eb6ea5;
}


@media only screen and (max-width: 600px){
	.voice_box {
		margin: 0 auto 20px;
		width: 90%;
	}

	.voice_box tr:nth-child(2) td:first-child {
		padding: 20px;
		width: auto;
	}

	.voice_box th,
	.voice_box td {
		display: block;
	}

	#mainArea .voice_lead img {
		width: 110px;
	}
	.voice_lead_right {
		font-size: 14px;
		padding: 10px;
		width: calc(100% - 110px);
	}
	.voice_lead_right span {
		position: relative;
		bottom: 0;
	}
	.voice_impress dt {
		font-size: 18px;
	}
	.voice_impress dd a {
		float: none;
		width: calc(100% - 3.5em);
	}
}