@charset "UTF-8";
/* ============================================================
＠＠
汎用モジュール
各テンプレ・静的ページ用
レイアウトモジュール[基本段落／区切り線／ブロック幅／カラム／画像まわり]
基本要素モジュール[見出し／テキスト／リンクと画像マーカー／リスト／表組み]
汎用クラス（※補助的で、他のモジュールと組み合わせて使用するもの）
------------------
【目次】
------------------
▼基本段落
▼区切り線
▼2カラム
▼3カラム
▼4カラム以上
▼画像まわり
▼見出し
▼テキスト
▼リンクと画像マーカー
▼リスト
▼表組み
▼汎用クラス
▼タブ
▼アニメーションボタン
============================================================ */
/* ------------------------------------------------------------
▼基本段落
------------------------------------------------------------ */
.mt100 { margin-top: 100px !important; }
.mt90 { margin-top: 90px !important; }
.mt80 { margin-top: 80px !important; }
.mt70 { margin-top: 70px !important; }
.mt60 { margin-top: 60px !important; }
.mt50 { margin-top: 50px !important; }
.mt45 { margin-top: 45px !important; }
.mt40 { margin-top: 40px !important; }
.mt35 { margin-top: 35px !important; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
/* テキストとテキストのマージン用 */
.prg60 { margin-bottom: 64px !important; } /* 60px想定 */
.prg50 { margin-bottom: 44px !important; } /* 50px想定 */
.prg45 { margin-bottom: 39px !important; } /* 45px想定 */
.prg40 { margin-bottom: 34px !important; } /* 40px想定 */
.prg35 { margin-bottom: 29px !important; } /* 35px想定 */
.prg30 { margin-bottom: 24px !important; } /* 30px想定 */
.prg25 { margin-bottom: 19px !important; } /* 25px想定 */
.prg20 { margin-bottom: 14px !important; } /* 20px想定 */
.prg15 { margin-bottom: 9px !important; } /* 15px想定 */
.prg10 { margin-bottom: 4px !important; } /* 10px想定 */
/* 画像とテキストのマージン用 */
.prg60.takeLittle { margin-bottom: 57px !important; } /* 60px想定 */
.prg50.takeLittle { margin-bottom: 47px !important; } /* 50px想定 */
.prg45.takeLittle { margin-bottom: 42px !important; } /* 45px想定 */
.prg40.takeLittle { margin-bottom: 37px !important; } /* 40px想定 */
.prg35.takeLittle { margin-bottom: 32px !important; } /* 35px想定 */
.prg30.takeLittle { margin-bottom: 27px !important; } /* 30px想定 */
.prg25.takeLittle { margin-bottom: 22px !important; } /* 25px想定 */
.prg20.takeLittle { margin-bottom: 17px !important; } /* 20px想定 */
.prg15.takeLittle { margin-bottom: 12px !important; } /* 15px想定 */
.prg10.takeLittle { margin-bottom: 7px !important; } /* 10px想定 */
/* take Little Margin 少し余白を追加 */
.takeLittle { margin-bottom: 3px !important; }
td.takeLittle,
th.takeLittle { margin-bottom: 0 !important; padding-bottom: 3px !important; }
.section { margin-bottom: 35px; }
.section.takeLittle { margin-bottom: 32px; }
/* ------------------------------------------------------------
▼区切り線
------------------------------------------------------------ */
.sepa01Top { border-top: 1px solid #e1e1e1; }
.sepa01Left { border-left: 1px solid #e1e1e1; }
.sepa01Right { border-right: 1px solid #e1e1e1; }
.sepa01Btm { border-bottom: 1px solid #e1e1e1; }
/* ------------------------------------------------------------
▼2カラム
------------------------------------------------------------ */
/* ------------------
【col2Wrap】
------------------ */
.col2Wrap {
}
.col2Wrap .colAInCol2 {
float: left;
display: inline; /* for IE6 */
}
.col2Wrap .colBInCol2 {
float: right;
display: inline; /* for IE6 */
}
.col2Wrap .colAInCol2 { width: 47.7777778%; } /* この値は上書きされる */
.col2Wrap .colBInCol2 { width: 47.7777778%; } /* この値は上書きされる */
.col2Wrap .pic {
margin-bottom: 3px;
padding-top: 3px;
text-align: center;
}
/* ------------------------------------------------------------
▼3カラム
------------------------------------------------------------ */
/* ------------------
【col3Wrap】
------------------ */
.col3Wrap {
}
.col3Wrap .colAInCol3,
.col3Wrap .colBInCol3,
.col3Wrap .colCInCol3 {
float: left;
display: inline; /* for IE6 */
}
.col3Wrap .colAInCol3 { margin-right: 2.91666667%; width: 31.3888889%; } /* この値は上書きされる */
.col3Wrap .colBInCol3 { margin-right: 2.91666667%; width: 31.3888889%; } /* この値は上書きされる */
.col3Wrap .colCInCol3 { margin-right: 0; width: 31.3888889%; } /* この値は上書きされる */
.col3Wrap .pic {
margin-bottom: 3px;
padding-top: 3px;
text-align: center;
}
/* ------------------------------------------------------------
▼4カラム以上
------------------------------------------------------------ */
/* ------------------
【col4Wrap】
------------------ */
.col4Wrap {
}
.col4Wrap .colAInCol4,
.col4Wrap .colBInCol4,
.col4Wrap .colCInCol4,
.col4Wrap .colDInCol4 {
float: left;
display: inline; /* for IE6 */
}
.col4Wrap .colAInCol4 { margin-right: 4.44444444%; width: 21.6666667%; } /* この値は上書きされる */
.col4Wrap .colBInCol4 { margin-right: 4.44444444%; width: 21.6666667%; } /* この値は上書きされる */
.col4Wrap .colCInCol4 { margin-right: 4.44444444%; width: 21.6666667%; } /* この値は上書きされる */
.col4Wrap .colDInCol4 { margin-right: 0; width: 21.6666667%; } /* この値は上書きされる */
.col4Wrap .pic {
margin-bottom: 3px;
padding-top: 3px;
text-align: center;
}
/* ------------------
【col5Wrap】
------------------ */
.col5Wrap {
}
.col5Wrap .colAInCol5,
.col5Wrap .colBInCol5,
.col5Wrap .colCInCol5,
.col5Wrap .colDInCol5,
.col5Wrap .colEInCol5 {
float: left;
display: inline; /* for IE6 */
}
.col5Wrap .colAInCol5 { margin-right: 2.77777778%; width: 17.7777778%; } /* この値は上書きされる */
.col5Wrap .colBInCol5 { margin-right: 2.77777778%; width: 17.7777778%; } /* この値は上書きされる */
.col5Wrap .colCInCol5 { margin-right: 2.77777778%; width: 17.7777778%; } /* この値は上書きされる */
.col5Wrap .colDInCol5 { margin-right: 2.77777778%; width: 17.7777778%; } /* この値は上書きされる */
.col5Wrap .colEInCol5 { margin-right: 0; width: 17.7777778%; } /* この値は上書きされる */
.col5Wrap .pic {
margin-bottom: 3px;
padding-top: 3px;
text-align: center;
}
/* ------------------------------------------------------------
▼画像まわり
------------------------------------------------------------ */
/* ------------------
【adjust image】
------------------ */
img.insertImg {
display: inline-block; /* ただしFirefox2は未対応 */
margin: 1px 0;
padding: 0 5px;
vertical-align: middle;
zoom: 1; /* for IE hasLayout true */
}
* html img.insertImg { margin: 2px 0; } /* for IE6 */
img.insertImg.firstItemCol {
padding-left: 0 !important;
}
/* ------------------
【float image】
------------------ */
.imgFloatL {
float: left;
display: inline; /* for IE6 */
margin-right: 20px;
margin-bottom: 10px;
padding-top: 3px;
}
.imgFloatR {
float: right;
display: inline; /* for IE6 */
margin-left: 20px;
margin-bottom: 10px;
padding-top: 3px;
}
/* ------------------
【image with caption】
------------------ */
.imgWithCapt {
text-align: left;
}
.posRight .imgWithCapt {
margin: 0 0 0 auto;
}
.posCenter .imgWithCapt {
margin: 0 auto;
}
.imgWithCapt .pic {
margin-bottom: 3px;
}
.imgWithCapt .capt {
}
/* ------------------
【image wrapper】
------------------ */
.imgWrap {
text-align: left;
}
.imgWrap li {
display: inline-block; /* ただしFirefox2は未対応 */
margin-right: 20px;
margin-bottom: 3px;
vertical-align: top;
zoom: 1; /* for IE hasLayout true */
}
* html .imgWrap li { display: inline; } /* for IE6 */
*:first-child+html .imgWrap li { display: inline; } /* for IE7 */
li.imgWrapLiLastChild { /* （『.imgWrap > ul > li:last-child』をJSで代替） */
margin-right: 0 !important;
}
.posRight .imgWrap {
margin: 0 0 0 auto;
}
.posCenter .imgWrap {
margin: 0 auto;
}
.posRight .imgWrap .imgWithCapt,
.posCenter .imgWrap .imgWithCapt {
margin: 0;
}
/* ------------------------------------------------------------
▼見出し
------------------------------------------------------------ */
h1 {}
h2 {
font-size: 20px;
}
h2.company,
h2.service,
h2.outsourcing,
h2.consulting,
h2.education,
h2.recruit {
height: 230px;
font-size: 0;
text-indent: -9999px;
}
h2.company {
background: url(/shared/images/h2_company.jpg) 50% 0 no-repeat;
}
h2.service {
background: url(/shared/images/h2_service.jpg) 50% 0 no-repeat;
}
h2.outsourcing {
background: url(/shared/images/h2_outsourcing.jpg) 50% 0 no-repeat;
}
h2.consulting {
background: url(/shared/images/h2_consulting.jpg) 50% 0 no-repeat;
}
h2.education {
background: url(/shared/images/h2_education.jpg) 50% 0 no-repeat;
}
h2.recruit {
background: url(/shared/images/h2_recruit.jpg) 50% 0 no-repeat;
}
h3.basic {
font-size: 18px;
margin-bottom: 20px !important;
padding-bottom: 10px;
border-bottom: 2px solid #000000;
}
h4.basic {
margin-bottom: 20px !important;
border-bottom: 1px solid #000000;
}
.catch {
margin: 0 15px 20px !important;
}
.caption {
font-weight: bold;
font-size: 14px;
}
/* ------------------------------------------------------------
▼テキスト
------------------------------------------------------------ */
/* */
a:link { color: #0a99dc; text-decoration: none; }
a:visited { color: #0a99dc; text-decoration: none; }
a:hover,
a:active { color: #0a99dc; text-decoration: underline; }
a:hover,
a:active,
a:focus { outline: none; }
/* --- */
/* size */
.txtSpe01 { /* pxではなく%で指定 */
font-size: 116.7%;
}
.txtSub01 { /* pxではなく%で指定 */
font-size: 83.4%;
}
/* --- */
/* accent */
.txtAccent01 {
color: #b80106;
}
a.txtAccent01:link,
.txtAccent01 a:link{ color: #b80106 !important; }
a.txtAccent01:visited,
.txtAccent01 a:visited{ color: #b80106 !important; }
a.txtAccent01:hover,
a.txtAccent01:active,
.txtAccent01 a:hover,
.txtAccent01 a:active{ color: #b80106 !important; }
/* --- */
/* superscript, subscript */
sup,
sub {
line-height: 1.1;
}
* html sup,
* html sub { font-size: 100%; } /* for IE6 */
*:first-child+html sup,
*:first-child+html sub { font-size: 100%; } /* for IE7 */
head~/* */body sup,
head~/* */body sub { font-size: 100%; } /* for IE8 */
html:not(:target) sup,
html:not(:target) sub { font-size: 83.4%; } /* for mordern except IE8 */
sup { vertical-align: 0.25em; }
sub { vertical-align: 0em; }
/* --- */
/* color */
.txtMainColor{ color: #1e4fb8; } /* コーポレートカラー */
.txtSubColor01{ color: #214aa1; } /* サブカラー：コバルトブルー */
.txtSubColor02{ color: #517ee5; } /* サブカラー：セルリアンブルー */
.txtExColor01{ color: #99cc00; } /* エキストラカラー */
/* img rollover */
a:hover img.overNavi{
opacity: 0.7;
}
/* ------------------------------------------------------------
▼リンクと画像マーカー
------------------------------------------------------------ */
/* の文字色設定は『テキスト』に記述 */
/* ------------------
【link marker】
------------------ */
/* link01 maker */
.link01 {
padding-left: 15px;
background: url(/shared/images/ico_link01.png) 0 0.48em no-repeat;
}
.posRight .link01 {
display: inline-block; /* ただしFirefox2は未対応 */
vertical-align: baseline;
zoom: 1; /* for IE hasLayout true */
}
* html .posRight .link01 { display: inline; } /* for IE6 */
*:first-child+html .posRight .link01 { display: inline; } /* for IE7 */
.posCenter .link01 {
display: inline-block; /* ただしFirefox2は未対応 */
vertical-align: baseline;
zoom: 1; /* for IE hasLayout true */
}
* html .posCenter .link01 { display: inline; } /* for IE6 */
*:first-child+html .posCenter .link01 { display: inline; } /* for IE7 */
/* --- */
/* icon maker */
.iconOtherWin { /* inner is blank text */
display: inline-block; /* ただしFirefox2は未対応 */
padding: 0 5px 0 5px;
background: url(/shared/images/ico_window.gif) 5px 0.48em no-repeat;
width: 14px; /* same bg image width */
zoom: 1; /* for IE hasLayout true */
}
.iconPdf { /* inner is blank text */
display: inline-block; /* ただしFirefox2は未対応 */
padding: 0 5px 0 5px;
background: url(/shared/images/ico_pdf.gif) 5px 0.48em no-repeat;
width: 14px; /* same bg image width */
zoom: 1; /* for IE hasLayout true */
}
/* --- */
/* ------------------------------------------------------------
▼リスト
------------------------------------------------------------ */
/* ------------------
【list dot】
------------------ */
ul.listDot01 {}
ul.listDot01 li,
.listInnr ul.listDot01 li {
padding-left: 15px;
background: url(/shared/images/ico_dot_01.png) 0 0.48em no-repeat;
}
/* ------------------
【list date】
------------------ */
dl.listDate01 {}
dl.listDate01 dt {
float: left;
}
dl.listDate01 dd {
margin-left: 6.5em;
}
/* ------------------
【list prag】
------------------ */
.listPrag {
display: table;
}
.listPrag .listPragHead,
.listPrag .listPragBody {
display: table-cell;
}
/* ------------------
【list order】
------------------ */
ol.listOrd01 {
list-style-type: decimal;
padding-left: 2.1em;
}
ol.listOrd01 li {
list-style-type: decimal;
}
/* ------------------
【text marker】
------------------ */
.hasMrk01 {
clear: both;
padding-left: 1.4em;
}
.hasMrk01 .mrk {
float: left;
display: inline; /* for IE6 */
margin-left: -1.4em; /* negative value => .hasMrk01 padding-left */
}
* html .hasMrk01 .mrk { padding-left: 0.2em; text-indent: -0.2em; } /* for IE6 */
.hasMrk02 {
position: relative;
clear: both;
padding-left: 2.4em;
}
.hasMrk02 .mrk {
float: left;
display: inline; /* for IE6 */
margin-left: -2.4em; /* negative value => ul.hasMrk02 li padding-left */
}
* html .hasMrk02 .mrk { padding-left: 0.2em; text-indent: -0.2em; } /* for IE6 */
/* ------------------
【list column】
------------------ */
ul.listCol01 {
}
ul.listCol01 li {
display: inline-block; /* ただしFirefox2は未対応 */
margin-right: 20px;
margin-bottom: 3px;
vertical-align: top;
zoom: 1; /* for IE hasLayout true */
}
* html ul.listCol01 li { display: inline; } /* for IE6 */
*:first-child+html ul.listCol01 li { display: inline; } /* for IE7 */
.posRight ul.listCol01 li {
margin-left: 20px;
margin-right: 0;
}
/* ------------------------------------------------------------
▼表組み
------------------------------------------------------------ */
table.widthAuto { width: auto !important; }
table.txtSub01 { }
table.posLeft {
margin: 0 auto 0 0 !important;
text-align: left !important;
}
table.posCenter {
margin: 0 auto !important;
text-align: left !important;
}
table.posRight {
margin: 0 0 0 auto !important;
text-align: left !important;
}
table th.posTop,
table td.posTop { vertical-align: top !important; }
table th.posMiddle,
table td.posMiddle { vertical-align: middle !important; }
table th.posBottom,
table td.posBottom { vertical-align: bottom !important; }
table th.posLeft,
table td.posLeft { text-align: left !important; }
table th.posCenter,
table td.posCenter { text-align: center !important; }
table th.posRight,
table td.posRight { text-align: right !important; }
table th.cancelBold { font-weight: normal !important; }
table caption {
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
overflow: hidden;
}
/* ------------------
【layout table】
------------------ */
table.tblLayout {
}
table.tblLayout th,
table.tblLayout td {
font-weight: normal;
text-align: left;
text-align: left;
vertical-align: top;
}
table td .cellInnr01 table.tblLayout {
width: 100%;
}
table td .cellInnr01 table.tblLayout th,
table td .cellInnr01 table.tblLayout td {
padding-top: 0;
padding-bottom: 0;
border: none;
}
table th .cellInnr01 table.tblLayout p,
table th .cellInnr01 table.tblLayout ul,
table th .cellInnr01 table.tblLayout ol,
table th .cellInnr01 table.tblLayout dl,
table td .cellInnr01 table.tblLayout p,
table td .cellInnr01 table.tblLayout ul,
table td .cellInnr01 table.tblLayout ol,
table td .cellInnr01 table.tblLayout dl {
margin: 0;
}
/* ------------------
【table 01】
------------------ */
table.tbl01 {
border-collapse: separate;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
background: #f6f6f6;
border-spacing: 0 10px;
}
table.tbl01 th,
table.tbl01 td {
padding: 0 20px;
height: 50px;
}
table.tbl01 th {
border-right: 1px solid #666666;
}
table.tbl01 td.tblLine {
border-top: 1px solid #666666;
height: 1px;
}
#TypeService table.tbl01 th,table.tbl01 td {
padding: 0 20px;
height: 0px;
}
/* ------------------------------------------------------------
▼汎用クラス
------------------------------------------------------------ */
/* ------------------
【clearfix】
------------------ */
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
font-size: 0;
height: 0;
content: ".";
}
.clearfix {
display: inline-block;
min-height: 1%; /* for IE7 */
}
/* hide from MacIE \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end hide from MacIE */
/* ------------------
【adjust margin】
------------------ */
.lastItem { margin-bottom: 0 !important; }
.lastItemCol { margin-right: 0 !important; }
th.lastItem,
td.lastItem { padding-bottom: 0 !important; }
th.lastItemCol,
td.lastItemCol { padding-right: 0 !important; }
.firstItem { margin-top: 0 !important; }
.firstItemCol { margin-left: 0 !important; }
th.firstItem,
td.firstItem { padding-top: 0 !important; }
th.firstItemCol,
td.firstItemCol { padding-left: 0 !important; }
.nearNext { margin-bottom: 0 !important; }
.nearNextCol { margin-right: 0 !important; }
th.nearNext,
td.nearNext { padding-bottom: 0 !important; }
th.nearNextCol,
td.nearNextCol { padding-right: 0 !important; }
.nearPrev { margin-top: 0 !important; }
.nearPrevCol { margin-left: 0 !important; }
th.nearPrev,
td.nearPrev { padding-top: 0 !important; }
th.nearPrevCol,
td.nearPrevCol { padding-left: 0 !important; }
/* ------------------
【display】
------------------ */
.block { display: block; }
.hide { display: none; }
.hideB {
position: absolute;
visibility: hidden;
left: -9999px !important;
top: 0 !important;
}
/* ------------------
【inline position】
------------------ */
.posLeft { text-align: left !important; }
.posRight { text-align: right !important; }
.posCenter { text-align: center !important; }
.posTop { vertical-align: top !important; }
.posMiddle { vertical-align: middle !important; }
.posBottom { vertical-align: bottom !important; }
/* ------------------------------------------------------------
▼タブ
------------------------------------------------------------ */
.tabNaviArea{
}
/* ------------------------------------------------------------
▼アニメーションボタン
------------------------------------------------------------ */
.animationArea {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animeBox {
border: 1px solid #5f7686;
width: 348px;
height: 148px;
}
.animeBoxInner {
display: block;
overflow: hidden;
width: 348px;
height: 109px;
}
.animeBtn {
display: block;
}
.puffOut {
-webkit-animation-name: puffOut;
animation-name: puffOut;
}
@-webkit-keyframes puffOut {
0% {
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1,1);
}
100% {
-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1.2,1.2);
}
}
@keyframes puffOut {
0% {
transform-origin: 50% 50%;
transform: scale(1,1);
}
100% {
transform-origin: 50% 50%;
transform: scale(1.2,1.2);
}
}
/* ------------------------------------------------------------
▼TOP
------------------------------------------------------------ */
/*
#TypeHome #HeaderArea {
min-width: 1200px;
}
#TypeHome #FooterArea {
min-width: 1200px;
}
*/
#TypeHome #ContentWrap {
width: 100%;
margin: 81px auto 0;
padding-bottom: 0;
min-width:980px;
position: relative;
}
#TypeHome #MainVisualArea {
width:1200px;
height:551px;
}
#TypeHome #MainVisualArea ul#MainVisual li {
background-position: center top;
background-repeat: no-repeat;
left: 0;
position: absolute;
top: 0;
width: 100%;
height:551px;
}
#TypeHome #MainVisualArea ul#MainVisual li.a{
background: url(/images/ind_mainvisual01.jpg) no-repeat scroll 50% 0;
}
#TypeHome #MainVisualArea ul#MainVisual li.b{
background: url(/images/ind_mainvisual02.jpg) no-repeat scroll 50% 0;
display:none;
}
#TypeHome #MainVisualArea ul#MainVisual li.c{
background: url(/images/ind_mainvisual03.jpg) no-repeat scroll 50% 0;
display:none;
}
#TypeHome #MainVisualArea ul#MainVisual li.d{
background: url(/images/ind_mainvisual04.jpg) no-repeat scroll 50% 0;
display:none;
}
#TypeHome #MainVisualArea ul#MainVisual li.e{
background: url(/images/ind_mainvisual05.jpg) no-repeat scroll 50% 0;
display:none;
}
#TypeHome #MainVisualArea ul#MainVisual li.f{
background: url(/images/ind_mainvisual01.jpg) no-repeat scroll 50% 0;
}
#TypeHome #MainNaviArea{
background: url(/images/ind_main_navi_bg.jpg) no-repeat scroll 50% 0;
}
#TypeHome #MainNaviArea .col4Wrap {
width:1000px;
margin:0 auto;
padding-top:20px;
padding-bottom:20px;
}
#TypeHome #MainContArea{
background-color: #f1f1f1;
padding: 50px 110px;
}
#TypeHome #MainContArea .col2Wrap{
width:1000px;
margin:0 auto;
}
#TypeHome #MainContArea .colBInCol2 .col2Wrap .colBInCol2 {
float:left;
}
#TypeHome #MainContArea #MainNewsArea dl{
width: 460px;
}
#TypeHome #MainContArea #MainNewsArea dt.date{
float: left;
background-color: #517ee5;
padding: 5px 0;
width: 62px;
color: #ffffff;
font-family: din medium, arial;
line-height: 1.1;
text-align: center;
border-radius: 5px;
}
#TypeHome #MainContArea #MainNewsArea dt.date .month{
font-size: 18px;
}
#TypeHome #MainContArea #MainNewsArea dt.date .day{
font-size: 30px;
}
#TypeHome #MainContArea #MainNewsArea dd.text{
margin-left: 87px;
}
#TypeHome #MainContArea #MainNewsArea dd.text .tit{
}
#TypeHome #MainContArea #MainNewsArea dd.text .main{
font-size: 12px;
}
#TypeHome #MainContArea #MainNewsArea .btmLine{
border-bottom: 1px solid #e4e4e4;
padding-bottom: 20px;
margin-bottom: 20px;
}
#TypeService .logo img{
vertical-align:middle;
margin-right:20px;
}
#TypeService .logo span{
font-weight:bold;
}
#TypeRecruit .slide,#TypeEducation .slide{
width:616px;
margin:0 auto;
border-top:#ccc 1px solid;
padding-top:8px;
}
#TypeRecruit .slide li,#TypeEducation .slide li{
float:left;
margin:2px;
cursor:pointer;
}
.over a:hover {
opacity: 0.7;
}
#TypeEducation .last_img img,#TypeCsr .last_img img{
margin:5px 20px 20px 0px;
float:left;
}
#Sitemap .cell {
border-right: 33px solid #ffffff;
padding-bottom: 15px;
width: 255px;
}
* html .Index .cell {
display: inline;
}
#Sitemap .cell ul {
margin-top: 10px;
text-indent: -0.8em;
}
#Sitemap .cell ul li {
margin-left: 45px;
}
#Sitemap .cell img {
}
#Sitemap .cell .head {
background: none repeat scroll 0 0 #f0f0f6;
padding: 7px 20px;
width: 245px;
}
#Sitemap .map_box {
float: left;
margin-left:20px;
}
#Sitemap .arr{
vertical-align:middle;
padding-right:5px;
}