@charset "utf-8";

/************************************************************

lp/inschool page css

************************************************************/




/************************************************************
header
************************************************************/

body.page.lp_inschool_index #header {
	height: 128px;
	/*margin-bottom: 57px;*/
	margin: 0 auto 0px;
}

body.page.lp_inschool_index #header #header_inner {
	padding: 22px 14px 0px 14px;
}

body.page.lp_inschool_index #header .hnavi {
	height: auto;
}
body.page.lp_inschool_index #header .hnavi .tell {
	top: 10px;
}

body.page.lp_inschool_index #header .pagenavi {
	clear: both;
	width: 960px;
}
body.page.lp_inschool_index #header .pagenavi li {
	float: left;
	margin-top: 17px;
}


body.page.lp_inschool_index #footer {
}
body.page.lp_inschool_index #footer .sitemap.humanGroup {
/*border-top: 1px solid #D4D1CC;*/
background: #F9F6F0;

}
body.page.lp_inschool_index #footer .sitemap.humanNavi {
border-top: none;
background: #F9F6F0;
}


/************************************************************
contents
************************************************************/

body.page.lp_inschool_index #contents {
	background: none;
}

body.page.lp_inschool_index #contents_inner {
	/*padding: 20px 10px 0px;*/
	padding: 0px 10px 0px;
}


/************************************************************
main
************************************************************/

body.page.lp_inschool_index #main {
	width: auto;
	float: none;
}


/************************************************************
page defult
************************************************************/

/*	entry
----------------------------------------------- */
body.page.lp_inschool_index #main .entry {
	/*font-size: 90%;*/
	/*font-size: 100%;*/
	line-height: 180%;
}

body.page.lp_inschool_index #main .entry h1,
body.page.lp_inschool_index #main .entry h2,
body.page.lp_inschool_index #main .entry h3,
body.page.lp_inschool_index #main .entry h4,
body.page.lp_inschool_index #main .entry p {
	margin-bottom: 0.8em;
}

body.page.lp_inschool_index #main .entry .blue {
	color: #4ecefa;
}
body.page.lp_inschool_index #main .entry .green {
	color: #79a746;
}
body.page.lp_inschool_index #main .entry .pink {
	color: #f92d9b;
}
body.page.lp_inschool_index #main .entry .yellow {
	color: #ffa519;
}
body.page.lp_inschool_index #main .entry .purple {
	color: #8d7abc;
}

body.page.lp_inschool_index #main .entry .c_pa {
	color: #cc99cc;
}
body.page.lp_inschool_index #main .entry .c_make {
	color: #cf4e90;
}
body.page.lp_inschool_index #main .entry .c_manga {
	color: #709f16;
}

.boxGray {
	background: url("/common/images/ctn_box_bg_gray.gif") repeat scroll left top transparent;
}


/*	hd_rainbow
----------------------------------------------- */
body.page.lp_inschool_index #main .entry div.hd_rainbow {
	margin-bottom: 30px;
	background: url("/common/images/ctn_h1_bg_line.gif") left 15px repeat;
}
body.page.lp_inschool_index #main .entry div.hd_rainbow .hd_rainbow_inner {
	background: url("/common/images/ctn_h1_bg_light.gif") right center no-repeat #fff;
}
body.page.lp_inschool_index #main .entry div.hd_rainbow .hd {
	padding: 18px 17px 18px 17px;
	font-size: 180%;
	font-weight: bold;
	line-height: 120%;
	vertical-align: middle;
}
body.page.lp_inschool_index #main .entry div.hd_rainbow .hd {
	display: block;
}
body.page.lp_inschool_index #main .entry div.hd_rainbow .hd .small {
	font-size: 60%;
	vertical-align: middle;
	font-weight: normal;
}
body.page.lp_inschool_index #main .entry div.hd_rainbow .hd .small.separator {
	margin-left: 1em;
	padding-left: 1em;
	background: url("/common/images/ctn_h1_bg_separator_line.gif") left center no-repeat;
}


