@charset "utf-8"
/* - サイト固有 -------------------- */
/* - 色 (朱色) -------------------- */
.col1 {
 color: #eb4650;
}

/* - 色 (深い緑) -------------------- */
.col2 {
 color: #606000;
}

/* - 色 (明るい朱色) -------------------- */
.col3 {
 color: #ff6666;
}

.col4 {
 color:#ebe0d8;
}

/* - 色 (濃い朱色) -------------------- */
.col5 {
 color:#eb4650;
}

/* - LINK -------------------- */
a {
 color: #0077e6;
 text-decoration: none;
}

a:hover {
 color: #606000;
 text-decoration: underline;
}

/* - ● -------------------- */
.point {
 color: #eb4650;
}

/* - ヘッダメッセージスタイル -------------------- */
#body-header {
 height: 105px;
 background: transparent url(../img/site/header/head-bottom.gif) repeat-x left bottom;
}

#head-msg {
 background-color: #999900;
}

#head-msg h1 {
 margin: 0;
 font-weight: normal;
 font-size: 12px;
 color: #fff;
 padding-left: 12px;
}

#head-layout #logo1 {
 padding:2px 0 0 19px;
 width: 254px;
}

#head-layout #logo2 {
 padding: 0 0 0 19px;
 width: 257px;
}

#head-layout #logo3 {
 padding:0 18px 1px 0;
}

.msg {
 text-align: left;
}

/* - オーバービュー -------------------- */
/* - 色・三角マークのみ定義。paddingはshikaku.cssにて定義 */
.overview-num {
 color: #eb4650;
 font-weight: bold;
 background: transparent url(../img/site/icon/icon-blue-tri.gif) no-repeat 3px center;
}


/* - 右メニューの仕事グループ -------------------- */
#rm-job {
 width:220px;
}

.jobtitle span {
 color: #ff6666;
}

.rightmenu-item .rm-inner .job-group td div {
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 12px center;
}

/* - リンク色 -------------------- */
.rightmenu-item .rm-inner .job-group td div a {
 color: #0077e6;
}

/* - 右メニューの派遣グループ -------------------- */
#haken-msg {
 width: 134px;
 font-size: 10px;
 line-height: 14px;
 padding:92px 0 0 15px;
}

#haken-link {
 font-size:11px;
 font-weight: bold;
 padding:3px 0 3px 34px;
 background: transparent url(../img/site/rightmenu/rm-haken-tri.gif) no-repeat 8px center;
}

#haken-link a {
 color: #ff6666;
}

#haken-cr {
 text-align: right;
 font-size: 10px;
 padding: 0 10px 3px 0;
 color: #666;
}

/* - 右メニューのお役立ち情報グループ -------------------- */
#rm-oyakudachi {
 width:220px;
}

#rm-oyakudachi a {
 color: #0077e6;
}

#rm-oyakudachi .oyakudachi-item {
 text-align:left;
 padding:2px 0 2px 14px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 6px center;
 font-size:12px;
}

#oyakudachi-all {
 text-align:right;
 padding:2px 10px 0 0;
}

#oyakudachi-all a {
 color: #0077e6;
}

/* - センター下スクール -------------------- */
#ci-school {
 padding-top: 20px;
}

.school-block {
 float: left;
 width: 200px;
 height: 144px;
 padding: 4px;
 background: transparent url(../img/site/centeritem/ci-sb-bottom.gif) no-repeat left bottom;
}

/* - センター下地域 -------------------- */
#ci-area {
 padding-top: 20px;
}

#ci-area table {
 margin: auto;
 width: 600px;
 padding-left:12px;
}

#ci-area .h1 {
 font-size: 14px;
 font-weight: bold;
 padding-top:10px;
}

#ci-area .h1 span {
 color: #ff6666;
}


#ci-area li {
 float: left;
 white-space: nowrap;
}

#ci-area li.sep {
 padding: 0 6px;
 color: #0077e6;
}


/* - センター下サイトマップ -------------------- */
#ci-sitemap {
 padding-top: 20px;
}

#ci-sitemap table {
 margin: auto;
 width: 600px;
 padding-left:12px;
}

#ci-sitemap .h1 {
 font-size: 14px;
 font-weight: bold;
}

#ci-sitemap .h1 span {
 color: #ff6666;
}

#ci-sitemap .h2 {
 padding:12px 0 4px 0;
}

#ci-sitemap li {
 padding: 0 0 0 22px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 10px center;
}

#ci-sitemap #sep {
 height: 15px;
 border-bottom: 1px solid #ccc;
}

/* - フッターメッセージスタイル -------------------- */
#body-footer ul {
 width: 640px;
}

#body-footer #foot1 {
 padding:30px 0 10px 0;
 text-align: center;
 margin: auto;
 color: #606000;
}

#body-footer #foot1 a {
 color: #606000;
 text-decoration: none;
}

#body-footer #foot1 a:hover {
 text-decoration: underline;
}

#body-footer li {
 float: left;
}

#body-footer #foot2 {
 height: 20px;
 font-size:10px;
 color: #fff;
 background-color: #999900;
}

/* - INDEX -------------------- */
/*******************************
#index-top {
 width: 620px;
 height: 180px;
 background: transparent url(../img/site/index001.gif) no-repeat left top;
}
#index-top #top-innter {
 padding:54px 0 0 220px;
 width: 380px;
 font-size: 12px;
 line-height: 18px;
}

#index-top #top-innter span {
 color: #eb4650;
 font-weight: bold;
}

#index-top #top-innter span.black {
 color: #000;
}

#index-top #top-innter #select-btn {
 text-align: right;
 position:relative;
 top: -10px;
}
********************************/

