@charset"utf-8";


/*
1. 文字
2. コンテナー
3. ヘッダー
4. グローバルナビゲーション
5. パンくずリスト
6. メイン
7. 左メニュー
8. コンテンツ 
9. フッタ
10. コピーライト 
*/


*{ margin: 0; padding: 0; border:0; }
*{ box-sizing:border-box }
*{ -moz -box -sozomg:border-box }

.clear { clear:both; }
ul { padding:0; margin:0; margin-left:0px; padding-left:0px; }
li { padding:0; margin:0; margin-left:0px; padding-left:0px; }

/* 1. 文字 */
h1 ,h2 ,h3 ,h4 ,h5 { font-size:12px;}
.j18 { font-size:18px;  }
.j17 { font-size:17px;  }
.j16 { font-size:16px;  }
.j15 { font-size:12px;  }
.j14 { font-size:13px;  }
.j13 { font-size:13px;  }
.j12 { font-size:12px;  }
.j11 { font-size:11px;  }
.j10 { font-size:10px;  }
a { text-decoration:none;color:#0056B7; }
a:hover{ text-decoration:none;color:#91c5ff; }

/* 2. コンテナー */
html { font-family:'MS UI Gothic' , 'Osaka', 'ヒラギノ角ゴ Pro W3'; }
body { margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px;}
#container { 
border-top:4px solid #0055c4;
margin:0 auto; 
width:852px;
}
#wrapper { 
background-image:url(../images/g.gif);
background-position:top ;
background-repeat: repeat-y;
}
#wrapper01 { 
background-image:url(../images/g.gif);
background-position:top ;
background-repeat: repeat-y;
height:800px;
}

/* 3. ヘッダー */
#headertop01 { 
margin:0 auto;
width:850px;
height:75px;
background-image:url(../images/logo_r01.gif);
background-position:top right;
background-repeat: no-repeat;
}
#headertop02 h1{ 
display:block;
width:190px;
height:75px; 
float:left;
}
#headertop02 { 
margin:0 auto;
width:850px;
height:75px;
background-image:url(../images/logo_r02.gif);
background-position:top right;
background-repeat: no-repeat;
}
#headertop01 h1{ 
display:block;
width:190px;
height:75px; 
float:left;
}
ul#cinfo { margin-right:0; }
ul#cinfo li {
padding:0px 13px;
background:url(../images/p.gif) no-repeat 0px 0.1em;
list-style: none;
float:left;
position:relative; top:48px; left:268px;
}

/* 4. グローバルナビゲーション */
#topnavi { margin:0 auto; height:48px; }
ul#topgnavi { width:850px; height:40px; margin-left:auto; margin-right:auto; }
ul#topgnavi li { list-style:none; float:left; }
ul#topgnavi li.top a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.vcommunication a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -142px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.network a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -284px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.security a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -426px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kumikomi a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -568px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kaihatsu a{ 
display:block;
width:140px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -710px 0px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.vcommunication a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -142px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.network a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -284px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.security a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -426px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kumikomi a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -568px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kaihatsu a:hover{ 
display:block;
width:140px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -710px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top_now a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.vcommunication_now a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -142px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.network_now a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -284px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.security_now a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -426px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kumikomi_now a{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -568px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kaihatsu_now a{ 
display:block;
width:140px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -710px -80px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top_now a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.top a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") 0px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.vcommunication_now a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -142px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.network_now a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -284px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.security_now a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -426px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kumikomi_now a:hover{ 
display:block;
width:142px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -568px -40px no-repeat;
overflow:hidden;
}
ul#topgnavi li.kaihatsu_now a:hover{ 
display:block;
width:140px;
height:40px;
text-indent:-9999px;
background:url("../images/topgnavi.gif") -710px -40px no-repeat;
overflow:hidden;
}


/* 5. パンくずリスト */
#topicpath { height:17px; text-align:left; clear:both; }
#topicpath p{ font-size:10px; height:12px; padding:0px 0px 0px 10px;}

/* 6. メイン */
#maintobira{ clear:both; width:835px;margin:0 auto; }
#main { clear:both; width:835px;margin:0 auto;
background-image:url(../images/leftmenubg.gif);
background-position:top left;
background-repeat: repeat-y;
}
#main .secton{ margin:0 auto; }
#bottom { clear:both; height:45px; }
#bottom .link_b{ text-align:right; padding:20px 15px 13px 0px; }
#bottom .link_b img{ padding:0px 3px 0px 0px; }
#bottom .link_b a{ font-size:10px; color:#000000; padding:20px 0px 0px 0px; text-align:right;text-decoration:none; }
#bottom .link_b a:hover{ font-size:10px; color:#999999; padding:20px 0px 0px 0px; text-align:right; text-decoration:none;}