/*	hd_black
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .hd_pic {
	padding: 21px 0px 21px 0px;
	position: relative;
}
body.page.lp_inschool_index #main .entry .hd_pic p {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

body.page.lp_inschool_index #main .entry .hd_pic img {
}

body.page.lp_inschool_index #main .entry div.hd_black {
	margin-bottom: 30px;
	background: #4d4d4d;
}
body.page.lp_inschool_index #main .entry div.hd_black .hd_black_inner {
	margin: 7px;
	background: url("/common/images/ctn_h2_bg_border_rainbow.gif") left top repeat-y;
}
body.page.lp_inschool_index #main .entry div.hd_black .hd_black_inner h2 {
	padding: 0.35em 20px;
	font-size: 160%;
	font-weight: bold;
	line-height: 120%;
	color: #fff;
	margin: 0px;
}

body.page.lp_inschool_index #main .entry div.hd_black .hd {
	display: block;
}
body.page.lp_inschool_index #main .entry div.hd_black .hd .small {
	font-size: 60%;
	vertical-align: middle;
	font-weight: normal;
}


body.page.lp_inschool_index #main .entry div.hd_black.slash {
	margin-bottom: 30px;
	background: url("/common/images/ctn_h2_bg_slash.gif") left top repeat;
}
body.page.lp_inschool_index #main .entry div.hd_black.slash .hd_black_inner {
	margin: 10px;
	/*background: url("/common/images/ctn_h2_bg_border_rainbow.gif") left top repeat-y;*/
}
body.page.lp_inschool_index #main .entry div.hd_black.slash .hd_black_inner h2 {
	margin: 0px;
	padding: 0px;
	font-size: 130%;
	font-weight: bold;
	line-height: 120%;
	color: #fff;
}


/*	hr
----------------------------------------------- */
body.page.lp_inschool_index #main hr {
	background: url("/lp/inschool/images/ctn_bg_hr.gif") repeat-x left top;
	border: none;
	clear: both;
	display: block;
	height: 71px;
}


/************************************************************
main,entry
************************************************************/

