@charset "UTF-8";

/* ===== lp ongaku Style ===== */

#lpCnt{}



/* ===== lpEntry Style ===== */

.lpBannerOC{margin-bottom:100px;padding:0px 20px;}
.lpBannerOC .container{}
.lpBannerOC .container .banner{margin:5px;text-align:center;}
.lpBannerOC .container .banner a{display:block;}
.lpBannerOC .container .banner img{border:1px solid #999;}
.lpBannerOC01{}
.lpBannerOC02{}
.lpBannerOC01 .banner{}
.lpBannerOC02 .banner{}


/* ===== lpEntry Style ===== */

.lpEntry{margin-bottom:100px;padding:0px 20px;}
.lpEntryCopy{width:100%;height:40px;text-indent:-9999px;overflow:hidden;}

.lpEntryBtn{margin-top:20px;}
.lpEntryBtn ul li{width:410px;}
.lpEntryBtn ul li a{display:block;width:100%;height:210px;text-indent:-9999px;overflow:hidden;}
.lpEntryBtnPamphlet{float:left;}
.lpEntryBtnOC{float:right;}
.lpEntryBtnPamphlet a{background:url(/material/lp/images/ongaku/btn_entry_pamphlet.png) no-repeat center top;}
.lpEntryBtnOC a{background:url(/material/lp/images/ongaku/btn_entry_oc.png) no-repeat center top;}
.lpEntryBtnPamphlet a:hover{background:url(/material/lp/images/ongaku/btn_entry_pamphlet_hover.png) no-repeat center top;}
.lpEntryBtnOC a:hover{background:url(/material/lp/images/ongaku/btn_entry_oc_hover.png) no-repeat center top;}

#lpEntry01 .lpEntryCopy{background:url(/material/lp/images/ongaku/copy_entry01.png) no-repeat center top;}
#lpEntry02 .lpEntryCopy{background:url(/material/lp/images/ongaku/copy_entry02.png) no-repeat center top;}
#lpEntry03 .lpEntryCopy{background:url(/material/lp/images/ongaku/copy_entry03.png) no-repeat center top;}
#lpEntry04 .lpEntryCopy{background:url(/material/lp/images/ongaku/copy_entry04.png) no-repeat center top;}
#lpEntry05 .lpEntryCopy{background:url(/material/lp/images/ongaku/copy_entry05.png) no-repeat center top;}


/* clearfix */
.lpEntry:after,
.lpEntryBtn:after,
.lpEntryBtn ul:after{content:"";display:block;clear:both;height:0;overflow:hidden;}



/* ===== lpImage Style ===== */

.lpImage{height:200px;margin-bottom:100px;text-indent:-9999px;}
#lpImage01{background:url(/material/lp/images/ongaku/pic_image01.jpg) repeat-x center top;}
#lpImage02{background:url(/material/lp/images/ongaku/pic_image02.jpg) repeat-x center top;}
#lpImage03{background:url(/material/lp/images/ongaku/pic_image03.jpg) repeat-x center top;}
#lpImage04{background:url(/material/lp/images/ongaku/pic_image04.jpg) repeat-x center top;}



/* ===== lpTitle Style ===== */

#lpTitle{background-color:#000000;border-bottom:5px solid #2B974C;}
#lpTitleFrame{width:1000px;margin:0px auto;}
#lpTitleContainer{padding:0px 20px;text-align:left;}
#lpTitle .container{width:100%;height:460px;padding-top:90px;background:url(/material/lp/images/ongaku/pic_title.jpg) no-repeat center bottom;}
#lpTitle .copy{width:100%;height:350px;margin-bottom:15px;background:url(/material/lp/images/ongaku/copy_title.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}
#lpTitle .headline{width:100%;height:25px;background:url(/material/lp/images/ongaku/headline_title.png) no-repeat 40px top;text-indent:-9999px;overflow:hidden;}




/* ===== lpRead Style ===== */

#lpRead{margin-bottom:60px;padding-top:75px;background:url(/material/lp/images/ongaku/icon_arrow.png) no-repeat center top;}
#lpRead .container{padding:0px 20px;}
#lpRead>.copy{width:100%;height:100px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_read.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}
#lpRead p{width:100%;height:670px;margin-bottom:15px;background:url(/material/lp/images/ongaku/text_read.png) no-repeat left top;text-indent:-9999px;overflow:hidden;}




/* ===== lpDebut Style ===== */

#lpDebut{margin-bottom:60px;}
#lpDebut>.copy{width:100%;height:50px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_debut.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}
#lpDebut>.container{}
.lpDebutPart{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #cccccc;}
.lpDebutItem{}
.lpDebutItem .pic{text-indent:-9999px;overflow:hidden;}
.lpDebutItem .container{}
.lpDebutItem .label{margin-bottom:5px;font-size:160%;font-weight:bold;}
.lpDebutItem .name{margin-bottom:15px;padding:5px 10px;background-color:#000000;color:#ffffff;}
.lpDebutItem .name ul{}
.lpDebutItem .name ul li{font-size:120%;font-weight:bold;}
.lpDebutItem p{}

.lpDebutItemStyle01 .pic{float:left;width:300px;}
.lpDebutItemStyle01 .container{float:right;width:610px;}

.lpDebutItemStyle02L{float:left;width:300px;margin-right:30px;}
.lpDebutItemStyle02C{float:left;width:300px;}
.lpDebutItemStyle02R{float:right;width:300px;}
.lpDebutItemStyle02L .pic,
.lpDebutItemStyle02C .pic,
.lpDebutItemStyle02R .pic{margin-bottom:30px;}

#lpDebutBz .pic{height:300px;background:url(/material/lp/images/ongaku/pic_debut_bz.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutSH .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_sh.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutGD .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_gd.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutAB .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_ab.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutFR .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_fr.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutMH .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_mh.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpDebutSL .pic{height:130px;background:url(/material/lp/images/ongaku/pic_debut_sl.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}


/* clearfix */
.lpDebutPart:after,
.lpDebutItem:after,
.lpDebutItem .container:after{content:"";display:block;clear:both;height:0;overflow:hidden;}




/* ===== lpJob Style ===== */

#lpJob{margin-bottom:60px;}
#lpJob>.copy{width:100%;height:50px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_job.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}
#lpJob>.container{}

#lpJobList{}
.lpJobListL{float:left;width:300px;margin-right:30px;}
.lpJobListC{float:left;width:300px;}
.lpJobListR{float:right;width:300px;}
.lpJobListItem{margin-bottom:15px;}
.lpJobListItem .label{margin-bottom:5px;font-size:120%;font-weight:bold;}
.lpJobListItem li{padding:5px 0px 5px 20px;background:url(/material/lp/images/common/icon/dot.png) no-repeat left center;}
.lpJobListItem .text{margin-top:15px;text-align:right;}

/* clearfix */
#lpJobList:after{content:"";display:block;clear:both;height:0;overflow:hidden;}



/* ===== lpPrinciple Style ===== */

#lpPrinciple{margin-bottom:60px;}
#lpPrinciple>.copy{width:100%;height:50px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_principle.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}
#lpPrinciple>.container{}

#lpPrincipleHeader{margin-bottom:45px;}
#lpPrincipleHeader .copy{width:100%;height:80px;background:url(/material/lp/images/ongaku/copy_principle_header.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}

.lpPrincipleItem{}
.lpPrincipleItem .pic{text-indent:-9999px;overflow:hidden;}
.lpPrincipleItem .container{}
.lpPrincipleItem .headline{font-size:140%;font-weight:bold;}
.lpPrincipleItem .label{margin-top:5px;color:#2B974C;font-size:120%;font-weight:bold;}
.lpPrincipleItem p{margin-top:15px;}

#lpPrinciple01{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #999999;}
#lpPrinciple02{float:left;width:300px;margin-right:30px;}
#lpPrinciple03{float:left;width:300px;}
#lpPrinciple04{float:right;width:300px;}

#lpPrinciple01 .pic{float:right;width:300px;height:130px;background:url(/material/lp/images/ongaku/pic_principle01.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpPrinciple02 .pic{margin-bottom:15px;width:300px;height:130px;background:url(/material/lp/images/ongaku/pic_principle02.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpPrinciple03 .pic{margin-bottom:15px;width:300px;height:130px;background:url(/material/lp/images/ongaku/pic_principle03.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpPrinciple04 .pic{margin-bottom:15px;width:300px;height:130px;background:url(/material/lp/images/ongaku/pic_principle04.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}

#lpPrinciple01 .container{float:left;width:630px;}
#lpPrinciple02 .container{}
#lpPrinciple03 .container{}
#lpPrinciple04 .container{}

#lpPrinciple01 .headline{font-size:180%;}


/* clearfix */
#lpPrinciple>.container:after,
.lpPrincipleItem:after{content:"";display:block;clear:both;height:0;overflow:hidden;}



/* ===== lpCourse Style ===== */

#lpCourse{margin-bottom:60px;}
#lpCourse>.copy{width:100%;height:50px;margin-bottom:45px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_course.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}


.lpCourseItem{margin-bottom:45px;}
.lpCourseItem>.pic{float:right;width:230px;height:230px;margin-bottom:15px;text-indent:-9999px;overflow:hidden;}
.lpCourseItem>.container{float:left;width:700px;margin-bottom:15px;}

#lpCourse08{margin-bottom:0px;}

.lpCourseItemHeader{}
.lpCourseItemHeader .label{padding-bottom:5px;margin-bottom:15px;font-size:180%;font-weight:bold;}
.lpCourseItemHeader .headline{font-size:120%;font-weight:bold;}

.lpCourseItemMain{margin-top:5px;}
.lpCourseItemMain .headline{font-size:160%;}
.lpCourseItemMain .headlineSub{margin-top:15px;font-size:120%;font-weight:bold;}
.lpCourseItemMain p{margin-top:15px;}
.lpCourseItemMain .box{padding:15px;border:1px solid #999999;}

.lpCourseItemInfo{padding:10px 20px;background-color:#f3f3f3;}
.lpCourseItemInfo .name{}
.lpCourseItemInfo .name span{font-size:120%;font-weight:bold;}
.lpCourseItemInfo .post{margin-top:5px;}
.lpCourseItemInfo .subject{margin-top:5px;}
.lpCourseItemInfo p{margin-top:15px;}

#lpCourse01>.pic{background:url(/material/lp/images/ongaku/pic_course_vocal.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse02>.pic{background:url(/material/lp/images/ongaku/pic_course_guitar.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse03>.pic{background:url(/material/lp/images/ongaku/pic_course_bass.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse04>.pic{background:url(/material/lp/images/ongaku/pic_course_drum.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse05>.pic{background:url(/material/lp/images/ongaku/pic_course_keyboard.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse06>.pic{background:url(/material/lp/images/ongaku/pic_course_mixing.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse07>.pic{background:url(/material/lp/images/ongaku/pic_course_composer.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}
#lpCourse08>.pic{background:url(/material/lp/images/ongaku/pic_course_mb.jpg) no-repeat center center;-moz-background-size:contain;background-size:contain;}


#lpCourse01 .lpCourseItemHeader .label{border-bottom:1px solid #e97000;}
#lpCourse01 .lpCourseItemMain .headline{color:#e97000;}
#lpCourse01 .lpCourseItemInfo .name{color:#e97000;}
#lpCourse02 .lpCourseItemHeader .label{border-bottom:1px solid #01b4df;}
#lpCourse02 .lpCourseItemMain .headline{color:#01b4df;}
#lpCourse02 .lpCourseItemInfo .name{color:#01b4df;}
#lpCourse03 .lpCourseItemHeader .label{border-bottom:1px solid #abcd05;}
#lpCourse03 .lpCourseItemMain .headline{color:#abcd05;}
#lpCourse03 .lpCourseItemInfo .name{color:#abcd05;}
#lpCourse04 .lpCourseItemHeader .label{border-bottom:1px solid #c70081;}
#lpCourse04 .lpCourseItemMain .headline{color:#c70081;}
#lpCourse04 .lpCourseItemInfo .name{color:#c70081;}
#lpCourse05 .lpCourseItemHeader .label{border-bottom:1px solid #f0cb00;}
#lpCourse05 .lpCourseItemMain .headline{color:#f0cb00;}
#lpCourse05 .lpCourseItemInfo .name{color:#f0cb00;}
#lpCourse06 .lpCourseItemHeader .label{border-bottom:1px solid #e8428e;}
#lpCourse06 .lpCourseItemMain .headline{color:#e8428e;}
#lpCourse06 .lpCourseItemInfo .name{color:#e8428e;}
#lpCourse07 .lpCourseItemHeader .label{border-bottom:1px solid #00a0e8;}
#lpCourse07 .lpCourseItemMain .headline{color:#00a0e8;}
#lpCourse07 .lpCourseItemInfo .name{color:#00a0e8;}
#lpCourse08 .lpCourseItemHeader .label{border-bottom:1px solid #0bc64d;}
#lpCourse08 .lpCourseItemMain .headline{color:#0bc64d;}
#lpCourse08 .lpCourseItemInfo .name{color:#0bc64d;}


/* clearfix */
.lpCourseItem:after{content:"";display:block;clear:both;height:0;overflow:hidden;}




/* ===== lpNumber Style ===== */

#lpNumber{margin-bottom:60px;}
#lpNumber>.copy{width:100%;height:50px;margin-bottom:45px;padding-bottom:15px;border-bottom:2px solid #2B974C;background:url(/material/lp/images/ongaku/copy_number.png) no-repeat center top;text-indent:-9999px;overflow:hidden;}

#lpNumberHeader{margin-bottom:45px;}
#lpNumberHeader .headline{margin-bottom:15px;font-size:180%;font-weight:bold;}

.lpNumberItem{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #cccccc;}
.lpNumberItem>.pic{width:300px;text-indent:-9999px;overflow:hidden;}
.lpNumberItem>.container{width:610px;}
.lpNumberItem .label{margin-bottom:15px;padding:5px 10px;background-color:#2B974C;color:#ffffff;font-size:120%;font-weight:bold;}
.lpNumberItem .headline{width:100%;margin-bottom:15px;text-indent:-9999px;overflow:hidden;}

#lpNumber01>.pic{float:right;height:240px;background:url(/material/lp/images/ongaku/pic_number01.jpg) no-repeat center center;}
#lpNumber02>.pic{float:left;height:300px;background:url(/material/lp/images/ongaku/pic_number02.jpg) no-repeat center center;}
#lpNumber03>.pic{float:right;height:180px;background:url(/material/lp/images/ongaku/pic_number03.jpg) no-repeat center center;}
#lpNumber04>.pic{float:left;height:200px;background:url(/material/lp/images/ongaku/pic_number04.jpg) no-repeat center center;}

#lpNumber01>.container{float:left;}
#lpNumber02>.container{float:right;}
#lpNumber03>.container{float:left;}
#lpNumber04>.container{float:right;}

#lpNumber01 .headline{height:80px;background:url(/material/lp/images/ongaku/headline_number01.png) no-repeat left top;}
#lpNumber02 .headline{height:160px;background:url(/material/lp/images/ongaku/headline_number02.png) no-repeat left top;}
#lpNumber03 .headline{height:80px;background:url(/material/lp/images/ongaku/headline_number03.png) no-repeat left top;}
#lpNumber04 .headline{height:80px;background:url(/material/lp/images/ongaku/headline_number04.png) no-repeat left top;}