/* 7. 左メニュー */
#leftcol {
text-align:left;
float:left;
width:217px;
}
#leftcol .section { width:207px; padding:8px 0px 8px 0px;background-color:#e5e5e5; }
#leftcol dl { width:192px; margin:0 auto; background-color:#FFFFFF; }
#leftcol dl dt{
display:block;
width:192px;
height:29px;
font-weight:bold;
background-image:url(../images/menubg.gif);
background-position:top left;
background-repeat: no-repeat;
padding:0px 0px 8px 0px;
}
#leftcol dl dt.now{
display:block;
width:192px;
height:29px;
font-weight:bold;
background-image:url(../images/menubg_n.gif);
background-position:top left;
background-repeat: no-repeat;
padding:0px 0px 8px 0px;
}
#leftcol dl dt.nowj10{
font-size:10px;
display:block;
width:192px;
height:29px;
font-weight:bold;
background-image:url(../images/menubg_n.gif);
background-position:top left;
background-repeat: no-repeat;
padding:0px 0px 8px 0px;
}
#leftcol dl dt a {
display:block;
width:172px;
height:13px;
padding:11px 0px 0px 18px;
color:#0B2C57;
}
#leftcol dl dt a;hover {
display:block;
width:172px;
height:13px;
padding:11px 0px 0px 18px;
color:#91c5ff;
}
#leftcol dl dt a:visited {
color:#0B2C57;
}
#leftcol dl dd ul li{
display:block;
width:192px;
height:23px;
background-image:url(../images/menubg_b.gif);
background-position:top left;
background-repeat: no-repeat;
list-style: none;
padding:2px 0px 0px 0px;
}
#leftcol dl dd ul li.texti{
display:block;
width:192px;
height:23px;
background-image:url(../images/menubg_b.gif);
background-position:top left;
background-repeat: no-repeat;
list-style: none;
text-indent:15px;
}
#leftcol dl dd ul li.textinobg{
display:block;
width:192px;
height:18px;
list-style: none;
text-indent:15px;
}
#leftcol dl dd ul li.bottom{
display:block;
width:192px;
height:18px;
list-style: none;
}
#leftcol dl dd ul li a{
padding:0px 0px 0px 20px;
}
#leftcol dl dd ul li a img{
width:9px;
padding-right:6px;
}
#leftcol .ban{
padding-top:11px;
text-align:center;
margin:0 auto;
}


/* 8. コンテンツ  */
#rightcol { float:left; width:618px;font-size:12px; }
#rightcol .section { text-align:left; }
#rightcol h2.midashi {
font-size:13px;
display:block;
width:602px;
height:32px;
color:#0b2c57;
padding:7px 0px 0px 0px;
text-indent:19px;
background-image:url(../images/titlebg01.gif);
background-repeat:no-repeat;
}
#rightcol .contents {
margin:0px 0px 10px 8px;
line-height:1.5em;
}
#rightcol .contentstop01 {
margin:0px 0px 10px 0px;
line-height:1.5em;
}


/* 9. フッタ */
#footer {
padding-top:8px;
border-top:1px solid silver;
text-align:center;
clear:both;
background-image:url(../images/g.gif);
background-position:top ;
background-repeat: repeat-y;
}
#footermenu li {
padding:0px 15px;
background:url(../images/p.gif) no-repeat 0px 0.1em;
list-style: none;
float:left;
position:relative; left:275px;
}

/* 10. コピーライト */
#copyright { clear:both; text-align:center; color:#5e5e5e; border-bottom:4px solid #0055c4; padding:8px 0px; }


/* 11. 求人ボタン	*/
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:2px 7px 15px 7px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-size:15px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}