/***********************************************************************************/
/*  リセットCSS
/***********************************************************************************/
*{
   margin : 0;
   padding : 0;
}

/***********************************************************************************/
/*  TAG
/***********************************************************************************/
p, div, td {
    color               : #000000;
    font                : 12px "Trebuchet MS";
} 

p {
    text-align          : justify;
}

h1 {
    font                : 24px Arial black;
    color               : #888888;
    margin              : 0px;
    padding             : 0px;
}

h2 {
    font                : 22px Arial;
    font-weight         : bold;
    color               : #ACACAC;
    margin              : 0px;
    padding-top         : 10px;
}


h3 {
    font-size           : 16px;
    color               : #444444;
    margin              : 0;
    padding             : 0px 0px;
}

h3#style1{
    font                : 18px Arial black;
    color               : #444444;
    background          : #000000 url( titlebar3.png ) repeat-x ;
    margin              : 0px;
    padding             : 7px 7px;
}
hr.style1{
    text-align          : center;
    width               : 98%;
    border-color        : #cccccc;
    border-style        : dotted;
    margin              : 0px;
    padding             : 0px;
}

/***********************************************************************************/
/*  BODY
/***********************************************************************************/
body {
    padding             : 0;
    margin              : 0;
    
    background-color    : #4A4D4A;
    color               : #444444;
    font                : 12px "Trebuchet MS" ;
    text-align          : center;
}

/***********************************************************************************/
/*  HEADER
/***********************************************************************************/
#wrapper {
    margin              : 0;
    padding             : 0;
/*
    background          : #CCE0FF url( bg.jpg ) repeat-y ;
*/
    background          : #006ab9 url( bg.jpg ) repeat-y ;
    background-position : top center;
}
#header-wrapper {
	margin              : 0;
	padding             : 0;
	/*height              : 116px;*/
	background          : #fff url(header-bg.jpg)  repeat-x;
	margin-left         : auto;
	margin-right        : auto;
}


#header {
	width               : 838px;
/*	height              : 116px;*/
	/*    background          : #CCE0FF url(header.jpg);*/
/*    background-position : 0px 0px ;*/
    margin-left         : auto;
	margin-right        : auto;
}

/*ｻﾝﾌﾟﾙ用*/
#header2 {
    width               : 838px;
    height              : 116px;
    background          : #CCE0FF url(header7.jpg) ;
    background-position : 0px 0px ;
    margin-left         : auto;
    margin-right        : auto;
}

#header-content {
    padding-top         : 40px;
    text-align          : left;
    width               : 800px;
    margin-left         : auto;
    margin-right        : auto;
}
/***********************************************************************************/
/*  MAIN
/***********************************************************************************/
#container {
    text-align          : left;
    width               : 838px;
    margin              : 0;
    padding             : 0;
    margin-left         : auto;
    margin-right        : auto;
}

