body{ margin: 0 auto; padding:0; color:#333333; font-size:small; background:#fff;
*font-size:small;
*font:x-small; text-align: center;}
h1,h2,h3,h4,h5,h6,form,p,dd,dt,dl{margin:0; padding:0;}
div{margin:0; padding:0;}
a:link,
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img{border:none;}
#Program{width:980px; text-align: left; position: relative; margin-bottom: 50px;}
#Program .contents { margin:0 auto;}
#Program .main-img { width: 980px;  margin: 0 auto;}
#Program h1{ font-size: 40px; line-height: 125%; margin-left: 15px; 
  font-weight: bold;
  font-style: italic; 
	background: linear-gradient(180deg, #000 30%, #686868 50%, #000 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#Program .courselink{ width:300px; background:linear-gradient(to bottom, #FBFBFB,#E3E3E3); color:#333; font-size:14px; padding: 7px 10px; border-radius: 5px; border: solid 1px #C3D5E2; font-weight: bold; text-align: left; margin: 0 20px 10px 0 ;}
#Program .courselink:hover { background:linear-gradient(to bottom, #FBFBFB,#DDE7EE); color:#333; border: solid 1px #C3D5E2;}
#Program .courselink::after {float: right; content: ""; display: inline-block;clip-path: polygon(0 0, 100% 50%, 0 100%);background: #0066FF; height: calc(tan(60deg) * 8px / 2); width: 8px; z-index: 10000; margin-top: 8px;}
#Program .courselink a { color:#333;}
#Program .btn { float: right;}

#Program .lead {width: 600px; padding:0 18px 15px; margin: 20px 0;}
#Program #checkboxes{ padding:13px 15px 5px;margin:0 15px 15px;border:1px solid #D2DDE6;background:#EDF2F8 url(../img/search.gif) no-repeat 20px 20px; line-height: 2em;}

#Program #checkboxes .first-line {display: flex; flex-wrap: wrap; margin: 0 auto 10px;}
#Program #checkboxes .search {margin: 6px 0 0 30px; font-size:16px; font-weight:bold;}
#Program #checkboxes .allclearbtn{margin: 4px 0 0 0}
#Program #checkboxes .allclear { background:linear-gradient(to bottom, #FBFBFB,#E3E3E3);color:#333; font-size:12px; padding: 2px 10px; border-radius: 5px; border: solid 1px #C3D5E2; font-weight: bold; margin: 20px 0 0 50px;}

#Program #checkboxes label{padding-right:25px; vertical-align:middle;}
#Program #checkboxes input, #Program#checkboxes select{ vertical-align:middle;}
	
#Program #checkboxes p.caution { font-size: 12px;  margin:5px 0px 0 410px; text-align: right;}

#Program #checkboxes dt{font-weight:bold;clear: left; float: left; width: 4.5em; border-top:1px dotted #999;padding:6px 1em 0;height:18px}
#Program #checkboxes dd{margin:0 0.8em 0 6.5em;border-top:1px dotted #999;padding:6px 0 2px; width: 63em;}
#Program .school{position: relative;border:1px solid #cccccc;margin: 10px 20px 5px; padding-bottom: 10px;}
#Program .school::before{ content:url(../img/common/ttl-bg.png);}
#Program .school h2 { position: absolute; top:15px; left:15px; font-size:20px; z-index: 1000;}
#Program .school h2 span { font-size:12px; z-index: 1000; color: #666; margin-left: 40px;}
#Program .school p.Rcourse, #Program .school p.Scourse,#Program .school p.TECMcourse,   #Program .school p.SPcourse { float: left; font-size:10px; font-weight: bold;line-height:1.5em;padding:0 3px 15px;overflow:hidden;_zoom:1; margin: 20px 0 0 15px; }
#Program .school p.TECMcourse  { float: left; font-size:14px; font-weight: bold;line-height:1.5em;padding:0 3px 15px;overflow:hidden;_zoom:1; margin: 20px 0 0 15px; }
#Program .school p.Rcourse img, #Program .school p.Scourse img, #Program .school p.TECMcourse img,  #Program .school p.SPcourse img {margin-right: 10px; vertical-align: middle;}
#Program .school p.txt {margin: 20px 0 0 15px; width: 600px;}

#Program .school .detail{clear:both;padding:0}
#Program .school .course{padding-right:5px}
#Program .school .detailbtn {float:right; background:linear-gradient(to bottom, #8DCAE9,#3A8AC6); color:#fff; font-size:16px; padding: 5px 50px; border-radius: 5px; border: solid 1px #4689C5; font-weight: bold; margin: 20px 35px 0 0;}
#Program .school .detailbtn:hover {float:right; background:linear-gradient(to bottom, #E1CE94,#C7AA44); border: solid 1px #C7AA44;}
#Program .school .schoollogo{float:right;padding:22px 30px 0 20px}

#Program .noresult .cmt{padding:60px 0 50px;text-align:center}
#Program .noresult h3{border-left:6px solid #069;margin:10px 20px;padding-left:8px;font-size:18px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:1em}
#Program .noresult .recommend{border:2px dotted #ccc;padding:15px;margin:0 20px 15px;width:908px}
#Program .noresult .recommend h2{font-size:1px;text-indent:-9000px;width:auto;height:30px;}
#Program .noresult .recommend .detail{clear:both;padding:0}
#Program .noresult .recommend .course{padding-right:15px}
#Program .noresult .recommend .detailbtn{float:right;}
#Program .noresult .recommend .schoollogo{float:right;padding:0 0 5px 20px}

#Program:after,
#Program .school:after,
#Program #checkboxes dl:after {  
        content: ".";  
        display: block;  
        visibility: hidden;  
        height: 0.1px;  
        font-size: 0.1em;  
        line-height: 0;  
        clear: both;  
    }
#Program,
#Program .school,
#Program #checkboxes dl {  
        display: inline-block;  
    } 
.alignR{text-align:right;}


/* フッター */
.footer-note { margin: 10px 0 0 20px;}
.footer-note p { font-size: 14px; line-height: 2; text-align:left;}