@charset "shift_jis";

/* ------------下層ページ基本設定------------ */
/* h2から始まる見出しの設定 */
h2{
 clear : both;
/* 文字色 */
 color : #ffffff;
 line-height : 1.5em;
/* 背景色 */
 background-color : #3366cc;
 margin-bottom : 5px;
 padding-left : 10px;
/* 見出しの罫線色 */
 border : 1px solid #3366cc;
}
/* 見出しの■ */
h2 span{
/* 文字色 */
 color : #ffffff;
 padding-right : 3px;
}

h2 a{
 line-height : 1.5em;
}

h2 a:link{
 color : #336633;
}

h2 a:visited{
 color : #336633;
}

h2 a:hover{
 color : #776600;
}

p.bana img{
 margin-top : 5px;
 margin-bottom : 5px;
}

th,td{
 padding : 10px;
}

th{
 width : 20%;
}

tbody.th_long th{
 width : 55%;
}

table ol{
 list-style-type : upper-roman;
}

table ol ul{
 list-style-type : none;
 padding-left : 1em;
}

/* ------------下層ページ共通設定------------ */

/* 長い文書を<p>で区切る */

div.narration{
 margin-bottom : -0.5em;
}

div.narration p{
 margin-bottom : 0.5em;
}

#list-crumbs,#list-crumbs a{
 clear : both;
 font-size : x-small;
 margin-bottom : 5px;
}

div.head-text{
 margin-bottom : 5px;
}

div.head-text ul{
 margin-top : 5px;
 margin-bottom : 5px;
}

p.center{
 text-align : center;
}

p.button input{
 color : #336633;
 font-weight : bold;
 margin-top : 10px;
 padding-top : 1px;
 padding-bottom : 1px;
 background-color : #b5cfad;
 border : 2px outset #73ae5a;
}

/* ------------ .list設定------------ */

.list{
 margin-top : 5px;
 margin-bottom : 5px;
 background-color : #eeeeee;
 border : 1px solid #cccccc;
}

.list li{
 line-height : 140%;
 margin-left : 0.5em;
}

dl.list{
 padding-left : 10px
}

dl.list dt{
 font-weight : bold;
 margin-top : 5px;
 margin-bottom : 5px;
 padding-left : 5px;
 border-left : 5px solid #99cc33;
}

dl.list dd{
 margin-left : 10px;
 margin-bottom : 5px;
}

dl.list dd select{
 width : 150px;
}

/* ------------ .capture設定------------ */

div.capture{
 float : left;
 text-align : center;
 margin-top : 5px;
 padding-right : 10px;
 padding-bottom : 5px;
}

/* ------------ table.form設定------------ */

table.form{
 width : 440px;
}

table.form tbody th{
 width : 100px;
 vertical-align : middle;
}

table.form tbody td{
 width : 230px;
 vertical-align : middle;
}

table.form tbody td.hints{
 width : 60px;
 color : #0066ff;
 padding-left : 0;
}

table.form tfoot td{
 text-align : center;
}

table.form tfoot input{
 width : 6em;
 color : #0066ff;
 font-weight : bold;
 margin-right : 30px;
 padding-top : 1px;
 padding-bottom : 1px;
 background-color : #eeeeee;
 border : 2px outset #0066ff;
}

table.form tfoot input.button-reset{
 background-color : #eeeeee;
}

table.form tbody input{
 width : 80%;
}

table.form tbody textarea{
 width : 100%;
}

/* ------------ ローカルナビゲーション有りのページ設定------------ */

#main_l-navi{
 padding-top : 5px;
 margin-left : 80px;
/* background-image : url(img/bg_menu.gif);*/
 background-repeat : repeat-y;
}

#contents_l-navi{
 float : left;
 width : 550px;
}

#l-navi{
 float : right;
 width : 180px;
 padding-right : 10px;
 padding-left : 10px;
}


/* ------------ ローカルナビゲーション無しのページ設定 ------------ */

#main{
 margin-left : 80px;
 padding-top : 5px;
}

/* ------------ コンテンツトップのページ設定 ------------ */

#contents_front{
 float : left;
 width : 440px;
}

#contents_front form.login{
 padding-right : 10px;
 padding-left : 10px;
}

#front_img{
 float : right;
 margin-bottom : 15px;
}

#front_img_h2side{
 width : 250px;
 float : right;
 margin-bottom : 15px;
}