#content {
    background-color    : #FFFFFF ;
    margin-left         : 34px;
    margin-right        : 36px;
}
div#pagetitle{
    padding-top         : 21px;
    padding-left        : 2px;
    padding-bottom      : 10px;
}
div#disp_detail{
    width               : 760px;
    border              : 1px solid #cccccc;
}
div#disp_detail h1{
    margin              : 10px 10px 0px 10px;
}
div#disp_detail h2{
    color               : #003366;
    font-size           : 16px;
    font-weight         : bold;
    margin              : 0px 10px 0px 15px;
    border-bottom       : 2px solid #1a7db6;
}
div#disp_detail td{
    vertical-align      : top;
    text-align          : left;
}
div#disp_detail td.message{
    padding-left        : 15px;
    font-size           : 15px;
}
div#disp_detail td.message2{
    font-size           : 15px;
}
div#disp_detail td.imgmes{
    font-size           : 15px;
}
div.bikou{
    font-size           : 15px;
    padding-left        : 6px;
    padding-bottom      : 10px;
}
div#ul p{
    font-size           : 15px;
    font-weight         : bold;
    padding-left        : 10px;
}
table#progress p{
    margin-left         : 13px;
    margin-bottom       : 10px;
}
table#news_detail{
    font-size           : 12px;
    color               : #003366;
}
table#policy td.info{
    border              : 1px dotted #cccccc;
    padding             : 10px;
    text-align          : center;
}
table#policy ul{
    margin              : 0px 20px;
}
table#policy div{
    text-align          : left;
}
table#policy div#keieirinen{
	margin              : 10px 150px;
}
table#policy div#keieirinen li{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy div#keieihoushin{
    margin              : 10px 90px;
}
table#policy div#keieihoushin li{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy div#kankyourinen{
	margin              : 10px 60px;
}
table#policy div#kankyourinen p{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy div#kankyouhoushin li{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy div#kankyouhoushin{
	margin              : 10px 60px;
}
table#policy div#hinshitsuhoushin{
	margin              : 5px 60px;
}
table#policy div#hinshitsuhoushin li{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy div#hinshitsuhoushin p{
	font-size           : 16px;
	line-height         : 20pt;
}
table#policy p{
	font-size           : 16px;
	margin              : 10px 0px;
	line-height         : 21px;
}
table#policy li{
    font-size           : 15px;
    line-height         : 20px;
/*    list-style-image    : url('icon3.gif');*/
    vertical-align      : middle;
}

table#recruit li{
    line-height         : 18px;
    list-style-image    : url('icon4.gif');
    vertical-align      : middle;
}

td.item{
    color               : #ffffff;
    background-color    : #006BB9;
    padding-left        : 10px;
}
td.colum{
    color               : #000000;
    background-color    : #EFF6FB;
}
td.check{
    color               : red;
}
/********************* flash ****************************/

.td_flash{
    width               : 70%;
}

#bg_flash{
    border              : 1px solid #000000;
    margin              : 5px 0px;
}

/********************* menu ****************************/

.td_list{
    background          : #AAAAAA url(tab-bg.jpg) repeat-x ;
    font                : white;
    width               : 30%;
    height              : 26px;
    margin-left         : 19px;
    margin-right        : 21px;
}

a.white{
    text-align          : left;
    width               : 100%;
    float               : left;
    font                : bold 11px/1.5em Verdana;
    color               : white;
    font-weight         : bold;
    margin              : 0;
    padding             : 4px 5px 4px 5px;
    background          : #fff url(tab-bg.jpg) repeat-x ;
}

.td_list a:link {
    margin              : 0;
    padding             : 3px 9px 3px 9px;
    color               : #FFFFFF;
    text-decoration     : none;
    text-align          : left;
}

.td_list a:visited {
    color               : #FFFFFF;
    text-decoration     : none;
}

.td_list a:hover {
    color               : #FFD400;
    text-decoration     : none;
}

/*************************topix**************************/
ul#topix{
    list-style-image    : url(icon2.gif);
}

/*************************item**************************/

td#Item1{
    text-align          : right;
    margin-right        : 10px;
	height				: 28px;
}

td#Main1{
    text-align          : left;
}
td.image{
    background-color    : #FFFFFF;
    padding             : 5px;
    border-left         : 1px solid #cccccc;
    border-top          : 1px solid #cccccc;
    border-right        : 1px solid #cccccc;
    border-bottom       : 1px solid #cccccc;
}

/*************************frame**************************/

div#left {
    float               : left;
    width               : 68%;
    margin-top          : 20px;
}

div#right {
    float               : right;
    width               : 30%;
    margin-top          : 20px; 
}

.clear {
    clear               : both;
}
/*************************link**************************/
ul#link{
    list-style-image    : url(icon1.gif);
}
li#link a{
    /*    display: block;*/
    color               : #003366;
    text-decoration     : none;
}
li#link a:hover{
    /*    display: block;*/
    color               : #6dc3fe;
    text-decoration     : none;
}
*.titlelink{
    cursor              : pointer;
    font-size           : 12px;
}
*.titlelink#high{
    color               : #000000;
    text-decoration     : underline;
}
*.titlelink#medium{
    color               : #000000;
    text-decoration     : underline;
}
*.titlelink#low{
    cursor              : default;
    color               : red;
    text-decoration     : none;
}
/***********************************************************************************/
/*  FOOTER
/***********************************************************************************/
#footer-wrapper {
    padding             : 0;
    margin              : 0;
    margin-left         : auto;
    margin-right        : auto;
    background          : #4A4D4A url(footer-bg.jpg) repeat-x ;
}

