@charset "utf-8";
/*
 * CSS outline/pageParts.css
 */

/* 
 * index
 */

/* 
 * spirit
 */
/* s1 */
.spirit #sec_1 {  }
.spirit #sec_1 ul { margin-left: -60px; }
@media screen and (max-width: 750px) {
	.spirit #sec_1 ul { margin-left: 0px; }
	.spirit #sec_1 .img { width: 80%; }
}

/* 
 * director
 */
/* s1 */
.director #sec_1 .cnt_left { width: 430px; }
.director #sec_1 .cnt_left p { text-indent: 1em; }
.director #sec_1 .cnt_right { width: 200px; }
.director #sec_1 .cnt_right .txt { padding: 15px 0 10px; line-height: 1.5; font-size: 0.93em; }
.director #sec_1 .cnt_right .name { padding: 0px 0 0px; }
@media screen and (max-width: 750px) {
	.director #sec_1 .cnt_right { margin-bottom: 20px; }
	.director #sec_1 .cnt_right .img { text-align: center; }
}
/* s2 */
.director #sec_2 dd { margin-bottom: 30px; }
.director #sec_2 dd li { padding-left: 1em; text-indent: -1em; }
@media screen and (max-width: 750px) {
	.director #sec_2 dd { margin-bottom: 20px; }
}

/* 
 * feature
 */
.feature #cnt_main .subtitle { font-weight: bold; color: #901d22; font-size: 1.15em; line-height: 1.5; padding-bottom: 5px; }
@media screen and (max-width: 750px) {
 	.feature #cnt_main .section { margin-bottom: 0; margin-top: -40px; padding-top: 70px; } 
 	.feature #cnt_main { margin-bottom: 0; margin-top: -70px; margin-bottom: 30px;} 
}
/* s1 */
.feature #sec_1 .cnt_left p { text-indent: 1em; }
.feature #sec_1 .cnt_right { width: 200px; }
.feature #sec_1 .cnt_right .txt { padding: 15px 0 10px; line-height: 1.5; font-size: 0.93em; }
.feature #sec_1 .cnt_right .name { padding: 0px 0 0px; }
@media screen and (max-width: 750px) {
	.feature #sec_1 .cnt_right { margin-bottom: 10px; }
	.feature #sec_1 .cnt_right .img { text-align: center; }
}
/* s2 */
.feature #sec_2 dd { margin-bottom: 30px; }
@media screen and (max-width: 750px) {
	.feature #sec_2 dd { margin-bottom: 20px; }
}

/* 
 * history
 */
/* s2 */
.history #sec_2 dt { width: 120px; float: left; }
.history #sec_2 dd { padding-left: 120px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #aaa; }
.history #sec_2 ul { margin-left: -15px; padding-top: 20px;}
.history #sec_2 ul li { margin-left: 15px; float: left; width: 210px; }
@media screen and (max-width: 750px) {
	.history #sec_2 dt { width: 90px; }
	.history #sec_2 dd { padding-left: 90px; }
	.history #sec_2 ul { margin-left: 0px; padding-top: 20px;}
	.history #sec_2 ul li { margin-left: 0; float: none; width: 100%; padding-bottom: 10px; }
}

/* 
 * curriculum
 */
/* s1 */
.curriculum #sec_1 .txt { font-size: 0.93em;}
.curriculum #sec_1 .img { text-align: center; margin-bottom: 20px; }
/* s2 */
.curriculum #sec_2 .title { font-weight: bold; font-size: 1.15em; color: #fff; padding: 5px 0 5px 15px; margin-bottom: 10px; margin-top: 20px; }
.curriculum #sec_2 .green { background: #b5d88b; }
.curriculum #sec_2 .orange { background: #f5ad61; }
.curriculum #sec_2 .blue { background: #4484c9; }
@media screen and (max-width: 750px) {
}

/* 
 * job
 */
/* s2 */
.job #sec_2 .inbox { background: #f9f4f4; padding: 15px 0;}
.job #sec_2 dl { width: 240px; padding-left: 210px; }
.job #sec_2 dl img { height: 23px; }
.job #sec_2 dt { float: left; width: 35px; border-right: 1px dotted #aaa; }
.job #sec_2 dd { padding-left: 50px; }
@media screen and (max-width: 750px) {
	.job #sec_2 .inbox { text-align: center; }
	.job #sec_2 dl { width: 280px; padding-left: 0px; display: inline-block; }
	.job #sec_2 dl img { height: 28px; }
	.job #sec_2 dt { float: left; width: 42px; border-right: 1px dotted #aaa; }
	.job #sec_2 dd { padding-left: 50px; }
}

/* 
 * academic
 */