/* ------------ dl.l-navi_linkとul.l-navi_link設定 ------------ */

#contents_front dl.l-navi_link{
 padding-right : 10px;
 padding-left : 10px;
}

.l-navi_link li a{
 display : inline-block;
 line-height : 140%;
}

dl.l-navi_link dt{
 color : #3366cc;
 font-weight : bold;
 padding-bottom : 5px;
}

dl.l-navi_link dt a:link{
 color : #317637;
}

dl.l-navi_link dt a:visited{
 color : #317637;
}

dl.l-navi_link dt a:hover{
 color : #cba147;
}

dl.l-navi_link dd{
 padding-bottom : 15px;
}

ul.l-navi_link{
 margin-bottom : 15px;
 padding-right : 10px;
}

.l-navi_link ul{
 list-style-type : none;
 padding-left : 1em;
}

.l-navi_link li{
 list-style-type : none;
 line-height : 140%;
}
/* リンクアイコンの設定 */
.l-navi_link li a{
 padding-left : 15px;
 background-image : url(img/icon_link.gif);
 background-repeat : no-repeat;
 background-position : 0px 50%;
}

.l-navi_link li a:hover{
 background-image : url(img/icon_link2.gif);
}

.l-navi_link li.nowpage{
 color : #cba147;
 padding-left : 15px;
 background-image : url(img/icon_link2.gif);
 background-repeat : no-repeat;
 background-position : 0px 50%;
}

/* 会社案内用テーブル */
#anai_front{
 float : left;
 width : 640px;
}
/* 会社案内リンクの設定 */
#contents_front tr.l-anai_link{
 padding-right : 10px;
 padding-left : 10px;
}
.l-anai_link td a{
 padding-left : 15px;
 background-image : url(img/icon_top.gif);
 background-repeat : no-repeat;
 background-position : 0px 50%;
 margin-right : 5px;
}
.l-anai_link td a:hover{
 background-image : url(img/icon_top2.gif);
 margin-right : 5px;
}

.l-anai_link td.nowpage{
 color : #cba147;
 padding-left : 15px;
 background-image : url(img/icon_top2.gif);
 background-repeat : no-repeat;
 background-position : 0px 50%;
 margin-right : 5px;
}

/* ------------ 以下固有設定 ------------ */

/* 会社概要ページのdl.yakuin設定 */

table dl.yakuin dt{
 width : 8em;
 float : left;
 clear : left;}

/* 地図ページのdiv.map設定 */

div.map{
 width : 405px;
 margin-left : 72px;
 margin-bottom : 15px;
}

div.map_add{
 margin-top : 5px;
 padding : 5px 10px;
 border : 1px solid #cccccc;
 background-color : #eeeeee;
}

/* 会社組織図ページdiv.soshikizu設定 */
div.soshikizu{
 width : 560px;
 margin-left : 0px;
 margin-bottom : 15px;
}

/* 役員挨拶・先輩社員の声ページのdiv.greeting設定 */

div.greeting:after
{
 content : " ";
 display : block;
 clear : both;
 height : 0.1px;
 visibility : hidden;
}

/* Hidden from Mac-IE \*/
* html 
div.greeting
{
 height : 1%;  /* for IE-6 under */
}
*:first-child + html 
div.greeting
{
 min-height : 1%;  /* IE-7 only */
}
/**/

/* Mac-IE only \*//*/
div.greeting
{
 display : inline-block;
}

/**/

div.greeting{
 margin-bottom : 15px;
}

div.greeting img{
/* 画像のサイズ */
 width : 180px;
/* 画像の配置位置 */
/* float : left; */
/* 右寄せ */
 float : right;
/* マージン設定 */
 margin-left : 5px;
 margin-right : 5px;
}

div.greeting p.voice{
 width : 550px;
/* float : right;*/
}
/* 社長の名前マージン位置 */
div.greeting p.name{
 right: 0;
/* 上からマージン */
 margin-top : 180px;
}


/* 求人ページのdiv.kyujin_bt設定 */

div.kyujin_bt img{
 margin-bottom : 10px;
}

div.kyujin_bt p{
 font-size : smaller;
 text-align : center;
 line-height : 130%;
}


/*フォント赤設定（求人ページ）*/
.f_clr_red{
 color : #ff0000;
}


/* プライバシーポリシーページのdl.callname設定 */

dl.callname{
 float : right;
 text-align : right;
 margin-top : 15px;
 margin-bottom : 15px;
}