/*	mainvisual
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSummary h1,
body.page.lp_inschool_index #main .mainvisual .mainvisualSummary h2,
body.page.lp_inschool_index #main .mainvisual .mainvisualSummary p {
	/*line-height: 0%;*/
	margin-bottom: 0px;
}
body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSummary.end {
	margin-bottom: 50px;
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSenior {
	margin-bottom: 25px;
}
body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSenior h2 {
	margin-bottom: 0px;
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSeniorGroup {
	padding: 0px 12px;
	overflow: hidden;
	clear: both;
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSeniorGroup .mainvisualSeniorBox {
	overflow: hidden;
	width: 444px;
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSeniorGroup .mainvisualSeniorBox h3 {
	margin-bottom: 0px;
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSeniorGroup .mainvisualSeniorBox img {
}

body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSummary.end .mangaShiryou {
	position: relative;
	margin-bottom: 25px;
}
body.page.lp_inschool_index #main .entry .mainvisual .mainvisualSummary.end .mangaShiryou .arrow {
	position: absolute;
	bottom: -85px;
	left: 0px;
}


/*	reason
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .reason h2 {
	margin-bottom: 0px;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive {
	background: url("/common/images/ctn_voice_note_bg.gif") repeat left top;
	border: 3px solid #BAE4EE;
	margin-bottom: 25px;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFive_innner {
	clear: both;
	overflow: hidden;
	padding: 25px 35px;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox {
	overflow: hidden;
	clear: both;
	margin-bottom: 40px;
}
body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox.end {
	margin-bottom: 0px;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox h3{
	line-height: 150%;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox h3 .small {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 180%;
}
body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox h3 .hd {
	font-size: 1.9em;
	line-height: 120%;
}


body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox .reasonFiveNo {
	width: 168px;
}

body.page.lp_inschool_index #main .entry .reason .reasonFive .reasonFiveBox .reasonFiveSummary {
	width: 680px;
}


/*	picup
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .picup .picupCtn {
	margin-bottom: 50px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn h3,
body.page.lp_inschool_index #main .entry .picup .picupCtn h4 {
	margin: 0px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr {
	clear: both;
	margin-top: 0;
	overflow: hidden;
	padding: 0px 40px;
	margin-bottom: 40px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w246 {
	width: 246px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w256 {
	width: 256px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w246 p.desc {
	margin-left: 30px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w256 p.desc {
	margin-left: 40px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w246.l,
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w256.l {
	margin-right: 60px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w246.l.end,
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnCurr .box_w256.l.end {
	margin-right: 0px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea {
	clear: both;
	overflow: hidden;
	padding: 0px 40px 0px 70px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea .box .box_inner {
	overflow: hidden;
	padding: 30px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea .box .box_inner .l {
	margin-right: 0px;
	width: 180px;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea .box .box_inner .r {
	margin-left: 0px;
	width: 570px;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea p.name {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 150%;
	color: #707070;
}

body.page.lp_inschool_index #main .entry .picup .picupCtn .picupCtnTea h4 {
	font-size: 1.9em;
	line-height: 120%;
	margin-bottom: 0.8em;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn.pa .picupCtnTea h4 {
	color: #cc99cc;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn.make .picupCtnTea h4 {
	color: #cf4e90;
}
body.page.lp_inschool_index #main .entry .picup .picupCtn.manga .picupCtnTea h4 {
	color: #709f16;
}


/*	faq
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .faq {
}

body.page.lp_inschool_index #main .entry .faq .faqListGroup {
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
}

body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox {
	width: 470px;
	background: url("/common/images/ctn_voice_note_bg.gif") repeat left top;
	border: 2px solid #BAE4EE;
}
body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox.l,
body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox.r {
	margin-left: 0px;
	margin-right: 0px;
}

body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .head {
	background: url("/lp/inschool/images/ctn_voice_topic_bg.png") no-repeat -3px top;
	height: 125px;
	overflow: hidden;
	position: relative;
}


body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .head h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin: 21px 60px 0 59px;
	background: url("/lp/inschool/images/ctn_faq_topic_q_icon.png") no-repeat left 3px;
}
body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .head h3 span {
	display: block;
	padding: 0px 0px 0px 62px;
}
body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .head h3 span.line1 {
	padding-top: 0.6em;
	padding-bottom: 0.8em;
}
body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .head h3 span.line2 {
	padding-top: 0px;
	padding-bottom: 0.8em;
}

body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .faqListBox_inner {
	clear: both;
	overflow: hidden;
	padding: 0px 20px 30px 20px;
}


body.page.lp_inschool_index #main .entry .faq .faqListGroup .faqListBox .faqListBox_inner ul li {
	background: url("/lp/inschool/images/ctn_faq_list_icon.gif") no-repeat left 0.5em;
	padding-left: 17px;
	margin-bottom: 0.5em;
}


/*	faq flow
----------------------------------------------- */

body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox {
	width: 470px;
	background: url("/lp/inschool/images/ctn_voice_note_bg_gray.gif") repeat left top;
	border: 2px solid #dcdcdc;
}

body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3 {
	background-position: left 6px;
}
body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3.no1 {
	background-image: url("/lp/inschool/images/ctn_faq_topic_no1_icon.png");
}
body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3.no2 {
	background-image: url("/lp/inschool/images/ctn_faq_topic_no2_icon.png");
}
body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3.no3 {
	background-image: url("/lp/inschool/images/ctn_faq_topic_no3_icon.png");
}
body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3.no4 {
	background-image: url("/lp/inschool/images/ctn_faq_topic_no4_icon.png");
}

body.page.lp_inschool_index #main .entry .faq.flow .faqListGroup .faqListBox .head h3 span {
	padding-left: 42px;
}


/*	voice
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .voice div.hd_black .hd_black_inner h2 {
	padding: 0.1em 20px;
}
body.page.lp_inschool_index #main .entry .voice .mainvisualSenior {
	margin-bottom: 25px;
}

body.page.lp_inschool_index #main .entry .voice .mainvisualSeniorGroup {
	padding: 0px 12px;
	overflow: hidden;
	clear: both;
	margin-bottom: 45px;
}

body.page.lp_inschool_index #main .entry .voice .mainvisualSeniorGroup .mainvisualSeniorBox {
	overflow: hidden;
	width: 444px;
	background: url("/lp/inschool/images/ctn_voice_box_hr_bg.gif") repeat-x left bottom;
	padding-bottom: 45px;
}

body.page.lp_inschool_index #main .entry .voice .mainvisualSeniorGroup .mainvisualSeniorBox h3 {
	font-size: 1.8em;
	line-height: 150%;
}

body.page.lp_inschool_index #main .entry .voice .mainvisualSeniorGroup .mainvisualSeniorBox img {
}


/*	material
----------------------------------------------- */
body.page.lp_inschool_index #main .entry .material h2 {
	margin: 0px;
}

body.page.lp_inschool_index #main .entry .material p {
	margin-top: -16px;
}



body.page.lp_inschool_index #main .entry p.ctnPageTop {
	margin: 0.8em 0px;
	clear: both;
	/*padding: 0.8em;
	background: #f2f2f2;
	border: 1px solid #ccc;*/
}

body.page.lp_inschool_index #main .entry p.ctnButtonShiryou {
	margin: 0.8em 0px;
	clear: both;
}










/************************************************************

lp/inschool page css sp

************************************************************/