/* s1 */
.academic #sec_1 ul { text-align: center; width: 100%; border-bottom: 1px solid #00387d; padding-top: 20px; }
.academic #sec_1 li { float: left; width: 60px; border: 1px solid #ccc; margin-right: 3px; }
.academic #sec_1 li a { text-align: center; width: 100%; display: block; background: #f3f3f3; font-size: 0.86em; text-decoration: none; padding: 3px 0; }
.academic #sec_1 li a:hover { background: #00387d; color: #fff; }
.academic #sec_1 li.current { border: 1px solid #00387d:  }
.academic #sec_1 li.current a { background: #00387d; color: #fff; }
.academic .article li { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dotted #aaa; }
@media screen and (max-width: 750px) {
	.academic #sec_1 ul { text-align: center; width: 100%; border-bottom: none; padding-top: 20px; }
	.academic #sec_1 li { margin-bottom: 5px; }
	.academic .article li { padding-bottom: 30px; margin-bottom: 30px; margin-bottom: 10px; }
}

/* 
 * bonesetting
 */
/* s1 */
.bonesetting #sec_1 .txtredbig, .bonesetting #sec_1 .txtboldbig { font-size: 1.43em; }
@media screen and (max-width: 750px) {
}
/* s2 */
.bonesetting #sec_2 .bgred { margin-bottom: 10px; }
.bonesetting #sec_2 .bgred ul { width: 620px; background: url(../img/bonesetting/s2_img1.png) no-repeat right center; padding: 20px 0; }
.bonesetting #sec_2 .bgred li { width: 200px; float: left; font-weight: bold; font-size: 1.15em; }
.bonesetting #sec_2 .bgred li.w2 { width: 300px; }
.bonesetting #sec_2 .txt { padding-bottom: 20px; }
.bonesetting #sec_2 ul.pageulstyle { margin-left: -15px; padding-top: 20px; margin-bottom: 23px; }
.bonesetting #sec_2 ul.pageulstyle li { margin-left: 15px; float: left; width: 210px; }
.bonesetting #sec_2 .subtitle { padding-bottom: 10px; font-weight: bold; }
@media screen and (max-width: 750px) {
	.bonesetting #sec_2 .bgred ul { width: 100%; background: none; padding: 20px 0; background: url(../img/bonesetting/s2_img1_s.png) no-repeat right 20px; }
	.bonesetting #sec_2 .bgred li { width: 100%; float: none; }
	.bonesetting #sec_2 .bgred li.w2 { width: 100%; }
	.bonesetting #sec_2 ul.pageulstyle { margin-left: 0px; padding-top: 20px; margin-bottom: 10px;}
	.bonesetting #sec_2 ul.pageulstyle li { margin-left: 0; float: none; width: 100%; padding-bottom: 10px; }
	.bonesetting #sec_2 .subtitle { padding-bottom: 5px; }
}
/* s3 */

/* 
 * license
 */
/* s1 */
.license #sec_1 .bgred { margin-top: 30px; }
.license #sec_1 .bgred li { color: #901d22; font-weight: bold; font-size: 1.15em; text-indent: -1em; padding-left: 1em; }
.license #sec_1 .cnt_left { width: 440px; }
.license #sec_1 .cnt_right { width: 200px; }
@media screen and (max-width: 750px) {
	.license #sec_1 .bgred { margin-top: 20px; }
	.license #sec_1 .cnt_left { margin-bottom: 20px; }
}
/* s2 */
.license #sec_2 .titlestyle1 { color: #00387d; }
.license #sec_2 .bggrey { margin-top: 20px; margin-bottom: 20px; }
.license #sec_2 .bggrey li { width: 180px; float: left; }
.license #sec_2 dd { margin-bottom: 30px; }
.license #sec_2 .pageulstyle li { width: 170px; float: left; }
@media screen and (max-width: 750px) {
	.license #sec_2 dd { margin-bottom: 20px; }
	.license #sec_2 .pageulstyle li { width: 70%; float: none; padding-bottom: 20px; }
}
/* s3 */
.license #sec_3 ul.pageulstyle { margin-left: -15px; padding-top: 20px; margin-bottom: 23px; }
.license #sec_3 ul.pageulstyle li { margin-left: 15px; float: left; width: 210px; }
@media screen and (max-width: 750px) {
	.license #sec_3 ul.pageulstyle { margin-left: 0px; padding-top: 20px; margin-bottom: 10px;}
	.license #sec_3 ul.pageulstyle li { margin-left: 0; float: none; width: 100%; padding-bottom: 10px; }
}

/* 
 * ob
 */
/* s1 */
.ob .dltype1 { padding-top: 10px; }
.ob .dltype1 dt{ float: left;}
.ob .dltype1 dd{ padding-left: 120px; margin-bottom: 10px; }
@media screen and (max-width: 750px) {
	.ob .dltype1 { padding-top: 3%; }
	.ob .dltype1 dt{ float: none;}
	.ob .dltype1 dd{ padding-left: 0px; padding-bottom: 3%; }
}