﻿@charset "utf-8";

/* for login */
form.lgin h2{margin:0;font-size:15px;font-size:1.5rem;font-weight:bold;}

/* for home */
/* form.home div.brdr{border-right:1px solid gray;} */ /*  right border line */
/* form.home div.brdb{border-bottom:1px solid gray;} */ /* bottom border line */

form.home div.lblk{width:230px;} /* left block width */
form.home div.rblk{width:580px;} /* right block width */
form.home div.row{width:850px;} /* row width */
form.home div.row div{display:table-cell;vertical-align:top;}
form.home div.row div span.ttl{position:relative;left:10px;}
form.home div.row div.data{display:block;margin:auto auto auto 20px;}
form.home input.menubtn{font-size:14px;font-size:1.4rem;font-weight:bold;width:150px;height:50px;background-color:#ffffff;border:1px solid #000000;cursor:pointer;}

form.home div.large {text-align:center; position: relative;}
form.home div.sidr {padding-top: 7px;position: relative;}
form.home div.main {padding-top: 7px;position: relative;}

/* 左右カラムの一覧表示用 */
/* ベース */
/* 左:div.sidr 右:div.main */
form.home div.large div.ivms_news{position: relative !important;display:inline-block;padding-bottom: 0 !important; padding-top: 0 !important;}
form.home div.sidr div.ivms_news{position: relative !important;display:inline-block;padding-bottom: 0 !important; padding-top: 0 !important;}
form.home div.main div.ivms_news{position: relative !important;display:inline-block;padding-bottom: 0 !important; padding-top: 0 !important;}
form.home div.large div.ivms_news{width:850px;}
form.home div.sidr div.ivms_news{width:230px;}
form.home div.main div.ivms_news{width:580px;padding-left:40px;}
/* タイトル */
form.home div.sidr div.ivms_news h2{border-left:5px solid #183B7A; border-bottom: 2px solid #183B7A;padding: 5px 0 0 5px;font-size:12px;font-size:1.2rem;}
form.home div.main div.ivms_news h2{border-bottom: 4px solid #183B7A;padding: 0 0 4px 5px;font-size:15px;font-size:1.5rem;}

form.home div.sidr div.ivms_news h5{margin: 20px 0 5px !important;}
form.home div.main div.ivms_news h5{margin: 20px 0 5px !important;}
form.home div.main div.ivms_news h5.Osr{background:url(/konodai-gs/img/title_bg_l1.png) no-repeat 0 100% !important;}
form.home div.main div.ivms_news h5.Msg{background:url(/konodai-gs/img/title_bg_l2.png) no-repeat 0 100% !important;}
form.home div.sidr div.ivms_news h5.Kyuhokou{background:url(/konodai-gs/img/title_bg_s1.png) no-repeat 0 100% !important;}
form.home div.sidr div.ivms_news h5.RoomChange{background:url(/konodai-gs/img/title_bg_s2.png) no-repeat 0 100% !important;}
form.home div.sidr div.ivms_news h5.TimeTable{background:url(/konodai-gs/img/title_bg_s3.png) no-repeat 0 100% !important;}
form.home div.ivms_news h5.Sch{background:url(/konodai-gs/img/title_bg_ll1.png) no-repeat 0 100% !important; text-align:left;}


/* 実データ表示 ul li */
form.home div.sidr div.ivms_news ul.news,form.home div.main div.ivms_news ul.news{margin: 0 0 0 -20px !important;list-style:none !important;backface-visibility:hidden !important;}
form.home div.sidr div.ivms_news ul.news li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;padding: 0 !important; background:none !important;}
form.home div.main div.ivms_news ul.news li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;padding: 0 0 5px !important; background:none !important;}
form.home div.sidr div.ivms_news ul.news li .meta,form.home div.main div.ivms_news ul.news li .meta{display:block;margin:0 0 5px;}
/* 実データ表示 ul li */
/*form.home div.sidr div.ivms_news ul.news2,form.home div.main div.ivms_news ul.news2{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important; overflow-y:scroll; min-height:100%; max-height:400px;}
form.home div.sidr div.ivms_news ul.news2 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news2 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news2 li .meta,form.home div.main div.ivms_news ul.news2 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}*/
/* 実データ表示(教室変更) ul li */
form.home div.sidr div.ivms_news ul.news1,form.home div.main div.ivms_news ul.news1{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important; overflow-y:scroll; height:350px;}
form.home div.sidr div.ivms_news ul.news1 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news1 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news1 li .meta,form.home div.main div.ivms_news ul.news1 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}
/* 実データ表示(休補講) ul li */
/* 表示の一時対応のため[height:230px]>>[height:750px]に変更 */
form.home div.sidr div.ivms_news ul.news2,form.home div.main div.ivms_news ul.news2{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important; overflow-y:scroll; height:750px;}
form.home div.sidr div.ivms_news ul.news2 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news2 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news2 li .meta,form.home div.main div.ivms_news ul.news2 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}
/* 実データ表示(時間割) ul li */
form.home div.sidr div.ivms_news ul.news3,form.home div.main div.ivms_news ul.news3{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important;}
form.home div.sidr div.ivms_news ul.news3 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news3 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news3 li .meta,form.home div.main div.ivms_news ul.news3 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}
/* 実データ表示(メッセージ) ul li */
form.home div.sidr div.ivms_news ul.news4,form.home div.main div.ivms_news ul.news4{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important; overflow-y:scroll; height:230px;}
form.home div.sidr div.ivms_news ul.news4 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news4 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news4 li .meta,form.home div.main div.ivms_news ul.news4 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}
/* 実データ表示(お知らせ) ul li */
form.home div.sidr div.ivms_news ul.news5,form.home div.main div.ivms_news ul.news5{margin: 0 0 0 -40px !important;list-style:none !important;backface-visibility:hidden !important; overflow-y:scroll; height:460px;}
form.home div.sidr div.ivms_news ul.news5 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 10px !important;background:#f0f0f0;}
form.home div.main div.ivms_news ul.news5 li{border-bottom: 1px dotted #CCCCCC;margin: 0 0 15px !important;background:#f0f0f0;}
form.home div.sidr div.ivms_news ul.news5 li .meta,form.home div.main div.ivms_news ul.news5 li .meta{display:block;margin:0 0 5px; padding:8px 10px 5px;}

/* 休講・補講・一斉休校マーク */
form.home div.sidr div.ivms_news ul.news2 li span.meta span.date span.hoko {background-color: #4B0082;background-origin: padding-box;border-radius: 5px 5px 5px 5px;color: #FFFFFF;padding: 2px 10px;}
form.home div.sidr div.ivms_news ul.news2 li span.meta span.date span.kyuko {background-color: #CC3333;background-origin: padding-box;border-radius: 5px 5px 5px 5px;color: #FFFFFF;padding: 2px 10px;}
form.home div.sidr div.ivms_news ul.news2 li span.meta span.date span.torikeshi {background-color: #808080;background-origin: padding-box;border-radius: 5px 5px 5px 5px;color: #FFFFFF;padding: 2px 10px;}
form.home div.sidr div.ivms_news ul.news2 li span.meta span.date span.isseiKyuko {background-color: #F33A3D;background-origin: padding-box;border-radius: 5px 5px 5px 5px;color: #FFFFFF;padding: 2px 10px;font-weight: 700;}


/* タイトル横 一覧(リンク)ボタン */
form.home div.sidr div.ivms_news .lnkBtn { margin: 0; position: absolute; right: 0; top: 6px; display:inline;}
form.home div.main div.ivms_news .lnkBtn { margin: 0; position: absolute; right: 0; top: -1px; display:inline;}
form.home div.sidr div.ivms_news .lnkBtn ul,form.home div.main div.ivms_news .lnkBtn ul { margin: 0; }
form.home div.sidr div.ivms_news .lnkBtn li,form.home div.main div.ivms_news .lnkBtn li { display: inline-block;font-size: 12px;font-size:1.2rem;font-weight: bold;margin: 0 0 0 10px;}
form.home div.sidr div.ivms_news .lnkBtn li:first-child,form.home div.main div.ivms_news .lnkBtn li:first-child { margin:0; }

.lnkBtn a { background-color:#dddddd;padding:2px 10px;background-origin:padding-box;border-radius:5px;color: #000000;text-decoration:none; }
.lnkBtn a:hover {background-color:#c0c0c0;color:#000000; cursor:pointer;text-decoration:underline;   }

#lnkBtnUserName {display: block;text-decoration: none;position: relative; border-bottom: 1px solid #CFDAE4; border-bottom: 1px solid #2E4153;color: #2E4153;padding: 0 0 0 20px;}
#lnkBtnUserName:before {color: #2E4153;content:"▼";position: absolute;left:0;}

#homeNowTime {width:230px;border:1px solid #cccccc; padding: 5px;border-radius:5px 15px;background-origin:padding-box;}

/* モード選択画面 */
.mode h2 {text-align :left; margin-bottom: 5px;}
div.mode {background-color:#FDF6E5;border-radius:15px;padding:5px;margin: 5px auto;width:99%;}


/* for error pages */
body.errpage div.obj{margin:50px auto auto;}
body.errpage div.txt{margin:70px auto 50px;}
body.errpage div.lnk{margin:60px auto 40px;}
/*body.errpage div.lnk a{font-weight:bold;padding:15px 30px;background-color:#ffffff;border:1px solid #b5b5b5;cursor:pointer;}*/
body.errpage div.lnk a{font-weight:bold;padding:15px 30px;background-color:#ffffff;border:none;cursor:pointer;color: #698799;text-decoration:none;}
body.errpage div.lnk a:hover{text-decoration:underline;}



#search-area #search-area2 #search-area3 {margin: 25px 0 0;}
div[id *= 'search-area'] table.src {width:850px;}
div[id *= 'search-area'] table.src th {width:120px;}
div[id *= 'search-area'] table.src td.searchBtnCol {width:120px;text-align:center;}

div[id = 'search-area3'] table.src th {width:90px;}