#footer {
    margin              : 0;
    padding             : 0;
    height              : 80px;
    text-align          : center;
    margin-left         : auto;
    margin-right        : auto;
    background          : #4A4D4A url(footer.jpg) no-repeat 50% 0 ;
}

#footer-content {
    font                : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color               : #FFFFFF ;
    text-align          : center;
    margin-left         : auto;
    margin-right        : auto;
    width               : 800px;
}

#footer-content a:link, #footer-content a:visited  {
    font                : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color               : #FFFFFF ;
    padding-right       : 20px;
    padding-left        : 20px;
    text-decoration     : none;
}
div#csv_jump{
    text-align          : center;
    border              : 1px solid #1A7DB6;
    margin              : 10px;
    background-color    : #EFF6FB;
}
div#csv_jump table{
    width               : 650px;
}
div#csv_list{
    text-align          : center;
    border              : 1px solid #cccccc;
    padding             : 10px;
    margin              : 10px 0px;
}
div#csv_list h2{
    border-bottom       : 2px solid #1A7DB6;
    text-align          : left;
    color               : #000000;
    margin              : 0px;
}
div#csv_list table{
    width               : 600px;
    margin-top          : 10px;
}
div#csv_list td{
    width               : 30%;
    font-size           : 13px;
}

/*20140919追加 会社案内ページ*/
#company_profile{

}

#company_profile td{
    padding-bottom: 30px;
}

#company_profile .label{
    text-align: right;
}


#company_profile .sub td{
    padding: 0 !important;
}

#enkaku td{
    padding: 5px;
}

table.sub tr>td:first-child{
    width: 150px;
    margin-right: 30px;
}

/*20190608追加 リクルートページ*/
.contents #recruit h2{
	color: #1A7DB6;
	margin-bottom: 2em;
}
.contents #recruit p.tel,
.contents #recruit p.mail{
	font-size: 20px;
	font-weight: bold;
	color: #0D548E;
	margin-bottom: 2em;
	padding-bottom: 8px;
	border-bottom: 1px dotted #999;
	width: 75%;
}
.contents #recruit p.tel a,
.contents #recruit p.mail a{
	color: #0D548E;
	text-decoration: none;
}
.contents #recruit p.tel a:hover,
.contents #recruit p.mail a:hover{
	color: #1069B1;
}
.contents #recruit p.tel img,
.contents #recruit p.mail img{
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
}
.contents #recruit p.catch_A{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 2em;
}
.contents #recruit p.catch_B{
	font-size: 120%;
	margin-bottom: 50px;
	font-weight: bold;
}

.contents #recruit h3{
	border-bottom: 2px solid #006BB9;
	margin-left: -2em;
	font-size: 130%;
}
.contents #recruit h3 span{
	color: #FFFFFF;
	background-color: #006BB9;
	padding: 0.5em 1.5em 0.3em;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

.contents #recruit dl{
	width: 100%;
	margin-bottom: 60px;
	font-size: 120%;
}
.contents #recruit dt{
	float: left;
	width: 15%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}
.contents #recruit dd{
	padding-left: 18%;
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #4A4A4A;
}
.contents #recruit ol li{
	list-style-image    : none;
	list-style-position: inside;
}

.contents #recruit p.last_comennt{
	font-weight: bold;
	margin-top: -45px;
	margin-bottom: 50px;
	font-size: 30px ;
}

.contents #recruit dd a{
	color: #4A4A4A;
}
.contents #recruit dd a:hover{
	color: #666666;
}
.contents #recruit dd img{
	vertical-align: text-bottom;
}