F@charset "UTF-8";
/* /kango */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, p, table, th, td, tr, img
pre, blockquote, form, fieldset, input, textarea {
margin: 0;
padding: 0;
}
img {
border: none;
}
dl, dt, dd, ul, ol, li {
list-style: none;
}
body {
text-align:center;
background-color: #FFF;
color: #000s;
background-image: url();
background-repeat: repeat-x;
background-position: top;
line-height: 140%;
}
html, body {
scrollbar-face-color: #;
scrollbar-shadow-color: #;
scrollbar-darkshadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
}
body, th, td {
font-size: small;
}
a:link {
color: #333333;
text-decoration: none;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration:underline;
}
a:active {
color: #333333;
text-decoration: none;
}
/*ﾍﾟ-ｼﾞ全体の設定#page{
display:inline-block;
min-height:1%;
}
* html #page{
height:1%;
}*/
h2 {
margin:15px 0 7px 0;
}
h3{
color:#2c8aaa;
font-size:0.9em;
font-weight:bold;
}
.clear{
clear:both;
}
#wrapper {
margin:0;
width: 910px;
color: #000000;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:0px;
padding:0px;
}
/*左レイアウト*/
#left_box {
width:600px;
float:left;
}
#right_box {
width:300px;
float:right;
}
/*ﾍｯﾀﾞ部分の背景*/
#head{
background-color:#FFF;
background-image:
url(../img/bg_head.jpg);
background-repeat: no-repeat;
margin:0;
padding:0;
}
#head{
text-align:left;
width:1024px;
height: 470px;
}
/*ﾛｺﾞの設定*/
#logo{
float:left;
margin-left: 0px;
padding-top: 25px;
}
/*ﾒｲﾝﾒﾆｭ-*/
#topnavi ul li{
float:left;
margin-top:17px;
margin-left:0px;
margin-right:32px;
margin-bottom:0px;
font-size: 0px;
line-height: 0px;
}
#topnavi{
margin-left:330px;
font-size: 0px;
line-height: 0px;
}
/*ﾒｲﾝｲﾒ-ｼﾞ*/
#mainimg{
float:left;
margin-top:20px;
margin-left:62px;
font-size: 0px;
line-height: 0px;
}
/*ｻﾌﾞﾒﾆｭ-*/
#topsub ul li{
float:left;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
font-size: 0px;
line-height: 0px;
}
#topsub{
clear:both;
margin-left:63px;
}
/*ﾌﾛ-ﾄｸﾘｱのｸﾗｽ*/
.clearclass:after {
content: ".";
display:block;
visibility:hidden;
height: 0;
clear:both;
}
.clearclass {
zoom: 1;
}
/*ﾒｲﾝ部分の背景
#main{
background-color:#FFF;
background-image:
url();
background-repeat: no-repeat;
}
#main{
overflow:hidden;
word-break:break-all;
}*/
#main{
width: 600px;
margin:0px 0px;
padding:0px;
padding-top:0px;
}
/*ﾒｲﾝﾃｷｽﾄの設定*/
.maintext{
text-align:left;
margin-left:50px;
margin-right:0px;
margin-top:0px;
}
.maintext h3{
color:#33B2D2;
font-size:14px;
font-weight:bold;
margin-left:-10px;
}
.textone{
margin-left:30px;
margin-right:20px;
}
#text{
margin:10px;
padding-left:20px;
}
/*ﾒｲﾝﾒﾆｭ-*/
#subnavi ul li{
float:left;
margin-top:0px;
margin-left:0px;
margin-right:0px;
font-size:0%;
line-height:0.1;
}
#subnavi{
}
#sub_left{
float:left;
width:285px;
}
#sub_right {
float:left;
margin-left:12px;
width:285px;
}
/*右部分の背景
#right{
background-color:#FFF;
background-image:
url(../img/bg_right.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#right{
overflow:hidden;
word-break:break-all;
}*/
#right{
float: left;
width:310px;
margin-left:1px;
margin-top:8px;
padding:0px;
}
#right h3{
margin-top:0px;
}
/*右ﾃｷｽﾄの設定*/
.sidetext{
clear:both;
}
.sidetext{
text-align:left;
margin-left:0px;
margin-right:0px;
margin-top:0px;
font-size:0px;
}
/*#bn img{
margin-top:5px;
}
#bn{
font-size:10px;
text-align:center;
margin:0px;
margin-left:-40px;
}
*/
/*ｻｲﾄﾏｯﾌﾟの設定*/
#sitemap{
background-image:
url();
background-repeat: no-repeat;
background-position: bottom;
text-align:left;
}
#sitemap{
margin:0;
width:903px;
clear:both;
position: relative;
display:block;
}
/*ﾌｯﾀ部分の背景*/
#foot{
background-image:
url();
background-repeat: no-repeat;
background-position: bottom;
text-align:right;
}
#foot{
margin-top:10px;
overflow: hidden;
margin-bottom: 10px;
width:903px;
margin-left:auto;
margin-right:auto;
clear:both;
}
#foot .license {
background: none repeat scroll 0 0 #2c8aaa;
border: 2px solid #33b2d2;
color: #FFFFFF;
display: block;
font: 13px/1.8em "MS pGothic",Meiryo;
letter-spacing: 0.1em;
padding: 5px;
text-align: center;
width: 280px;
position: relative;
margin: 0px 0 15px!important;
float: right;
}
#textmenu{
clear:both;
font-size:0.9em;
padding-top:20px;
margin-left:0px;
margin-right:0px;
}
#textmenu img {
margin-left:3px;
}
#copy{float: left; text-align: center; font-size:12px; color:#333333; display: block; width: 900px;}
/*ﾃ-ﾌﾞﾙ*/
.td_gray_01 {
background: #E6E6E6;
}
.td_gray_02 {
background: #F3F3F3;
}
/*
Topics*/
.Tps{
margin-left:7px;
padding:10px;
}
.Tps_left{
float:left;
width:250px;
height:auto !important;
height:80px;
min-height:80px;
text-align:left;
margin-left:5px;
border-bottom:dashed 1px;
}
.Tps_right{
float:right;
width:250px;
height:auto !important;
height:80px;
min-height:80px;
text-align:left;
margin-right:7px;
border-bottom:dashed 1px;
}
.Tps_img{
float:left;
margin-right:5px;
padding:0;
text-align:left;
}
.Tps_txt{
float:left;
font-size:0.9em;
padding:0;
margin-left:5px;
text-align:left;
margin:0;
}
.Tps h4{
font-size:0.9em;
color:#2c8aaa;
padding:0;
margin:0;}
/*
リクルート新着*/
.recruit_news{
width:520px;
height:50px;
border-bottom:dashed 1px;
margin-left:30px;
padding-top:7px;
padding-bottom:5px;
}
.re_img{
float:left;
}
.re_news{
float:left;
font-size:0.9em;
text-align:left;
padding-left:6px;
margin-left:10px;
border-left:solid 1px;
}
.re_news dt
{
width:200px;
margin-bottom:5px;
}
/*!3月31日*/
.Box_top {
width:583px;
height:15px;
background-image:url(../img/top.gif);
background-repeat:no-repeat;
}
.Box_mdl {
width:583px;
background-image:url(../img/mdl.gif);
text-align:left;
}
.Box_btm {
width:583px;
height:15px;
background-image:url(../img/btm.gif);
background-repeat:no-repeat;
}
/**サイトマップ*/
.site_Box_top{
width:903px;
height:8px;
background-image:url(../img/l_top.gif);
background-repeat:no-repeat;
}
.site_Box_mdl{
width:903px;
height:auto !important;
height:260px;
min-height:260px;
background-image:url(../img/l_mdl.gif);
text-align:left;
}
.site_Box_btm {
width:903px;
height:15px;
background-image:url(../img/l_btm.gif);
background-repeat:no-repeat;
}
.site_space {
margin-left:auto;
margin-right:auto;
}
.site_Blk {
width:205px !important;
float:left;
margin-left:20px !important;
margin-top:5px;
margin-bottom:20px;
padding-bottom:5px;
}
.site_Blk ul {display: block; margin: 0px; padding: 0px; overflow: hidden; width: 190px;}
.site_Blk ul li {display: block; width: 180px; margin: 0px 0 0 15px; padding: 0px; line-height: 1.5em;}
.site_Blk p{margin:0 0 0 15px; padding:0; line-height:2em; }
.site_Blk h5 {display: block; margin: 10px 0 5px 0; font-size: 0.9em; color: #2c8aaa;}
/*
おすすめリンク*/
.sBox_top {
width:295px;
height:15px;
background-image:url(../img/s_top.gif);
background-repeat:no-repeat;
}
.sBox_mdl {
width:295px;
background-image:url(../img/s_mdl.gif);
text-align:left;
}
.sBox_btm {
width:295px;
height:15px;
background-image:url(../img/s_btm.gif);
background-repeat:no-repeat;
}
.Lnk_clear{
width:295px;
padding:0;
clear:left;
}
.Lnk {
width:270px;
height:auto !important;
height:50px;
min-height:50px;
padding:10px 0;
margin:0px 0 0 15px;
border-bottom:solid 1px #CCC;
}
.Lnk_txt{
width:200px;
float:left;
padding-left:5px;
text-align:left;
}
.Lnk_txt a:hover {
display:block;
background-color:#eee;
height:auto !important;
height:50px;
min-height:50px;
text-decoration:none;
}
.Lnk_img{
float:left;
}
.Lnk_txt img{
margin-right:3px;
}
/*4/8*/
#header {
width:903px;
height:auto !important;
height:60px;
min-height:60px;
border-top:solid 3px #2992b5;
background-color:#fff;
margin-bottom:6px;
}
#head_left{
width:300px;
float:left;
}
#head_right {
width:589px;
float:right;
margin-top:5px;
}
#head_left img{
float:left;
margin-top:15px;
}
#header h1 {
text-align:right;
width:589px;
font-weight:100;
font-size:11px;
border-bottom:dashed 1px #CCC;
}
/*
グローバルナビゲーション --------------------------*/
.partition {
clear: both;
font-size: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
height: 0px;
}
.clear{clear:both;}
.global_navi {
width:589px;
padding:0;
margin-top:4px;
float:right;
}
.global_navi ul li {
float: left;
margin: 0px;
padding: 0px;
display: block;
}
.global_navi ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.global_navi span {
display: none;
}
/*-- コンテンツ --*/
#g_home a{
background-image: url(../img/cmn/home_navi.gif);
background-repeat: no-repeat;
display: block;
height:31px;
width: 90px;
}
#g_home a:hover{
background-image: url(../img/cmn/home_navi_over.gif);
background-repeat: no-repeat;
}
#g_service a{
background-image: url(../img/cmn/about_navi.gif);
background-repeat: no-repeat;
display: block;
height:31px;
width: 219px;
}
#g_service a:hover{
background-image: url(../img/cmn/about_navi_over.gif);
background-repeat: no-repeat;
}
#g_plan a{
background-image: url(../img/cmn/recruit_navi.gif);
background-repeat: no-repeat;
display: block;
height:31px;
width: 135px;
}
#g_plan a:hover{
background-image: url(../img/cmn/recruit_navi_over.gif);
background-repeat: no-repeat;
}
#g_result a{
background-image: url(../img/cmn/online_navi.gif);
background-repeat: no-repeat;
display: block;
height:31px;
width: 145px;
}
#g_result a:hover{
background-image: url(../img/cmn/online_navi_over.gif);
background-repeat: no-repeat;
}
#stepl{float:left; width:470px;}
.stepr{float:left; padding-left:15px;}
.stt{padding:8px;}
.sts{font-size:12px; padding:8px; line-height:1.3em;}
#stpo{padding:15px;}
.ninl{float:left; padding-top:5px; width:139px;}
.ninr{float:left; padding-left:15px; width:300px;}
/* 追加 6/29 */
p.h2{margin-top:15px;}
.tab_sc tr td{padding:10px;}
.tab1 tr th{padding:10px; text-align:center; background-color:#89c3d3; color:#FFF;}
.tab1 tr td{padding:10px; background-color:#ffffff;}
.tab1{background-color:#CCC;}
.tab2 tr td{padding:10px; background-color:#ffffff;}
.tab2{background-color:#CCC;}
.side-link{padding:20px; display: block; position: relative;}
.side-link p{padding-top:10px; font-size:10px; color:#666; margin:0; padding:0; line-height:1.2em;}
.side-link h4{padding-top:5px; margin:0; padding:0;}
.side-link h4 a{font-size:10px; color:#333; text-decoration:none; font-weight:normal;}
.side-link .bannerTop {display: block; position: relative; margin: -25px 0 0 -16px;}
.license {
background: none repeat scroll 0 0 #2c8aaa;
border: 2px solid #33b2d2;
color: #FFFFFF;
display: block;
font: 13px/1.8em "MS pGothic",Meiryo;
letter-spacing: 0.1em;
padding: 5px;
text-align: center;
width: 280px;
position: relative;
margin-top: 10px;
}