#index-top2 {
 width: 620px;
 height: 200px;
 background: transparent url(../img/site/index003.gif) no-repeat left top;
}

#index-top2 #top-inner2 {
 width:350px;
 padding:56px 0 0 263px;
 color:#333333;
}

#index-top2 #top-inner3 {
 text-align:right;
 width:340px;
 padding:80px 0 0 263px;
}

#index-top2 #top-inner4 {
 padding-left:10px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat left center;
}

#index2-course {
}

#index2-course #popular {
 margin-top:20px;
 width:582px;
}

#index2-course #popular #phead {
 height: 31px;
 width:582px;
}

#index2-course #popular #pmid {
 background: transparent url(../img/site/top-middle.gif) repeat-y left top;
 width:622px;
}


#index2-course #popular #pmid .msg {

 padding: 10px;
 width: 580px;
 background: transparent;
}

#index2-course #popular #pfoot {
 width:622px;
 font-size: 0;
 height: 5px;
 background: transparent url(../img/site/top-foot.gif) no-repeat left bottom;
}

#index2-course3 {
 padding:17px 0 5px 0;
}

#index2-course3 #kyouiku2 {
 width:560px;
 padding:5px 0 0 50px;
}

#index2-course3 #kyouiku3 {
 text-align:right;
 padding:2px 10px 0 0;
}

#index2-course3 #kyouiku4 {
 padding-left:10px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat left center;
}


#index-course #course-head {
 height: 30px;
}

#index-course #course-mid {
 width: 620px;
 text-align: center;
 background: transparent url(../img/site/index-course-mid.gif) repeat-y left top;
}

#index-course #course-foot {
 width: 620px;
 height: 6px;
 background: transparent url(../img/site/index-course-foot.gif) no-repeat left top;
}

#index-course #course-mid #course-mid-inner {
 margin: auto;
 text-align: left;
 width: 582px;
}

.msg span {
 color: #eb4650;
 font-weight: bold;
}

.msg span.black {
 color: #000;
}

#course-mid-inner #flow {
 padding:10px 0 0 0;
}

#course-mid-inner #popular {
 text-align:left;

}

#course-mid-inner #popular #phead {
 height: 31px;
}

#course-mid-inner #popular #pmid {
 background: transparent url(../img/site/ninki-middle.gif) repeat-y left top;
}

#course-mid-inner #popular #pmid .msg {
 margin: auto;
 width: 525px;
 background: transparent;
}

#course-mid-inner #popular #pfoot {
 font-size: 0;
 height: 6px;
 background: transparent url(../img/site/ninki-foot.gif) no-repeat left bottom;
}

#popcheck {
 padding:10px 0 0 0;
}

#psubbtn {
 text-align: center;
 padding-bottom:5px;
}

#index-course #complist {
 padding: 14px 0 0 0;
}


#index-course #complist #cmid .msg {
 padding: 10px 0;
 margin: auto;
 width: 580px;
}

#index-course #complist .compttl {
 text-align: left;
 line-height: 20px;
 font-size: 14px;
 font-weight: bold;
 color: #606000;
 background-color: #f5f5d8;
}

#index-course #complist .compgroupbox {
 padding: 8px 0 8px 8px;
}

#index-course #complist #chead {
 height: 30px;
}

#index-course #complist #cmid {
 background: transparent url(../img/site/index2-complist-mid.gif) repeat-y left top;
 text-align: center;
 padding:10px 0;
}

#index-course #complist #cmid table {
 margin: auto;
 width: 580px;
}

#index-course #complist #cfoot {
 font-size: 0;
 height: 6px;
 background: transparent url(../img/site/index2-complist-foot.gif) no-repeat left bottom;
}

/* - SCHOOL -------------------- */
.hs-infobox .scl-course-line {
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}

.hs-infobox .top {
 border-top: 1px solid #ccc;
}

.hs-infobox .scl-course-line .trhead {
 background-color: #f5f5d8;
 height:30px;
}

.scl-course-ttl {
 font-size:14px;
 color: #606000;
}



.scl-course-line td {
 padding:5px;
 color: #666;
 word-break:break-all;
}

.scl-course-line td span {
 font-weight: bold;
 color: #606000;
}

div.scl-course-style {
 padding:8px 0;
}

td.scl-course-infos {
 padding: 8px 16px 12px;
}

.hs-colorbox1 {
 background-color: #f9f6e6;
 padding:4px 20px;
}

.hs-colorbox1 li.comp-line {
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 10px center;
 width: 240px;
 padding: 2px 0 2px 20px;
 float: left;
}

/* - COURSE -------------------- */
.course-regbox {
 margin: auto;
 text-align:center;
 width:500px;
 border:2px solid #606000;
 background-color:#f9f6e6;
}

.course-regbox .regbox-text {
 padding:10px;
 color:#606000;

}

.regbox-btn {
 padding:4px 0 15px 0;
}

/* - info -------------------- */

.rm-inner .info-item {
 text-align:right;
 padding:4px 0 2px 14px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 55px center;
 font-size:12px;
}

/*  TOP */
#popular a {
 font-size:16px;
 line-height:22px;
}
#popular .msg1 {
 float:left;
 width: 360px;
 padding-left:10px;
}

#popular .msg1-list {
 padding:5px 0px 5px 15px;
}

#popular .msg2 {
 float:left;
 width: 190px;
 padding-left:13px;
 border-left:1px solid #eb4751;
}

#popular .msg2-list {
 padding:5px 0px 5px 15px;
}