/* CSS Document ------------------------------------------------------------------------------------------------------------------------ */ /* XHTML1.1/CSS【Type Jimdo】2009.10.24 var.1.0　(C)advista */ /* [http://www.city.gifu.med.or.jp/kangoshi/index.html] */ /* Default Style Reset ----------------------------------------------------------------------------------------------------------------- */ body,form,fieldset{margin: 0px;padding: 0px;} fieldset{border:none;} h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;} blockquote,li,dt,dd{} li{list-style:none;} input,textarea{font-size: 1em;} img{border: 0px none;} .f_none{ float:none!important;} .ul_indent li{text-indent:-1em!important; padding-left:1em!important;} .li_mb10 li {margin-bottom:10px!important; } /* Tag Castam ------------------------------------------------------------------------------------------------------------------------- */ body {font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; font-size: 80%;line-height: 150%;color: #000000;background-color: #FFFFFF;text-align:center; margin: 0 auto;} em {font-weight: bold;font-style: normal;} .comment {color: Red; font-size: 13px;} a {color: #488EDB;text-decoration: underline;} a:hover {color: #000066;text-decoration: none;} a:visited {color: #000066;} a:active {color: #FFFFFF;text-decoration: underline;background-color: #8896AE;} input,textarea {margin: 3px;padding: 2px;} .v_t {vertical-align: top;} .td_tc td {text-align: center;} .Red {color: #FF0000;} .clear:after {width:0; height:0; margin:0; padding:0; content:""; display:block; clear:both;} .w360 {width:320px!important;} .bold {font-weight:bold;} .green {color: #53B000;} .b_none {background: none; } /* HeadWrapper ------------------------------------------------------------------------------------------------------------------------ */ #HeadWrapper {width: auto;height: 74px;display: block;clear: both;background: url(../img/head_bg.jpg) repeat-x; padding-left:10px; padding-right:10px;} #HeadWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;text-align:left;} #Contents #HeadWrapper {width: auto;height: 74px;display: block;clear: both;background: none;} /* Header ------------------------------------------------------------------------------------------------------------------------------ */ #Header {width: 990px;height: 74px;margin: 0px auto;display: block;clear: both;text-align:left; background: url(../img/kango_head.jpg) right bottom repeat-x;} #Header:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Contents #Header {background: none;} #SiteId {width: 300px;height: 72px;margin: 0px;padding: 0px;display: block;float: left;text-indent: -999em;} #SiteId h1 a {width: 300px;height: 72px;margin: 0px 0px 1px 0px;padding: 0px;display: block; background: url(../img/site_id.jpg) no-repeat;} #HeadR {width: 290px;height: 34px;margin: 0px;padding: 0px;display: block;float: right;} #SiteLink {width: 290px;height: 34px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;display: block;} #SiteLink li {float: left;} #SiteLink .Li01 a {width: 140px;height: 34px;margin: 0px;padding: 0px;display: block; background: url(../img/sitelink02.jpg);text-indent: -999em;} #SiteLink .Li01 a {background-position: 0px 0px;} #SiteLink .Li01 a:hover {background-position: 0px -34px;} #SiteLink .Li02 a {width: 140px;height: 34px;margin: 0px 0px 0px 10px;padding: 0px;display: block; background: url(../img/sitelink01.jpg);text-indent: -999em;} #SiteLink .Li02 a {background-position: 0px 0px;} #SiteLink .Li02 a:hover {background-position: 0px -34px;} #Header #Message {width: 240px;height: 67px;margin: 0px 0px 0px 10px;padding: 5px 0px 0px 0px;display: block;float: left; font-size: 12px;color: #666666;} /* MainImage ---------------------------------------------------------------------------------------------------------------------------- */ #slide { height: 415px; background-color:#FFFFFF;} #slide.pt02{ height: 416px;} #slide ul {width: 990px;height: 415px;display: block;margin: 0px auto 0px auto;padding: 0px;clear: both;position:relative;} #slide img { position:absolute; left:0; top:0;} #slide .filter{position:absolute;left:0;top:0;width: 1002px;} #outline .fade { height: 415px; background-color:#FFFFFF;} #outline .fade.pt02{ height: 416px;} #outline {width: 990px;height: 415px;display: block; position:relative;} #outline .fade {} #outline .fade ul {width: 990px;height: 415px;display: block;margin: 0px auto 0px auto;padding: 0px;clear: both;} #outline .fade ul li{ height:416px;} #outline .fade img { position:absolute; left:0; top:0;} #outline .fade .filter{position:absolute;left:0;top:0;width: 1002px;} #outline {width:992px; height:416px; margin:0 auto; position:relative; clear: both;} #outline .fade img {position: absolute;left: 0;top: 0;} /*GlobalNavi */ #GlobalNavi { width: auto; height: 60px; display: block; clear: both; background: url(../img/globalnavi_bg.jpg) repeat-x;} #Gnavi.dropmenu{ *zoom: 1; list-style-type: none; padding: 0;} .dropmenu:before, .dropmenu:after{ content: ""; display: table;} .dropmenu:after{ clear: both;} .dropmenu li{ position: relative; float: left; margin: 0; padding: 0; text-align: center;} .dropmenu li a{ display: block; margin: 0; padding:0; color: #fff; font-size: 14px; line-height: 1.5; text-decoration: none;} .dropmenu li ul{ list-style: none; position: absolute; z-index: 9999; top: 100%; left: 0; margin: 0; padding: 0; } .dropmenu li ul li{ width: 100%;} .dropmenu li ul li a{ padding: 13px 15px; border-top: 1px solid #7c8c0e; background-color: rgba(154, 205, 50, 0.97); text-align: left; } .dropmenu li:hover > a{ background: #6e7c0c;} .dropmenu li ul li a:hover{ background:#D2FE9C; color:#358009;transition: .2s;} #Gnavi li ul{ opacity: 0; top: 50%; visibility: hidden; transition: .5s;} #Gnavi li:hover ul{ top: 100%; visibility: visible; opacity: 1;} #Gnavi {width: 880px;height: 60px;display: block;margin: 0px auto 0px auto;text-align: center;} #GlobalNavi li {margin:0;padding :0;float:left;} #Gnavi .Li01 a {width: 110px;height: 60px;display: block;background: url(../img/globalnavi01.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li01 a:hover {background-position: 0px -60px;} #Gnavi .Li02 .headnav02 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi02.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li02 .headnav02:hover {background-position: 0px -60px;} #Gnavi .Li02 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi02.jpg) 0px -120px;} #Gnavi .Li03 .headnav03 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi03.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li03 .headnav03:hover {background-position: 0px -60px;} #Gnavi .Li03 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi03.jpg) 0px -120px;} #Gnavi .Li04 .headnav04 {width: 190px;height: 60px;display: block;background: url(../img2/globalnavi04.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li04 .headnav04:hover {background-position: 0px -60px;} #Gnavi .Li04 {width: 190px;height: 60px;display: block;background: url(../img2/globalnavi04.jpg) 0px -120px;} #Gnavi .Li05 .headnav05 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi05.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li05 .headnav05:hover {background-position: 0px -60px;} #Gnavi .Li05 {width: 135px;height: 60px;display: block;background: url(../img/globalnavi05.jpg) 0px -120px;} #Gnavi .Li05 {width: 135px;height: 60px;display: block;background: url(../img/globalnavi05.jpg);background-position: 0px 0px;} #Gnavi .Li05_02 .headnav05 {width: 135px;height: 60px;display: block;background: url(../img2/globalnavi07.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li05_02 .headnav05:hover {background-position: 0px -60px;} #Gnavi .Li05_02 {width: 135px;height: 60px;display: block;background: url(../img/globalnavi07.jpg) 0px -120px;} #Gnavi .Li05_02 {width: 135px;height: 60px;display: block;background: url(../img/globalnavi07.jpg);background-position: 0px 0px;} #Gnavi .Li06 .headnav06 {width: 175px;height: 60px;display: block;background: url(../img/globalnavi06.jpg);background-position: 0px 0px; text-indent: -999em;} #Gnavi .Li06 .headnav06:hover {background-position: 0px -60px;} #Gnavi .Li06 {width: 175px;height: 60px;display: block;background: url(../img/globalnavi06.jpg) 0px -120px;} #slide .slick li { height:416px;} /* Wrapper ------------------------------------------------------------------------------------------------------------------------------ */ #Wrapper {width: 868px;height: auto;margin: 0px auto 0px auto;display: block;text-align:left;clear: both; padding-left:10px; padding-right:10px;} #Wrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* MainMenu ----------------------------------------------------------------------------------------------------------------------------- */ #MainMenu {width: 868px;height: 154px;margin: 20px auto 60px auto;display: block;text-align:left;clear: both;line-height: 0;padding-left:10px; padding-right:10px;} #MainMenu li a {float: left;text-indent: -999em;} #MainMenu .Li01 a {width: 282px;height: 154px;background: url(../img/mainbanner01.jpg) no-repeat;margin: 0px 10px 0px 0px;padding: 0px;} #MainMenu .Li01 a:hover {background-position: 0px -154px;} #MainMenu .Li02 a {width: 282px;height: 154px;background: url(../img/mainbanner02.jpg) no-repeat;margin: 0px 10px 0px 0px;padding: 0px;} #MainMenu .Li02 a:hover {background-position: 0px -154px;} #MainMenu .Li03 a {width: 282px;height: 154px;background: url(../img/mainbanner03.jpg) no-repeat;margin: 0px 0px 0px 0px;padding: 0px;} #MainMenu .Li03 a:hover {background-position: 0px -154px;} #MainMenu .Li04 a {width: 282px;height: 154px;background: url(../img/mainbanner04.jpg) no-repeat;margin: 0px 0px 0px 0px;padding: 0px;} #MainMenu .Li04 a:hover {background-position: 0px -154px;} /* Kaikou */ #Kaikou {width: 990px;height: auto;margin: 20px auto 0px auto;display: block;} /* HomeL --------------------------------------------------------------------------------------------------------------------------------- */ #HomeL {width: 568px;height: auto;display: block;float: left;} #HomeL:after {content: "";height: 0;clear: both;visibility: hidden;display: block;text-align:left;} /* Topics */ #TopLeft {width: 568px;height: auto;display: block;} #TopLeft:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Topics h2 {width: 568px;height: 35px;display: block;background: url(../img/topic_h.jpg) no-repeat;text-indent: -999em;} #Topics .TopiBox {width: 568px;height: auto;margin: 0px;padding: 10px 0px 0px 0px;display: block;} #Topics dl {margin: 0px 0px 10px 0px;padding: 0px 0px 8px 0px;display: block;border-bottom: dotted 1px #999999;} #Topics dt {width: 70px;height: 1em;margin: 0;padding: 0px;color: #000000;float: left;} #Topics dd {margin: 0px 0px 0px 100px;padding: 0px;} /* StudentBox */ #StudentBox {width: 690px;height: auto;display: block;margin: 0px 0px 50px 0px;} #StudentBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #StudentBox h2 {width: 690px;height: 35px;display: block;background: url(../img/student_h.jpg) no-repeat;text-indent: -999em; margin: 0px 0px 10px 0px;} #StudentBox dl {margin: 0px 0px 10px 0px;padding: 0px 0px 8px 0px;display: block;border-bottom: dotted 1px #999999;} #StudentBox dt {width: 70px;height: 1em;margin: 0;padding: 0px;color: #000000;float: left;} #StudentBox dd {margin: 0px 0px 0px 100px;padding: 0px;} /* HomeR --------------------------------------------------------------------------------------------------------------------------------- */ #HomeR {width: 250px;height: auto;display: block;float: right;} #HomeR:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* BannerBox */ #HomeR .BannerBox {width: 250px;height: auto;margin: 0px;padding: 0px;display: block;} #HomeR .BannerBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #HomeR .BannerBox li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox li:hover {filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} #HomeR .BannerBox .Li01 a {width: 250px;height: 70px;display: block;background: url(../img/banner01.jpg) no-repeat;} #HomeR .BannerBox .Li02 a {width: 250px;height: 70px;display: block;background: url(../img/banner02.jpg) no-repeat;} #HomeR .BannerBox .Li03 a {width: 250px;height: 70px;display: block;background: url(../img/banner03.jpg) no-repeat;} #HomeR .BannerBox02 {width: 250px;height: auto;margin: 0px;padding: 0px;display: block;} #HomeR .BannerBox02:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox02 li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #HomeR .BannerBox02 li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox02 .Li01 a {width: 250px;height: 100px;display: block;background: url(../../school/img/pamphlet_dl.jpg) no-repeat;} #HomeR .BannerBox02 .Li01 a:hover {background-position: 0px -100px;} #HomeR .BannerBox02 .Li02 a {width: 250px;height: 90px;display: block;background: url(../../school/img/graduate.jpg) no-repeat;} #HomeR .BannerBox02 .Li02 a:hover {background-position: 0px -90px;} #HomeR .BannerBox02 .Li03 a {width: 250px;height: 90px;display: block;background:url(../img/ruc_btn.jpg) no-repeat;} #HomeR .BannerBox02 .Li03 a:hover {background-position: 0px -93px;} #HomeR .BannerBox02 .imgbox { display:block; margin-top:20px; outline:none;} #Map area shape { outline:none;} /* BannerBox */ #HomeR .BannerBox {width: 250px;height: auto;margin: 0px;padding: 0px;display: block;} #HomeR .BannerBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #HomeR .BannerBox li:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox li:hover {filter: alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} #HomeR .BannerBox .Li01 a {width: 250px;height: 70px;display: block;background: url(../img/banner01.jpg) no-repeat;} #HomeR .BannerBox .Li02 a {width: 250px;height: 70px;display: block;background: url(../img/banner02.jpg) no-repeat;} #HomeR .BannerBox .Li03 a {width: 250px;height: 70px;display: block;background: url(../img/banner03.jpg) no-repeat;} #HomeR .BannerBox02 {width: 250px;height: auto;margin: 0px;padding: 0px;display: block;} #HomeR .BannerBox02:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox02 li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #HomeR .BannerBox02 li:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #HomeR .BannerBox02 .Li01 a {width: 250px;height: 100px;display: block;background: url(../../school/img/pamphlet_dl.jpg) no-repeat;} #HomeR .BannerBox02 .Li01_02 a {width: 250px;height: 100px;display: block; background: url(../img/20170707banner02.jpg) no-repeat; } .BannerBox02 .Li01 a:hover {background-position: 0px -100px;} #HomeR .BannerBox02 .Li01_02 a:hover {background-position: 0px -100px;} #HomeR .BannerBox02 .Li02 a {width: 250px;height: 90px;display: block;background: url(../../school/img/graduate.jpg) no-repeat;} #HomeR .BannerBox02 .Li02 a:hover {background-position: 0px -90px;} #HomeR .BannerBox02 .imgbox { display:block; margin-top:20px; outline:none;} #Map area shape { outline:none;} #LinkBox {width: 250px;height: auto;margin: 0px 0px 0px 0px;padding: 0px;display: block;} #LinkBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #LinkBox h2 {height: 35px;margin: 0px 0px 10px 0px;padding: 0 0 0 15px;display: block; color:#FFF; background-color:#61b12e; line-height:38px; font-size:1.25em; border:1px solid #61b12e;} #LinkBox li button-link {display: block;background: url(../img/link_icon.jpg) no-repeat 1px; margin: 0px 0px 10px 0px;padding: 0px 0px 0px 25px;} #LinkBox .kyujin { border:2px solid #ccc; padding:0px; margin:0 0 10px 0;} #LinkBox .kyujin_tb { padding:10px; line-height:16px; margin:0 0 10px 0; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif";text-align: justify; } #LinkBox li a { display: block; background: url(../img/link_icon.jpg) no-repeat 1px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 25px;} #LinkBox .kyujin_tb ul { display: table;} #LinkBox .kyujin_tb ul li { line-height: 1.4em; margin-bottom:5px;} #LinkBox .kyujin_tb table { border-collapse:collapse; width:100%; font-weight:bold;} #LinkBox .kyujin_tb table tr{ margin:0 0 5px 0;} #LinkBox .kyujin_tb table td{ border-bottom:1px dotted #009900; color: #52b01e;} #LinkBox .kyujin_tb table td{ background: url(../img/link_icon.jpg) no-repeat; background-position:0 72%; width:27%; padding:10px 3px 3px 16px; white-space: nowrap;} #LinkBox .kyujin_tb table td:first-child{ background:none; width:50%; padding:10px 0 0 0; color:#000;} #LinkBox .kyujin_tb table td:last-child { width:10%;} #LinkBox .kyujin_tb table td a{ text-decoration:none; color:#52b01e;} #LinkBox .kyujin_tb .color01{ color:#073011; font-weight: bold;} /* Contents ---------------------------------------------------------------------------------------------------------------------------- */ #ContTitle h2 {width: 100%;height: 65px;display: block;background-color: #EAF9DD;border-bottom: solid 5px #53B000; font-size: 35px;line-height: 35px;color: #53B000;letter-spacing: 10px;font-weight: normal;text-align: center; margin: 0px;padding: 40px 0px 0px 0px;} /* TopicPath */ #TopicPath {margin: 10px 10px 20px 0px;width: 690px;height:20px;display: block;} #TopicPath li {margin: 0px 5px 0px 0px;display: block;float: left;} #TopicPath li a {padding: 0px 15px 0px 0px;background-image: url(../img/topicpath.gif); background-repeat: no-repeat;background-position: right center; font-size: 12px;font-weight: normal;color: #003366;text-decoration: none;} #TopicPath li em {font-size: 12px;font-weight: normal;color: #666666;text-decoration: none;} /* ContBox */ #ContBox {width: 568px;height: auto;display: block;float: left;margin: 0px;padding: 0px;} #ContBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox h3 {width: 548px;height: 41px;display: block;background: url(../img/h3.jpg) no-repeat;clear: both; font-size: 20px;color: #53B000;font-weight: normal;margin: 0px 0px 20px 0px;padding: 14px 0px 0px 20px;} #ContBox h3.pt02 {background: url(../img/h3_2.jpg) no-repeat;} #ContBox h4 {width: 543px;height: 28px;display: block;background: url(../img/h4.jpg) no-repeat;clear: both; font-size: 17px;color: #53B000;font-weight: normal;margin: 0px 0px 20px 0px;padding: 12px 0px 0px 25px;} #ContBox h4.pt2 {width: 543px;height: 65px;display: block;background: url(../img/h4_2.jpg) no-repeat top left;clear: both; font-size: 17px;color: #53B000;font-weight: normal;margin: 0px 0px 20px 0px;padding: 12px 0px 0px 25px;} #ContBox h5 {font-size: 15px;color: #53B000;display: block;margin: 0px 0px 10px 0px;} /*#ContBox .content ul li { width:268px; height:auto; margin:30px 10px 50px 0; float:left; display:block; background: #ffffff; border: 1px solid #94c966;border-radius: 10px;} #ContBox .content li dt { width:100px; height:auto; float:right; margin:0; padding:10px;} #ContBox .content li dt dd { width:100px; height:auto; float:left; margin: 0 0 50px 0; padding:0px;} #ContBox .content .bg { color: #000; padding: 10px; text-align: center; margin: 50px 500px 35px 10px; width: 130px; font-size: 15px; display: block; height: 10px; line-height: 10px; border-bottom: 1px solid #94c966;} #ContBox .content li a { text-decoration:none; color:#000000;} #ContBox .content .bg2 { width: 248px; height: 55px; font-size: 16px; padding: 20px 10px 10px 10px; background-color: #eaf9dd; border-radius:0 0 10px 10px; text-align: center;line-height: 22px;} */ #ContBox .content ul li { width:268px; height:auto; margin:30px 10px 50px 0; float:left; display:block; background: #ffffff; border: 1px solid #94c966;border-radius: 10px;} #ContBox .content li dt { width:100px; height:auto; float:right; margin:0; padding:10px;} #ContBox .content li dt dd { width:100px; height:auto; float:left; margin: 0 0 50px 0; padding:0px;} #ContBox .content .bg { color: #000; padding: 10px; text-align: center; margin: 50px 500px 35px 10px; width: 130px; font-size: 15px; display: block; height: 10px; line-height: 10px; border-bottom: 1px solid #94c966;} #ContBox .content li a { text-decoration:none; color:#000000;} #ContBox .content .bg2 { width: 248px; height: 55px; font-size: 16px; padding: 20px 10px 10px 10px; /* line-height: 40px; */ background-color: #eaf9dd; border-radius:0 0 10px 10px; text-align: center;line-height: 22px;} #ContBox .content2 {margin-top:50px;} #ContBox .content2.test .TxTBox {width:auto; padding:20px; background-color:#f1ff9c;} #ContBox .content2.test .TxTBox h5{margin-bottom:15px; } #ContBox .content2.test .ImgBoxR img {margin-bottom:10px; } #ContBox .content2 dt { float: right; line-height: 10px; text-decoration: none; margin: 30p 30px 0 0; z-index: 2 !important;} #ContBox .content2 dd {font-size: 15px; margin:0px; color:#000;} #ContBox .content2 .bg { font-size: 1.3em; /* height: 70px; */ padding: 0px 0px 5px 0;margin:20px 0 20px 105px;border-bottom: 2px dotted #53b200; text-align:right;font-family: serif;font-size: 1.5em; } #ContBox .content2 .bg2 {padding: 0 0 0 0px; line-height: 2.5ex; /* white-space: nowrap; */ /* height: 50px; */ /* border-bottom: dotted #009900 1px; */margin:0 0 10px 0; z-index: 1 !important; display: block; font-size: 2.6em; color:#ff0c9e;font-family: serif; font-weight: bold;} #ContBox .content2 .bg3{ line-height: 1.8em; } #ContBox .content2 .button_cs { background: #c1d0f1; color: #fff; width: 12em; text-align: center; margin: 30px 0 20px 0; padding: 0.2em; line-height: 20px; margin-bottom: 0px;} #ContBox .content2 .button_cs:hover{ background: #9be758; transition: all .4s;} #ContBox .content2 dt img {z-index:1; margin: 0 0 5px 5px; border-left: 10px solid #fff;} #ContBox .content2 ul li { border-bottom: 4px solid #b2e48d; margin: 0 0px 50px 0;padding:0 0 20px 0; /* width: 85%; */} #ContBox .content2 ul li a { text-decoration:none;} #ContBox .modal-content { overflow:hidden;} #ContBox .modal-content img { margin:0 10px 10px 0; float:left;} #ContBox .modal-content h4 { float:left;width:auto;display: block;background: url(../work/img/h4.jpg) no-repeat;clear: both; font-size: 17px;color: #53B000;font-weight: normal;margin: 0px 0px 20px px;padding: 12px 0px 25px 25px; } #ContBox .modal { width:400px; float:left;} #ContBox .modal-content p{ float:left;} ContBox .modal-content p a .button-link{ text-align:center;} #ContBox .TxTBox {width: 568px;height: auto;display: block;clear: both;margin: 0px 0px 30px 0px;padding: 0px;} #ContBox .TxTBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .modal-title { margin-bottom:10px;} #ContBox .modal-title strong { font-size: 15px; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Verdana","ＭＳ Ｐゴシック","sans-serif"; color: #53B000; border-bottom: 2px solid #53b000; padding: 0px 3px 0 25px; line-height: 30px; background: url(../../work/img/h4.jpg);background-position: 0px -10px;} .modal-content .button-link { color: #00f; text-decoration: underline; text-align: center; width: 100%;} .modal-content a { text-align: center; width: 100px; float: left;} #ContBox .TxTBox p {display: block;margin: 0px 0px 0px 0px;padding: 0px;clear: both;} #ContBox .textrghit {text-align:right;} #ContBox .textcenter {text-align:center;} #ContBox .relative {width:600px;;height:339px;margin: 20px auto; position:relative;} #ContBox .relative_demo {width:300px;;height:339px;margin: 20px auto; position:relative; text-align:center;} #ContBox .relative_demo img { width:300px; height:300px;} #ContBox .absolute {position:absolute; bottom:-30px; right:-30px; margin:0; padding:0;} #ContBox .absolute img { width:140px; height:auto;} #ContBox .TxT {display: block;margin: 0px 0px 10px 0px;padding: 0px;line-height: 1.8em; text-align: justify; text-justify: distribute;} #ContBox .TxTsp {display: block;margin: 0px 0px 10px 0px;padding: 0px;line-height: 1.8m; text-align: justify; text-justify: distribute;font-size: 1em;} #ContBox .TxTs {display: block;margin: 0px 0px 10px 0px;padding: 0px;line-height: 1.8em; font-size:14px; text-align: justify; text-justify: distribute;} #ContBox .TxTRed {display: block;margin: 0px 0px 10px 0px;padding: 0px;line-height: 1.8em; text-align: justify; text-justify: distribute;color: #CC0000;} #ContBox .TxTPink {display: block;margin: 0px 0px 10px 0px;padding: 0px;line-height: 1.8em; text-align: justify; text-justify: distribute;color: #E74B7F;} #ContBox .TxT .2w { margin:0; padding:0;} #ContBox .TxT .2w dl { width:auto; margin:0; padding:0;} #ContBox .TxT .2w dt { float:left;} #ContBox .TxT .2w dd { margin:0 0 0 0px; padding:0;} #ContBox .TxT dl { width:auto; height:auto; margin:0 0 10px 0; padding:0;} #ContBox .TxT dl dt { width:50px; height:auto; float:left;} #ContBox .TxT dl.auto dt { width:auto;} #ContBox .TxT dl dt .pass { width:300px; height:auto; clear:both; margin:0 0 0 100px; padding:0 0 0 100px;} #ContBox .TxT.f18 { font-size:16px;} #ContBox .TxT ul dl { width:auto; margin:0; padding:0; clear:both; list-style:none;} #ContBox .TxT ul dt { float:left; clear:both;} #ContBox .TxT ul dd { margin:0 0 0 100px; padding:0;list-style:none;} #ContBox .TxT .pl li { margin:0 0 0 20px; padding:0;list-style-type:disc; float:none;} #ContBox .TxT_demo img{margin:20px 0 0 -35px;} #ContBox .ImgBoxR {float: right;margin: 0px 0px 30px 30px;padding: 0px;} #ContBox .ImgBoxC {margin: 0px auto 30px auto;padding: 0px;text-align: center;} #ContBox .ImgBoxL {float: left;margin: 0px 25px 25px 0;padding: 0px;} #ContBox .PageTop {width: 690px;height: 25px;display: block;margin: 0px;padding: 0px;clear: both;text-indent: -999em;} #ContBox .PageTop a {width: 170px;height: 25px;display: block;margin: 0px;padding: 0px;float: right; background: url(../img/pagetop.jpg) no-repeat;} #ContBox .PageTop a {background-position: 0px 0px;} #ContBox .PageTop a:hover {background-position: 0px -25px;} #ContBox .DlBox01 {width: 690px;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px;} #ContBox .DlBox01 dl {margin: 0px 0px 15px 0px;} #ContBox .DlBox01 dt {float: left;} #ContBox .DlBox01 dd {padding: 0px 0px 0px 100px;} #ContBox .DlBox02 {width: 690px;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px;} #ContBox .DlBox02 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox02 dt {float: left;} #ContBox .DlBox02 dd {padding: 0px 0px 0px 30px;} #ContBox .DlBox03 {width: 100%;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px;} #ContBox .DlBox03 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox03 dt {float: left;} #ContBox .DlBox03 dd {padding: 0px 0px 0px 3.0em;} #ContBox .DlBox04 {width: 100%;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px;} #ContBox .DlBox04 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox04 dt {float: left;} #ContBox .DlBox04 dd {padding: 0px 0px 0px 8em;} #ContBox .DlBox05 {width: 100%;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 0px;} #ContBox .DlBox05 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox05 dt {float: left;} #ContBox .DlBox05 dd {padding: 0px 0px 0px 1.5em;} #ContBox .DlBox06 {width: 100%;height: auto;display: block;margin: 0;padding: 0px;} #ContBox .DlBox06 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox06 dt {float: left; clear:both;} #ContBox .DlBox06 dd {padding: 0px 0px 10px 4.0em;} #ContBox .DlBox07 {width: 100%;height: auto;display: block;margin: 0;padding: 0px;} #ContBox .DlBox07 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox07 dt {float: left; clear:both;} #ContBox .DlBox07 dd {padding: 0px 0px 10px 10.5em;} #ContBox .DlBox08 {width: 100%;height: auto;display: block;margin: 0px;padding: 0px;} #ContBox .DlBox08 dl {margin: 5px 0 0 0;} #ContBox .DlBox08 dt {padding:10px 0px 0px 0px;} #ContBox .DlBox08 dd {padding:0px 0px 0px 20px;} /*#ContBox .DlBox08 dd:last-child{padding:0px 0px 5px 0px;}*/ #ContBox .DlBox09 {width: 100%;height: auto;display: block;margin: 0;padding: 0px;} #ContBox .DlBox09 dl {margin: 0px 0px 5px 0px;} #ContBox .DlBox09 dt {margin: 0px 0px 0px 1.3em;float: left; clear:both;} #ContBox .DlBox09 dd {padding: 0px 0px 10px 10em;} #ContBox .unl01 {border-bottom: thin solid #990000;} #ContBox .shikaku {width: 100%;height: auto;display: block;margin: 0;padding: 0px;} #ContBox .shikaku dl {margin: 0px 0px 5px 0px;} #ContBox .shikaku dt {float: left; clear:both;} #ContBox .shikaku dd {padding: 0px 0px 10px 150px;} #ContBox .TxTBox .open li {float:left; margin:0 5px 20px 5px;} #ContBox .TxTBox .open dt{ line-height:25px;} #ContBox .TxTBox .open dt p {background: #FFFFFF url(../../campus/img/op_icon.jpg) no-repeat left top ;padding 0;margin:0; padding-left:30px;font-size: 15px;color: #53B000; font-weight:bold;} #ContBox .TxTBox .open li img:hover{filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";-moz-opacity:0.6;-khtml-opacity: 0.6; opacity:0.6;zoom:1;} #ContBox .FileDL {margin-top: 20px;padding-left: 20px;display: block; background: url(../img/ico_pdf.gif) no-repeat left center;} #ContBox .FileDL a:hover {text-decoration: underline;} #ContBox .Font17 {font-size: 17px;} #ContBox .EventPhoto {width: 568px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px;} #ContBox .EventPhoto:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto li {display: block;float: left;margin: 0px 10px 10px 0px;} #ContBox .EventPhoto li:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto li a {width: auto;height: auto;} #ContBox .LiEnd {width: auto;height: auto;} #ContBox .Li01 ul { margin:0 0 0 20px; padding:0;} #ContBox .Li01 ul li {list-style-image:url(../img/dot.jpg);margin: 0;} #ContBox .Font17 {font-size: 17px;} #ContBox .EventPhoto2 {width: 480px;height: auto;display: block;margin: 0px auto 20px auto;padding: 0px;} #ContBox .EventPhoto2 dt {clear:both;} #ContBox .EventPhoto2 dd {padding: 0; text-align: center; clear:both; } #ContBox .EventPhoto2:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto2 li {display: block;float: left;margin: 0px 15px 15px 0px;} #ContBox .EventPhoto2 li:nth-child(3n){margin: 0px 0px 15px 0px;} #ContBox .EventPhoto2 li:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto2 li a {width: auto;height: auto;} #ContBox .LiEnd {width: auto;height: auto;} #ContBox .EventPhoto2 li img{width:150px;height:auto;margin: 0px;} #ContBox .EventPhoto3 {width: 568px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px; position:relative;left:-15px;} #EventPhoto03 {width: 568px;height: auto;display: block;margin: 0px 0px 20px 0px;padding: 0px;} #ContBox .EventPhoto03:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto03 li {margin: 0px 10px 10px 0px; padding:1px; display: block; box-sizing: border-box; float: left; background:#a6a6a4;} #ContBox .EventPhoto03 .pt2 {margin: 10px 10px 10px 0px;} #ContBox .EventPhoto03 .b_none{background: none; } #ContBox .EventPhoto03 .w1 {width: 272px;} #ContBox .EventPhoto03 .w2 {width: 70%;} #ContBox .EventPhoto03 .w3 {width: 25%;} #ContBox .EventPhoto03 li:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #ContBox .EventPhoto03 li a img {width: auto;height: auto; border:1px solid #fff;} #ContBox .EventPhoto03 li span img {width: auto;height: auto; border:1px solid #fff;} #ContBox .EventPhoto03.pt2 li { padding:0; background: none;} #ContBox .EventPhoto03.pt2 dd.img { background: #a6a6a4; padding: 1px;} #ContBox .EventPhoto03 dt span {margin: 0px 0px 10px 0px;font-size: 15px; color: #53B000; display: block;font-weight: bold;} #h171108 {width: 588px;text-align: justify;} #h171108 .right {float: right;width: 336px; } #h171108 .right .b_none {margin: 0px 0px 30px 0px;} #h171108 .left {float: left;width: 209px; } #h171108 .left .b_none {margin: 0px 0px 15px 0px;} #h180105 {width: 588px;text-align: justify;} #h180105 .right {float: right;width: 268px; } #h180105 .right .b_none {margin: 0px 0px 15px 0px;} #h180105 .left {float: left;width:268px; } #h180105 .left .b_none {margin: 0px 0px 70px 0px;} #School #ContBox dl dt { float: left; clear: both;} #School #ContBox .EventPhoto03.pt2 dt { float: none;} #School #ContBox dl.DlBox08 dt{ float: none;} /*#School #ContBox dl dd { margin:0 0 15px 0;}*/ #School #ContBox .EventPhoto2 dd{clear:both; padding: 0; font-size: 11px;} #School .BannerBox02 {width: 250px;height: auto;margin: 0px;padding: 0px;display: block;} #School .BannerBox02:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #School .BannerBox02 li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #School .BannerBox02 li:after{content: "";height: 0;clear: both;visibility: hidden;display: block;} #School .BannerBox02 .Li01_02 a {width: 250px;height: 80px;display: block; background: url(../img/20170707banner02.jpg) no-repeat; } #School .BannerBox02 .Li01_02 a:hover {background-position: 0px -100px;} #School .BannerBox02 .imgbox { display:block; margin-top:20px; outline:none;} /* btn */ #ContBox li .button{border: 3px solid #CCC; border-radius: 30px; color: #111;margin:25px 0 0 0; padding: 20px 20px 20px; background-color:#CA9FA6; color:#FFF;outline: none;} #ContBox li .button:hover{ background-color:#FF63CC;} #ContBox dl dd .button{border: 3px solid #CCC; border-radius: 30px; color: #111;margin:25px 0 0 0; padding: 20px 20px 20px; background-color:#CA9FA6; color:#FFF;} #ContBox dl dd .button:hover{ background-color:#FF63CC; outline: none;} a {outline: none;} #ContBox li .button99 { background:#fff; border:none; color: #008c26;margin:25px 0 0 0; padding:10px 40px 10px 10px; outline: none; background: url(../img/link_icon.jpg) right; background-color:#fff; background-position-x: 140px; background-repeat: no-repeat; border: solid 2px #ccc;} #ContBox li .button99:hover{ background-color:#fff; background-position-x: 145px; -webkit-transition: all .3s; transition: all .1s;} #ContBox li .button2{border: 3px solid #fff; border-radius: 10px; color: #fff;margin:25px 25px 0 50px; padding: 10px; background-color:#E3B3B6; color:#FFF;outline: none; text-align:center; float:left;} #ContBox li .button2:hover{ border-color:#E3B3B6; color:#E3B3B6;background-color: #fff;transition: all .4s;} #ContBox li .button3{border: 3px solid #fff; border-radius: 10px; color: #fff;margin:25px 0px 0 0; padding:10px; background-color:#E3B3B6; color:#FFF;outline: none; text-align:center; float:right;} #ContBox li .button3:hover{ border-color:#E3B3B6; color:#E3B3B6;background-color: #fff;transition: all .4s;} a {outline: none;} .button4 { text-decoration:none;} .button4{ margin:0 10px 20px 0; padding:0;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:1px solid #cccccc; display:block; width:270px; height:45px; text-align:center; line-height:45px;color:#E3B3B6; float:left;} .button4:hover{ border-color:#00FFFF;transition: all .2s;} a {outline: none;} .button5{ margin:0 10px 20px 0; padding:0;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border:1px solid #cccccc; display:block; width:150px; height:20px; text-align:center; line-height:20px;color:#FFF; float:left; background-image:url(../../campus/img/voice_01.png); text-decoration:none;text-indent: -999em;} .button5:hover{ background-image:url(../../campus/img/voice_02.png); transition: all .2s;} .button6{ margin:0 10px 20px 0; padding:0;border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border:1px solid #cccccc; display:block; width:150px; height:20px; text-align:center; line-height:20px;color:#FFF; float:left; background-image:url(../../campus/img/log_deta_01.png); text-decoration:none;text-indent: -999em;} .button6:hover{ background-image:url(../../campus/img/log_deta_02.png);transition: all .2s;} a {outline: none;} .ancer{ padding:0; margin:20px 0 0 0;} /*卒業生の方へ*/ #Graduate #ContBox {width: 100%;} #Graduate .TxTBox {width: 100%;} #Graduate h3 {width: 100%; background: url(../img/h3_03.gif) no-repeat;} #Graduate h4 {width: 100%; background: url(../img/h4_03.gif) no-repeat;} #Graduate .PageTop {width: 100%;} /* table */ #ContBox .TableBox {width: auto;height: auto;display: block;margin: 0px 0px 0 0px;padding: 0px;} #ContBox .TableBox table {width: 100%;height: auto;margin: 0px 0px 20px 0px;vertical-align:top; border-collapse:collapse; table-layout: fixed;} #ContBox .TableBox td { margin:0;padding: 6px 10px 6px 10px;background-color: #FFF; border: 1px solid #b4b4b4;} #ContBox .TableBox th { text-align: center; background-color: #EAF9DD;color: #41875D;font-weight: normal; border: 1px solid #b4b4b4;} #ContBox .TableBox .Yellow {background-color: #FFFEF6;} #ContBox .TableBox .Blue {background-color: #F6FCFF;} #ContBox .TableBox .Pink {background-color: #FFF6FE;} #ContBox .TableBoxcenter {width: 100%;height: auto;display: block;margin: 0px auto 10px;padding: 0px;} #ContBox .TableBoxcenter table {width: 100%;height: auto;margin: 20px auto; border-collapse:collapse;} #ContBox .TableBoxcenter td {padding:6px;background-color: #FFF; text-align:center; border: 1px solid #b4b4b4;} #ContBox .TableBoxcenter th {padding: 3px 10px;background-color: #EAF9DD;color: #41875D;font-weight: normal; text-align:center; border: 1px solid #b4b4b4;} #ContBox .TableBoxcenter.none th {padding: 0;} #ContBox .TableBoxcenter .Yellow {background-color: #FFFEF6;} #ContBox .TableBoxcenter .Blue {background-color: #F6FCFF;} #ContBox .TableBoxcenter .Pink {background-color: #FFF6FE;} #ContBox .SiteMap li {width: 205px;;margin: 0px 10px 6px 0px;padding: 0px 0px 0px 15px; float: left;background: url(../../site/img/ico01.gif) no-repeat 0px 2px;} #ContBox .TableBox td ul {display:block; width:auto;font-size: 12px; vertical-align:top;} #ContBox .TableBox td ul li { width:auto;font-size: 12px; clear:both; float:none;} #ContBox .TableBox td.hov:hover {background: #FFF6FE;cursor:pointer;} #ContBox .TableBox a {text-decoration:none; width:auto; color:#000; margin:0; padding:0;} #ContBox .TableBox .hov .cl { width:auto; margin:0; padding: 0 0 0 15px ;color:#6633FF; background: url(../img/link_icon.jpg) left center ; background-repeat: no-repeat;} #ContBox .TableBox .hov .cl a { color:#6633FF;} #ContBox .TableBox a.blue{ color:#0000ff;} #ContBox .TableBox a.blue:hover{ color:#0099FF;} #graduate #ContBox .TableBox table { background:none;} #ContBox .Table01 table { table-layout:fixed;} #ContBox .Table01 th { padding-left:0;} #ContBox .Table01 th:first-child { width:100px;} #ContBox .Table01 th,#ContBox .Table01 td { text-align:center; } #ContBox .TableBox2 {margin: 0px 0px 0 0px;padding: 0px;} #ContBox .TableBox2 table {width: 100%;height: auto;margin: 0px 0px 20px 0px;background-color: #B4B4B4;vertical-align:top;} #ContBox .TableBox2 td { margin:0;padding: 20px;background-color: #FFF; width:50%;} #ContBox .TableBox2 th {padding:20px;background-color: #EAF9DD;color: #41875D;font-weight: normal;} /* SideMenu */ #SideMenu {width: 250px;height: auto;display: block;margin: 0px 0px 20px 0px;float: right;} #SideMenu:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SideMenu li a {width: 230px;height: 35px;display: block;background: url(../img/submenu_bg.gif) no-repeat; margin: 0px 0px 5px 0px;padding: 20px 0px 0px 20px;font-size: 16px;text-decoration: none;color: #53B000;} #SideMenu li a:hover {background-position: -250px 0px;} #SideMenu h2 { margin:20px 0 15px 0; padding:0 0 0 15px; width:235px; height:35px; line-height:36px; color:#FFF; font-size:13px; background-color: #60B22E; display:block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; display:block;} #SideMenu h2.test{ margin:200px 0 15px 0;} #SideMenu img { width:100%; margin:10px 0 0 0 ;} /* SideBn */ #SideBn {width: 250px;height: auto;display: block;float: right;} #SideBn:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SideBn .Li01 a {width: 250px;height: 100px;display: block;background: url(../img/20170707banner02.jpg);text-indent: -999em;} #SideBn .Li01 a:hover {background-position: 0px -100px;} #SideBn .Li02 a {width: 250px;height: 90px;display: block;background: url(../../school/img/graduate.jpg) no-repeat; margin: 10px 0px 0px 0px;text-indent: -999em;} #SideBn .Li02 a:hover {background-position: 0px -90px;} .wave{ background: url(../img/under_wave1.png);background-position:bottom;background-repeat:repeat-x;} .wave:hover{ background: url(../img/under_wave2.png);background-position:bottom;background-repeat:repeat-x;} /* Footer -------------------------------------------------------------------------------------------------------------------------------- */ #FootWrapper {display: block;clear: both;background: url(../img/foot_head.jpg) top repeat-x #60B22E;margin: 70px 0px 0px 0px;} #FootWrapper:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Footer {width: 980px;height: auto;margin:0px auto 0px auto;padding: 0px 0px 50px 0px;display: block;clear: both;} #Footer:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #FootLeft {width: 400px;height: auto;margin: 0 0 0 10px;padding: 0px;float: left;text-align: left;} #FootId {width: 500px;height: auto;margin:60px 0px 0px 0px;padding: 0px;color: #FFFFFF;} #FootId a {text-decoration: none;color: #FFFFFF;} #FootId a:hover {text-decoration: underline;} #Copy {display: block;margin: 0px;padding: 0px;clear: both;} #Copy address {color: #FFFFFF;font-size: 10px;font-style: normal;} #FootRight {width: 480px;height: auto;margin: 0px;padding: 0px;float: right;} #FootRight:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #FootLink {width: auto;height: 1em;margin: 60px 0px 25px 0px;padding: 0px;} #FootLink li {float: right;margin: 0px 0px 0px 5px;color: #FFFFFF;} #FootLink li a {text-decoration: none;color: #FFFFFF;} #FootLink li a:hover {text-decoration: underline;} #FootContact a {width: 240px;height: 48px;display: block;background: url(../img/contact_btn.jpg) no-repeat;text-indent: -999em; margin: 0px 0px 0px 230px;} #FootContact a:hover {background-position: 0px -48px;} #PageNum {display: block;margin: 30px 0px 0px 0px;text-align: center;} #LinkFile {display: block;margin: 30px 0px 0px 0px;} #Back a {width: 180px;height: 35px;display: block;margin: 30px auto 0px auto; background: url(../../topics/img/ichiran_back.jpg) no-repeat;text-indent: -999em;clear: both;} .Login a {float: right;font-size: 11px;text-decoration: none;color: #CCCCCC;} .Login a:hover {text-decoration: underline;} #ContBox .curriculum {width: auto;height: auto;display: block;margin: 0px 0px 0 0px;padding: 0px;} .curriculum table {width: 100%;height: auto;margin: 0px 0px 20px 0px;background-color: #B4B4B4;vertical-align:top; border-collapse:collapse; border:#b4b4b4 solid 1px;} .curriculum td { margin:0;padding: 6px 5px 6px 5px;background-color: #FFF;white-space: nowrap; border:#b4b4b4 solid 1px;} .curriculum th {color: #41875D;font-weight: normal; border:#b4b4b4 solid 1px; padding:3px;} #ContBox .curriculum0{background-color: #eaf9dd; text-align: left;} #ContBox .curriculum0_total th {background-color: #eaf9dd; text-align: center; border-right:1px solid #eaf9dd;} #ContBox .curriculum0_total .curriculum0_total01{ border-right:#b4b4b4 solid 1px;} #ContBox .curriculum0_total td {background-color: #eaf9dd; text-align: center; border:#b4b4b4 solid 1px;} #ContBox .curriculum01{width:3%;background-color: #ddeef9; text-align: center;} #ContBox .curriculum01_total th {background-color: #f7fcff ;text-align: center;} #ContBox .curriculum01_total td {background-color: #f7fcff ;text-align:left;} #ContBox .curriculum02{background-color: #f0ffd5; text-align: left;} #ContBox .curriculum02_total th {background-color: #fafff0;text-align: center;} #ContBox .curriculum02_total td {background-color: #fafff0;text-align: left;} #ContBox .curriculum03{background-color: #d4eebd; text-align: center;} #ContBox .curriculum03_total th {background-color: #ecffda;text-align: center;} #ContBox .curriculum03_total td {background-color: #ecffda;text-align: left;} #ContBox .curriculum04{ background-color: #ffd2d2; text-align: center;} #ContBox .curriculum04_total th {background-color: #ffecec;text-align: center;} #ContBox .curriculum04_total td {background-color: #ffecec;text-align:left;} #ContBox .curriculum05{ background-color: #f9fcff; text-align: center;} #ContBox .curriculum05_total th {background-color: #f9fcff;text-align: center;} #ContBox .curriculum05_total td {background-color: #f9fcff;text-align: left;} #ContBox .curriculum06{ width:30%; white-space: nowrap;} #ContBox .curriculum07{ width:30%; white-space: nowrap;} .sc {white-space: nowrap;} #ContBox .TableBox .cl {width:25px;} #ContBox .TableBox .cl02 {width:20px;} /* VoiceLi */ .VoiceLi {display: block;} #ContBox .VoiceLi li {display: block;border-bottom: 1px dotted #CCCCCC;background-image: url(../img/link_icon.jpg);background-repeat: no-repeat;background-position: 0.5em center;padding-top: 1em;padding-right: 1em;padding-bottom: 1em;padding-left: 2em;} /*フォーム*/ #ContBox #form {} #ContBox #form th {width: 200px;padding: 10px;text-align:justify;box-sizing: border-box;} #ContBox #form td em {font-size: 0.9em;font-weight:normal;} #ContBox #form td {word-break: break-all;} #ContBox #form span {margin: 0 20px 0 0;font-weight: bold;color: red;box-sizing:border-box;} #ContBox #form span.pt2 {color:#57895d;} #ContBox #form dt {line-height:30px;} #ContBox #form dd {height:30px;padding: 0 0 0 80px;line-height: 30px;} #ContBox #Contents.from td {} #ContBox #form .size01 {width: 30px;} #ContBox #form .size02 {width: 250px;} #ContBox #form .TxT {padding:0 0 0 1.5em; text-indent:-1.1em;} #ContBox #form ul li {margin: 0 0 50px 0;} #ContBox #form ul li .btn {padding: 5px;width: 150px;background: #60b22e; border: solid 1px #fff; color: #fff;} #ContBox #form ul li .btn:hover{ background:none; border: solid 1px #60b22e; color: #60b22e;} /*オープンキャンパス*/ .open .TxT em {margin: 10px 0 0 0;display: inline-block;} .open .box1 {margin: 10px 0 0 0;} .open #School #ContBox dl dt {width: auto;} .open #School #ContBox .box1 dl dd{margin: 0;padding: 2px 0 2px 90px;font-weight: bold; font-size: 17px;} .open #School #ContBox .box1 em {margin: 0;} .open #School #ContBox .box2 dl dt{float: none;} .open #School #ContBox .box2 dl dd{margin: 0;padding: 0 0 0 90px;} .open #School #ContBox .box4 dl dt{float: left;} .open #School #ContBox .box4 dl dd{margin: 0; padding: 0 0 0 1em;} .open .box1 span {font-weight:normal;font-size: 14px;} .open .box4 span {font-weight: bold;font-size: 17px;color: red;} .open .listbox li {width: 45%;float: left;} .open .listbox li img {width: 100%;} .open.after section {margin-bottom:50px;} .open.after .TxT.left { width:45%; margin:0 5% 0 0; float:left;} .open.after .TxT span { font-weight:bold;} .open.after #ContBox .box1 .TxT.left { margin-top:30px;} .open.after .right { width:50%; float:right;} /*募集要項 */ #Contents.bosyu #ContBox ul li {margin-bottom: 5px;padding-left: 1em;list-style: none;text-indent: -1em; float:none;} #Contents.bosyu #ContBox ul li ul {padding-left: 0.5em;} #Contents.bosyu #School #ContBox li:last-child {margin-bottom:15px;} #Contents.bosyu .TableBox02 table {width: 100%; border-collapse:collapse; border: 1px solid #b4b4b4;text-align: justify;} #Contents.bosyu .TableBox02.fx table { table-layout:fixed;} #Contents.bosyu .TableBox02 table th {padding:5px; background-color: #EAF9DD;color: #41875D;border: 1px solid #b4b4b4;font-weight: normal;} #Contents.bosyu .TableBox02 table td {padding:5px; border: 1px solid #b4b4b4;} #Contents.bosyu .TableBox02 .main {} #Contents.bosyu .TableBox02 .w10 {width:25px;} #Contents.bosyu .TableBox02 .head { text-align: center; } #Contents.bosyu .TableBox02 .head02 {width:20%; text-align: center; } #Contents.bosyu .TableBox02 .w164 {width:164px;} #Contents.bosyu .TableBox02 .w134 {width:134px;} #Contents.bosyu .TableBox02 .w141 {width:141px;} #Contents.bosyu .TableBox02 .main th:first-child{width:25px;!important;text-align: center; } #Contents.bosyu #School #ContBox dl.dl_style01 dt{margin-bottom:5px;font-weight: bold;font-size:14px;float: none;} #Contents.bosyu .unl01 {line-height: 25px;} #Contents.bosyu table td ul {margin-top:10px;} #Contents.bosyu .box {display:block; } #Contents.bosyu .box.style1 {margin-bottom: 10px;padding: 15px;border: solid 2px #000;} /*ボタン*/ #Contents .btn_box li {float:left;} #Contents .btn_box li .button4 {width:30%; box-sizing:border-box; } #Contents .btn_box li .button4.pt02 {line-height: 18px; padding-top: 5px;} #Contents .btn_box.pt02 li {margin-right:20px;} #Contents .btn_box.pt02 li:last-child {margin-right:0px;} #Contents .TxT .btn_box dl {width: 250px;margin-bottom:30px;} #Contents .TxT .btn_box.pt02 {margin:20px auto 0 auto; width:520px;} #Contents .TxT .btn_box dt {margin-bottom:20px;width: auto;text-align: center;float: none;} #Contents .TxT .btn_box dd {margin:0; text-align:center;} #Contents .TxT .btn_box dd .FileDL {display:inline;} /*学費*/ #Contents.cost #School #ContBox li:last-child {margin-bottom:15px;} #Contents.cost .TableBox02 table {width: 100%; border-collapse:collapse; border: 1px solid #b4b4b4;text-align: justify;} #Contents.cost.TableBox02.fx table {table-layout:fixed;} #Contents.cost .TableBox02 table th {padding:5px; background-color: #EAF9DD;color: #41875D;border: 1px solid #b4b4b4;font-weight: normal;} #Contents.cost .TableBox02 table td {padding:5px; border: 1px solid #b4b4b4;} #Contents.cost #SideMenu h2.test {margin: 250px 0 15px 0!important;} /*教職員募集*/ #Contents .rec {} #Contents.rec .TableBox table {border-collapse:collapse; border: solid 1px rgb(255, 204, 102);} #Contents.rec .TableBox th {width:100px;background-color:rgb(255, 255, 153);border: solid 1px rgb(255, 204, 102);} #Contents.rec .TableBox td {border: solid 1px rgb(255, 204, 102);} .wrap{overflow: hidden;} /* 点滅 */ .blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate;} /*アンケート*/ #ContBox.quest .TxT.pt2 {text-align:left;} #ContBox.quest .pt2 span {margin-bottom:30px; display:block; font-size:16px; } /*#ContBox.quest h4.pt2 {font-size: 12px;} #ContBox.quest h4.pt3 {font-size: 14px;} */#ContBox.quest .TxTBox {margin-bottom:100px; } #ContBox.quest .TxTBox.none {margin-bottom:30px; } #boldred {color: red;} /*Q&A*/ .accordion { margin: 40px auto;} .accordion-check { display: none;} .accordion-label { position: relative; display: block; cursor: pointer;} .accordion-label::before { content: '+'; position: absolute; top: 50%; transform: translate(250px,7px); left: 50%; height: 20px; width: 20px; border-radius: 50%; border: 1px solid #4F3E2C; color: #4F3E2C; text-align: center; line-height: 20px; font-weight: bold; z-index: 999;} .accordion-check:checked~.a_box { height: auto; opacity: 1;} .accordion-check:checked+.accordion-label::before { content: '×';} .q_box { display: flex; margin: 0 auto 20px;} .q_box .balloon-left { position: relative; display: inline-block; margin: 0 0 0.5em 1.8em; padding:15px 20px; min-width: 385px; max-width: 100%; color: #555; background: #F9D3E3; border-radius: 10px; line-height: 1.5rem; font-weight: bold; text-align: justify;} .q_box .balloon-left:before { content: ""; position: absolute; top: 22%; left: -28px; border: 15px solid transparent; border-right: 15px solid #F9D3E3;} .q_image { min-width: 120px; height: auto;} .q_image img { width: 100%; height: auto;} .a_box { display: flex; height: 0; overflow: hidden; opacity: 0; transition: all .5s;} .a_box .balloon-right { position: relative; display: inline-block; margin: 0 1.8em 0.5em 0; padding:15px 20px 13px; min-width: 385px; max-width: 100%; color: #555; background: #E8F1CF; border-radius: 10px; line-height: 1.5rem; text-align: justify;} .a_box .balloon-right hr { background-color: #4F3E2C; border: none; height: 1px;} .a_box .balloon-right:before { content: ""; position: absolute; top: 15%; left: 100%; border: 15px solid transparent; border-left: 15px solid #E8F1CF;} .a_image { min-width: 120px; height: auto;} .a_image img { width: 100%; height: auto;} @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} @-moz-keyframes blink{ 0% {opacity:0; 100% opacity:1;} @keyframes blink{ 0% {opacity:0; 100% {opacity:1;} }