/* Description: Default css for Hokkaido Japanse Language Academy Copyright: 2013 Version: 0.1.1 Author: Clisk Co.,Ltd.(Thailand) Author URI: Hokkaido Japanse Language Academy ---------------------------------------------------- */ /* * reset........................Set our reset defaults * general......................All css design---- 1.0 * header styles................header css design---- 2.0 * L--nav styles.................nav design----2.0.1 * main styles..................main design----3.0 * L--block styles.............block design----3.0.1 * L--main product styles........main design----3.0.2 * L--aside styles...............aside design----3.0.3 * footer styles................footer css design----4.0 * font-face styles.............font-face css design----5.0 */ /************************************************************************************ General---- 1.0 *************************************************************************************/ body { font-family: Meiryo;direction: ltr;font-size: 16px;line-height: 1.3em;color: #000;font-weight: normal;background-color: #fff;margin:0px;min-width: 1112px;} a {color: #000;} a:hover {text-decoration: none;color: #1b3252;} p, ul, ol {font-size: 0.9375em;} h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin:0.7em 20px 0.9em 20px;} h1, h2, h3, h4, h5, h6 {font-family: Meiryo;font-weight:normal;color:#1b3252;line-height:1.2em;} h1 {font-size:1.875em;color:#1b3252;} h2 {font-size:1.5em;color:#009ad1;} h2 span {color:#1b3252;} h3 {font-size:1.375em;} h3 span{color:#1b3252;} h4 {font-size:0.9375em;} h4 span {color:#1b3252;} h5 {font-size:0.9375em;} .accessibility {left: -9999em; position: absolute;} .clear{clear:both;} /************************************************************************************ Header styles---- 2.0 *************************************************************************************/ #header {background: url(../img/bg-header.gif) scroll 0 0 transparent;margin-top: 0px;width:100%;height:162px;} #header div.inner {background: url(../img/header.jpg) scroll 0 0 transparent;position:relative;width:996px;height:162px;margin : 0 auto ;text-align : left; } #header div.inner h3{float:right;color:#666;font-size: 16px;margin: 2px 0 0 300px; text-align: right;} .sub-head{width: 100%;height:34px;margin:0px;padding:2px;} .title{float:left;width:60%;} .title h1{font-size:12px;color:#fff;} .language{float:right;width:40%;} .nav-logo{width:550px;} .right{float: right;} .left:{float: left;} .tel{width:250px;font-family: Meiryo; margin-top:30px;} .tel h2{font-size:24px;color:#cd3c5e;text-align:right; margin:0; padding:0 15px 0 0;} .tel p{font-size:16px;color:#999;font-weight: normal; text-align:right; margin:0; padding:0 15px 0 0;} .download{width:193px;height:90px; margin-top:10px; text-align:right;} .button-download-top a{background: url(../img/btn_download.png) no-repeat scroll 0 0 transparent; display: block; width: 193px; height:50px; text-indent: -9999px;margin-top: 2px;float: left;} .button-download-top a:hover{background-position: 0 -50px;} .button-mail-top a{background: url(../img/btn_inquiry.png) no-repeat scroll 0 0 transparent; display: block; width: 193px; height:35px; text-indent: -9999px;margin-top: 2px;float: left;} .button-mail-top a:hover{background-position: 0 -35px;} .button-download-middle a{background: url(../img/button-t-course-m.png) no-repeat scroll 0 0 transparent; display: block; width: 314px; height:60px; text-indent: -9999px;margin: 5px 0;padding-right:5px;float: left;} .button-download-middle a:hover{background-position: 0 -60px;} .button-mail-middle a{background: url(../img/button-m-course-b.png) no-repeat scroll 0 0 transparent; display: block; width: 314px; height:60px; text-indent: -9999px;margin: 5px 0;padding-right:5px;float: left;} .button-mail-middle a:hover{background-position: 0 -60px;} .button-download-bottom a{background: url(../img/btn_download.png) no-repeat scroll 0 0 transparent; display: block; width: 193px; height:50px; text-indent: -9999px;margin:0; overflow:hidden;} .button-download-bottom a:hover{background-position: 0 -50px;} .button-mail-bottom a{background: url(../img/btn_inquiry.png) no-repeat scroll 0 0 transparent; display: block; width: 193px; height:35px; text-indent: -9999px;margin:3px 0;} .button-mail-bottom a:hover{background-position: 0 -35px;} .button-download{ font-size:12px;font-weight:600;width: auto;height: 40px;text-decoration: none;color:#fff; margin: 2px;position: relative;text-align: center;border-radius:4px;} .button-download h1{color:#fff;font-size: 60px;text-shadow:1px 1px 1px #000;} .button-download a{color:#fff;text-decoration: none;text-shadow:1px 1px 1px #000;font-weight: bold;} .button-download a:hover{color:#000;text-shadow:1px 1px 1px #ccc;} .button-download span{font-size: 12px;} .top{padding:7px 7px 7px 38px;background:url(../img/i-download.png)no-repeat scroll 20% 60% ,url(../img/button-download.gif)repeat scroll 0px 0px;} .bottom{padding:7px 7px 7px 60px;background:url(../img/i-download.png)no-repeat scroll 34% 60% ,url(../img/button-download.gif)repeat scroll 0px 0px;} .button-download-main{ font-weight:700;height: 40px;padding:7px 7px 7px 26px;text-decoration: none;color:#fff; margin: 2px;position: relative;text-align: center; background:url(../img/i-download.png)no-repeat scroll 48px 15px ,url(../img/button-download.gif)repeat scroll 0px 0px;border-radius:4px;} .button-download-main h1{color:#fff;font-size: 60px;text-shadow:1px 1px 1px #000;} .button-download-main a{padding-left:10px;color:#fff;text-decoration: none;text-shadow:1px 1px 1px #000;font-size:18px;font-weight: bold;} .button-download-main a:hover{color:#000;text-shadow:1px 1px 1px #ccc;} .button-mail{ font-size:12px;font-weight:600;width: auto;height: 18px;text-decoration: none;color:#fff; margin: 2px;position: relative;text-align: center;border-radius:4px;} .button-mail a{color:#f97f06;text-decoration: none;text-shadow:1px 1px 1px #000;font-weight: bold;} .button-mail a:hover{color:#ccc;text-shadow:1px 1px 1px #000;} .b-top{padding:12px 12px 12px 68px;background:url(../img/i-mail.png)no-repeat scroll 36px 4px ,url(../img/bg-course-h.png)repeat scroll 0px 0px transparent;} .b-bottom{padding:12px 12px 12px 88px;background:url(../img/i-mail.png)no-repeat scroll 94px 8px ,url(../img/bg-course-h.png)repeat scroll 0px 0px transparent;} .button-mail-main{ font-size:18px;font-weight:700;height: 16px;padding:19px 7px 19px 24px;text-decoration: none;color:#fff; margin: 2px;position: relative;text-align: center; background:url(../img/i-mail.png)no-repeat scroll 42px 12px ,url(../img/bg-course-h.png)repeat scroll 0px 0px transparent;border-radius:4px;} .button-mail-main a{padding-left:40px;color:#f97f06;text-decoration: none;text-shadow:1px 1px 1px #000;font-size:18px;font-weight: bold} .button-mail-main a:hover{color:#ccc;text-shadow:1px 1px 1px #000;} div.logo a {background: url(../img/ATYS-logo.png) no-repeat scroll 0 0 transparent; display: block; width: 550px; height:122px; text-indent: -9999px;margin0;float: left; } div.logo a:hover { background-position: 0 -122px; } /*utlities styles*/ ul#contacts {padding-top: 2px;margin:2px;} ul#contacts li {display:inline;float:right;zoom:1;margin-bottom:0px;overflow:hidden;margin-left:4px;} ul#contacts li a {width:44px;height:19px;text-indent:-9999em;display:block;text-align: left;} a.jp {background: url(../img/btn_jp.png) no-repeat scroll left top;} a.active-jp {background: url(../img/btn_jp_active.png) no-repeat scroll left top;} a.th {background: url(../img/btn_th.png) no-repeat scroll left top;} a.active-th {background: url(../img/btn_th_active.png) no-repeat scroll left top;} /************************************************************************************ main styles----3.0 *************************************************************************************/ .wrapper {margin-bottom: 0px;z-index: -11; background:url(../img/bg_sky.jpg) no-repeat top;} .wrapper div.inner {width:1000px;height:auto;margin : 0 auto ;text-align : left;overflow: hidden; position: relative;} div.block {float:left;overflow:hidden;position:relative;display:inline; } div#nav {width: 1010px;height:400px;list-style: none;margin:0;z-index:999;display:block;} ul.align {text-align: left; display: inline; margin: 0; padding: 15px 3px 17px 0; list-style: none; z-index:999; color:#fff;} ul.align li{margin:0;float:left;list-style-type:none;position: relative; cursor:pointer;} ul.align li ul { position: absolute; top: 50px; left: 0; opacity: 0; visibility: hidden; z-index:9999; display:none; color:#fff; } ul.align li ul li a { width:189px; margin-left:-20px; padding:10px 20px; background: #555; display: block; color: #fff; background:#009ad1; border-bottom:solid 1px #fff; } ul.align li ul.right li a { width:250px; margin-left:-167px; padding:10px 20px; background: #555; display: block; color: #fff; background:#009ad1; border-bottom:solid 1px #fff; } ul.align li ul li a:hover { background: #fff; color:#009ad1;} ul.align li:hover ul { display: block; opacity:1; visibility: visible; } ul.align li a.home{width:117px;height:0;display:block;background-image:url(../img/n-home.png);overflow: hidden; padding-top:62px;} ul.align li a.course-nav{width:181px;height:0;display:block;background-image:url(../img/n-course.png);overflow: hidden; padding-top:62px;} ul.align li a.campus{width:229px;height:0;display:block;background-image:url(../img/n-campus.png);padding:0px;overflow: hidden; padding-top:62px;} ul.align li a.join{width:178px;height:0;display:block;background-image:url(../img/n-join.png);padding:0px;overflow: hidden; padding-top:62px;} ul.align li a.access{width:152px;height:0;display:block;background-image:url(../img/n-access.png);padding:0px;overflow: hidden;padding-top:62px;} ul.align li a.academy{width:143px;height:0;display:block;background-image:url(../img/n-academy.png);padding:0px;overflow: hidden; padding-top:62px;} ul.align li a.home:hover{background-position: 0 -62px;} ul.align li a.course-nav:hover{ background-position: 0 -62px;} ul.align li a.campus:hover{background-position: 0 -62px;} ul.align li a.join:hover{background-position: 0 -62px;} ul.align li a.access:hover{background-position: 0 -62px;} ul.align li a.academy:hover{background-position: 0 -62px;} .home-hover{width:117px;height:0;display:block;background: url(../img/n-home.png)repeat scroll 0px -62px; overflow:hidden; padding-top:62px;} .course-hover{width:181px;height:0;display:block;background: url(../img/n-course.png)repeat scroll 0px -62px; overflow:hidden; padding-top:62px;} .campus-hover{width:229px;height:0;display:block;background: url(../img/n-campus.png)repeat scroll 0px -62px; overflow:hidden; padding-top:62px;} .access-hover{width:152px;height:0;display:block;background: url(../img/n-access.png)repeat scroll 0px -62px;overflow:hidden; padding-top:62px;} .join-hover{width:178px;height:0;display:block;background: url(../img/n-join.png)repeat scroll 0px -62px; overflow:hidden; padding-top:62px;} .academy-hover{width:143px;height:0;display:block;background: url(../img/n-academy.png)repeat scroll 0px -62px; overflow:hidden; padding-top:62px;} .nav-bg{height:62px;background:url(../img/bg-nav.gif)repeat scroll center top transparent;} /*block styles----3.0.1*/ .columb-all {width:996px;height:auto;float:left;} .columb-left {width:640px;height:auto;float:left; margin-top:20px;} .columb-left h2 { margin: 10px 0 0px 0; padding: 12px 0 0 48px; font-size: 18px; font-weight: bold; } .columb-left h3 {/*width:633px;*/margin: 20px 0 0;font-size: 16px;font-family: Meiryo;font-weight:bold;;color:#36afe4;} .columb-left p {margin: 16px 0 20px 0;font-family: Meiryo;font-size:16px;color:#000;} .banner {height:350px;margin:20px 0 30px 0;} .course {height:200px;margin:0;} .about {height:180px;margin:0;} .course-header-details{width:633px;margin:8px 0;#009ad1;} .course-header-details h3{padding:15px 0 15px 20px;font-size:18px;font-weight: bold;color:#fff; background:#36afe4 no-repeat 15px 15px;} .course-header-inquery{;margin:8px 0;background:#009ad1;} .course-header-inquery h3{padding:10px 0;font-size:16px;font-weight: bold;color:#fff;} .course-details{width:633px;margin:0px;} .course-details h2 {margin: 10px 0 0px 0;padding:12px 0 0 56px;font-size: 24px;font-weight:bold;;} .course-details h3 {margin: 10px 0 10px 0px;font-size: 16px;font-family: Meiryo;font-weight:bold;;color:#009ad1; line-height:26px;} .course-details h4 {color:#000;text-align:left;font-size: 14px; font-family:Meiryo; margin:0;padding:0 0 0 7px;} .course-details h5 {color:#36afe4;text-align:left;font-size: 16px; font-family:Meiryo; margin:0;padding:0 0 0 7px; font-weight:bold;} .course-details h6{color:#132440;text-align:left;font-size: 16px; background: url(../img/t-bg-course.gif)repeat-x scroll 0 0; padding:10px 30px 10px 0;} .course-details p {float:left; margin:0;padding:0;font-family: Meiryo;font-size:14px;color:#000; line-height:24px;} .course-details span {width:305px;float:left; margin:0;padding:0;font-family: Meiryo;font-size:12px;color:#000;} .course-details .images {width:316px;height:203px;margin :0 10px 0 0 ;} .course-details table{margin-bottom: 30px;} .course-details table, td, th{border:0px solid #202020;padding:0;font-size: 14px;} .course-details th{color:#36afe4;text-align:right;font-size: 14px; background: url(../img/t-bg-course.gif)repeat-x scroll 0 0; padding: 8px 0; margin:0;} .course-details td {color:#000;text-align: right;border-bottom: 1px solid #000;font-size: 14px; font-family:Meiryo; padding:8px 0; margin:0;} .policy-details-header{width:633px;margin:10px 0;} .policy-details-header h4{margin:14px 0;color:#1b3252;font-size: 16px;} .policy-details {width:633px;height:auto;margin:8px 0px; border-top: 2px solid #009ad1;} .policy-details h3 {float:left; margin:20px 2px -20px;padding:8px 4px 4px 20px;width:auto;height:32px;border-left: 4px solid #009ad1;font-family: Meiryo;font-size:18px;color:#009ad1;} .policy-details p {float:left; margin:0;padding:16px 4px 4px 28px;font-family: Meiryo;font-size:14px;color:#000;} .policy-details ul {float:left; margin:0;padding:16px 4px 4px 28px;font-family: Meiryo;font-size:14px;color:#000;} .activity-detail li{margin:0;width: 633px;height: auto;} .activity-detail h2{padding:4px 0px;font-size:18px;font-weight: normal;color:#f97f06;border-bottom: 2px solid #f97f06;} .activity{width:300px;height:auto ;margin: 4px; } .activity-gallery{margin:0;padding: 0;height: auto;} .activity-gallery ul{margin:0;width: 633px;} .activity-gallery ul li{float:left;margin:13px;padding: 0px;width: 185px;height:135px;color:#000;background: #000;} .activity-gallery ul li a{border: none;} .activity-gallery ul li a:hover{opacity: .9;} .activity-gallery img{width: 185px;height:135px;} .activity ul {margin:0px;padding:4px;font-size:14px;font-weight: normal;color:#000;} .activity ul li{padding: 8px 0 8px 40px;;list-style: none;} .activity-date{background: url(../img/i-activity-date.gif)no-repeat scroll 0 4px transparent;} .activity-book{background: url(../img/i-activity-book.gif)no-repeat scroll 0 4px transparent;} .activity-wave{background: url(../img/i-activity-wave.gif)no-repeat scroll 0 4px transparent;} .activity-world{background: url(../img/i-activity-world.gif)no-repeat scroll 0 4px transparent;} .activity-ems{background: url(../img/i-activity-ems.gif)no-repeat scroll 0 4px transparent;} .activity-social{background: url(../img/i-activity-social.gif)no-repeat scroll 0 4px transparent;} .activity-comment{background: url(../img/i-activity-comment.gif)no-repeat scroll 0 4px transparent;} .activity-warnning{background: url(../img/i-activity-warnning.gif)no-repeat scroll 0 4px transparent;} .qa-header-details{width:633px;margin:-20px 0 8px 0;background:#009ad1;} .qa-header-details h3{padding:15px 0px 15px 20px;font-size:18px;font-weight: bold;color:#fff;} .qa{width:300px;height:auto ;margin: 8px 10px 40px 0px;padding:0 0 0 6px;font-family: Meiryo;background: url(../img/newatys/newsbg.png);border-left: 4px solid #009ad1; } .qa ul{width:100%;height:100px;margin:20px 0 -30px 20px;padding:0;} .qa ul li{margin:0 0 7px 0;padding:0 0 0 25px;font-size: 16px;color:#999; background:url(../img/list-icon-course-in.png) no-repeat left top;} .qa ul li a{color:#009ad1;text-decoration:underline;font-size: 18px;} .qa ul li a:hover{color:#999;text-decoration:none;} .qa-detail{width:300px;height:auto ;margin: 4px 11px 12px 0px;padding:0;font-family: Meiryo;border-top: 8px solid #009ad1; } .qa-detail h3 {width:260px;margin:20px 0px 5px 0; padding:5px 0 0 25px;font-size: 16px;font-family: Meiryo;font-weight:bold;color:#009ad1; background:url(../img/Q.gif) no-repeat;} .qa-detail p {width:260px;margin: 0px;padding:8px 0 0 25px;font-family: Meiryo;font-size:14px;color:#000;background:url(../img/A.gif) no-repeat;} .qa-detail p a{color:#004eff;text-decoration: underline;} .qa-detail p a:hover{color:#999;} .qa-header-details-top h4{margin:50px 0 0; padding-top:40px;color:#009ad1;font-size: 20px; font-weight:bold; border-top: dashed 2px #CCC; } /*.qa-top{background:url(../img/Q.gif) no-repeat 0px 15px;} .qa-bottom{background:url(../img/A.gif) no-repeat 0px 62px ;}*/ .tab{padding-left: 80px;} .bold{font-weight: bold;} .school-details{width:640px;margin:10px 0 0 0;text-align: left;} .school-details h1 {width:624px;margin: 14px 0;padding:10px 0 6px 10px;font-size: 22px;color:#fff;font-weight:bold;background: #36afe4;} .school-details h3 {margin:0x; padding:10px 10px 0 10px;font-size: 16px;font-family: Meiryo;font-weight:bold;color:#36afe4;} .school-details h4 {margin: 16px auto;font-size: 16px;font-family: Meiryo;font-weight:normal;color:#000;text-align: left;} .school-details h5 {margin: 50px 0 16px 400px;font-size: 16px;font-family: Meiryo;font-weight:normal;color:#000;text-align: center;} .school-details h6 {width:624px;margin: 14px 0;padding:10px 0 6px 10px;font-size: 16px;color:#fff;font-weight:bold;background: #36afe4;} .school-details p {margin: 0;padding:0 10px 20px 10px;font-family: Meiryo;font-size:14px;color:#000;} .school-details b {color:#000; text-align:right; margin-left:480px; font-size:18px;} .school-details img{margin :0 10px 0 0 ;} .school-details table{width: 100%;height: auto;margin-bottom: 30px;} .school-details table, td, th{border:0px solid #202020;padding:7px;font-size: 14px;} .school-details th{color:#132440;text-align: left;font-size: 16px;} .support-header-details{width:633px;margin:-20px 0 0;background:#009ad1;} .support-header-details h3{padding:15px 0 15px 20px;font-size:18px;font-weight: bold;color:#fff;} .support-details{margin:10px 0 0 0;padding:20px 0 0;width:640px;height:auto;text-align: left;} .support-details h1 {margin: 14px 0;padding:10px 0 6px 10px;width:624px;font-size: 22px;color:#fff;font-weight:bold;background: #009ad1;} .support-details h2 {width:auto;margin: -10px 0 4px 0;padding:8px;font-size: 14px;color:#fff;font-weight:normal;text-align:center;background: #1b3252;border-radius: 8px;} .support-details h3 {margin:0px; padding:2px 10px 0 12px;font-size: 24px;font-family: Meiryo;font-weight:normal;color:#fb7804;} .support-details h4 {margin: 0px auto;font-size: 14px;font-family: Meiryo;font-weight:normal;color:#fb7804;text-align: left;} .support-details h5 {margin: 50px 0 16px 400px;font-size: 16px;font-family: Meiryo;font-weight:normal;color:#000;text-align: center;} .support-details p {margin: 0;padding:0 10px 14px 0px;font-family: Meiryo;font-size:14px;color:#000;} .support-details p span {color:#1b3252;font-weight: bold;} .support-details img{margin :0 10px 0 0 ;} .support-details table{width: 40%;height: auto;margin-bottom: 30px;} .support-details table, td, th{font-size: 14px;} .support-details td{padding:6px 0px;color:#000;text-align: left;font-size: 16px;} .support-data table{padding:8px;width: 100%;height: auto;margin-bottom: 30px;border:1px solid #000; font-size:14px;} .support-data th{padding:10px;color:#000;border:1px solid #000; font-weight:normal;} .support-data td{width:33%;padding:6px;color:#000;border:1px solid #000; background:#CCC;} .support-data-pic{margin:0px;height:180px;background:url(../img/graph.jpg)no-repeat scroll right center ;} .support-data span{float: right;} .support-gallery{margin:0;padding: 0;height: auto;} .support-gallery ul{margin:0;width: 633px;} .support-gallery ul li{float:left;margin:8px;padding: 0px;width: 300px;height:210px;color:#000;background: #fff;} .support-gallery ul li a{border: none;} .support-gallery ul li a:hover{opacity: .9;} .support-gallery img{width: 300px;height:210px;} .bg-support{width:626px;padding:8px 4px 0;background: url(../img/newatys/newsbg.png);} .bg-support p {margin: 16px 0 0px 12px;color:#000;} .bg-support h3 {margin: 10px 0 10px 0px;font-size: 18px;font-family: Meiryo;font-weight:bold;;color:#009ad1;} .schedule-header-details{width:633px;height:50px;margin:-20px 0 0 0;background:url(../img/i-schedule.png)no-repeat scroll 0px 25px ;} .schedule-header-details h3{padding:25px 0 0 30px;font-size:22px;font-weight: bold;color: #fff;} .schedule-details{margin: -20px 0px 4px 0px;padding:0 0 0 30px;width:290px;height:auto;text-align: left;} .schedule-details p span {color:#1b3252;/*font-weight: bold;*/} .schedule-details p img{width:280px ;height:190px;} .schedule-details ul {margin:0 ;padding: 2px 12px 2px 20px;} .schedule-details ul li {margin:0 20px 0 10px ;color:#2f2f2f;font-size: 12px; line-height: 2.3em;list-style-image: url(../img/list-icon-schedule.gif)} .schedule-bg4 {margin:17px 0 0;background:url(../img/i-schedule-4.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg5 {margin:17px 0 0;background:url(../img/i-schedule-5.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg6 {margin:17px 0 0;background:url(../img/i-schedule-6.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg7 {margin:17px 0 0;background:url(../img/i-schedule-7.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg8 {margin:17px 0 0;background:url(../img/i-schedule-8.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg9 {margin:17px 0 0;background:url(../img/i-schedule-9.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg10 {margin:17px 0 0;background:url(../img/i-schedule-10.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg11 {margin:17px 0 0;background:url(../img/i-schedule-11.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg12 {margin:17px 0 0;background:url(../img/i-schedule-12.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg1-1 {margin:17px 0 0;background:url(../img/i-schedule-1-1.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg2-2 {margin:17px 0 0;background:url(../img/i-schedule-2-2.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg3-3 {margin:17px 0 0;background:url(../img/i-schedule-3-3.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .schedule-bg4-4 {margin:17px 0 0;background:url(../img/i-schedule-4-4.png)no-repeat scroll left top ;border-top: 1px solid #f97f06;} .type1{margin:0;} .type2{margin:0;} .type3{margin:-22px 0 0 0;} .type4{margin:30px 0 0 0;} .brochure-details{width:100%;margin:10px 0 0 0;text-align: left;} .brochure-details h1 {width:624px;margin: 14px 0;padding:10px 0 6px 10px;font-size: 22px;color:#fff;font-weight:bold;background: #fb7804;} .brochure-details h3 {margin:0px; padding:20px;font-size: 18px;font-family: Meiryo;font-weight:bold;color:#009ad1;} .brochure-details p{margin:0px;color: #000;line-height: 2.0em;} .brochure-details ul{margin:0 0 80px;padding:8px 30px;background: #f5f5f5;list-style-image:url(../img/list-icon-course.png);} .brochure-details ul h3 {margin:0 0 0 -20px; padding:20px;font-size: 18px;font-family: Meiryo;font-weight:bold;color:#000;} .brochure-details ul li{padding-left: 0px;margin-bottom: 8px;color: #0a1e3b;} .brochure-details ul li a{color: #ff4e00;font-size: 16px;text-decoration: none;} .brochure-details ul li a:hover{color: #000;text-decoration: underline;} .brochure-details img a:hover{ opacity: .4;} .access-header-details{width:633px;margin:8px 0; background:#009ad1;} .access-header-details h3{margin-top:30px;padding:10px 0 6px 10px;font-size:18px;font-weight: bold;color:#fff;} .access-header-details p{font-size:14px;color:#000;} .about-header-details{width:633px;height:auto;margin:8px 0;background:url(../img/arrow-bottom.png)no-repeat scroll 45px 54px ,url(../img/bg-course-h.png)repeat-x scroll 0px 0px;} .about-header-details h4{margin:50px 0 0 0;padding:0px;font-size:24px;color:#808080;} .about-header-details h2{margin:25px 0 0 0;padding:0px;font-size:20px;color:#f97f06;} .about-header-details h3{padding:17px 0px 35px 46px;;font-size:18px;font-weight: bold;color:#fff; background:url(../img/i-nav-access-n.png) no-repeat 15px 15px;} .about-header-details p{font-size:14px;color:#1b3252;margin:8px 0 0 0; padding:0;} .about-header-details ul li {font-size:14px;color:#1b3252;margin:0; padding:10px 0 0 0; list-style:outside;} .about-header-details a{font-size:16px;color:#0033ff;text-decoration: underline; margin:0; padding:0;} .about-header-details a:hover{color:#000;text-decoration: none;} .festival{width:380px;height:250px ;margin: 0px;padding:0 0 0 261px;font-family: Meiryo; } .spring{background: url(../img/about-hokkaido-spring.jpg) no-repeat scroll 0 0 ;} .summer{height:370px; background: url(../img/about-hokkaido-summer.jpg) no-repeat scroll 0 0 ;} .autmn{height:280px; background: url(../img/about-hokkaido-autmn.jpg) no-repeat scroll 0 0 ;} .winter{height:350px; background: url(../img/about-hokkaido-winter.jpg) no-repeat scroll 0 0 ;} .link ul {padding:20px 0 0 60px;margin: 0;list-style-image: url(../img/list-icon-course.png);} .link ul li{padding:4px 0;color:#1b3252;font-size: 16px;} .link ul li p {padding:3px 0;margin:0;color:#1b3252;font-size: 12px; text-justify:auto;} .link ul li a{color:#0032ff;font-size:16px;text-decoration: underline;} .link ul li a:hover{color:#999;} .bg-inner{padding:4px;} .bg-inner p {margin: 16px 0 0px 0;color:#000;} .bg-inner h3 {margin: 10px 0 10px 0px;font-size: 18px;font-family: Meiryo;font-weight:bold;;color:#fb7804;} .bg-school{width:626px;padding:4px;background: url(../img/newatys/newsbg.png) repeat;} .bg-school p {margin: 16px 0 0px 0;color:#000;} .bg-school h3 {margin: 10px 0 10px 0px;font-size: 18px;font-family: Meiryo;font-weight:bold;;color:#36afe4;} .gray{background: #dddbdc;} .bg-head{background: url(../img/t-bg-course.gif)repeat-x scroll 0 0;} .bg-price span {background: url(../img/t-bg-course.gif)repeat-x scroll 0 0;} .h-course{width:100%;margin:0;padding:2px 30px;background: url(../img/i-h-course.png)no-repeat scroll 0 0;} .date{width:640px;height:auto ;margin: 0px 6px 0px 0px;padding:0px;font-family: Meiryo;} .school-detail-row2{width:314px;height:auto ;margin: 0px 6px 20px 0px;padding:0px;font-family: Meiryo;} .school-detail-row2 img{width: 316px;height: auto;} .school-detail-row2 p {margin:0 ;font-family: Meiryo;font-size:12px;color:#000;} .school-detail-row2 span {margin:5px 0 0 10px; padding:0; font-family:Meiryo; font-size: 11px; color:#000; display:block;} .school-detail-row2 h3 {margin:0; padiding:0;font-size: 18px;font-family: Meiryo;font-weight:bold;color:#36afe4;} .school-detail-row2 h4 {margin: 10px 0px 0px 10px ;font-size:14px;font-family: Meiryo;font-weight:bold;color:#36afe4;} .detail {width:100%;} .detail p{font-size: 14px;padding:8px;} .detail p span{text-decoration:line-through;} .t-times{margin:0px;padding:0px 0 14px 0;height:30px;background: url(../img/h-bg-course.gif)no-repeat scroll 0px 28px;} .t-times-detail table{width: 100%;height: auto;margin-bottom: 12px;} .t-times-detail table, td, th{border:0px solid #202020;padding:7px;font-family: Meiryo;font-size: 14px;} .t-times-detail th{color:#000;font-size:12px;text-align: center;border-bottom:6px solid #fff;background: #fac090;} .t-times-detail td {width:50%;color:#000;font-size:12px;text-align: left;border-bottom: 1px solid #fff;border-right: 1px solid #fff;background: #ffefe1;} .t-times-detail-c table{width: 100%;height: auto;margin-bottom: 12px;} .t-times-detail-c table, td, th{border:0px solid #202020;padding:7px;font-family:Meiryo;font-size: 14px;} .t-times-detail-c th{color:#fff;font-size:14px;text-align: center;border-bottom:2px solid #fff; border-right: 1px solid #fff;background: #5b9bd5;} .t-times-detail-c td {color:#000;font-size:12px;text-align: left;border-bottom: 1px solid #fff;border-right: 1px solid #fff;background: #e1e9ff;} .t-times-detail-c a {color:#5b9bd5; text-align:center; font-weight:bold;} .t-times-detail-c a:hover {text-decoration:underline;} .detail-after-button{width:633px;height:43px;margin-bottom:16px;background:#36afe4;} .detail-after-button p{padding:12px;font-size:16px;font-weight: bold;color:#fff;} .introduction{ width: 300px; height: auto; font-family: Meiryo; margin-top: 20px; margin-right: 14px; margin-bottom: 12px; margin-left: 0px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; } .introduction h1{color:#132541;font-size: 22px;} .introduction h2{color:#f97f06;font-size: 18px;} .introduction h3{ color: #009ad1; font-size: 18px; font-weight: normal; background-image: url(../img/newatys/newsarrow.png); background-position: 0px 0px; margin-top: 0px; margin-right: 0; margin-bottom: 5px; margin-left: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 20px; background-repeat: no-repeat; } .introduction p{margin:0 10px 0 20px;padding:0;color:#000;font-size: 12px;font-weight: normal;line-height: 1.6em;} .introduction p span{/*font-weight: bold;*/ color:#1c1c1c;} .introduction ul{width:100%;height:100px;margin:10px 0 0 20px;padding:0;} .introduction ul li{ margin: 0 0 7px 0; padding: 0 0 0 15px; padding-top: 3px; background-image: url(../img/newatys/listnews.png); background-repeat: no-repeat; background-position: left; } .introduction ul li a{ color: #cd3c5e; text-decoration: underline; font-size: 14px; } .introduction ul li a:hover{text-decoration:underline;} .introduction-detail{width:300px;height:auto ;margin: 20px 20px 32px 0px;font-family: Meiryo; } .introduction-detail h1{color:#fa7d05;font-size: 22px;} .introduction-detail h2{color:#fa7d05;font-size: 18px;} .introduction-detail h3{margin:0;padding:0 0 5px 0;color:#009ad1;font-size: 16px;font-weight: bold;border-bottom:1px dotted #009ad1;} .introduction-detail p{margin:0;padding:8px 0 0 0;color:#000;font-size: 14px;font-weight: normal;line-height: 1.6em;} .introduction-detail p span{font-weight: bold;} span.icon {font-weight: bold;font-family: 'pulsarjs';font-size: 1.05em;position: relative;top: 0.1em;} .news{min-height:100px; background-attachment: scroll; background-image: url(../img/newatys/newsbg.png); background-repeat: repeat; background-position: left top;} .news-course{height: 160px;} .form {width: 350px;height: auto;} .form p{text-align: right;color:#000;font-size: :14px!important;} .form span{font-size: 12px;color:#009ad1;} .input {height: auto;} .input p{text-align: right;color:#000;font-size :14px!important;} .input span{margin-left:4px;font-size: 14px;} .input span a{color:#303dad;text-decoration: underline;} .input span a:hover{color:#fa7c05;text-decoration: none;} .archives{font-family: Meiryo;width:300px;height:auto;margin-left: 8px;} .archives h2{width: 100%;height: 62px;margin:0 0 -20px;} .archives p{margin: 0 0 -10px;padding:8px 0 0 14px;font-size:14px;color:#fb7804;font-weight:bold;} .archives ul {font-size:14px;color:#999;list-style-image:url(../img/list-icon-date.png);margin-bottom: 30px;padding-left:20px;} .archives ul li{padding-left: 0px;margin-bottom: 24px;} .archives ul li a{color:#999;} .archives ul li a:hover{color:#ccc;} .bg-content{height:430px;margin:0 0 8px 0;padding:40px 0 ;background:#f5f5f5;} .bg-comming{min-height:480px;margin:0 0 8px 0;padding:15px 0 ;background:#f5f5f5;;} .icon-introduction{ height: 30px; background-image: url(../img/newatys/book.png); background-repeat: no-repeat; } .icon-latest{ height: 51px; background-attachment: scroll; background-color: transparent; background-image: url(../img/newatys/lasticon.png); background-repeat: no-repeat; background-position: 0 0; } .icon-facebook{height:51px;background:url(../img/icon-facebook.png)no-repeat scroll 0 0 transparent;} .under-button{width:300px;height:40px;font-family: Meiryo;} .button-base{ font-size:14px;font-weight:700;width: 180px;height: 20px;padding:7px;text-decoration: none;color:#000;margin: 8px 0 0 115px;position: relative;text-align: center;background: url(../img/bg-button.gif) repeat scroll left top;} .button-base a{color:#000;text-decoration: none;text-shadow: 1px 1px 1px #fff;} .button-base a:hover{color:#999;} .button-base-menu-aside a{ margin: 10px 0 0; padding: 10px 15px; float: right; font-size: 12px; color: #FFFFFF; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px; background-color: #cd3c5e; } .button-base-menu-aside a:hover {} .button-base-menu-middle a {margin:20px 0 0; padding:10px 15px;float: right;font-size:14px; color:#fff; background:#d7d5d6 url(../img/bg-button.gif) repeat scroll left top; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px;} .button-base-menu-middle a:hover {color:#fff; background: #e5e5e5 url(../img/bg-button.gif) repeat scroll left top;} .button-base-menu-date a {margin:0; padding:10px 15px;float: right;font-size:14px; color:#343434; background:#d7d5d6 url(../img/bg-button.gif) repeat scroll left top; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px;} .button-base-menu-date a:hover {color:#343434; background: #e5e5e5 url(../img/bg-button.gif) repeat scroll left top;} .button-base-menu-course a{margin:0; padding:10px 15px;float: right;font-size:14px; color:#fff; background:#d7d5d6 url(../img/bg-button.gif) repeat scroll left top; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px;} .button-base-menu-course a:hover {color:#fff; background: #e5e5e5 url(../img/bg-button.gif) repeat scroll left top ;} .button-base-menu-course-detail a{margin:20px 0 0 0; padding:10px 15px;float: right;font-size:14px; color:#fff; background:#009ad1 url(../img/bg-button.gif) repeat scroll left top; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px;} .button-base-menu-course-detail a:hover{color:#fff; background: #e5e5e5 url(../img/bg-button.gif) repeat scroll left top;} .button-base-menu-address a{margin:15px 0 0 0; padding:5px 15px;float: left;font-size:14px; color:#fff; background:#009ad1; -webkit-border-radius: 3px 3px 5px 5px; border-radius: 3px 3px 5px 5px;} .button-base-menu-address a:hover{color:#fff; background: #009ad1 ;} .button-navi-top{ width: 60px;height: 20px;padding: 7px ;font-size:12px;font-weight:600;text-decoration: none;color:#000;margin: 8px 0 0 896px;position: relative;text-align: center;background-color: #1c3455; background-image: linear-gradient(top, #1c3455 20%, #11213b); background-image: -moz-linear-gradient(top, #1c3455 20%, #11213b); background-image: -webkit-linear-gradient(top, #1c3455 20%, #11213b); background-image: -o-linear-gradient(top, #1c3455 20%, #11213b); background-image: -ms-linear-gradient(top, #1c3455 20%, #11213b); background-image: -webkit-gradient(linear, left top, left bottom, from(#1c3455) 20%, to(#11213b)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from'); border-radius:4px;} .button-navi-top a{color:#fff;} .button-navi-top a:hover{color:#ccc;} .border{display:block;margin:0 0 30px 10px;height:36px;border-bottom: 5px solid #12233f} .contact-middle{font-family: Meiryo;width:468px;height:170px;margin:20px 0 0 8px;text-align: left;} .contact-middle h1{color:#132541;font-size: 22px;} .contact-middle h2{margin: -6px 0 0 20px;color:#fa7905;font-size: 34px;} .contact-middle h3{margin:0;color:#009ad1;font-size: 18px;font-weight: bold;} .contact-middle h4{color:#737373; font-size: 12px; font-weight: normal;} .contact-middle h5{color:#1d3657;font-size: 20px;font-weight: bold;} .contact-middle p{margin:6px 0 0 0px;color:#1d3657;font-size: 14px;font-weight: normal;} .contact-middle p span{font-weight: bold;font-size: 20px;} .contact-middle ul{width:100%;height:120px;background:#fff;margin:0px;padding-top: 10px;} .contact-middle ul li{font-size: 16px;color:#999;list-style: none;} .contact-middle ul li a{color:#fb7804;} .nav-footer{background: #dcdcdc url(../img/bg-navi-footer.jpg)repeat; padding:20px 0;} .navi-footer{width:180px;height:auto;padding: 8px;} .navi-footer h3{font-size: 16px;color: #1b3252;font-weight: bold;margin-top: 60px;text-align: center;text-shadow: 1px 1px 1px #fff;} .navi-footer p{font-size: 12px;color: #ccc;font-weight: normal;} .navi-footer ul{width:100%;margin:0px;padding: 10px 0 0 34px;font-size: 14px;color: #1b3252;font-weight: bold; list-style:url(../img/list-icon-footer.png) outside;} .navi-footer ul li{font-size: 12px;font-weight: normal;color:#999;line-height: 28px; padding:0; margin-left:22px;} .navi-footer ul li a{color:#1b3252;text-decoration: none;} .navi-footer ul li a:hover{color:#999;text-decoration: underline;text-shadow:1px 1px 1px #fff;} .icon0 {background: url(../img/icon.png) no-repeat scroll center top;} .icon1 {background: url(../img/icon1.png) no-repeat scroll center top;} .icon2 {background: url(../img/icon2.png) no-repeat scroll center top;} .icon3 {background: url(../img/icon3.png) no-repeat scroll center top;} .icon4 {background: url(../img/icon4.png) no-repeat scroll center top;} .icon5 {background: url(../img/icon5.png) no-repeat scroll center top;} /*aside styles----3.0.3*/ .columb-right {width:100px;float:right;margin:0; padding:0;} .course-news {margin:0 0 20px 12px; padding:0; float:left;} .download-middle {font-size:12px;font-weight:600;width: 240px;height: 160px;padding:7px;text-decoration: none;color:#fff;} .menu { font-size: 12px; font-weight: 600; width: 330px; height: auto; padding: 15px 5px; text-decoration: none; color: #fff; margin: 20px 0 10px 12px; position: relative; text-align: left; background-color: #c92744; background-image: linear-gradient(top, #1c3455 20%, #11213b); background-image: -moz-linear-gradient(top, #1c3455 20%, #11213b); background-image: -webkit-linear-gradient(top, #1c3455 20%, #11213b); background-image: -o-linear-gradient(top, #1c3455 20%, #11213b); background-image: -ms-linear-gradient(top, #1c3455 20%, #11213b); background-image: url(../img/newatys/menubg.png); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from'); border-radius: 2px; background-repeat: repeat; } .menu h2{ font-size: 28px; color: #fff; font-weight: normal; font-family: Arial; margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 14px; padding-left: 5px; } .menu h3{padding:0 0 0 12px;font-size: 16px;color: #fff;font-weight: bold;border-left: 3px solid #fff;} .menu h4{ margin: 20px 0 0 18px; padding: 0px; font-size: 18px; color: #FFFFFF; font-weight: normal; text-decoration: underline; } .menu p{ font-size: 16px; color: #000; font-weight: normal; width: 80%; margin-top: 0px; } .menu p span{color: #fff;} .menu ul {padding:0 0 0 60px;margin: 0;list-style-image: url(../img/list-icon-course.png);} .menu ul li{padding:5px 0;color:#f97f06;font-size: 12px;} .menu ul li a{color:#fff;font-size:16px;text-decoration: underline; padding-right:15px;} .menu ul li a:hover{color:#fff;} .navi {width:330px;height: 70px;padding:2px 0 0 5px;margin:0 0 0px 16px; } .navi h3{font-size: 14px;color: #f97f06;font-weight: normal;margin: -5px 0 -5px 14px;} .navi p,a{font-size: 12px;color: #000;font-weight: normal;text-decoration: none;} .navi p,.navi a{ color: #FFF; } .navi p a:hover{color:#fff;text-decoration: underline;} .navimg{ float: left; border: 2px solid #FFF; margin-right: 18px; } .home {background: url(../img/home.png) no-repeat scroll left top;} .home1 {background: url(../img/home1.png) no-repeat scroll left top;} .home2 {background: url(../img/home2.png) no-repeat scroll left top;} .home3 {background: url(../img/home3.png) no-repeat scroll left top;} .home4 {background: url(../img/home4.png) no-repeat scroll left top;} .home5 {background: url(../img/home5.png) no-repeat scroll left top;} .facebook-fix{width: 330px;height: auto;font-size:12px;font-weight:600;margin-left:16px;} .facebook-fix h2{ margin:0;width: 330px;height: 51px;font-size:24px;font-weight:700;padding:16px 0 0 55px;background:url(../img/icon-facebook.png)no-repeat scroll 0 0 transparent;} .welcome { font-size: 12px; width: 340px; height: 250px; padding: 0px; text-decoration: none; color: #000; margin-left: 12px; position: relative; text-align: left; background-color: #dedede; border-radius: 2px; background-image: url(../img/newatys/newsbg.png); } .welcome h2{ font-size: 25px; font-weight: bold; background-image: url(../img/newatys/welcom.png); background-repeat: no-repeat; background-position: right 0px; color: #010101; margin: 0px; padding: 20px; } .welcome h2 span{ color: #010101; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: #000; display: block; padding-bottom: 8px; } .welcome p{font-size: 12px;font-weight: normal; line-height:22px;} .welcome p span{color: #fff;} .button-aside { font-size:16px;font-weight:600;width: 330px;height: auto;padding:7px;text-decoration: none;color:#fff; margin-left: 12px;position: relative;text-align: left;} .facebook{font-size:12px;font-weight:600;width: 330px;height: auto;padding:7px;text-decoration: none;color:#fff;} .facebook h2{font-size:22px;} .under-con { width:996px; margin:0; padding:0} /************************************************************************************ footer styles----4.0 *************************************************************************************/ .footer {margin-bottom: -20px;height:42px;z-index: -11;background-color: #009ad1; } .footer div.inner {width:996px;height:42px;margin : 0px auto ;text-align : left;overflow: hidden; position: relative;padding:0 1.25em;} .footer div.inner p{color:#fff;font-size: 12px;} /************************************************************************************ font/face----5.0 *************************************************************************************/ @font-face {font-family:'RaphaelIcons';src:url('raphaelicons-webfont.eot');src:local('☺'), url('raphaelicons-webfont.woff') format('woff'), url('raphaelicons-webfont.ttf') format('truetype'), url('raphaelicons-webfont.svg') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family:'pulsarjs';src:url('pulsarjs.eot');src:local('☺'), url('pulsarjs.woff') format('woff'), url('pulsarjs.ttf') format('truetype'), url('pulsarjs.svg') format('svg');font-weight: normal;font-style: normal;} .lastnewsblock { background-image: url(../img/newatys/newsbg.png); background-repeat: repeat; padding-top: 25px; padding-right: 10px; padding-bottom: 25px; padding-left: 10px; } .lastcolleft { float: left; } .lastcolright{ float: right; } .lastcolleft,.lastcolright { height: 110px; width: 305px; margin-bottom: 20px; } div.lastnewscontent h3{ font-size: 12px; line-height:18px; color: #009ad1; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .lastnewscontent{ font-size: 10px; color: #505050; float: left; width: 170px; display:block; } .lastnewscontent p { font-size:10px; line-height:18px; color:#333; float:left; margin:0; padding:0 5px 0 0; } .lastnewscontent a{ font-size: inherit; color: #d7123d; }.lastnewsimg { float: right; } .lastnewsimg a img { border: 2px solid #FFF; } .intro{ height: 90px; }.lastnewscontent .more { font-size: 12px; background-image: url(../img/newatys/more.png); background-repeat: no-repeat; background-position: 0px 5px; display: block; padding-left: 10px; } .wrapper.up { background-color: #fff; border-top-width: 3px; border-top-style: solid; border-top-color: #009ad2; background-image:none } .upblock { text-align: right; margin: auto; height: 53px; width: 1000px; } /* school-information 校長写真横並び */ .head-img-f { display: flex; justify-content: space-between; margin-bottom: 10px; } #head-name-img { width: 250px; display: block; margin-left: auto; } /* 2021/04/27/追加 */ .xlsx-text-link { color: #09F; text-decoration: underline; } .xlsx-text-link:hover { color: #999; } a:empty{ scroll-margin-top:30px; }