@charset "Shift_JIS";
/*下層ページコンテンツ設定*/
/*
会社情報
┣ごあいさつ
┣経営理念
┣コンセプト
┣会社概要
┣沿革
┣支持される理由
┣交通案内
┗採用案内

*/
/****************************************************************/
/*会社案内コンテンツ　基本レイアウト領域設定*/
/****************************************************************/
/*h3タイトル*/
h3#cmp-h3{
margin:0;
}
/*コンテンツ　1カラム構成*/
/*幅の設定*/
div#contens900{
width:900px;
margin:0 auto 20px auto;
padding:0;
/*border:1px solid blue;/*青*/
overflow:hidden;
}
div#cmp-lclm{
width:211px;
margin:0;
padding:0;
float:left;
background-color:#996699;
}
div#cmp-main{
width:680px;
margin:0 0 0 9px;
padding:0;
float:right;
/*background-color:#99CCFF;*/
}
/*コンテンツメニュー*/
ul#cmp-menu{
width:211px;
margin:0;
padding:0;
}
ul#cmp-menu li a{
display:block;
width:187px;
height:27px;
padding:10px 0 0 24px;
background:url(../company/img/company-menu.gif) no-repeat;
}
ul#cmp-menu li a:hover{
text-decoration:none;
background:url(../company/img/company-menu.gif) no-repeat 0 -37px;
}
ul#cmp-menu li#here a{
display:block;
width:187px;
height:27px;
background:url(../company/img/company-menu.gif) no-repeat 0 -37px;
}
/****************************************************************/
/*会社案内TOP*/
/****************************************************************/
/*背景画像領域囲み*/
div#contents3 p{
float:left;
margin:15px 9px 0 9px;
}
/*テキスト位置設定*/
div#contents3 p span{
display:block;
width:250px;
padding:55px 0 0 10px;
}
/*リンクの設定*/
div#contents3 p a{
display:block;
width:276px;
height:229px;
margin:0;
padding:0;
color:#000000;/*黒*/
/*border:1px solid orange;*/
}
div#contents3 p a:hover{
color:#000000;/*黒*/
text-decoration:none;
}
/*背景画像の設定*/
/*あいさつ*/
p#cmp-cntbk1{
width:278px;
height:229px;
background : url(../company/img/btn_greeting.jpg) no-repeat;
}
/*経営理念*/
p#cmp-cntbk2{
width:278px;
height:229px;
background : url(../company/img/btn_company.jpg) no-repeat;
}
/*コンセプト*/
p#cmp-cntbk3{
width:278px;
height:229px;
background : url(../company/img/btn_concept.jpg) no-repeat;
}
/*会社概要*/
p#cmp-cntbk4{
width:278px;
height:229px;
background : url(../company/img/btn_overview.jpg) no-repeat;
}
/*沿革*/
p#cmp-cntbk5{
width:278px;
height:229px;
background : url(../company/img/btn_history.jpg) no-repeat;
}
/*支持される理由*/
p#cmp-cntbk6{
width:278px;
height:229px;
background : url(../company/img/btn_reason.jpg) no-repeat;
}
/*交通案内*/
p#cmp-cntbk7{
width:278px;
height:229px;
background : url(../company/img/btn_access.jpg) no-repeat;
}
/*採用案内*/
p#cmp-cntbk8{
width:278px;
height:229px;
background : url(../company/img/btn_recruiting.jpg) no-repeat;
}
/*戦略的な組織体制*/
p#cmp-cntbk9{
width:278px;
height:229px;
background : url(../company/img/btn_organization.jpg) no-repeat;
}
/****************************************************************/
/*ごあいさつ*/
/****************************************************************/
dl#greeting{
width:670px;
margin:20px 0 80px 0;
overflow:hidden;
}
dl#greeting dt{
width:200px;
float:left;
}
dl#greeting dt img{
padding:10px 0;
}
dl#greeting dd{
width:470px;
float:right;
text-align: justify;
text-justify:distribute; 
}
dl#greeting dd img{
padding:10px 0;
}
/****************************************************************/
/*経営理念*/
/****************************************************************/
dl#corporate{
width:675px;
margin:30px 0 80px 0;
overflow:hidden;
}
dl#corporate dt{
width:365px;
padding:0 10px 0 0;
float:left;
}
dl#corporate dd{
width:300px;
float:right;
}
/****************************************************************/
/*会社概要*/
/****************************************************************/
table#overview{
width:675px;
margin:20px 0 50px 0;
line-height:180%;
}
table#overview th{
width:20%;
padding:5px;
background-color:#dedfef;
border-bottom:1px dotted #c6c3c6;
font-weight:normal;
text-align:left;
vertical-align:text-top;
}
table#overview td{
width:80%;
padding:5px;
border-bottom:1px dotted #c6c3c6;
}
/****************************************************************/
/*沿革*/
/****************************************************************/
table#history{
width:100%;
margin:20px 0 80px 0;
}
/*テーブルヘッダ全体の設定*/
table#history th{
padding:5px;
font-weight:normal;
font-size:12px;
}
/*各テーブルヘッダの幅・背景色設定*/
table#history th.wdt01{
width:8%;
background-color:#adbab5;
border-right:2px solid #fff;
}
table#history th.wdt02{
width:19%;
background-color:#adbab5;
background-color:#bdc7ce;
border-right:2px solid #fff;
}
table#history th.wdt03{
width:8%;
background-color:#adbab5;
border-right:2px solid #fff;
}
table#history th.wdt04{
width:65%;
background-color:#cecbad;
border-right:2px solid #fff;
}
/*セル全体の設定*/
table#history td{
padding:3px;
border-bottom:1px dotted #c6c3c6;
font-size:12px;
vertical-align:text-top;
}
/*ボーダーラインの削除*/
table#history td.line-none{
border:none;
}
/*各セルの背景色設定*/
table#history td.bk-col01{
background-color:#d6dfd6;
padding:5px 10px 5px 0;
text-align:right;
border-right:2px solid #fff;
}
table#history td.bk-col02{
background-color:#deebef;
border-right:2px solid #fff;
}
table#history td.bk-col03{
background-color:#f7f3ce;
line-height:130%;
}
/****************************************************************/
/*支持される理由 Modify 2010.06.30 S.Kataoka */
/****************************************************************/
dl.reason{
width:630px;
margin:0 auto 30px auto;
}
dl.reason dd{
padding:0 0 0 5px;
line-height:170%;
text-align: justify;
text-justify:distribute; 
}
dl.reason2{
width:675px;
margin:0 0 15px 0;
}
dl.reason2 dt{
width:675px;
line-height:30px;
padding:0 0 0 20px;
font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
font-size: 30px;
font-weight: bold;
color:midnightblue;
}
dl.reason2 dd{
width:640px;
padding:5px 0 20px 40px;
font-family: "ＭＳ Ｐゴシック",sans-serif;
font-size: small;
font-weight: normal;
color:black;
}
/****************************************************************/
/*採用案内*/
/****************************************************************/
/*募集要項*/
table#rct-points{
width:673px;
border-collapse:collapse;
border:1px solid #080c08;
margin:10px 0 20px 0;
}
table#rct-points th{
border:1px solid #080c08;
background-color:#00417b;/*紺*/
color:#FFFFFF;
padding:3px 5px;
}
table#rct-points td{
border:1px solid #080c08;
padding:3px;
}
/*応募資格・給与・待遇・勤務地・勤務時間・休日*/
dl.rct-info{
width:333px;
float:left;
margin:0 3px 10px 0;
}
dl.rct-info dt{
margin-bottom:0;
padding:0;
background-color:#dee7ef;
display:inline;/*下部の余白回避*/
}
dl.rct-info dd{
margin:0;
padding:5px;
background-color:#dee7ef;
border:1px solid #bdcbd6;/*薄水色*/
border-top:none;
}
/*お問い合わせ*/
dl.rct-info2{
width:674px;
margin:0 3px 10px 0;
}
dl.rct-info2 dt{
margin-bottom:0;
padding:0;
background-color:#dee7ef;
display:inline;/*下部の余白回避*/
}
dl.rct-info2 dd{
margin:0;
padding:5px;
background-color:#dee7ef;
border:1px solid #bdcbd6;/*薄水色*/
border-top:none;
/*border:1px solid red;*/
}
/*応募はこちら*/
dl.rct-info2 dd a{
display:block;
margin:-40px 0 0 320px;
/*＼*/
overflow:hidden;
/**/
text-indent:-9999px;
width:338px;
height:42px;
background:url(../company/img/recruiting/btn_enty.gif) no-repeat;
}
dl.rct-info2 dd a:hover{
background:url(../company/img/recruiting/btn_enty.gif) no-repeat 0 -42px;
}

/****************************************************************/
/*応募フォーム*/
/****************************************************************/
table#recruiting-form{
width:660px;
margin:20px 0 10px 0;
border-collapse:collapse;
border:1px solid #ccc;
}
table#recruiting-form td.label{
width:30%;
text-align:left;
font-weight:normal;
border:1px solid #ccc;
padding:8px 5px;
}
table#recruiting-form td.value{
width:70%;
border:1px solid #ccc;
padding:8px 5px;
}
/**/
table#recruiting-form td.bkrec-col{
background-color:#f7fbff;
}
/*【必須】のレイアウト*/
table#recruiting-form td.label em{
font-style:normal;
font-size:0.9em;
padding:0 0 0 3px;
color:#709eba;/*ブルー*/
}
/*【任意】のレイアウト*/
table#recruiting-form td.label em.free{
font-style:normal;
font-size:0.9em;
padding:0 0 0 3px;
color:#a5c18e;/*みどり*/
}
/*例）レイアウト*/
table#recruiting-form td.value em{
font-style:normal;
color:#777;
padding:0 0 0 3px;
}