/************************************************************
header
************************************************************/
body.page.lp_inschool_index.sp nav #pagenavi {
    /*border-top: 1px solid #C6D1D9;
    border-left: 1px solid #C6D1D9;
    overflow: hidden;*/

    border-bottom: 1px solid #DFDFDF;
}
body.page.lp_inschool_index.sp nav #pagenavi li {
    /*border-bottom: 1px solid #C6D1D9;
    border-right: 1px solid #C6D1D9;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 50px;
    margin: 0;
    text-align: left;
    width: 158px;
    display: table-cell;
    vertical-align: middle;*/
    
    border-top: 1px solid #DFDFDF;
}
body.page.lp_inschool_index.sp nav #pagenavi li a {
    /*color: #000000;
    display: table-cell;
    vertical-align: middle;*/

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/sp/images/cnt_icon_001.png");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 17px auto;
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: auto;
    padding: 5px 10px;
    text-align: left;
}


body.page.lp_inschool_index.sp nav #pagenavi li > a:after {
    clear: both;
    content: "";
    display: block;
}

body.page.lp_inschool_index.sp nav #pagenavi li a span {
    display: block;
    padding: 0px;
    display: table-cell;
    vertical-align: middle;
}


/************************************************************
contents
************************************************************/

body.page.lp_inschool_index.sp #contents:after {
    clear: both;
    content: "";
    display: block;
}
body.page.lp_inschool_index.sp #contents {
    background: url("/sp/common/images/contents/cnt_bottom_bg_001.png") repeat-x scroll 0 0 transparent;
    margin: 0 auto;
    padding: 15px 6px 6px;
}
body.page.lp_inschool_index.sp #contents_inner {
    padding: 0px 0px 0;
}

body.page.lp_inschool_index.sp #contents #main .corner {
    padding: 3px;
}



/************************************************************
main
************************************************************/




/************************************************************
page defult
************************************************************/

/*	entry
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry .mainvisual .mainvisualSeniorGroup .mainvisualSeniorBox,
body.page.lp_inschool_index.sp #main .entry .reason .reasonFive .reasonFiveBox .reasonFiveSummary,
body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnTea .box .box_inner .r,
body.page.lp_inschool_index.sp #main .entry .faq .faqListGroup .faqListBox,
body.page.lp_inschool_index.sp #main .entry .voice .mainvisualSeniorGroup .mainvisualSeniorBox {
    overflow: hidden;
    width: auto;
    display: block;
}


/*	hd_rainbow
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry div.hd_rainbow {
    background: url("/common/images/ctn_h1_bg_line.gif") repeat scroll left 15px transparent;
    margin-bottom: 30px;
}
body.page.lp_inschool_index.sp #main .entry div.hd_rainbow .hd_rainbow_inner {
    background: url("/common/images/ctn_h1_bg_light.gif") no-repeat scroll right center #FFFFFF;
}


/*	hd_black
----------------------------------------------- */
body.page.lp_inschool_index.sp .hd_pic img {
	display: none !important;
}


/*	hr
----------------------------------------------- */



/************************************************************
main,entry
************************************************************/

/*	mainvisual
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry .mainvisual .mainvisualSummary.end .mangaShiryou .arrow {
	position: absolute;
	bottom: -45px;
	left: 0px;
}

/*	reason
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry .reason .reasonFive .reasonFive_innner {
    padding: 25px 15px;
}


/*	picup
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr .box_w246 {
	width: 246px;
    overflow: hidden;
    width: auto;
    display: block;
}
body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr .box_w256 {
	width: 256px;
    overflow: hidden;
    width: auto;
    display: block;
}
body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr .box_w246.l,
body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr .box_w256.l {
    margin-right: 0px;
}

body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr {
    padding: 0 0px;
}

body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr p.pic {
	text-align: center;
}

body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnCurr p.desc {
    margin-left: 0px;
}


body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnTea {
    clear: both;
    overflow: hidden;
    padding: 0 0px 0 0px;
}

body.page.lp_inschool_index.sp #main .entry .picup .picupCtn .picupCtnTea .box .box_inner {
    padding: 15px;
}


/*	faq
----------------------------------------------- */
body.page.lp_inschool_index.sp #main .entry .faq .faqListGroup .faqListBox .head {
    background: url("/lp/inschool/images/ctn_voice_topic_bg.png") no-repeat -13px top transparent;
    height: 125px;
    overflow: hidden;
    position: relative;
}


body.page.lp_inschool_index.sp #main .entry .faq .faqListGroup .faqListBox .head h3 {
    background: url("/lp/inschool/images/ctn_faq_topic_q_icon.png") no-repeat scroll left 3px transparent;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    margin: 15px 15px 0 40px;
}



/*	faq flow
----------------------------------------------- */



/*	voice
----------------------------------------------- */



/*	material
----------------------------------------------- */