@charset "SHIFT_JIS";

/*書式-------------------------------------------------*/
.f_center {
text-align:center;
}

.f_right {
text-align:right;
}

.f_ul {
text-decoration:underline;
}

.f_mr5 {
margin-right:5px;
}

.f_xsmall {
font-size:8px;
font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.f_small {
font-size:10px;
font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.f_medium {
font-size:12px;
}

.f_large {
font-size:14px;
}

.f_xlarge {
font-size:16px;
}

.f_color {
color:#FF459D;
}

.f_color2 {
color:#0199FF;
}

.f_bold {
font-weight:bold;
color:#666;
}

.f_bold2 {
font-size:14px;
font-weight:bold;
color:#666;
}

.f_bold3 {
font-size:14px;
font-weight:bold;
color:#CC3366;
}

.f_border_d {
border-bottom:1px dotted #cccccc;
}

.valign_mid {
vertical-align:middle;
}

.clear {
clear:both;
}

.img_f_left {
float:left;
margin:10px 10px 10px 0;
}

.img_f_right {
float:right;
margin:10px 0 10px 10px;
}

/*見出し-------------------------------------------------*/
.cap1{
font-size:14px;
font-weight:bold;
height:25px;
color:#FF248C;
background-image:url(images/cap1_bg.jpg);
background-position:0 0;
background-repeat:no-repeat;
padding:5px 0 0 15px;
margin:0 0 10px 0;
clear:both;
}

.cap2{
font-size:14px;
font-weight:normal;
height:18px;
color:#FF248C;
border-left: 3px solid #FF459D;
padding: 3px 0 0 8px;
margin:0 0px 10px 0px;
clear:both;
}

.cap3{
font-size:14px;
font-weight:bold;
color:#FF248C;
margin:0px 0px 10px 0px;
clear:both;
}

/*アンカー-------------------------------------------------*/
a:link, a:active {
color:#F66400;
text-decoration:underline;
}

a:visited {
color:#F66400;
text-decoration:underline;
}

a:hover {
color:#F66400;
text-decoration:none;
}


/*本文設定-------------------------------------------------*/
.read_lh160 {
line-height:1.6;
margin:0 0 30px 0;
}

.read_lh160_m0 {
line-height:1.6;
}

.read_lh160_m5 {
line-height:1.6;
margin:0 0 5px 0;
}

.read_lh160_m10 {
line-height:1.6;
margin:0 0 10px 0;
}

.read_lh160_m20 {
line-height:1.6;
margin:0 0 20px 0;
}

.read_lh160_m30 {
line-height:1.6;
margin:0 0 30px 0;
}

.read_lh160_m40 {
line-height:1.6;
margin:0 0 40px 0;
}

.read_lh180 {
line-height:1.8;
margin:0 0 30px 0;
}

.read_lh180_m0 {
line-height:1.8em;
}

.read_lh180_m10 {
line-height:1.8;
margin:0 0 10px 0;
}

.read_lh180_m20 {
line-height:1.8;
margin:0 0 20px 0;
}

.read_lh180_m40 {
line-height:1.8;
margin:0 0 40px 0;
}

.indent {
margin-left:25px;
}

.indent_15 {
margin-left:15px;
}

.indent_80 {
margin-left:80px;
}

.indent_40 {
margin-left:40px;
}

.m40 {
margin-bottom:40px !important;
}

.m50 {
margin-bottom:50px !important;
}

.m20 {
margin: 20px 0px 20px 0px;
}

.sup {
font-weight: normal;
color:#FF0000;
font-size:10px;
}

.box_a {
width:450px;
border:1px #CCC solid;
background-color:#EFECE0;
padding:10px;
margin:0 auto 20px auto;
}

.box_b {
width:400px;
border:1px #CCC solid;
padding:10px;
}

.link_bg {
border-bottom:1px dotted #CCC;
padding-bottom:20px;
width:420px;
}

.news {
border-bottom:1px dotted #CCC;
padding-bottom:20px;
}

.w_600 {
width:600px;
margin:auto;
}

.w_600 {
width:600px;
margin:15px auto 0 auto;
}

/*パンくず--------------------------------------*/
#topicpath {
clear:both;
padding:0px 0 20px 0;
font-size:10px;
}

/*ボックス--------------------------------------*/
.box_01 {
width:440px;
margin:0 0 15px 20px;
background-color:#E1FFE1;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
clear:both;
}

.box_01 h3{
margin:10px;
padding-left:7px;
border-left:3px solid #09815A;
font-weight:bold;
font-size:12px;
color:#09815A;
clear:both;
}

.box_01 p{
margin:0 10px 10px 10px;
}

.box_01 img{
margin:0 10px 10px 10px;
}

.box_02 {
width:440px;
margin:0 0 15px 20px;
background-color:#E1FFE1;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
clear:both;
}

.box_02 h3{
margin:10px;
padding-left:7px;
border-left:3px solid #09815A;
font-weight:bold;
font-size:12px;
color:#09815A;
clear:both;
}

.box_02 p{
width:260px;
float:left;
padding:0 10px 10px 10px;
}

.box_02 img{
width:150px;
float:right;
padding:0 10px 10px 0;
}

.box_03 {
width:440px;
margin:0 0 15px 20px;
border-bottom:1px dotted #CCC;
clear:both;
}

.box_04 {
width:475px;
clear:both;
}

.box_04_left{
float:left;
width:315px;
}

.box_04_right{
float:right;
width:150px;
}

.box_03 h3{
margin:10px;
padding-left:18px;
background-image:url(images/box_03_title.gif);
background-repeat:no-repeat;
background-position:0 4px;
font-weight:bold;
font-size:12px;
color:#09815A;
clear:both;
}

.box_03 p{
margin:0 10px 10px 10px;
}

.box_gre {
width:600px;
clear:both;
margin:20px auto 10px auto; 
clear:both;
}

.box_gre_left{
float:left;
width:425px;
}

.box_gre_right{
float:right;
width:175px;
}

/*エルスタットの特徴-------------------------------------------------*/
.character_box {
width:550px;
background-color:#EFECE0;
background-image:url(images/character_box_bg.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin:10px auto 20px auto;
border: 1px #DBDBDB solid; 
padding:10px 40px 10px 10px;
}

.character_box2 {
width:550px;
background-color:#EFECE0;
background-image:url(images/character_box_bg2.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin:10px auto 20px auto;
border: 1px #DBDBDB solid; 
padding:10px;
}

/*事業所紹介-------------------------------------------------*/
.staff_box {
width:610px;
margin:15px auto 10px auto;
clear:both;
}

.staff_box_left {
width:300px;
float:left;
}

.staff_box_right {
width:300px;
float:right;
}

.comment {
width:294px;
background-color:#EFECE0;
border:1px #DBDBDB solid;
padding:3px;
clear:both;
}

.comment img {
float:left;
width:150px;
padding-right:5px;
}

.comment h4 {
float:right;
width:132px;
padding:3px;
height:14px;
font-size:small;
color:#FFFFFF;
background-color:#FF75B7;
margin-bottom:5px;
}

.comment p {
font-size:12px;
color:#666666;
line-height:1.5em;
}



.staff_box2 {
width:575px;
margin:15px auto 10px auto;
padding:10px;
background-color:#EFECE0;
border:1px #DBDBDB solid;
clear:both;
}

.staff_box2_left {
width:380px;
float:left;
}

.staff_box2_right {
width:190px;
float:right;
}

.comment2 {
width:190px;
clear:both;
}

.comment2 img {
width:180px;
margin:0 0 5px 10px;
}

.comment2 h4 {
width:176px;
margin:0 0 0 10px;
padding:3px;
height:14px;
font-size:small;
color:#FFFFFF;
background-color:#FF75B7;
margin-bottom:5px;
}

.comment2 p {
font-size:12px;
color:#666666;
padding:5px 0 5px 10px;
line-height:1.5em;
}



.office_add {
width:580px;
margin:20px auto 10px auto;
border-top:1px #DBDBDB solid;
border-bottom:1px #DBDBDB solid;
clear:both;
padding:10px;
}

.office_add2 {
width:580px;
margin:10px auto 20px auto;
clear:both;
padding:10px;
}

.office_add_left {
width:212px;
float:left;
}

.office_add_right {
width:360px;
float:right;
}

.office_add_de {
width:360px;
}

.office_add_de dt {
color:#F66400;
margin:0 0 3px 0;
line-height:1.7em;
width:5em;
float:left;
}

.office_add_de dd {
line-height:1.7em;
margin:0 0 6px 0;
}

/*リスト-------------------------------------------------*/
.square li {
list-style-type:square;
margin:0 0 0 25px;
}

.square_margin li {
list-style-type:square;
margin:0 0 5px 25px;
}

.square_margin_0 li {
list-style-type:square;
margin:0 0 0 10px;
}

.circle li {
list-style-type:circle;
margin:0 0 0 20px;
}

.num_list li {
list-style-type:decimal;
margin:0 0 10px 25px;
line-height:1.6;
}

.num_list02 li {
list-style-type:decimal;
margin:0 0 20px 25px;
}

.alpha_list li {
list-style-type:lower-alpha;
margin:0 0 0 25px;
}

.roman_list li {
list-style-type:upper-roman;
margin:0 0 0 25px;
}

.img_list li {
list-style-type:none;
background-image:url(images/listmark.gif);
background-repeat:no-repeat;
background-position:0px 10px;
padding:2px 0 0 5px;
}

.img_list_m10 li {
list-style-type:none;
background-image:url(images/listmark_cmn.gif);
background-repeat:no-repeat;
background-position:0 6px;
padding:2px 0 10px 12px;
}

.img_list_circle li {
list-style-type:none;
background-image:url(images/listmark_circle.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding:0 0 0 18px;
margin-bottom:5px;
font-size:14px;
line-height:1.6;
}

.nomark li {
list-style-type:none;
margin:0;
}

.inline li {
display:inline;
}

. dt {
clear:both;
float:left;
width:80px;
margin-bottom:3px;
}

.dl4 dd {
float:left;
width:100px;
margin-bottom:3px;
}

/*ページトップアンカー--------------------------------------*/
.pagetop {
clear:both;
}

.pagetop li {
margin:0 0 30px 0;
list-style-type:none;
text-align:right;
}

.pagetop a {
clear:both;
text-decoration:none;
font-size:9px;
}

/*トップ新着情報--------------------------------------*/
table.wid_490 {
width:490px;
margin:0 auto 10px auto;
padding:0;
border:1px solid #DBDBDB;
line-height:1.5em;
border-collapse:collapse;
}

td.mccolor {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
}

td.mccolor a {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
text-decoration:none;
}

td.mccolor a:hover {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
text-decoration:underline;
}

td.sccolor {
text-align:left;
background-color:#EFECE0;
padding:4px;
font-weight:normal;
}

td.wid_60 {
text-align:left;
vertical-align:top;
width:60px;
color:#CC3366;
padding:4px;
}

td.wid_155 {
text-align:left;
vertical-align:top;
width:155px;
padding:4px;
}

td.dbutton {
padding:4px;
text-align:center;
}

/*仕事一覧--------------------------------------*/
table.wid_650 {
width:650px;
margin:0 auto 10px auto;
padding:0;
border:1px solid #DBDBDB;
line-height:1.5em;
border-collapse:collapse;
}

td.mccolor {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
}

td.mccolor a {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
text-decoration:none;
}

td.mccolor a:hover {
text-align:left;
color:#CC3366;
background-color:#EFECE0;
padding:4px;
font-weight:bold;
font-size:14px;
text-decoration:underline;
}

td.sccolor {
text-align:left;
background-color:#EFECE0;
padding:4px;
font-weight:normal;
}

td.de_btn {
vertical-align:middle;
width:65px;
color:#CC3366;
background-color:#EFECE0;
}

td.wid_85 {
text-align:left;
vertical-align:top;
width:85px;
color:#CC3366;
padding:4px;
}

td.wid_90 {
text-align:left;
vertical-align:top;
width:90px;
color:#CC3366;
padding:4px;
}

td.wid_235 {
text-align:left;
vertical-align:top;
width:235px;
padding:4px;
}

td.dbutton {
padding:4px;
text-align:center;
}

/*仕事情報詳細・登録テーブル--------------------------------------*/
table.de_wid_650 {
width:650px;
margin:0 auto 10px auto;
padding:0;
border:1px solid #DBDBDB;
line-height:1.5em;
border-collapse:collapse;
}

td.de_mccolor {
text-align:left;
color:#CC3366;
background-image:url(images/offer_detail_mc_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding:7px;
font-weight:bold;
font-size:14px;
}

td.de_sccolor {
text-align:left;
background-color:#EFECE0;
padding:4px;
font-weight:normal;
}

td.title {
text-align:left;
background-color:#FFCEE6;
padding:4px;
font-weight:bold;
color:#CC3366;
}

td.title2 {
text-align:left;
background-color:#DCD6BA;
padding:4px;
font-weight:bold;
color:#F66400;
}

td.wid_100 {
text-align:left;
vertical-align:top;
background-color:#EFECE0;
width:100px;
color:#CC3366;
padding:4px;
}

td.wid_150 {
text-align:left;
vertical-align:top;
background-color:#EFECE0;
width:150px;
color:#F66400;
padding:4px;
}

td.wid_550 {
text-align:left;
vertical-align:top;
width:550px;
padding:4px;
}

td.wid_500 {
text-align:left;
vertical-align:top;
width:500px;
padding:4px;
}

table .de_r {
border-right:1px solid #DBDBDB;
}

table .de_b {
border-bottom:1px solid #DBDBDB;
}

/*ログインテーブル--------------------------------------*/
table.de_wid_400 {
width:400px;
margin:0 auto 10px auto;
padding:0;
border:1px solid #DBDBDB;
line-height:1.5em;
border-collapse:collapse;
}

td.title {
text-align:left;
background-color:#FFCEE6;
padding:4px;
font-weight:bold;
color:#CC3366;
}

td.wid_100 {
text-align:left;
vertical-align:top;
background-color:#EFECE0;
width:100px;
color:#CC3366;
padding:4px;
}

td.wid_150 {
text-align:left;
vertical-align:top;
background-color:#EFECE0;
width:150px;
color:#F66400;
padding:4px;
}

td.wid_300 {
text-align:left;
vertical-align:top;
width:300px;
padding:4px;
}

table .de_r {
border-right:1px solid #DBDBDB;
}

table .de_b {
border-bottom:1px solid #DBDBDB;
}

/*お役立ち情報--------------------------------------*/
.useful {
width:600px;
margin:10px auto 0 auto;
}

.useful li {
margin-bottom:20px;
list-style:none;
background-image:url(images/useful_list_icon.jpg);
background-repeat:no-repeat;
background-position:0 0;
padding: 0 0 0 25px;
}


/*テーブル--------------------------------------*/
table .t_sol {
border-top:1px solid #ffffff;
}

table .b_sol {
border-bottom:1px solid #DBDBDB;
}

table .b_sol2 {
border-bottom:1px solid #CCC;
}

table .b_dot {
border-bottom:1px dotted #FFE1EE;
}

table .r_solid {
border-right:1px solid #cccccc;
}

table .r_solid2 {
border-right:1px solid #cccccc;
}

table .r_dot {
border-right:1px dotted #cccccc;
}

table.wid_600 {
width:600px;
margin:15px auto 0px auto;
padding:0;
border-top:1px solid #DBDBDB;
border-right:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
border-left:3px solid #FF9100;
line-height:1.5em;
border-collapse:collapse;
}

table.wid_600_his {
width:600px;
margin:15px auto 0px auto;
padding:0;
line-height:1.5em;
border-collapse:collapse;
}

th.tcolor {
text-align:left;
color:#CC3366;
background-color:#FFCC99;
padding:4px;
font-weight:normal;
}

th.gcolor {
text-align:left;
color:#FF9171;
padding:4px;
font-weight:bold;
}

th.tcolor_2 {
text-align:left;
color:#CC3366;
padding:4px;
font-weight:normal;
}

table.m30 {
margin-bottom:30px;
}

td.tnormal {
background-color:#F6F6F6;
padding:4px;
}

td.tnormal_2 {
padding:4px;
}

table .wid_400 {
width:400px;
}

table .wid_100 {
width:100px;
}

table .wid_120 {
width:120px;
}

table .wid_150 {
width:150px;
}

table .wid_180 {
width:180px;
}

table .wid_180 {
width:180px;
}

.works_category {
text-align:left;
color:#FFF;
background-color:#3C8041;
padding:4px;
font-weight:bold;
}

.works_left {
font-weight:normal;
text-align:left;
padding:5px;
color:#222222;
width:200px;
border-bottom:1px #999 dotted;
background-color:#f5f5f5;
}

.works_right {
font-weight:normal;
text-align:left;
padding:5px;
color:#222222;
border-bottom:1px #999 dotted;
}




/*clearfix-------------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

.clearfix {zoom:100%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */